@charset "utf-8";


/* -------------------------------------------------------------------
	topBox
------------------------------------------------------------------- */	
#topBox {
	margin:8px 0 0;
	background:#000; width:677px; height:100%;}

#topBox h1 {margin:0; padding:24px 0 26px 13px;}

#topBox h1,#topBox p {float:left;}
#topBox p {margin:0; padding:28px 0 0 30px; color:#ccc; font-size:65%;}
#topBox p.photo {clear:both; margin:0; padding:0;}

/* -------------------------------------------------------------------
	titleBox
------------------------------------------------------------------- */	



/* -------------------------------------------------------------------
	course
------------------------------------------------------------------- */	
#courseBox {
	width:677px; height:100%; margin:16px 0 0;
	background:url(../images/blog_bg.gif) repeat-y;}
	
.table-a {
	width:100%; font-size:70%; color:#505050; font-size:75%;
	border-collapse:separate; margin:0;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;}
body:first-of-type .table-a {font-size:70%;}
.table-a th {
	padding:10px 6px;
	font-weight:normal; text-align:center;
	border-bottom:1px solid #bcbcbc;
	border-right:1px solid #fff;}
.table-a td {
	padding:10px 6px;
	border-right:1px solid #fff;}
.table-a tr.odd td {
	background:#dedede;}
	
.table-a tr.odd td.no1 {
	color:#fff;
	background:url(../images/king01.gif) no-repeat #dedede center 2px;}
.table-a tr td.no2 {
	color:#fff;
	background:url(../images/king02.gif) no-repeat center 2px;}	
.table-a tr.odd td.no3 {
	color:#fff;
	background:url(../images/king01.gif) no-repeat #dedede center 2px;}
	
.listBox .table-b {margin:20px 0 0;}
	
.table-b {
	width:100%; color:#505050; font-size:70%;
	border-collapse:separate; margin:0;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;}

.table-b th {
	padding:10px 3px;
	font-weight:normal; text-align:center;
	border-bottom:1px solid #bcbcbc;
	border-right:1px solid #fff;}

	
.table-b td {
	padding:10px 0; text-align:center;
	border-right:1px solid #fff;}
.table-b tr.odd td {
	background:#dedede;}
	
.table-b tr.odd td.no1 {
	color:#fff;
	background:url(../images/king01.gif) no-repeat #dedede center 2px;}
.table-b tr td.no2 {
	color:#fff;
	background:url(../images/king02.gif) no-repeat center 2px;}	
.table-b tr.odd td.no3 {
	color:#fff;
	background:url(../images/king01.gif) no-repeat #dedede center 2px;}	

/*--cont--*/	
#courseBox .cont {
	width:655px; margin:0 auto 30px;}
	
/*--title--*/	
.cont .titleBox {
	height:100%;
	background:url(../images/title_bg.gif) no-repeat;}
.cont .titleBox h2 {
	float:left; margin:0; padding:15px 0 0 26px;
	color:#ccc; font-size:85%;height:29px;}
body:first-of-type .cont .titleBox h2 {padding:12px 0 0 26px;}

#courseBox .cont .dataBox {width:634px; margin:0 auto;}
#courseBox .cont .dataBox h3 {font-size:100%; color:#666; float:left;}
#courseBox .cont .dataBox h3 span.date {font-size:65%; font-weight:normal;} 

#courseBox .cont .dataBox ul.button {margin:20px 0 0; padding:0; list-style:none; float:right;}
#courseBox .cont .dataBox ul.button li {float:left; margin:0; padding:0 0 0 1px;}

#courseBox .cont .dataBox .leftBox {width:120px; margin:20px 0 0;}
#courseBox .cont .dataBox .rightBox {width:505px; margin:20px 0 0;}
*html #courseBox .cont .dataBox .rightBox {width:491px; margin:20px 0 0;}

#courseBox .cont .dataBox ul.list {margin:0; padding:0; list-style:none; font-size:90%;width:120px;}

#courseBox .cont .dataBox ul.list li {
	margin:0; height:30px; color:#999999;}
#courseBox .cont .dataBox ul.list li a {
	display:block; width:113px; padding-left:30px; color:#505050;}
#courseBox .cont .dataBox ul.list li a:hover { color:#ED2715;}
#courseBox .cont .dataBox ul.list li a.current {color:#ED2715; text-decoration:none;}

#courseBox .cont .dataBox ul.list li.aus {
	padding-left:30px;
	background:url(../images/flag/aus.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.ma {
	padding-left:30px;
	background:url(../images/flag/ma.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.chi {
 	padding-left:30px;
	background:url(../images/flag/chi.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.ba {
	padding-left:30px;
	background:url(../images/flag/ba.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.spa {
	padding-left:30px;
	background:url(../images/flag/spa.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.mona {
	padding-left:30px;
	background:url(../images/flag/mona.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.tur {
	padding-left:30px;
	background:url(../images/flag/tur.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.en {
	padding-left:30px;
	background:url(../images/flag/en.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.ger {
	padding-left:30px;
	background:url(../images/flag/ger.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.hun {
	padding-left:30px;
	background:url(../images/flag/hun.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.eu {
	padding-left:30px;
	background:url(../images/flag/eu.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.ber {
	padding-left:30px;
	background:url(../images/flag/ber.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.ita {
	padding-left:30px;
	background:url(../images/flag/ita.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.sin {
	padding-left:30px;
	background:url(../images/flag/sin.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.jpn {
	padding-left:30px;
	background:url(../images/flag/jpn.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.bra {
	padding-left:30px;
	background:url(../images/flag/bra.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.abu {
	padding-left:30px;
	background:url(../images/flag/abu.gif) no-repeat 0 3px;}

#courseBox .cont .dataBox ul.list li.aus_on {
	background:url(../images/flag/aus_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.ma_on {
	background:url(../images/flag/ma_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.chi_on {
	background:url(../images/flag/chi_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.ba_on {
	background:url(../images/flag/ba_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.spa_on {
	background:url(../images/flag/spa_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.mona_on {
	background:url(../images/flag/mona_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.tur_on {
	background:url(../images/flag/tur_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.en_on {
	background:url(../images/flag/en_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.ger_on {
	background:url(../images/flag/ger_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.hun_on {
	background:url(../images/flag/hun_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.eu_on {
	background:url(../images/flag/eu_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.ber_on {
	background:url(../images/flag/ber_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.ita_on {
	background:url(../images/flag/ita_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.sin_on {
	background:url(../images/flag/sin_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.jpn_on {
	background:url(../images/flag/jpn_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.bra_on {
	background:url(../images/flag/bra_on.gif) no-repeat 0 3px;}
#courseBox .cont .dataBox ul.list li.abu_on {
	background:url(../images/flag/abu_on.gif) no-repeat 0 3px;}