@charset "utf-8";

/* school
============================================================================================================*/
/* tab
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div.tabMenu {
	margin: 0 14px 15px;
	background: transparent url("../school/images/btn_bg.gif") repeat-x bottom;
	height: 24px;
	position: relative;
}
div#contentsArea div.tabMenu#school {margin-bottom: 20px;height: 44px;}

div#contentsArea div.tabMenu h4,div#contentsArea div.tabMenu li {
	border-bottom: 1px solid #FAD5E7;
	position: absolute;
	top: 0;
}
div#contentsArea div.tabMenu#school h4,div#contentsArea div.tabMenu#school li {top: 20px;}

div#contentsArea div.tabMenu img {vertical-align: bottom;}
div#contentsArea div.tabMenu .school {left: 0;}
/*div#contentsArea div.tabMenu .application {left: 108px;}*/
div#contentsArea div.tabMenu .examination {left: 108px;}
/* div#contentsArea div.tabMenu .scoot {left: 191px;} */
/* div#contentsArea div.tabMenu .lesson {left: 320px;border-bottom: 1px solid #d6ebfa;} */
div#contentsArea div.tabMenu .lesson {left: 191px;border-bottom: 1px solid #d6ebfa;}


/* contentsWrap
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div.schoolContents {
	margin: 0 34px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#contentsArea div.schoolContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
/* school info 
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#schoolInfo {width: 274px;float: right;}
div#contentsArea div#schoolInfo h5 {margin-bottom: 7px;padding: 13px 3px 4px;border-bottom: 1px solid #88BCE6;}
div#contentsArea div#schoolInfo p {margin: 0;}
div#contentsArea div#schoolInfo p iframe {height: 360px;}

/* school main
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#schoolMain {
	padding-bottom: 15px;
	width: 389px;
	float: left;
}
div#contentsArea div#schoolMain h5 {margin: 3px 0 11px;}
div#contentsArea div#schoolMain p {
	margin: 0;
	padding-top: 4px;
}
div#contentsArea div#schoolMain p.image {
	padding: 0 34px 10px;
	float: right;
}
div#contentsArea div#schoolMain ul {
	margin-bottom: 15px;
	padding-right: 32px;
	text-align: right;
	clear: right;
}
div#contentsArea div#schoolMain ul li {display: inline;}

div#contentsArea div#schoolMain dl {
	background-color: #F2F0EC;
	border-left: 5px solid #F2F0EC;
	border-right: 5px solid #F6F5F3;
}
div#contentsArea div#schoolMain dl dt {
	padding: 2px 0;
	border-top: 1px solid #DCDBDA;
	color: #4989D0;
	text-indent: 5px;
	float: left;
	width: 11em;
}
div#contentsArea div#schoolMain dl dd {
	margin-left: 11em;
	padding: 2px 0 2px 10px;
	background-color: #F6F5F3;
	border-top: 1px solid #DCDBDA;
	color: #7A7978;
}
div#contentsArea div#schoolMain dl .first{padding-top: 3px;border-top-width: 0;}
div#contentsArea div#schoolMain dl dd em {
	font-size: 82%;
	font-style: normal;
	display: block;
}
*+html>/**/body div#contentsArea div#schoolMain dl dd em {font-size: 90%;}
div#contentsArea div#schoolMain dl dd strong {
	font-weight: normal;
	color: #E8387A;
}

/* school price
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#schoolPrice {
	width: 680px;
	padding-top: 12px;
	border-top: 1px solid #DEDEDE;
	clear: both;
}
div#contentsArea div#schoolPrice p {padding-left: 6px;/* \*/float: left;/**/}
div#contentsArea div#schoolPrice h6 {margin-left: 220px;padding: 4px 0 5px;/* \*//*/margin-top: -255px;/**/}
div#contentsArea div#schoolPrice ul {margin-left: 220px;margin-bottom: 10px;padding-right: 10px;font-size: 82%;}
*+html>/**/body div#contentsArea div#schoolPrice ul {font-size: 90%;}
div#contentsArea div#schoolPrice ul li {padding-left: 1em;text-indent: -1em;}

/* 3day lesson
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#lesson3day {
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#contentsArea div#lesson3day:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#contentsArea div#lesson3day h6 {
	margin-bottom: 15px;
	padding: 0 5px 3px;
	border-bottom: 1px solid #DEDEDE;
}
div#contentsArea div#lesson3day div.leftArea {width: 180px;float: left;}
div#contentsArea div#lesson3day div.leftArea ul {padding-left: 5px;}
div#contentsArea div#lesson3day div.leftArea ul li {line-height: 15px;}
div#contentsArea div#lesson3day div.leftArea p {margin: 10px 10px 0;}

div#contentsArea div#lesson3day div.rightArea {
	margin-right: 7px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	background-color: #E8F0FD;
	width: 468px;
	color: #7A7978;
	float: right;
	display: inline;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#contentsArea div#lesson3day div.rightArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

div#contentsArea div#lesson3day div.rightArea p {
	margin: 0 10px;
	width: 171px;
	font-size: 82%;
	float: left;
	display: inline;
}
div#contentsArea div#lesson3day div.rightArea p.price {
	margin: 2px 5px 0;
	width: 181px;
	float: none;
	display: block;
}
*+html>/**/body div#contentsArea div#lesson3day div.rightArea p {font-size: 90%;}
div#contentsArea div#lesson3day div.rightArea p em {font-style: normal;display: block;}

div#contentsArea div#lesson3day div.rightArea ol {margin: -40px 0 0 198px;}
* html div#contentsArea div#lesson3day div.rightArea ol {zoom: 1;}
div#contentsArea div#lesson3day div.rightArea ol li {margin-bottom: 6px;}


/* lesson course
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div.lessonCourse {
	margin: 0 0 15px 28px;
	padding-bottom: 10px;
	background: transparent url("../school/images/lessonCourse_bg.gif") no-repeat right bottom;
	float: left;
	display: inline;
}
div#contentsArea div.lessonCourse div {
	margin-left: 14px;
	background-color: #F6F5F3;
	width: 325px;
	float: left;
	display: inline;
}

div#contentsArea div.lessonCourse p {
	margin: 0 8px;
	padding-left: 5px;
}

div#contentsArea div.lessonCourse p.reserve {
	margin: -22px 0 6px;
	padding: 0;
	text-align: right;
}
div#contentsArea div.lessonCourse p strong {
	margin-bottom: 3px;
	margin-left: -5px;
	padding-left: 0.8em;
	border-bottom: 1px solid #C3DDF9;
	text-indent: -0.5em;
	font-weight: normal;
	color: #4989D0;
	display: block;
}
div#contentsArea div.lessonCourse p strong.double {margin-bottom: 0;border-bottom-width: 0px;}

div#contentsArea div.lessonCourse ul#levelBtn {margin: 6px 8px;}
div#contentsArea div.lessonCourse ul#levelBtn li {display: inline;}

div#contentsArea div.lessonCourse dl {
	margin: 0 8px;
	padding: 0 5px 2px;
	line-height: 1.2;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#contentsArea div.lessonCourse dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

div#contentsArea div.lessonCourse dl dt {
	margin-bottom: 3px;
	margin-left: -5px;
	padding-left: 0.8em;
	text-indent: -0.5em;
	float: left;
}
div#contentsArea div.lessonCourse dl dt em {
	margin-left: 5px;
	font-size: 82%;
	font-style: normal;
	display: block;
	width: 155px;
}
*+html>/**/body div#contentsArea div.lessonCourse dl dt em {font-size: 90%;}

div#contentsArea div.lessonCourse dl dd {margin-left: 160px;color: #4989D0;}
div#contentsArea div.lessonCourse dl.otoku {
	padding-top: 6px;
	border-top: 1px solid #DCDBDA;
}
div#contentsArea div.lessonCourse dl.otoku dd {color: #E8387A;}
div#contentsArea div.lessonCourse dl.otoku dd del {
	width: 5.5em;
	float: left;
	text-decoration: none;
}
div#contentsArea div.lessonCourse dl.otoku dd ins {
	margin-left: 5em;
	background: transparent url("../school/images/lesson_rental_otoku_arrow.gif") no-repeat left;
	text-decoration: none;
	padding-left: 15px;
	display: block;
}
div#contentsArea div.lessonCourse p em {
	color: #4989D0;
	font-style: normal;
	clear: left;
}
div#contentsArea div.lessonCourse ul {
	margin: 0 8px 1px;
	padding: 0 5px 2px 0.8em;
	padding-left: 0.8em;
	text-indent: -0.5em;
	font-size: 82%;
}
*+html>/**/body div#contentsArea div.lessonCourse ul {font-size: 90%;}




/* application
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#applicationContents {margin: 0 42px 15px;}
div#contentsArea div#applicationContents p {
	margin-bottom: 0;
	padding-bottom: 1em;
	background: transparent url("../school/images/applicationBtn_bgtop.gif") no-repeat bottom;
}
div#contentsArea div#applicationContents p.notes {
	margin: 0 62px;
	padding-left: 1em;
	background: none;
	text-indent: -1em;
	font-size: 82%;
}
*+html>/**/body div#contentsArea div#applicationContents p.notes {font-size: 90%;}

div#contentsArea div#applicationContents ul {
	margin: 0 52px 5px;
	padding: 0 7px 5px;
	background: #F6F5F3 url("../school/images/applicationBtn_bgbottom.gif") no-repeat bottom;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#contentsArea div#applicationContents ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#contentsArea div#applicationContents ul li {float: left;}
div#contentsArea div#applicationContents ul li img {vertical-align: bottom;}


/* examination
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#examinationContents {margin: 0 42px 15px;}
div#contentsArea div#examinationContents h5 {
	margin-bottom: 15px;
	padding: 0 5px;
	border-bottom: 1px solid #DEDEDE;
	color: #4EB3C5;
	font-size: 100%;
}
div#contentsArea div#examinationContents p {margin: 0 72px 5px;}
div#contentsArea div#examinationContents p.notes {margin: 0 0 5px;}
div#contentsArea div#examinationContents p.notes strong {font-weight: normal;color: #E8387A;}

div#contentsArea div#examinationContents ul {margin: 0 72px 8px;}
div#contentsArea div#examinationContents ul.link {padding-left: 0;text-indent: 0;font-size: 100%;}
div#contentsArea div#examinationContents ul.link li {background: #FFFFFF url("../school/images/link_point.gif") no-repeat left;}
div#contentsArea div#examinationContents ul.link li a {padding-left: 15px;}

div#contentsArea div#examinationContents h6 {
	margin: 0 72px 8px;
	padding: 3px 24px 2px;
	background: #FFFFFF url("../school/images/examination_point.gif") no-repeat left;
	border-bottom: 1px solid #DEDEDE;
	color: #4EB3C5;
	font-size: 100%;
}

div#contentsArea div.examinationContents {
	margin: 0 0 15px 22px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#contentsArea div.examinationContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#contentsArea div.examinationContents div {
	margin-left: 20px;
	width: 325px;
	float: left;
	display: inline;
}

div#contentsArea div.examinationContents h6 {
	margin: 0 0 8px;
	padding: 3px 24px 2px;
	background: #FFFFFF url("../school/images/examination_point.gif") no-repeat left;
	border-bottom: 1px solid #DEDEDE;
	color: #4EB3C5;
	font-size: 100%;
}
div#contentsArea div.examinationContents p {margin: 0 10px 5px;}
div#contentsArea div.examinationContents ul {margin: 0 10px 5px;padding-left: 1em;text-indent: -1em;font-size: 82%;}
*+html>/**/body div#contentsArea div.examinationContents ul {font-size: 90%;}
div#contentsArea div.examinationContents ul.link {margin: 0 10px 10px;padding-left: 0;text-indent: 0;font-size: 100%;}
div#contentsArea div.examinationContents ul.link li {background: #FFFFFF url("../school/images/link_point.gif") no-repeat left;}
div#contentsArea div.examinationContents ul.link li a {padding-left: 15px;}

/* scoot
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#scootContents {margin: 4px 28px 0;}
div#contentsArea div#scootContents ul {
	margin-left: 252px;
	margin-bottom: 15px;
	padding-top: 5px;
	background: #F6F5F3 url("../school/images/scoot_btn_bgtop.gif") no-repeat top;
	width: 275px;
}
div#contentsArea div#scootContents ul li {
	padding-bottom: 4px;
	background: #F6F5F3 url("../school/images/scoot_btn_bgbottom.gif") no-repeat bottom;
	text-align: center;
}
div#contentsArea div#scootContents ul li img {vertical-align: bottom;}
div#contentsArea div#scootContents p {
	
}
div#contentsArea div#scootContents p.ph {
	margin-top: -4px;
	margin-right: 10px;
	width: auto;
	float: left;
}




/* lesson
============================================================================================================*/
div#contentsArea div#lessonContents {margin: 0 34px;}
div#contentsArea div#lessonContents h5 {
	margin-bottom: 20px;
	padding: 0 2px 5px;
	border-bottom: 1px solid #DEDEDE;
}
div#contentsArea div#lessonContents div {
	margin-bottom: 15px;
	background-repeat: no-repeat;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#contentsArea div#lessonContents div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#contentsArea div#lessonContents div h6 {padding: 2px;float: left;}
div#contentsArea div#lessonContents div p {
	margin-left: 95px;
	padding-top: 10px;
	width: 390px;
}
div#contentsArea div#lessonContents div p.ph {
	margin: 0;
	padding: 1px;
	border: 1px solid #CFE0ED;
	width: auto;
	float: right;
}
div#contentsArea div#lessonContents div.flow_first {background-image: url("../school/lesson/images/bg01.gif") ;}
div#contentsArea div#lessonContents div.flow_even {background-image: url("../school/lesson/images/bg02.gif") ;}
div#contentsArea div#lessonContents div.flow_odd {background-image: url("../school/lesson/images/bg03.gif") ;}
div#contentsArea div#lessonContents div.flow_last {
	padding-bottom: 15px;
	background-image: url("../school/lesson/images/bg04.gif");
	border-bottom: 1px solid #DEDEDE;
}


div#contentsArea div#lessonContents div#comment {
	margin: 0 7px;
	padding: 10px 0 0;
	background: #F6F5F3 url("../school/lesson/images/lesson_comm_bgtop.gif") no-repeat top;
}
div#contentsArea div#lessonContents div#comment p {
	margin: 0;
	padding: 0  12px 10px;
	background: #F6F5F3 url("../school/lesson/images/lesson_comm_bgbottom.gif") no-repeat bottom;
	width: auto;
}
div#contentsArea div#lessonContents div#comment p strong {color: #4C88CE;font-weight: normal;}