@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                  全国
----------------------------------------------------------------------------*/
#main_map{
	position: relative;
}

.select_map{
	position: absolute;
	left:130px;
	top:30px;
	width:410px;
}

.select_map h3{
	padding: 2px 0 0 6px;
	font-size: 16px;
	line-height: 22px;
	border-left: #2AABE5 solid 6px;
	border-bottom: none;
}

#main_map ul{
	padding: 3px 0 0;
	margin-bottom:10px;
}

#main_map li{
	margin: 0 3px 3px 0;
	display: inline-block;
}

#main_map li:hover{
	opacity: 0.6;
}


#main_map p#map_p_abu{ position:absolute; left:75px; top:270px;}

.secBox .sectionInner{ width:1000px;}


@media screen and (max-width:940px){
	
	.secBox .sectionInner {
		width: 100%;
	}

	.select_map{
		left:45px;
	}
}

@media screen and (max-width:640px){
	.select_map{
		position:static;
		left:0;
		top:0;
		width:100%;
		z-index:999;
	}
	#main_map li{
		margin: 0 0 0.5em 0;
		display: inline-block;
		width:32%;
	}
	.secBox .sectionInner {
		width: 90%;
	}
}

/*----------------------------------------------------------------------------
 ***                                                           サイドメニュー
----------------------------------------------------------------------------*/

#sideMenu2{
	display:none; /**/
	z-index:999;
	width:60px;
	height:412px;
	position:fixed;
	right:0;
	top:200px;
}

#sideMenu2 li{ padding:6px 0 0 8px; line-height:0em;}
#sideMenu2 .gyoImg{ padding-top:9px;}
#sideMenu2 .gyoImg img{ padding:3px 0 0 4px;}

#sideMenu{
	display:none; /**/
	z-index:999;
	width:60px;
	height:412px;
	position:fixed;
	right:0;
	top:200px;
}

#sideMenu .gyoImg{ padding-top:7px;}
#sideMenu .gyoImg img{ padding:5px 0 0 7px;}



/*----------------------------------------------------------------------------
 ***                                                                市区リスト
----------------------------------------------------------------------------*/
#contentsArea{}

#shi_mapListSec{ border:#eee solid 8px; border-radius:10px; padding:1em 0; margin-bottom:2em;}
#shi_mapListSec .sectionInner{}

#shi_mapListSec p#mMapSec{ float:left; font-size:15px; width:200px; padding-left:25px; text-align:center;}
#shi_mapListSec p#mMapSec img{ margin-bottom:10px;}

#shi_mapListSec #listSecW{ float:right; width:750px; margin:0; margin-top:1em;}
#shi_mapListSec #listSecW h3{ font-size:20px; color:#2BABE8; line-height:1.0em; border-left:7px solid #FF9900; border-bottom:none; margin:0 0 12px 0; padding:3px 0 0 7px;}
#shi_mapListSec #listSecW .sectionInner{ padding-left:15px;}
#shi_mapListSec #listSecW ul{}
#shi_mapListSec #listSecW ul li{ float:left; font-size:16px; border-bottom:1px dotted #2BABE8; margin-bottom:5px; padding-left:15px; width:128px; margin-right:28px; background:url(/schools/images/images1605/btn/img_crick.jpg) left 6px no-repeat;}

.few_shi .mainSectionInner{ overflow:hidden;}
.few_shi #shi_mapListSec{ border:none; float:left; width:200px;}
.few_shi #shi_mapListSec p#mMapSec{ margin-bottom:20px; float:none;}
.few_shi #shi_mapListSec #listSecW{ display:none;}
.few_shi #sListSec{ width:761px; margin-top:0;}
.few_shi #sListSec .sListBox:last-child{ padding-right:0;}

@media screen and (max-width:940px){
	#shi_mapListSec #listSecW .sectionInner{ padding-left:0; width:100%;}
	#shi_mapListSec p#mMapSec{ float:none; margin:0 auto;}
	#shi_mapListSec p#mMapSec img{ margin-bottom:0; width:50%;}
	#shi_mapListSec #listSecW{ float:none; width:auto; margin-top:1em;}
	.few_shi #shi_mapListSec{ border:#eee solid 8px; float:none; width:100%;}
	.few_shi #sListSec{ width:100%; margin-top:0;}
	.few_shi #shi_mapListSec p#mMapSec{ margin-bottom:0;}
}

@media screen and (max-width:640px){
	#shi_mapListSec p#mMapSec{ float:none; font-size:120%; width:100%; padding-left:0;}
	#shi_mapListSec p#mMapSec img{ margin-bottom:0; width:50%;}
	#shi_mapListSec #listSecW{ float:none; width:auto; margin-top:1em;}
	#shi_mapListSec #listSecW .sectionInner{ padding-left:0; width:100%;}

	#shi_mapListSec #listSecW h3{ font-size:120%; margin:0 0 12px 0; padding:3px 0 0 7px;}
	#shi_mapListSec #listSecW ul li{ float:left; font-size:100%; margin:0 2% 0.5em 0; padding-left:15px; width:30%; }
	
	
	.few_shi #shi_mapListSec{ border:#eee solid 8px; float:none; width:100%;}
	.few_shi #sListSec{ width:100%; margin-top:0;}
	.few_shi #shi_mapListSec p#mMapSec{ margin-bottom:0;}



}

/*----------------------------------------------------------------------------
 ***                                                                校舎リスト
----------------------------------------------------------------------------*/

#sListSec{ margin-top:0.3em;}
#sListSec h3{ font-size:160%; border-left:0.3em solid #00AAE7; border-bottom:1px dotted #00AAE7; line-height:1.4em; padding:0 0 0.2em 0.3em;}
#sListSec .sectionInner{ padding-top:10px;}

#sListSec .sListBox{ width:250px; float:left; padding:0 50px 0 0;}
#sListSec .LastBox{ padding-right:0 !important;}
#sListSec .sListBox h4{ background:#2BABE8; color:#FFF; font-size:16px; padding-left:12px; line-height:23px; margin-bottom:0px; padding-top:3px;}
#sListSec .sListBox p{ font-size: 16px; padding:6px 0 5px 55px; border-bottom: #2BABE8 dotted 1px; line-height:16px; margin:0px;}
#sListSec .sListBox p span{ font-size: 12px; line-height:1.0em;}
#sListSec .sListBox .stBox{ margin-bottom:28px;}
#sListSec .sListBox .stBox .IT p{ background:url(/schools/images/icon_itto.png) 12px 3px no-repeat;}
#sListSec .sListBox .stBox .MY p{ background:url(/schools/images/icon_miyabi.png) 12px 3px no-repeat}
#sListSec .sListBox .stBox .GT p{ background:url(/schools/images/icon_ganbaru2.png) 12px 3px no-repeat;}
#sListSec .sListBox .stBox .SM p{ background:url(/schools/images/icon_sumire.png) 12px 1px no-repeat;}
#sListSec .sListBox .stBox .TP p{ background:url(/schools/images/icon_tops.png) 12px -1px no-repeat;}

#sListSec .sListBox .stBox p.newSch{ position:relative;}
#sListSec .sListBox .stBox p.newSch span.newSch_span01,
#sListSec .sListBox .stBox p.newSch span.newSch_span02,
#sListSec .sListBox .stBox p.newSch span.newSch_span03{ position:absolute; width:45px; height:25px; top:-1px; left:-35px; font-size:10px; color:#fff; background:url(/schools/images/icon_open.png) no-repeat; line-height:1.5em; margin-top:2px; padding-top:1px;}
#sListSec .sListBox .stBox p.newSch span.newSch_span01{ padding-left:11px;}
#sListSec .sListBox .stBox p.newSch span.newSch_span02{ padding-left:7px;}
#sListSec .sListBox .stBox p.newSch span.newSch_span03{ padding-left:5px;}

.IT .SecondLine{ padding:13px 0 10px 55px !important; background:url(../schools/images/icon_itto.png) 12px 18px no-repeat !important;}
.MY .SecondLine{ padding:13px 0 10px 55px !important; background:url(../schools/images/icon_miyabi.png) 12px 18px no-repeat !important;}
.GT .SecondLine{ padding:13px 0 10px 55px !important; background:url(../schools/images/icon_ganbaru2.png) 12px 18px no-repeat !important;}
.TP .SecondLine{ padding:13px 0 10px 55px !important; background:url(../schools/images/icon_tops.png) 12px 14px no-repeat !important;}
.SM .SecondLine{ padding:13px 0 10px 55px !important; background:url(../schools/images/icon_sumire.png) 12px 16px no-repeat !important;}
.mainSection #sListSec .sListBox .stBox p.SecondLine span{ top:15px;}

@media screen and (max-width:940px){
	#sListSec .sListBox .stBox{ margin-bottom:2em;}
	#sListSec .sListBox .stBox div{ padding-left:14%;}

	#sListSec .sListBox{ width:100%; float:none; padding:0;}
	#sListSec .sListBox p{ font-size:120%; padding:0.5em 0 0.5em 55px; line-height:1.4em;}
	#sListSec .sListBox .stBox .IT p{ background-position:left 50%;}
	#sListSec .sListBox .stBox .MY p{ background:url(/schools/images/icon_miyabi.png) 12px 3px no-repeat}
	#sListSec .sListBox .stBox .GT p{ background:url(/schools/images/icon_ganbaru2.png) 12px 3px no-repeat;}
	#sListSec .sListBox .stBox .SM p{ background:url(/schools/images/icon_sumire.png) 12px 1px no-repeat;}
	#sListSec .sListBox .stBox .TP p{ background:url(/schools/images/icon_tops.png) 12px -1px no-repeat;}
	#sListSec .sListBox .stBox p.newSch span.newSch_span01,
	#sListSec .sListBox .stBox p.newSch span.newSch_span02,
	#sListSec .sListBox .stBox p.newSch span.newSch_span03{ position:absolute; width:13.5%; height:2.6em; top:0; left:-15%; font-size:50%;  line-height:1.5em; margin-top:1em; padding-top:0.05em; background-size:auto 100%;}

}
@media screen and (max-width:640px){

}