@charset "UTF-8";

/*=================================================================
	http://www.royal-web.net/
=================================================================*/


/* common */

div#contentarea h3 {margin:0 auto 11px;}

div#contentarea h4 {margin:0 auto;}

p#topic_path {
	margin:0 0 6px;
	padding:0 0 0 10px;
	font-size:0.8em;
}

p.navi_top {margin:0 0 25px; text-align:right;}

ul#page_navi {margin:0 0 0 111px;}

ul#page_navi li {margin:7px 5px 7px 0; float:left;}

ul#page_navi:after {content:" "; clear:both; height:0; display:block; visibility:hidden;}

div.contentbox {
	margin:0 auto 25px;
	padding:20px 24px;
	width:710px;
	border:1px solid #DBD3B9;
	background:#FFF;
}

div.contentbox p {margin:0 0 15px; text-align:left;}


div.contentbox div.imgbox{
	width:710px;
	text-align: center;
}

div.contentbox div.imgbox img{
	margin:0 auto;
	padding:10px;
	display:inline;
}

div.contentbox div.imgbox img.center01{
	margin:0 auto;
	display:block;
}




img.content_btn {margin:0 auto 25px;}
img.content_btn2 {margin:0 auto 10px;}

table.curriculum {margin:0 auto 30px; width:710px;}

table.curriculum th, table.curriculum td {
	border:1px solid #DBD3B9;
	padding:5px 10px;
	vertical-align:middle;
}

table.curriculum th {background:#EFEAC2; text-align:center;	padding:1px 10px;}
table.curriculum td.time {background:#F9F7E8; text-align:center;}

table.curriculum td.lec {
	background:url(../img/refle02_icon01.jpg) 5px 5px no-repeat;
	padding:5px 10px 5px 55px;
}

table.curriculum td.tech {
	background:url(../img/refle02_icon02.jpg) 5px 5px no-repeat;
	padding:5px 10px 5px 55px;
}

p.subcaption {
	margin:0 auto 15px;
	padding:5px 10px;
	width:690px;
	font-size:1.2em;
	font-weight:700;
	background:#FFDF62;
}


/* school_list
-----------------------------------------------------------------*/

div#school_headbg {
	padding:7px 15px 0;
	width:730px;
	height:28px;
	background:url(../img/school_headbg.jpg) 0 0 no-repeat;
	overflow:hidden;
	position:relative;
}

div#school_headbg select {width:120px;}

div#school_headbg p {
	position:absolute;
	top:8px;
	left:150px;
	padding:0 0 0 10px;
	font-size:1.3em;
	font-weight:700;
	color:#FFF;
	background:url(../img/school_arrow02.gif) 0 50% no-repeat;
}

div#school_info {
/*091105 add margin*/
	margin:0 0 10px;
	padding:10px 10px 6px;
	width:738px;
	border:1px solid #DBD3B9;
	background:#FFF;
}

div#school_info ul {margin:5px 0 0;}

div#school_info ul li {
	margin:0 4px 0 0;
	float:left;
}

div#school_info ul li.end {
	margin:0;
}

div#school_info ul:after {content:" "; clear:both; height:0; display:block; visibility:hidden;}

/*091105 delete
p#school_note {
	margin:0 0 10px;
	text-align:right;
	font-size:0.8em;
}*/

div.school_area {
	margin:0 auto 30px;
	width:730px;
}

div#contentarea div.school_area h3 {
	margin:0;
	padding:3px 10px;
	font-size:1.2em;
	font-weight:700;
	background:url(../img/school_arrow01.jpg) 0 50% no-repeat;
}

div.school_area table {width:730px;}

div.school_area table th, div.school_area table td {
	padding:5px 6px;
	border:1px solid #DBD3B9;
	background:#FFF;
}

div.school_area table th {
	color:#FFF;
	font-weight:700;
	background:#857B67;
	text-align:center;
}

div.school_area table td.icon_p {background:url(../img/school_license01.jpg) 100% 5px no-repeat #FFF;}
div.school_area table td.icon_g {background:url(../img/school_license02.jpg) 100% 5px no-repeat #FFF;}

div.school_area table img, div.school_area table ul, div.school_area table ul li {
	display:inline;
	vertical-align:middle;
	position:relative;
}

div.school_area table ul li {top:-2px; margin:0 2px 0 0;}

div#school_info ul:after {content:" "; clear:both; height:0; display:block; visibility:hidden;}

p#school_note2 {
	margin:0 0 30px;
	width:760px;
	text-align:right;
	font-size:0.8em;
}

p#school_note3 {
	margin:-15px 0 30px;
	width:750px;
	text-align:right;
}

div#school_licensebox {
	margin:0 auto 25px;
	border:1px solid #DBD3B9;
	width:758px;
	background:#FFF;
}

div#school_licensebox p.caption {
	margin:0;
	padding:3px 10px;
	font-size:1.2em;
	font-weight:700;
	background:#DBD3B9;
}

div#school_licensebox p#platinum {
	margin:0 10px;
	padding:15px 15px 15px 195px;
	width:528px;
	background:url(../img/school_license01b.jpg) 5px 50% no-repeat;
	min-height:46px;
	_height:46px;
	border-bottom:1px dotted #CCC;
}

div#school_licensebox p#gold {
	margin:0 10px;
	padding:15px 15px 15px 195px;
	width:528px;
	background:url(../img/school_license02b.jpg) 5px 50% no-repeat;
	min-height:46px;
	_height:46px;
}

div#school_rta {
	margin:0 auto;
	padding:15px 14px;
	width:730px;
	border:1px solid #D59640;
	border-top:none;
	background:#F0EDBF;
}

div#school_rta table {width:730px;}

div#school_rta table th, div#school_rta table td {
	padding:5px 8px;
	border:1px solid #D5AC60;
	background:#FFF;
}

div#school_rta table th {
	color:#FFF;
	font-weight:700;
	border:1px solid #885C02;
	background:url(../img/school_bg01.jpg) 0 100% repeat-x #C68909;
	text-align:center;
}

div#school_rta table td.icon_p {background:url(../img/school_license01.jpg) 100% 5px no-repeat #FFF;}
div#school_rta table td.icon_g {background:url(../img/school_license02.jpg) 100% 5px no-repeat #FFF;}

div#school_rta table img, div#school_rta table ul, div#school_rta table ul li {
	display:inline;
	vertical-align:middle;
	position:relative;
}

div#school_rta table ul li {top:-2px; margin:0 2px 0 0;}


/* school_detail
-----------------------------------------------------------------*/

div#school_headbg p#school_name {
	left:10px;
	padding:0 0 0 10px;
}

div#school_detail {position:relative;}

div#school_detail table {
	margin:0 0 30px 0px;
	width:450px;
}

div#school_detail table th, div#school_detail table td {
	padding:0 3px;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	background:#E7EDDC;
}

div#school_detail table th {
	color:#FFF;
	background:#64962E;
}

div#school_detail table img {display:inline; vertical-align:middle;}

div#school_detail a:link, div#school_detail a:visited {font-weight:700;}

div#school_detail img#school_photo01 {float:left;margin-bottom:25px;display:inline;margin-right:20px;}

div#school_detail p {
	margin:0 auto 20px;
	width:670px;
	clear:both;
}

div#school_detail p span {
	display:block;
	font-weight:700;
}

div#school_info2 {padding:15px 0 0;}

div#school_info2 ul {
	padding:10px 5px;
	width:698px;
	border:1px solid #DBD3B9;
	background:#FFF;
}

div#school_info2 ul li {
	margin:0 4px 0 0;
	float:left;
}

div#school_info2 ul:after {content:" "; clear:both; height:0; display:block; visibility:hidden;}

h3.school_subcap {
	padding:10px;
	background:url(../img/school_subcapbg.jpg) 0 0 repeat-x #64962E;
	font-size:1.2em;
	color:#FFF;
	font-weight:700;
}

h3.school_subcap span {
	line-height:120%;
	display:block;
	border-left:3px solid #FFF;
	padding:0 0 0 6px;
}

div.school_menu {
	margin:0 auto 5px 15px;
	width:695px;
}

div.school_menu:after {content:" "; clear:both; height:0; display:block; visibility:hidden;}

table.menu_list {
	margin:0 0 10px;
	width:680px;
}

table.menu_list th, table.menu_list td {
	padding:5px 10px;
	border:1px solid #DBD3B9;
}

table.menu_list th.caption {
	padding:5px 6px;
	color:#FFF;
	font-weight:700;
	background:#857B67;
}

table.menu_list td {background:#F2EFE6; text-align:center;}

div.school_menu div {
	margin:0 15px 25px 0;
	width:330px;
	float:left;
	background:#EEE;
	display:inline;
}

div.school_menu div h4 {
	padding:5px 18px;
	font-size:1.2em;
	font-weight:700;
	background:url(../img/school_arrow03.jpg) 6px 50% no-repeat #F2EFE6;
	border:1px solid #DDD;
}

div.school_menu div h4#lecture01 {border-bottom:3px solid #FC4334;}
div.school_menu div h4#lecture02 {border-bottom:3px solid #FF8F07;}
div.school_menu div h4#lecture03 {border-bottom:3px solid #378FC0;}
div.school_menu div h4#lecture04 {border-bottom:3px solid #F550A6;}
div.school_menu div h4#lecture05 {border-bottom:3px solid #486BB5;}
div.school_menu div h4#lecture06 {border-bottom:3px solid #5E4BB1;}
div.school_menu div h4#lecture07 {border-bottom:3px solid #FFCE09;}

div.school_menu div.bottom {margin:0 15px 0 0;}

div.school_menu div div {
	margin:0;
	width:328px;
	height:180px;
	border:1px solid #CCC;
	border-top:none;
	background:#FFF;
	overflow-x:hidden;
}

div.school_menu div div iframe {
	width:328px;
	height:180px;
	overflow-x:hidden;
}