@charset "utf-8";
/* CSS Document */


h2 {
	margin: 0 0 21px;
}

h3 {
	margin-bottom: 20px;
}

.section {
	background: #FFFFFF url(../../guide/common/img/bg/section01_top.jpg) no-repeat scroll left top;
	padding: 20px 12px 0;
	width: 669px;
	color: #333;
	line-height: 1.5;
}


#mainbox p.toTop {
	margin-bottom: 30px;
}

#mainbox img.inlv {
	display: inline;
}

#mainbox img.borders {
	padding: 30px 0;
	width: 663px;
	margin: 0 auto;
}


/* localNavi
-----------------------------------------------------------------*/

#localNavi {
	background-color: #F8F4D6;
	padding: 0 0 15px 0;
	margin-bottom: 10px;
}

#localNavi ul#lnavi {
	width: 260px;
	margin: 0;	

}

#sidebox ul#banners03 li img{
	padding-bottom: 10px;
}


#sidebox #extra {
	margin-bottom: 15px;
}

#sidebox #extra dl {
	margin-bottom: 5px;
	border: 1px #F8B62C solid;
	padding: 15px 12px;
}

#sidebox #extra dl#sec {
	padding: 15px 0 15px 12px;
}

* html #sidebox #extra dl#sec {
	padding: 15px 0 0 12px;
}

#sidebox #extra dl dt {
	margin-bottom: 14px;
}

#sidebox #extra dl dd img {
	float: left;
	margin-right: 10px
}

#sidebox #extra dl dd span {
	display: block;
	float: left;
	letter-spacing: -0.02em;
	line-height: 1.5;
	width: 135px;
	margin: 0;
}

#sidebox #extra dl dd img.end {
	margin: 0;
}


#sidebox {
	margin-bottom: 50px;
}

#sidebox #movie {
	margin-bottom: 5px;
}

#sidebox #extra {
	margin-bottom: 15px;
}

#sidebox #extra dl {
	margin-bottom: 5px;
	border: 1px #F8B62C solid;
	padding: 15px 12px;
}

#sidebox #extra dl#sec {
	padding: 15px 0 15px 12px;
}

* html #sidebox #extra dl#sec {
	padding: 15px 0 0 12px;
}

#sidebox #extra dl dt {
	margin-bottom: 14px;
}

#sidebox #extra dl dd img {
	float: left;
	margin-right:10px
}

#sidebox #extra dl dd span {
	display: block;
	float: left;
	letter-spacing: -0.02em;
	line-height: 1.5;
	width: 135px;
	margin: 0;
}

#sidebox #extra dl dd img.end {
	margin: 0;
}

#sidebox #banners li {
	margin-bottom: 5px;
	display: block;
}

#sidebox #banners li img{
	margin: 0;
}

#sidebox #banners02 {
	margin: 0 0 5px;
}

div#school-search {
	background-color: #FFFFFF;
	border: 1px solid #F8B62C;
	margin-bottom: 10px;
}

#index #section01 p {
	/*margin-bottom: 30px;*/
}

#index #section01 #course {
	background: url(../img/index_boxbg_mid.jpg) repeat-y left top;
	margin-bottom: 10px;
}

#index #section01 #course div.clearfix {
	background: url(../img/index_boxbg_bottom.jpg) no-repeat left bottom;
}

#index #section01 #course dl.floatL {
	letter-spacing: -0.01em;
	margin: 0 23px 0 0;
	padding: 0 0 10px;
	width: 320px;
}

#index #section01 #course dl.floatL.end {
	margin: 0;
}

#index #section01 #course dl.floatL dd.clearfix {
	padding: 0 9px;
}

#index #section01 #course dl.floatL dd.clearfix img {
	padding: 0 10px 10px 0;
}

#index #section01 #course dl.floatL dd.clear {
	padding: 0 9px;
}

#index #section01 #course dl.floatL dd.clear dl {
}

#index #section01 #course dl.floatL dd.clear dl dt {
	margin-bottom: 8px;
}

#index #section01 #course dl.floatL dd.clear dl dd {
}

#index #section01 #course dl.floatL dd.clear dl dd ul {
	margin: 0 0 10px;
}

#index #section01 #course dl.floatL dd.clear dl dd ul li {
	background: url(../img/index_icon01.jpg) no-repeat left 5px;
	padding: 0 0 0 12px;
}

#index #section01 #course dl.floatL.end dd.clear dl dd ul li {
	background: url(../img/index_icon02.jpg) no-repeat left 5px;
	padding: 0 0 0 12px;
}

#index #section01 p.clearfix.clear {
	margin-bottom: 20px;
}

#index #section01 p.clearfix.clear span {
	width: 320px;
	margin: 0 23px 0 0;
}

#index #section01 p.clearfix.clear span.end {
	margin: 0;
}

#index #section01 p.clearfix.clear span.floatL a.floatL {
	padding: 0 1px 0 0;
}

#index #section01 p.clearfix.clear span.floatL a.floatL.end {
	padding: 0;
	width: 160px;
}



/*2010_0624コース紹介ページ画像ロールオーバー追加
-----------------------------------------------------------------*/

#h_course01 a{
	display: block;
	background: url(../img/index_cap02_on.jpg) no-repeat;
}

#h_course01 a:hover {
	background-color: transparent;	
}

#h_course01 a:hover img{
	visibility: hidden;	
}

#h_course02 a{
	display: block;
	background: url(../img/index_cap03_on.jpg) no-repeat;
}

#h_course02 a:hover {
	background-color: transparent;	
}

#h_course02 a:hover img{
	visibility: hidden;	
}


p.clearfix span.floatL a.floatL{
	display: block;
	background: url(../img/index_btn01_on.jpg) no-repeat;
}

p.clearfix span.floatL a.floatL:hover {
	background-color: transparent;	
}

p.clearfix span.floatL a.floatL:hover img{
	visibility: hidden;	
}

p.clearfix span.floatL a.end{
	display: block;
	background: url(../img/index_btn02_on.jpg) no-repeat;
}

p.clearfix span.floatL a.endL:hover {
	background-color: transparent;	
}

p.clearfix span.floatL a.end:hover img{
	visibility: hidden;	
}

p.clearfix span.end a.h_koukou{
	display: block;
	background: url(../img/index_btn03_on.jpg) no-repeat;
}

p.clearfix span.end a.h_koukou:hover {
	background-color: transparent;	
}

p.clearfix span.end a.h_koukou:hover img{
	visibility: hidden;	
}
































