@charset "utf-8";

/* ****************************************************
Title: top.css
Created: 2010-07-15
Last Modified: 2010-07-16
Editor(s): ucd
Last Editor: ucd
***************************************************** */


/* Table Of Contents
----------------------------------------

# General Elements
# gNav
# pageBody
# content
# sidebar
# clearfix
# common classes

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


/* # General Elements
---------------------------------------------------------------------------- */



/* # gNav
---------------------------------------------------------------------------- */

div#gNav {
}


/* # visual
---------------------------------------------------------------------------- */

div#visual {
	border-bottom: 1px solid #d8d8d8;
	padding: 20px;
}

div#visual div#introMovie {
	float: left;
	width: 440px;
}

div#visual div#catchBlock {
	float: left;
	margin-left: 15px;
	width: 483px;
}

div#visual div#catchBlock p {
	margin-bottom: 20px;
}

div#visual div#catchBlock ul li {
	margin-bottom: 12px;
}


/* # buttonBlock
---------------------------------------------------------------------------- */

div#buttonBlock {
	border-bottom: 1px solid #d8d8d8;
	padding: 20px;
}

/* # pageBody
---------------------------------------------------------------------------- */

div#pageBody {
}



/* # content
---------------------------------------------------------------------------- */

div#content #about {
	width: 756px;
}

div#content h2,
div#content #recommend h2 {
}


div#content p.textBox {
	float: left;
	padding: 15px 0 15px 15px;
	width: 445px;
}

div#content p.photoBox {
	float: right;
	padding: 15px;
	width: 261px;
}

div#content div.contentBox {
	padding: 15px;
}

div#content div.contentBox dl.levelList {
	padding: 10px 10px 0 10px;
}

div#content div.contentBox dl.levelList dt {
	padding-bottom: 5px;
}

div#content div.contentBox dl.levelList dd {
	padding-bottom: 20px;
}

div#content div.contentBox div.smallBox {
	border: 1px solid #d8d8d8;
	margin-top: -1px;
	margin-bottom: 10px;
	width: 722px;
}

div#content div.contentBox div.smallBox2 {
	border: 1px solid #d8d8d8;
	margin-top: -1px;
	margin-bottom: 10px;
	width: 946px;
}

div#content p.leadText {
	padding: 10px;
	margin: 0;
}

div#content div#recommend ul {
	padding: 15px;
}

div#content div#recommend ul li {
	float: left;
	font-weight: bold;
	list-style: disc;
	margin-left: 15px;
	width: 456px;
}

div#content div#teacher {
	margin-bottom: 15px;
}

div#content div#teacher ul li {
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	float: left;
	padding: 10px 9px 10px 10px;
	width: 143px;
}

div#content div#teacher ul li.last {
	border-right: none;
}

* html div#content div#teacher ul li.last {/* IE6 */
	padding: 10px 8px 10px 8px;
	width: 140px;
}

div#content div#trial {
	clear: both;
}


div#content div.flowBlock {
	float: left;
	padding:　0 15px 15px 0;
	width: 490px;
}

div#content div.flowBlock dl.bookingBox,
div#content div.flowBlock dl.trialBox {
	float: left;
	width: 232px;
}

div#content div.flowBlock dl.bookingBox {
	background: url(../images/icon_arrow.gif) no-repeat 234px 46px;
	padding-right: 20px;
}

div#content div.flowBlock div.flowBlockInner {
	background: url(../images/bg_flowbox.gif) no-repeat left bottom;
	margin-bottom: 15px;
}

div#content div.flowBlock dl.bookingBox dd,
div#content div.flowBlock dl.trialBox dd {
	padding: 8px;
}


div#content div#trialMovie {
	float: right;
	padding: 0 0 20px;;
	width: 440px;
}



/* # sidebar
---------------------------------------------------------------------------- */

div#sidebar {
	border-left: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	clear: both;
	padding: 10px 10px 0;
	position: absolute;
	top: 0;
	left: 754px;
}

div#sidebar dl {
	margin-bottom: 10px;
}

div#sidebar dl dt{
	margin-bottom: 5px;
}

div#sidebar dl#point .first {
	background: url(../images/icon_number01.gif) no-repeat left top;
	padding: 0 0 2px 20px;
	margin-bottom: 5px;
}

div#sidebar dl#point .second {
	background: url(../images/icon_number02.gif) no-repeat left top;
	padding: 0 0 2px 20px;
	margin-bottom: 10px;
}

div#sidebar dl#price dd {
	margin-bottom: 10px;
}

/* # calendar
---------------------------------------------------------------------------- */

div#content div#calendar {
	margin: 20px 15px 15px;
	position: relative;
}

div#content div#calendar table#schedule {
	font-size: 120%;
	width: 100%;
}

div#content div#calendar p {
	margin: 0;
	padding: 0;
}

div#content div#calendar table#schedule th,
div#content div#calendar table#schedule td {
	border: 1px solid #d8d8d8;
	padding: 5px;
	text-align: center;
	width: 78px;
}

div#content div#calendar table#schedule th {
	background: #e5fffd;
}

div#content div#calendar table#schedule th.head {
	background: #d7e5f2;
	font-weight: bold;
}


div#content div#calendar div#schedule h3 {
	background: #000000;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}

div#content div#calendar input.select {
	position: absolute;
	top: 0;
	left: 235px;
}

div#content div#calendar select {
	border: 1px solid #666666;
	height: 30px;
	font-size: 130%;
}

div#content div.datepick-month-header select {
	font-size: 100%;
}



/* # footerLink
---------------------------------------------------------------------------- */

div#footerLink {
	border-top: 1px solid #d8d8d8; 
	padding: 20px;
	margin: 0 auto;
	width: 938px;
}

div#footerLink p {
	float: left;
}

div#footerLink dl.contactBlockBottom {
	float: right;
	width: 338px;
}

div#footerLink dl.contactBlockBottom dt {
	float: left;
	width: 112px;
}

div#footerLink dl.contactBlockBottom dd {
	float: left;
	width: 112px;
}

div#footerLink dl.contactBlockBottom dd.last {
	width: 113px;
}

/* # clearfix
---------------------------------------------------------------------------- */


/* # common classes
---------------------------------------------------------------------------- */