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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {background:url(../images/back_top02.jpg) top no-repeat fixed;}
#wrap {}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {
	background-position:center top;
	background-repeat:no-repeat;
}
#headerAreaInner{}
#headerAreaTitle{
	height:350px;
	background:url(../common_images/back_header02.png) top center no-repeat;
}
#headerAreaTitleInner{
	width:950px;
	margin:0 auto;
	height:163px;
	position:relative;
}
#headerAreaTitle h1{
	position:absolute;
	left: 30px;
	top: 35px;
}

#headTxt{
	position:absolute;
	left: 32px;
	top: 10px;
	color:#000;
	font-weight:bold;
	font-size:12px;
	text-indent:-8px;
}
#homeBtn{
	position:absolute;
	top:76px;
	left:30px;
}
#telTxt{
	position:absolute;
	top:10px;
	right:0;
}
#spBtn{
	position:absolute;
	top:281px;
	left:177px;
}
#spBtn2{
	position:absolute;
	top: 165px;
	left: 1px;
}
#spBtnAc{
	position: absolute;
	top: 198px;
    left: 253px;
}
#spBtnAc2{
	position: absolute;
	top: 171px;
    left: 260px;
}
#bnr_sum{
	position:absolute;
	left:200px;
	top:165px;
}
#bnr_trial{
	position:absolute;
	left:240px;
	top:189px;
}
#bnr_season{
	position:absolute;
	left:465px;
	top:95px;
}
#winSec{ width:904px; height:170px; margin:20px auto 80px; padding:20px; border:3px solid #00ACB9; border-radius:7px;}
#winSec h2{ margin:5px 20px 0 0; float:left;}
#winSec dl{ float:left;}
#winSec dt{ margin:0 0 5px;}
#winSec dd{ font-size:12px; line-height:1.7em; margin:0;}
#winSec #sumBtn{
	width:580px;
	display:inline-block;
	background-color:#fff;
	border:3px solid #00ACB9;
	box-shadow:0px 2px 5px rgba(0,0,0,0.2);
	height:60px;
	border-radius:10px;
	text-align:center;
	padding:0;
	margin:0 160px;
}
#winSec #sumBtn a{
	font-size:18px;
	background-color:#00ACB9;
	line-height:3.3em;
	border-radius:5px;
	padding:12px 9px 13px;
	font-weight:bold;
	transition:all .4s;
	color:#fff;
	text-decoration:none;
}
#winSec #sumBtn a:hover{ color:#00ACB9; background-color:#fff;}


.txtColorPink{ color:#E4007F; font-size:16px; margin-left:10px;}

/*----------------------------------------------------------------------------
 ***                                                       Header - Navi
----------------------------------------------------------------------------*/
#hNavi{background:url(../common_images/back_header01.png) left top repeat-x; height:88px;}
#hNavi #hNaviInner{ width:950px; position:relative; margin:0 auto;}
#hNavi li{ float:left;}
#hNavi li#wariBtn{
	float:none;
	position:absolute;
	top:-40px;
	left:669px;
}
#hNavi li#sclBtn{
	float:none;
	position:absolute;
	top:-38px;
	left:799px;
}



#breadcList {padding-top:8px; width:950px; margin:0 auto;}
#breadcList dt,#breadcList dd{ float:left; line-height:20px; font-size:12px; height:20px; font-weight:normal;}
#breadcList dt{background: url(../common_images/icon_list07b.png) left 3px no-repeat; padding:0 20px 0 17px;}
#breadcList dd{background: url(../common_images/icon_list05.png) left 4px no-repeat; padding:0 15px 0 13px;}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { background:#FFF;}
#contentsAreaInner {}

#pickLink{ width:950px; margin:0 auto;}
#pickLink .section{ margin-top:10px;}
#pickLink div{ float:left;}
#pickLink h2{ margin-bottom:0px;}
#pickLink p{ line-height:1.4em;}
#syouBtn{ width:322px;}
#syouBtn .sectionInner{ width:304px;}
#syouBtn p{margin:0 0 6px 0;}
#tyuuBtn{ width:323px;}
#tyuuBtn .sectionInner{ width:305px;}
#kouBtn{ width:305px;}

#kousuuSec{background:url(../images/back_contents01b.jpg) center no-repeat; height:150px; clear:both; margin-top:10px;}

#kousuuSec p{ width:950px; margin:0 auto; padding-top:10px;}

/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}
.pickBnr{ width:950px; margin:20px auto 10px auto; line-height:10px;}

#topicsSec{ width:950px; margin:20px  auto 0 auto;}
#topicsSec h2{ background:url(../images/back_contents02.png) left top no-repeat; height:21px; line-height:20px; padding:6px 0 0 37px; margin:0; color:#FFF; font-size:18px;}
#topicsSec .section{ padding-bottom:10px; clear:both; margin:0;}
#topicsSec .sectionInner{ margin:0 auto 70px; padding:20px 25px 10px; border-left:5px solid #000; border-right:5px solid #000; border-bottom:5px solid #000;}
#topicsSec .topicBox{ border-bottom:1px dotted #999; margin:0 0 15px; padding:0 0 10px;}
#topicsSec .topicBox p{ float:left; margin:0 15px 0 0;}
#topicsSec .topicBox dl{ float:left;}
#topicsSec .topicBox dt{ font-size:24px; margin:0; line-height:1.5em; font-weight:bold;}
#topicsSec .topicBox dt a{ color:#333;}
#topicsSec .topicBox dd{ font-size:12px; line-height:1.5em; color:#666;}
#topicsSec #lastBox{ border:none; margin:0;}
#topicsSec .ittoTopic{ display:none;}
#topicsSec .jmkTopic{ display:none;}
#topicsSec .schoolNoneS{ display:none;}
#topicsSec .ittoTopic2{ display:none;}
.subMainSec{ width:936px; margin:20px auto 0 auto;}
.subMainSec{
	clear:both;
	border:10px solid #2BB7F2;
	position:relative;
	height:116px;
	background-color: #FFF;
}
.subMainSec #ittoImg{
	position:absolute;
	top:-25px;
	left:-5px;
}
.subMainSec .sectionInner{ padding: 25px 10px 0 100px; float:left;}
.subMainSec .sectionInner p{ line-height:1.8em; color:#000; font-size:16px; }
.subMainSec .subSubBox{ float:right; width:420px; padding:15px 0 0 0 ;}
.subMainSec .subSubBox li{ float:left;}
.subMainSec .subSubBox p{ clear:both; margin:0;}

.subMainSec2{}
#omoiSec .subMainSec2 .sectionInner{ width:auto;}
.subMainSec2 li{ float:left; padding:5px;}
.subMainSec2 p{ float:left; padding:5px;}




#koushaSec{ background:url(../common_images/back_sdw01.png) center top no-repeat; padding-top:20px; margin-top:30px;}
#koushaSec .sectionInner{ width:950px; margin:0 auto;}

#openBox{ width:370px; float:left;}
#koushaSec #openBox .sectionInner{ width:auto; height:200px; }
#koushaSec #houseImg{
	position:absolute;
	top:115px;
	left:-20px;
}


#kouMapSec{ width:555px; float:right; background:url(../images/back_contents01.png) right center no-repeat;}
#koushaSec #kouMapSec .sectionInner{ width:auto; height:230px;}

#kouMapSec dt,
#kouMapSec dd{
	float:left;
	width:300px;
	height:18px;
	font-size:12px;
	line-height:20px;
	vertical-align:top;
	border:none;
	padding-left:5px;
	margin-bottom:13px;
}
#kouMapSec dt{width:90px; clear:left; background:#2BB7F2; color:#FFF; text-align:center; margin-right:5px; font-size:14px;}
#kouMapSec dd{width:45px; padding:0 2px; text-align:center; border-right:#CCC solid 1px; font-size:14px; font-weight:bold;}
#kouMapSec .fstCh{border-left:#CCC solid 1px; }

#omoiSec{ clear:both; background:url(../common_images/back_sdw02.png) center top no-repeat; padding-top:30px; margin-top:20px;}
#omoiSec .sectionInner{ width:950px; margin:20px auto 0 auto;}

#comSec{ border:#000 solid 9px; margin-bottom:20px;}
#comSec h2{ float:left; background:#2BB7F2; width:610px; height:90px;}
#comSec h2 img{ padding:0px 0 0 0px;}
#comSec #idTxt{ float:left; margin:0; padding:0; line-height:1px; background:#2BB7F2; }
#comSec .sectionInner{ border-top:#000 solid 3px; clear:both; width:auto; padding:10px 20px 10px 20px;}
#comSec .phoBox{ text-align:left; line-height:1.2em; float:right; padding-left:20px;}
	
#bnr_winter{
	position:absolute;
	left:160px;
	top:160px;
}

.txtColorPink{ color:#E4007F; font-size:16px; margin-left:10px;}



/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection{}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - leftSection
----------------------------------------------------------------------------*/
.leftSection{}
.leftSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner{}
#footerLogo{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop_more {
	clear:both;
	width:100%;
	font-size:86%;
	text-align:right;
	margin-bottom:10px;
}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}
.subMainSec2{ position:relative;}
.subMainSec2 p{ position:absolute; top:-19px; left:733px;}


/*----------------------------------------------------------------------------
 ***                                                                 開校情報
----------------------------------------------------------------------------*/

#suuBox{
	position:absolute;
	top:9px;
	left:217px;
	font-size:12px;
	color:#000;
	width:160px;
	text-align:right;
	font-weight:normal;
}
#suuBox span{ font-size:30px;}
#openBox {
	background-repeat: no-repeat;
	font-size: 12px;
	position:relative;
}


#listBox {
	height: 200px;
	overflow: auto;/**/
	width: 400px;
	clear: both;
}

#openBox ul {
	margin: 0px;
	padding: 0px;
}


#openBox li {
	padding-right: 10px;
	width: auto;
	clear: both;
	display: block;
	line-height:12px;
}

#openBox dt {
	float: left;
	padding-top: 4px;
	padding-right: 5px;
	line-height:10px;
}

#openBox dd {
	float: left;
	line-height:20px;
}

#openBox dd.year {
	text-align: right;
	width: 30px;
}

#openBox dd.month {
	text-align: right;
	width: 30px;
}

#openBox dd.day {
	text-align: right;
	width: 28px;
	 padding-right:5px;
}

#openBox dd.type {
	padding-right: 6px;
	padding-left: 8px;
}

#openBox dd.name {
}