@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;}

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;
}


/* topics
-----------------------------------------------------------------*/

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

div#topics_headbg select {width:120px;}

div#topics_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/topics/topics_arrow01.gif) 0 50% no-repeat;
}

div#topics_info {
	margin:0 0 15px;
	padding:10px 10px 6px;
	width:738px;
	border:1px solid #DBD3B9;
	background:#FFF;
}

div#topics_info ul {margin:8px 0 0;}

div#topics_info ul li {
	margin:0 12px 0 0;
	float:left;
}

div#topics_info ul li.spacer05 {margin:0 12px 5px 0;}

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

div.topics_area {
	margin:0 0 15px 15px;
	padding:0 0 10px;
	width:745px;
	background:url(../img/topics/topics_bg01.jpg) 0 0 repeat-y;
	position:relative;
}

div#topics_bottom {background:url(../img/topics/topics_bg03.jpg) 0 0 repeat-y;}

div.topics_area img.boxfoot {
	position:absolute;
	bottom:0;
	left:0;
}

div.topics_area div {
	width:360px;
	float:left;
}

div.topics_area div.leftbox {margin:0 10px 0 0;}

div.topics_area div h3 {
	padding:7px 5px 7px 38px;
	font-size:1.2em;
	font-weight:700;
}

div.topics_area div p {margin:0 12px;}

div.topics_area div h3.lec_cap01 {background:url(../img/topics/topics_icon01.jpg) 3px 50% no-repeat #FEDBD8; border:1px solid #FC9F98;}
div.topics_area div h3.lec_cap02 {background:url(../img/topics/topics_icon02.jpg) 3px 50% no-repeat #FFEDD7; border:1px solid #FFC680;}
div.topics_area div h3.lec_cap03 {background:url(../img/topics/topics_icon03.jpg) 3px 50% no-repeat #FFF2B9; border:1px solid #FFDA28;}
div.topics_area div h3.lec_cap04 {background:url(../img/topics/topics_icon04.jpg) 3px 50% no-repeat #D6E9F3; border:1px solid #A2CCE3;}
div.topics_area div h3.lec_cap05 {background:url(../img/topics/topics_icon05.jpg) 3px 50% no-repeat #E7ECF5; border:1px solid #BECCE4;}
div.topics_area div h3.lec_cap06 {background:url(../img/topics/topics_icon06.jpg) 3px 50% no-repeat #EBE9F5; border:1px solid #BEB8DE;}
div.topics_area div h3.lec_cap07 {background:url(../img/topics/topics_icon07.jpg) 3px 50% no-repeat #FDDFEF; border:1px solid #FBB5DA;}

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