@charset "utf-8";

/*------------------------------------------------------------------

 =下層ページ
 
------------------------------------------------------------------*/
.index .sectionLow {
	background: #fff;
	padding: 25px 19px 29px;
	margin-bottom: 30px;
	position: relative;
	clear: both;
}
.index .sectionLow h2 {
}
.index .sectionLow .btnMore {
	position: absolute;
	top: 24px;
	right: 20px;
}

/*#mainLowvisual*/
.index #mainLowvisual {
	background: url(../../../img/bg_main_rpt.gif) repeat-x;
	width: 100%;
	height: 180px;
}
.index #mainLowvisual div {
	padding-top: 25px;
	width: 100%;
	height: 224px;
	text-align: left;
	background: url(../../../img/bg_main.gif) top center no-repeat;
}

.index #mainLowvisual h2 {
	width: 980px;
	margin: 0 auto;
}

#main a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=50);
}

/*#news*/
.index #courseBox {
	background: #fff url(../img/bg_topborder.gif) no-repeat;
}

.index #courseBox .breadcrumbs li {
	float: left;
	margin-right: 8px;
}

/*default*/


/*/default*/




/*style*/
div#courseBox .map{
	background-image: url(../img_en/img_map.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 730px;
	height: 579px;
	position: relative;
	}
div#courseBox .map ul li.btna{
	position: absolute;
	left: 555px;
	top: 122px;
	}
div#courseBox .map ul li.btnb{
	position: absolute;
	left: 435px;
	top: 130px;
	}
div#courseBox .map ul li.btnc{
	position: absolute;
	left: 492px;
	top: 214px;
	}
div#courseBox .map ul li.btnd{
	position: absolute;
	left: 330px;
	top: 105px;
	}
div#courseBox .map ul li.btne{
	position: absolute;
	left: 476px;
	top: 20px;
	}
div#courseBox .map ul li.btnf{
	position: absolute;
	left: 325px;
	top: 20px;
	}
div#courseBox .map ul li.btng{
	position: absolute;
	left: 112px;
	top: 202px;
	}
div#courseBox .map ul li.btnh{
	position: absolute;
	left: 480px;
	top: 280px;
	}
div#courseBox .map ul li.btni{
	position: absolute;
	left: 55px;
	top: 310px;
	}
div#courseBox p.read{
	padding: 0 0 40px 0;
	}
div#courseBox .listbox{
	width: 365px;
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	margin: 0 0 15px 0;
	}
div#courseBox .listbox.firstChild {
	width:730px;
	}
div#courseBox .listbox.end{
	border-right: none;
	}	
div#courseBox .listbox p.title{
	padding: 0 0 15px 0;
	padding-top: 100px;
	margin-top: -100px
	}
div#courseBox .listbox .img{
	float: left;
	padding: 0 10px 0 0;
	}	
div#courseBox .listbox .txt{
	float: right;
	font-size: 12px;
	padding: 0 10px 0 0;
	width: 169px;
	}
div#courseBox .listbox p.tlt{
	padding: 0 0 15px 15px;
	padding-top: 100px;
	margin-top: -100px
	}
div#courseBox .listbox.firstChild p.tlt{
	padding-left: 0;
	}
div#courseBox .listbox .img2{
	float: left;
	padding: 0 10px 0 10px;
	}	
div#courseBox .listbox .txt2{
	float: right;
	font-size: 12px;
	padding: 0;
	width: 169px;
	}
div#courseBox .listbox.firstChild .img2{
	padding-left:0;
	}
div#courseBox .listbox.firstChild .txt2{
	float:left;
	width:530px;
	}
div#courseBox hr{
	clear: both;
	color: #FFFFFF;
	margin: 0 0 15px 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-bottom-style: none;
	}
div#courseBox .btn{
	clear: both;
	padding: 45px 0 0 0;
	}
div#courseBox .btn li{
	text-align: center;
	}
div#courseBox .btn2{
	clear: both;
	padding-top: 30px;
	text-align: center;
	}
/* コースムービー
---------------------------------------------------*/

div#courseMovie {
	width: 730px;
	margin: 30px auto 0;
}
div#courseMovie h1 {
	float: left;
	margin: 0 0 10px 30px;
}
div#courseMovie p.copyright {
	text-align:center;
	padding:20px;
}
#courseMovie #flashcontent {
	position:relative;
}
#courseMovie p.noFlash {
	position:absolute;
	font-size:12px;
	color:#fff;
	top:160px;
	left:140px;
}
#courseMovie p.noFlash a {
	color:#0066ff;
}

/*/style*/





/*base*/
div h3 {
	font-size: 30px;
	padding: 40px 0;
}

/*------------------------------------------------------------------*/

/*/base*/