@charset "utf-8";

/* 3daylesson
============================================================================================================*/
div#contentsArea {
	padding-top: 20px;
}
/* main area
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#mainArea {
	margin: 0 32px 20px 36px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#contentsArea div#mainArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#contentsArea div#mainArea div.title {
	margin-bottom: 8px;
	margin-right: 4px;
	padding-bottom: 4px;
	background: transparent url("../school/3daylesson/images/main_bg.gif") no-repeat right top;
	border-bottom: 1px solid #88bce6;
	width: 541px;
	float: right;
	display: inline;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#contentsArea div#mainArea div.title:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#contentsArea div#mainArea div.title h4 {
	margin-right: 15px;
	padding-left: 19px;
	float: left;
}
div#contentsArea div#mainArea ul {
	padding-top: 7px;
}
div#contentsArea div#mainArea ul li {
	margin-right: 5px;
	float: left;
}
div#contentsArea div#mainArea h5 {
	float: left;
}
div#contentsArea div#mainArea p.pack {
	margin-bottom: 0;
	float: right;
}
div#contentsArea div#mainArea p.text {
	margin-bottom: 7px;
}
div#contentsArea div#mainArea p.text img {
	margin-left: 15px;
}
div#contentsArea div#mainArea div.right {
	margin-right: 14px;
	width: 494px;
	float: right;
	display: inline;
}
div#contentsArea div#mainArea dl {
	margin-bottom: 5px;
	background-color: #F2F0EC;
	border-left: 5px solid #F2F0EC;
	border-right: 5px solid #F6F5F3;
}
div#contentsArea div#mainArea dl dt {
	padding: 2px 0 0;
	border-top: 1px solid #DCDBDA;
	color: #4989D0;
	text-indent: 5px;
	float: left;
	width: 11em;
}
div#contentsArea div#mainArea dl dd {
	margin-left: 11em;
	padding: 2px 2px 2px 10px;
	background-color: #F6F5F3;
	border-top: 1px solid #DCDBDA;
	color: #7A7978;
}
div#contentsArea div#mainArea .first{padding-top: 3px;border-top-width: 0;}
* html div#contentsArea div#mainArea dl dd {text-indent: -3px;}

div#contentsArea div#mainArea div.leftArea p {
	margin-bottom: 0;
}
div#contentsArea div#mainArea div.leftArea p img {
	margin-top: 12px;
}

/* point
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#point {
	margin: 0 34px 15px;
}
div#contentsArea div#point h5 {
	margin-bottom: 10px;
	padding: 0 5px 3px;
	border-bottom: 1px solid #DEDEDE;
}
div#contentsArea div#point ol {
	margin: 0 3px;
}

/* standard
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#standard {
	margin: 0 34px 15px;
}
div#contentsArea div#standard h5 {
	margin-bottom: 10px;
	padding: 0 5px 3px;
	border-bottom: 1px solid #DEDEDE;
}
div#contentsArea div#standard h6 {
	margin: 10px 0 2px;
	color: #265392;
}
div#contentsArea div#standard dl {
	background-color: #F2F0EC;
	border-left: 5px solid #F2F0EC;
	border-right: 5px solid #F6F5F3;
}
div#contentsArea div#standard dl dt {
	padding: 2px 0 0;
	border-top: 1px solid #DCDBDA;
	color: #4989D0;
	text-indent: 5px;
	float: left;
	width: 5em;
}
div#contentsArea div#standard dl dd {
	margin-left: 5em;
	padding: 2px 2px 2px 10px;
	background-color: #F6F5F3;
	border-top: 1px solid #DCDBDA;
	color: #7A7978;
}
div#contentsArea div#standard dl dd ul {
	padding-left: 0.5em;
	text-indent: -0.5em;
}
div#contentsArea div#standard .first{padding-top: 3px;border-top-width: 0;}

div#contentsArea div#standard p {
	margin: 3px 0 12px;
}

/* lesson btn
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div.lessonBtn {
	margin: 20px 0;
}
div#contentsArea div.lessonBtn p {
	margin-bottom: 0;
	text-align: center;
}


/* bus map
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#busMap {
	margin: 25px 34px 5px;
	overflow: hidden;
}
div#contentsArea div#busMap h5 {
	margin-bottom: 5px;
	padding: 0 5px 3px;
	border-bottom: 1px solid #DEDEDE;
}
div#contentsArea div#busMap ul {float: right;text-align: right;}
div#contentsArea div#busMap ul strong {color: #cc3333;}
div#contentsArea div#busMap ul em {font-size: 82%;}
*+html>/**/body div#contentsArea div#busMap ul em {font-size: 90%;}
div#contentsArea div#busTable {
	margin: 0 0 15px 34px;
}
div#contentsArea div#busTable div {
	margin-right: 3px;
	margin-bottom: 10px;
	padding-bottom: 6px;
	width: 225px;
	float: left;
}
div#contentsArea div#busTable div.odd {
	background: #f6f5f3 url("../school/3daylesson/images/bus_odd_bg.gif") no-repeat left bottom;
}
div#contentsArea div#busTable div.even {
	background: #e7e7e7 url("../school/3daylesson/images/bus_even_bg.gif") no-repeat left bottom;
}
div#contentsArea div#busTable div h6 {
	margin-bottom: 10px;
}
div#contentsArea div#busTable div ol {
	text-align: center;
}
div#contentsArea div#busTable div p {
	margin: 0 12px;
	height: 637px;
}
div#contentsArea div#busTable div li {
	padding: 43px 0 7px;
	background-position: top;
	background-repeat: no-repeat;
}
div#contentsArea div#busTable div li.first {
	padding-top: 0;
}
div#contentsArea div#busTable div.odd li {
	background-image: url("../school/3daylesson/images/bus_odd_arrow.gif");
}
div#contentsArea div#busTable div.even li {
	background-image: url("../school/3daylesson/images/bus_even_arrow.gif");
}

div#contentsArea div#busTable ul {
	margin: 0 5px;
	font-size: 82%;
	clear: left;
}
*+html>/**/body div#contentsArea div#busTable ul {font-size: 90%;}


/* SAJ/JSBA btn
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div.eventBtn {
	margin: 0 0 30px 190px;
	padding-bottom: 3px;
	background: #f6f5f3 url("../school/3daylesson/images/btn_event_bg_bottom.gif") no-repeat left bottom;
	width: 370px;
}
div#contentsArea div.eventBtn ul {
	padding: 3px 0 0 14px;
	background: transparent url("../school/3daylesson/images/btn_event_bg_top.gif") no-repeat left top;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#contentsArea div.eventBtn ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#contentsArea div.eventBtn ul li {
	float: left;
}

/* priceTable
------------------------------------------------------------------------------------------------------------*/
p.priceTable {
	margin-bottom: 5px;
	text-align: center;
}
p.priceNotes {
	margin-left: 35px;
	margin-bottom: 25px;
}

/* notes
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#notes {
	margin: 0 34px 15px;
}
div#contentsArea div#notes h5 {
	margin-bottom: 15px;
	padding: 0 5px 3px;
	border-bottom: 1px solid #DEDEDE;
}
div#contentsArea div#notes div {
	background: #e8f0fd url("../school/3daylesson/images/notes_bg_bottom.gif") no-repeat left bottom;
}
div#contentsArea div#notes div ul {
	padding: 12px 20px;
	background: transparent url("../school/3daylesson/images/notes_bg_top.gif") no-repeat left top;
}
div#contentsArea div#notes div ul li {
	padding-left: 0.5em;
	text-indent: -0.5em;
}