@charset "utf-8";
/* CSS Document */


/* about==========================

	1.for about style
*/


/* 1.for about style
===============================================================*/
div.section{
	margin:30px 0px 0px 25px;
	width:631px;
	line-height:1.5;
}

div.section h3{
	margin-bottom:20px;
}

div.tblTitle h3{
	font-weight:bold;
	font-size:120%;
	color:#968127;
	margin:0 0 3px;
}

div#aboutArea p.leftBox{
	width:420px;
	line-height:1.8;
}

.txtC{
	text-align:center;
}

/* movieArea */
div#movieArea{
	float:right;
	width:180px;
	display:inline;
	text-align:right;
	margin-right:5px;
}

div#movieArea p img{
	margin-top:10px;
}

/* boardArea */
div#boardArea dt{
	margin:25px 0 10px;
}

div#boardArea p.imgRight{
	text-align:right;
	margin-top:25px;
}

/* uniformArea */
div#uniformArea div.leftBox{
	width:375px;
}

div#uniformArea div.leftBox img{
	margin-bottom:10px;
}

/* breakdownArea */
div#breakdownArea{
	width:631px;
}

div.bdBox{
	width:631px;
	height:100%;
	background:url(../../common/images/line_dot.gif) repeat-x left bottom;
}

div#breakdownArea dl{
	float:left;
	width:200px;
	line-height:1.5;
	margin-top:10px;
}

div#breakdownArea dl.mdl{
	margin:10px 14px 0px 14px;
}

div#breakdownArea dt{
	font-weight:bold;
	font-size:120%;
	color:#968127;
	margin-bottom:5px;
}

div#breakdownArea dd p{
	margin-top:5px;
	min-height:3em;
	height:auto !important;
	height:3em;
}

div#breakdownArea dd p.centerImg{
	text-align:center;
}


/* 2.for concept style
===============================================================*/
div#conceptArea ol{
	padding-top:10px;
}

div#conceptArea li{
	list-style-type:decimal;
	margin:10px 0 0 40px;
}

p#comment{
	font-size:90%;
	margin-top:20px;
}

/* featureArea */
div#featureArea dt{
	margin:25px 0 10px;
}

/* characterArea */
table.charTbl{
	font-size:100%;
	border:1px solid #bfbfbf;
	width:631px;
	color:#555;
	margin-bottom:20px;
	line-height:1.5;
}

table.charTbl th{
	border:1px solid #bfbfbf;
	font-weight:bold;
	background-color:#e9f3f2;
	padding:5px;
	width:100px;
	text-align:center;
	vertical-align:middle;
}

table.charTbl td{
	padding:5px;
	background-color:#FFF;
	border:1px solid #bfbfbf;
	vertical-align:middle;
}


table.charTbl tr.grade td{
	background-color:#b8d0ee;
	text-align:center;
	width:150px;
}

table.charTbl tr.stage td{
	background-color:#dae6f5;
	text-align:center;
}

tr.txtC td{
	text-align:center;
}


/* 3.for coaching style
===============================================================*/
div#coachingArea dt{
	margin:25px 0 10px;
}

div#chartArea dt{
	font-weight:bold;
	font-size:120%;
	color:#968127;
	margin-bottom:5px;
}

div#chartArea dd{
	margin-bottom:20px;
}

/* 4.for outline style
===============================================================*/
div#outlineArea{
	background:url(../images/bg_message.gif) no-repeat bottom;
	height:430px;
}

div#outlineArea p{	
	margin:40px 0 0 40px;
}

div#foundProf div.leftBox{
	width:390px;
}

div#foundProf dd{
	text-align:right;
	margin:20px 0;
}

div#foundProf dd span{
	padding-left:15px;
	background:url(../../common/images/catch_blue.gif) no-repeat left;
}

div#foundProf li{
	background:url(../images/catch_gold.gif) no-repeat left 4px;
	margin:0 0 5px 0px;
	padding-left:15px;
}

div#foundProf div.rightBox{
	width:210px;
}

div#historyArea dt{
	float:left;
	width:8em;
	margin-bottom:8px;
	padding-bottom:5px;
	background:url(../../common/images/line_dot.gif) repeat-x left bottom;

}

div#historyArea dd{
	margin:0 0 8px 8em;
	padding-bottom:5px;
	background:url(../../common/images/line_dot.gif) repeat-x left bottom;
}


/* 5.for greeting style
===============================================================*/
div.greeting p{
	margin-bottom:10px;
}

div.greeting li{
	list-style-type:square;
	margin-left:16px;
}

div.greeting dt{
	font-weight:bold;
	font-size:120%;
	color:#968127;
	margin:20px 0 10px;
}

div.greeting div.rightBox{
	width:420px;
}

div.greeting div.rightBox p{
	font-weight:bold;
}

/* 6.for teacher style
===============================================================*/
p.backList{
	text-align:right;
	margin-bottom:15px;
}

ul#subjectList li{
	display:inline;
	float:left;
}

dl.teachList dt{
	font-weight:bold;
	font-size:120%;
	color:#968127;
	background:url(../../common/images/line_dot.gif) repeat-x left bottom;
	padding-bottom:5px;
	margin:30px 0 10px;
	position:relative;
}

dl.teachList dt span{
	position:absolute;
	left: 545px;
	top: 0px;
}

dl.teachList dd li.firstChild{
	margin:0;
}

dl.teachList dd li{
	display:inline;
	margin-left:30px;
}

div#teachMain{
	padding-bottom:30px;
}

div#teachMain p img{
	margin-bottom:20px;
}

dl.subjectPoint dt{
	font-weight:bold;
	font-size:120%;
	color:#968127;
	margin-top:15px;
}

table.classTbl{
	font-size:100%;
	border:1px solid #bfbfbf;
	width:631px;
	color:#555;
	margin-top:20px;
	line-height:1.5;
}

table.classTbl th{
	border:1px solid #bfbfbf;
	font-weight:bold;
	padding:8px;
	width:80px;
	vertical-align:middle;
	text-align:center;
}

table.classTbl tr.gradeArea{
	background-color:#cdc39b;
}

table.classTbl tr.time{	
	background-color:#f6f4ec;
}

table.classTbl td{
	border:1px solid #bfbfbf;
	padding:8px;
	width:150px;
	vertical-align:middle;
}

div.teachDetail{
	margin-top:30px;
	padding-bottom:30px;
	background:url(../../common/images/line_dot.gif) repeat-x left bottom;
}

div.teachDetail div.rightBox{
	width:430px;
}

div.teachDetail div.rightBox h3{
	font-weight:bold;
	font-size:130%;
	border-bottom:1px solid #d5d5d5;
}

div.teachDetail div.rightBox dt{
	font-weight:bold;
	width:6em;
	float:left;
}


div.teachDetail div.rightBox dd{
	width:340px;
	margin:0 0 5px 7em;
}

dl.message dt{
	margin:20px 0 5px;
}


/* ‚»‚Ì‘¼ */
div.otherSubject{
	margin-top:30px;
	padding-bottom:30px;
	background:url(../../common/images/line_dot.gif) repeat-x left bottom;
}

div.otherSubject h3{
	font-weight:bold;
	font-size:130%;
	border-bottom:1px solid #d5d5d5;
}

div.otherSubject dt{
	font-weight:bold;
	font-size:120%;
	color:#968127;
	margin-bottom:10px;
}

div.otherSubject div.rightBox{
	width:430px;
}