@charset "UTF-8";

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


/* common */

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

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#flashbox {
	margin:0 auto 30px;
	width:560px;
	height:300px;
}

div#flashbox div#FlashContent {
	margin:0;
	padding:15px;
	width:530px;
	height:270px;
}

div#begginer_info {
	margin:0 auto;
	padding:0 260px 20px 0;
	width:420px;
	min-height:380px;
	_height:380px;
	background:url(../img/begginer/begginer_img01.jpg) 100% 0 no-repeat;
}

p#begginer_note {
	margin:0 auto 40px;
	padding:15px;
	font-size:1.2em;
	font-weight:700;
	background:#F9F7E8;
	line-height:180%;
	border:1px solid #DBD3B9;
}

div#contentarea h3.lec_cap {
	margin:0 auto;
	padding:7px 5px 7px 38px;
	font-size:1.2em;
	font-weight:700;
}

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

div.lec_box {
	margin:0;
	padding:10px 10px 10px 280px;
	min-height:180px;
	_height:180px;
	border:1px solid #CCCCCC;
	border-top:none;
}

div.lec_box span {color:#FF6600; font-weight:700;}

div#contentarea div#lec_box01 {background:url(../img/begginer/begginer_img02.jpg) 15px 15px no-repeat;}
div#contentarea div#lec_box02 {background:url(../img/begginer/begginer_img03.jpg) 15px 15px no-repeat;}
div#contentarea div#lec_box03 {background:url(../img/begginer/begginer_img04.jpg) 15px 15px no-repeat;}
div#contentarea div#lec_box04 {background:url(../img/begginer/begginer_img05.jpg) 15px 15px no-repeat;}
div#contentarea div#lec_box05 {background:url(../img/begginer/begginer_img06.jpg) 15px 15px no-repeat;}
div#contentarea div#lec_box06 {background:url(../img/begginer/begginer_img07.jpg) 15px 15px no-repeat;}
div#contentarea div#lec_box07 {background:url(../img/begginer/begginer_img08.jpg) 15px 15px no-repeat;}

div.contentbox p.navi_top {margin:5px 10px 25px; text-align:right;}