@charset "UTF-8";
/*======================================

	common.css
	
	clearfix

#sample {
	zoom: 100%;
}

#sample:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}

	safari hack

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#sample { }
}

=======================================*/

/*======================================

	General
	
=======================================*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body {
	color:#444444;
	font:13px/1.231 arial, helvetica, clean, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
　　*font-size:small;
　　*font:x-small;
}
select, input, button, textarea, button {
	font:99% arial, helvetica, clean, sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}
body, h1, h2, h3, h4, h5, h6, form, ul, ol, li, p, a, input {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
}
td {
	vertical-align: top;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:link {
	color: #3366cc;
	text-decoration: none;
}
a:visited {
	color: #6666cc;
	text-decoration: none;
}
a:hover {
	color: #019831;
	text-decoration: underline;
}
a:active {
	color: #019831;
	text-decoration: underline;
}
img {
	border: 0;
}
li {
	list-style: none;
}
em {
	font-style: normal;
	font-weight: bold;
}
.btn, .textlink {
	margin: 8px 0 0 0;
	text-align: right;
}
.text , #news .content p{
	margin: 0 0 1.2em 0;
}
.arrow {
	color: #093;
}
.pat2 {
	margin-top: 1.2em;
}
.back {
	text-align: right;
	margin: 1.2em 0;
	font-size: 85%;
}
.sans {
	background: none;
	border: 0;
}
/*======================================

	body
	
=======================================*/
html {
	height:100%;
}
body {
	height:100%;
	text-align: center;
	line-height: 1.3;
	color: #444;
}
#container {
	width: 980px;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	background: #fff url(../img/bg/container_bg.gif);
}
#ie7 #container {
	height: auto;
}
#ie7 #container, #ie6 #container {
	letter-spacing: 0.1em;
}
body > #container {
	height: auto;
}
/*======================================

	header
	
=======================================*/
#header {
	position: relative;
	width: 950px;
	height: 71px;
	margin: 0px auto;
	background: url(../img/bg/header_bg.gif) repeat-x;
	text-align: right;
}
/* logo
=======================================*/
#header .logo {
	float: left;
	width: 100px;
	text-align: center;
}
/*共通ロゴ　Gakken*/
#header .logo .siteNameImg {
	display: block;
	margin: 13px 0 7px 16px;
	position: absolute;
	left: 0px;
	top: -5px;
}
/*各社社名*/
#header .logo .siteName {
	margin: 0 0 0 15px;
	position: absolute;
	left: 145px;
	top: 21px;
}
/* header petitNavi
=======================================*/
#header .petitNavi {
	position: absolute;
	right: 15px;
	top: 14px;
	display: inline;
	font-size: 93%;
}
#ie7 #header .petitNavi, #ie6 #header .petitNavi {
	top: 13px;
	font-size: 85%;
}
#header .petitNaviPmark {
	position: absolute;
	right: 334px;
	top: 14px;
	display: inline;
	font-size: 93%;
}
#header .petitNavi .bullet, #header .petitNaviPmark .bullet {
	margin: 0 4px 0 10px;
}
#header .petitNavi a, #header .petitNaviPmark a {
	color: #444;
}
#header .petitNavi a:hover, #header .petitNaviPmark a:hover {
	color: #039;
}
/* search form
=======================================*/
#header form {
	display: inline;
}
#header form p {
	position: absolute;
	right: 15px;
	top: 8px;
	width: 233px;
	height: 1.7em;
	border: 1px solid #999;
}
#ie7 #header form p, #ie6 #header form p {
	height: 1.65em;
}
#header form p.pmark {
	right: 85px;
}
#header input.form {
	position: absolute;
	right: 57px;
	top: 0;
	width: 170px;
	padding: 0.2em 0 0 5px;
	border: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) { /* for safari */
 #header input.form {
 right: -1px;
 width: 170px;
 height: 1.5em;
 padding-right: 58px;
 border-right: 1px solid #999;
}
}
#header input.btn {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	margin: 0.16em 2px 0 5px;
	background: #fff;
	border: 0;
}
#header .petitNavi .en {
	display: none;
}
/* globalNavi
=======================================*/
#globalNavi {
	position: absolute;
	right: 15px;
	top: 37px;
}
#globalNaviPmark {
	position: absolute;
	right: 85px;
	top: 37px;
}
#globalNavi li, #globalNaviPmark li {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	height: 33px;
}
#globalNavi li a, #globalNaviPmark li a {
	position: relative;
}
#globalNavi li a:hover, #globalNaviPmark li a:hover {
	top: -33px;
	border: 0; /* for ie */
}
#globalNavi li.naviNews a, #globalNaviPmark li.naviNews a {
	width: 67px;
}
#globalNavi li.naviCsr a, #globalNaviPmark li.naviCsr a {
	width: 119px;
}
#globalNavi li.naviBusiness a, #globalNaviPmark li.naviBusiness a {
	width: 69px;
}
#globalNavi li.naviCompany a, #globalNaviPmark li.naviCompany a {
	width: 69px;
}
#globalNavi li.naviRecruit a, #globalNaviPmark li.naviRecruit a {
	width: 70px;
}
#globalNavi li.naviGroup a, #globalNaviPmark li.naviGroup a {
	width: 141px;
}
/*======================================

	topicPath
	
=======================================*/
.topicPath {
	width: 930px;
	margin: 0 auto;
	/* padding: 5px 0 0 0; */
	padding: 5px 10px 0;
	text-align: left;
	font-size: 93%;
}
.topicPath a {
	color: #444;
}
.topicPath a:hover {
	color: #039;
}
.topicPath a.siteRoute {
	/* margin: 0 0 0 15px; */
	margin: 0;
	text-transform: uppercase;
}
/*======================================

	heading
	
=======================================*/
h1 {
	padding: 3px 0 12px 0;
}
.home h1 {
	display: none;
}
/*======================================

	flash / topImage
	
=======================================*/
#flash, #topImage {
	margin: 4px 0 0 0;
}
/*======================================

	wrapper
	
=======================================*/
#wrapper {
	width: 920px;
	margin: 0 auto;
	padding: 0 15px 0 15px;
	text-align: left;
}
#wrapper:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}
/*======================================

	main
	
=======================================*/
#main {
	position: relative;
	float: left;
	width: 685px;
	margin: 18px 0 0 0;
}
#main:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}
#ie7 #main, #ie6 #main {
	font-size: 93%;
}
#main .category {
	clear: both;
}
#main .category:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}
.inner #main {
	margin-top: 10px;
	background: url(../img/border/border_gray_w685.gif) no-repeat;
}
#main .petitNavi {
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 93%;
}
#main .petitNavi span {
	margin: 0 0.6em;
	line-height: 1.4;
}
/* after2
=======================================*/
#main .after2 {
	padding: 18px 0 0 0;
}
#ie7 #main .after2 {
	padding: 9px 0 0 0;
}
/* categoryTop
=======================================*/
.categoryTop {
	zoom: 100%;
}
.categoryTop:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}
.categoryTop .image {
	float: left;
	width: 250px;
}
.categoryTop .innerNavi {
	float: left;
	width: 421px;
	margin: 0 0 0 14px;
	padding: 3px 0 0 0;
	background: url(../img/border/border_gray_w421.gif) no-repeat;
}
.categoryTop .innerNavi ul {
	margin: 7px 0 0 0;
	padding: 0 0 1px 0;
	background: url(../img/dot/dot_gray_1x1.gif) repeat-x left bottom;
}
#ie7 .categoryTop .innerNavi ul, #ie6 .categoryTop .innerNavi ul {
	margin: 10px 0 0 0;
}
.categoryTop .innerNavi li {
	height: 29px;
	padding: 1px 0 0 0;
	background: url(../img/dot/dot_gray_1x1.gif) repeat-x left top;
}
#ie7 .categoryTop .innerNavi li, #ie6 .categoryTop .innerNavi li {
	font-size: 1%; /* for height adjustment */
}
/* h2
=======================================*/
#main h2 {
	float: left;
	width: 90px;
}
/* content
=======================================*/
#main .content {
	float: right;
	width: 595px;
	padding: 3px 0 0 0;
	background: url(../img/border/border_gray_w595.gif) no-repeat;
	font-size: 108%;
}
/* h3
=======================================*/
#main h3 {
	padding: 12px 0 15px 0;
}
/*======================================

	column
	
=======================================*/
.column {
	float: right;
	width: 220px;
	margin: 18px 0 0 0;
	padding: 3px 0 0 0;
	background: url(../img/border/border_gray_w220.gif) no-repeat;
}
.home .column {
	background: none;
}
.inner .column {
	margin-top: 10px;
}
.column ul {
	margin: -3px 0 0 0;
	padding: 0 0 4px 0;
	background: url(../img/dot/dot_gray_1x1.gif) repeat-x left bottom;
}
.column li {
	margin: 3px 0 0 0;
	padding: 4px 0 0 2px;
	background: url(../img/dot/dot_gray_1x1.gif) repeat-x;
}
#ie7 .column li, #ie6 .column li {
	font-size: 1%; /* for height adjustment */
}
.column .bn {
	margin:10px 0 5px 0;
}
.home .column li.columnNews, .home .column li.columnContact, .inner .column li.columnCsr, .inner .column li.columnGnp, .home .gnp .column .list2, .home .column li.columnBusiness, .inner .mesh .column p.title1, .inner .mesh .column li.columnMedicine, .inner .mesh .column li.columnNursing, .home .bs .column .list2, .home .fs .column .list2, .home .glg .column .list2, .inner .glg .column .columnCsr2, .employ .medicom .column .list1, .employ .medicom .column .list2, .job .medicom .column .list1, .job .medicom .column .list2, .student .medicom .column .list1, .student .medicom .column .list2, .inner .medicom .column .list4, .column .list0 {
	display: none;
}
.home .educational .column li.columnBusiness, .home .kyoikumirai .column li.columnBusiness, .home .next .column li.columnBusiness, .home .cocofump .column li.columnBusiness, .employ .medicom .column .list4, .job .medicom .column .list4, .student .medicom .column .list4, .business .medicom .column .list4, .home .sf .column li.columnBusiness, .home .column .list0 {
	display: block;
}
.home .column li.columnBusiness, .inner .column li.columnBusiness, .employ .medicom .column .list4, .job .medicom .column .list4, .student .medicom .column .list4, .sf .column li.columnGoodsinfo {
	margin: 9px 0 0 0;
}
.home #ie7 .column li.columnBusiness, .inner #ie7 .column li.columnBusiness, .home #ie6 .column li.columnBusiness, .inner #ie6 .column li.columnBusiness, .employ #ie7 .medicom .column .list4, .employ #ie6 .medicom .column .list4, .job #ie7 .medicom .column .list4, .job #ie6 .medicom .column .list4, .student #ie7 .medicom .column .list4, .student #ie6 .medicom .column .list4 {
	margin: 12px 0 0 0;
}
.sf .column li.columnBusiness, #ie7 .sf .column li.columnBusiness, #ie6 .sf .column li.columnBusiness {
	margin-top: 3px;
}
.column li span {
	position: relative;
	display: block;
	overflow: hidden;
	width: 214px;
}
.column li span a {
	position: relative;
	overflow: hidden;
	width: 214px;
}
.business .column li.columnCs span a, .business .column li.columnBiz span a, .business .column li.columnNursery span a, .business2 .column li.columnCs2 span a, .business2 .column li.columnBiz2 span a, .business2 .column li.columnSchool span a, .company .column li.columnCompany span a, .recruit .column li.columnRecruit span a, .news .gps .column .columnCompany span a, .business .column li.columnBusiness span a, .news .marketing .column .columnCompany span a, .home .cocofump .column .columnCocofump span a, .csr .glg .column .columnCsr3 span a, .employ .medicom .column .columnEmploy span a, .job .medicom .column .columnJob span a, .student .medicom .column .columnStudent span a, .accounts .column .columnAccounts span a {
	left: -214px;
}
.column .list1 li a:hover, .column .list2 li a:hover, .column .list4 li a:hover {
	left: -214px;
	border: 0; /* for ie */
}
/* .column .list2, .column .list3, .column .list4
=======================================*/
.column .list1, .column .list2, .column .list3, .column .list4 {
	margin: 6px 0 0 0;
	padding: 9px 0 0 0;
	background: url(../img/border/border_gray_w220.gif) no-repeat;
}
.home .column .listlink {
	margin: 6px 0 0 0;
	padding: 3px 0 0 0;
	background: url(../img/border/border_gray_w220.gif) no-repeat;
}
/* 震災リンク 20170403追加 
.column .list0 {
	padding-bottom: 8px;
}


span.h30_7_gouu_link {
	margin: -102px 0 2px 8px;
	display: block;
}

span.kumamoto_shinsai_link {
	margin-left: 8px;
	margin-bottom: 2px;
	display: block;
}

span.shinsai_link {
	margin-right: 0;
	margin-left: 8px;
	display: block;
}
 震災リンク 20170403追加ここまで */

/* 震災リンク 20191017追加 */
span.r1t19_link {
	margin: -166px 0 2px 8px;
	display: block;
}

/* 震災リンク 20180910追加 */
.column .list0 {
	padding-bottom: 8px;
}


span.kumamoto_shinsai_link ,span.h30_7_gouu_link ,span.h30ts_link{
	margin-left: 8px;
	margin-bottom: 2px;
	display: block;
}

span.shinsai_link {
	margin-right: 0;
	margin-left: 8px;
	display: block;
}
/* 震災リンク 20180910追加ここまで */

.inner .gps .list2, .inner .bs .list2, .inner .fs .list2, .employ .medicom .column .list4, .job .medicom .column .list4, .student .medicom .column .list4 {
	padding: 0;
	background: none;
}
.inner .gps .list1 ul, .inner .bs .list1 ul, .inner .fs .list1 ul {
	padding: 6px 0 0 0;
	background: none;
}
.inner .column .list3 {
	display: none;
}
/* .medicom
=======================================*/
.home .medicom .column .list1 .columnBusiness {
	display: block;
	height: 107px;
}
.home .medicom .column .list1 .columnBusiness span {
	display: none;
}
.home .medicom .column .list4 li {
	position: relative;
	top: -362px;
}
/* submenu
=======================================*/
.column .submenu {
	display: none;
	width: 214px;
	background: #dcf4cf;
}
#ie7 .column .submenu, #ie6 .column .submenu {
	padding-bottom: 6px;
}
.column .list2 .submenu {
	background: #d0f1d5;
}
.cocofump .column .list3 .submenu {
	background: #ffecf1;
}
.business .column .columnCs .submenu, .business2 .column .columnCs2 .submenu, .business .column .columnBiz .submenu, .business2 .column .columnBiz2 .submenu, .business .column .columnNursery .submenu, .business2 .column .columnSchool .submenu, 

/***ニュースカテゴリのONOFF操作***/
/*学研プラスニュース*/
.news .column .columnNews .submenu {
	display:block;
}
.news .column .columnNews .submenu #submenu_mark, .news .column .columnNews .submenu #submenu_epub, .news .column .columnNews .submenu #submenu_pub {
	display:none;
}
/*旧学研教育出版ニュース*/
.news_epub .column .columnNews .submenu {
	display:block;
}
.news_epub .column .columnNews .submenu #submenu_plus, .news_epub .column .columnNews .submenu #submenu_mark, .news_epub .column .columnNews .submenu #submenu_pub {
	display:none;
}
/*旧学研パブリッシングニュース*/
.news_pub .column .columnNews .submenu {
	display:block;
}
.news_pub .column .columnNews .submenu #submenu_plus, .news_pub .column .columnNews .submenu #submenu_mark, .news_pub .column .columnNews .submenu #submenu_epub {
	display:none;
}
/*旧学研マーケティングニュース*/
.news_mark .column .columnNews .submenu {
	display:block;
}
.news_mark .column .columnNews .submenu #submenu_plus, .news_mark .column .columnNews .submenu #submenu_pub, .news_mark .column .columnNews .submenu #submenu_epub {
	display:none;
}
.company .column .columnCompany .submenu, .news .gps .column .columnCompany .submenu, .news .marketing .column .columnCompany .submenu, .business .educational .column .columnBusiness .submenu, .business .kyoikumirai .column .columnBusiness .submenu, .news .fs .column .columnCompany .submenu, .home .cocofump .column .columnCocofump .submenu, .news .glg .column .columnCompany .submenu, .business .sf .column .columnBusiness .submenu {
	display: block;
}
.company .column li.columnNews .submenu {
	display: none;
}
.column ul .submenu li {
	padding-left: 32px;
	background: none;
}
#ie7 .column ul .submenu li, #ie6 .column ul .submenu li {
	font-size:13px;
*font-size:small;
*font:x-small; /* reset yui font css */
}
.cocofump .column ul .submenu li {
	padding-left: 25px;
}
.column ul .submenu li.long {
	letter-spacing: -1px;
}
#ie7 .column ul .submenu li.long, #ie6 .column ul .submenu li.long {
c  letter-spacing: 0;
}
.cocofump .column ul .submenu li.long a {
	padding-left: 7px;
}
#ie7 .cocofump .column ul .submenu li.long a, #ie6 .cocofump .column ul .submenu li.long a {
	padding-left: 14px;
}
.column ul .submenu li a {
	display: inline;
	padding-left: 14px;
	background: url(../img/bullet/bullet_triangle_green.gif) no-repeat left center;
	line-height: 1.45;
	font-size: 93%;
	color: #444;
}
#ie7 .column ul .submenu li a.lines, #ie6 .column ul .submenu li a.lines {
	background: url(../img/bullet/bullet_triangle_green.gif) no-repeat 0 0.6em;
}
#ie7 .column .columnBiz .submenu li a.lines, #ie6 .column .columnBiz .submenu li a.lines {
	padding-left: 18px;
	background: url(../img/bullet/bullet_circle_blue.gif) no-repeat 0 0.6em;
}
#ie7 .column .columnCsr ul.submenu li a.lines_anq span.lines, #ie6 .column .columnCsr ul.submenu li a.lines_anq span.lines {
	background: url(../img/bullet/bullet_triangle_green.gif) no-repeat 0 0.6em;
}
#ie7 .column ul .submenu li a.lines, #ie6 .column ul .submenu li a.lines, #ie7 .column ul .submenu .submenu li a.lines, #ie6 .column ul .submenu .submenu li a.lines {
	background: url(../img/bullet/bullet_triangle_green.gif) no-repeat 0 0.6em;
}
.cocofump .column ul .submenu li a {
	background: url(../img/bullet/bullet_triangle_red.gif) no-repeat left center;
}
.column ul .submenu li a:hover {
	color: #039;
}
.column .list1 ul .submenu li a:hover, .column .list2 ul .submenu li a:hover {
	position: static;
}
.column ul .submenu .submenu {
	width: 182px;
	padding-bottom: 0;
	background: none;
}
#ie7 .column .submenu .submenu, #ie6 .column .submenu .submenu {
	padding-bottom: 0;
}
.column ul .submenu .submenu li {
	padding-left: 10px;
	background: none;
}
.column ul .submenu span.lines {
	display: inline;
	width: 146px;
	cursor: pointer;
}
#ie7 .column ul .submenu span.lines, #ie6 .column ul .submenu span.lines {
	display: block;
	padding-left: 14px;
}
#ie7 .column ul .submenu span.long, #ie6 .column ul .submenu span.long {
	width: 150px;
}
.column ul .submenu span.lines span {
	margin-left: 14px;
}
#ie7 .column ul .submenu span.lines span, #ie6 .column ul .submenu span.lines span {
	margin-left: 0;
}
.column ul .submenu span.lines span.spe {
	margin-left: 47px;
}
#ie7 .column ul .submenu span.lines span.spe, #ie6 .column ul .submenu span.lines span.spe {
	margin-left: 23px;
}
/*======================================

	footer
	
=======================================*/
#footer {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 23px 0 10px 0;
	text-align: left;
}
#ie7 #footer, #ie6 #footer {
	margin-top: 5px;
}
/* #footer .list1, #footer .list2
=======================================*/
#footer ul {
	padding: 0.32em 0 0.35em 14px;
	zoom: 100%; /* for clearfix */
}
@media screen and (-webkit-min-device-pixel-ratio: 0) { /* for safari */
 #footer ul {
 padding: 0.4em 0 0.35em 14px;
}
}
#footer .list1 {
	background: #093;
	color: #fff;
}
#footer ul:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}
#footer li {
	float: left;
	padding: 0 10px 0 0;
}
#footer li a {
	margin: 0 10px 0 0;
}
#footer .list1 li a {
	color: #fff;
}
#footer .list1 li a:hover {
	color: #039;
}
#footer .list2 {
	width: 783px;
	border-bottom: 1px solid #ccc;
}
#footer .list2 li a {
	color: #444;
}
#footer .list2 li a:hover {
	color: #039;
}
/* copyright
=======================================*/
#footer .copyright {
	padding: 0.32em 0 0.35em 14px;
	font-size: 93%;
}
/* logo
=======================================*/
#footer .logo {
	position: absolute;
	right: 15px;
	top: 4.9em;
}
/* margin
=======================================*/
.t2mg {
	margin-top:2px;
}
.t5mg {
	margin-top:5px;
}
.t10mg {
	margin-top:10px;
}
.t20mg {
	margin-top:20px;
}
.t30mg {
	margin-top:30px;
}
.t40mg {
	margin-top:40px;
}
.t50mg {
	margin-top:50px;
}
.b5mg {
	margin-bottom:5px;
}
.b10mg {
	margin-bottom:10px;
}
.b20mg {
	margin-bottom:20px;
}
.b30mg {
	margin-bottom:30px;
}
.b40mg {
	margin-bottom:40px;
}
.b50mg {
	margin-bottom:50px;
}
.r5mg {
	margin-right:5px;
}
.r10mg {
	margin-right:10px;
}
.r20mg {
	margin-right:20px;
}
.r30mg {
	margin-right:30px;
}
.r40mg {
	margin-right:40px;
}
.r50mg {
	margin-right:50px;
}
.l5mg {
	margin-left:5px;
}
.l10mg {
	margin-left:10px;
}
.l20mg {
	margin-left:20px;
}
.l30mg {
	margin-left:30px;
}
.l40mg {
	margin-left:40px;
}
.l50mg {
	margin-left:50px;
}
.l60mg {
	margin-left:60px;
}
.l70mg {
	margin-left:70px;
}
.l80mg {
	margin-left:80px;
}
.cl {
	clear:both;
}
/*group*/
#main .content .g_navi {
	margin:5px 0 1em 0;
	padding-bottom:20px;
	line-height:140%;
}
#main .content .g_tel {
	margin-left:1em;
	font-size:85%;
}
#main .content .g_info {
	margin:0 0 0.4em 1em;
	font-size:85%;
	color:#666;
}
#main .content .g_info dt {
	float:left;
	width:55px;
}
#main .content .g_info dt img {
	margin-bottom:-3px;
}
#main .content .g_info dd {
	margin-left:60px;
}
#main .content .gototop {
	padding:1em 0;
	font-size:93%;
	text-align:right;
}
a.hover80:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
