@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 24px; color:#b1b1b1; font-size:65%;}
#topBox p.photo {clear:both; margin:0; padding:0;}

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



/* -------------------------------------------------------------------
	driver
------------------------------------------------------------------- */	
#driverBox {
	width:677px; height:100%; margin:16px 0 0;
	background:url(../images/blog_bg.gif) repeat-y;}

/*--cont--*/	
#driverBox .cont {
	width:480px; padding:0 10px 30px; float:right;}
	
/*--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;}

/*--driver--*/
.driver {width:225px;border-bottom:1px solid #7f7f7f; float:left; margin:0 7px;}
*html .driver {margin:0 6px;}
.driver h3 {
	font-size:75%; text-align:center;padding:4px 0;height:11px; 
	background:url(../images/gray_bg.gif) repeat-x 0 -8px;
	border-top:1px solid #7e7e7e;
	border-bottom:1px solid #7e7e7e;}
.driver p {margin:0; padding:0;}
.driver p.name {
	text-align:center; padding:4px 0; color:#fff; font-size:65%;
	background:url(../images/gray_bg.gif) repeat-x;}
body:first-of-type .driver h3 {font-size:65%;}
body:first-of-type .driver p.name {font-size:55%;}
	
.driver a:hover {text-decoration:none;}

#driverBox p.illust a {color:#666;}
#driverBox p.illust a:hover {color:#ED2715;}

#driverBox p.illust {float:left; margin:1em 0 0 8px; font-size:75%; font-style:oblique;}
#driverBox p.linkList {float:right;}






/* -------------------------------------------------------------------
	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; background-color:#eeeeee;}

.listBox h3 {font-size:100%; color:#666; float:left;}
	
.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;}

/*--team--*/
.team { font-size:115%; font-weight:bold;}