@charset "utf-8";



/* -------------------------------------------------------------------
オーバーライド　　　
------------------------------------------------------------------- */	

	
/* -------------------------------------------------------------------
	contents
------------------------------------------------------------------- */	
#contents {
	width:700px;
	padding:0 20px 20px;
	_padding:0 18px 0;
	margin:0;
	background:#FFFFFF url(../images/contents_bg.gif);
	color:#333333;
	font-size:14px;
	line-height:160%;
	font-weight:normal;
}

img {
	border:none;
}


/* -------------------------------------------------------------------
	topicPath 
------------------------------------------------------------------- */
#topicPath {
	width:656px;
	margin:10px 0;
}
#topicPath p {margin:0; padding:0; list-style:none; line-height:1em; color:#787878; font-size:80%;}
#topicPath p a {color:#464646;}
#topicPath a:link    { color: #464646; text-decoration:none;}
#topicPath a:hover   { color: #ee0606; text-decoration:underline;}


	
/* -------------------------------------------------------------------
	pagetop
------------------------------------------------------------------- */		
.pagetop {
	margin:10px 0; padding:0; width:700px;
	background:url(/component/images/page_top_bg.gif) repeat-x;}	
.pagetop:hover {background:url(/component/images/page_top_on_bg.gif) repeat-x;}
.pagetop p {
	text-align:right; margin:0; padding:0; font-size:65%;
	}
.pagetop p a {
	display:block; padding:5px 20px 5px 0; color:#666; width:683px;
	background:url(/component/images/top_point.gif) no-repeat 688px 9px;}
.pagetop p a:hover {
	color:#fff; text-decoration:none;
	background:url(/component/images/top_point_r.gif) no-repeat 688px 9px;}



/* -------------------------------------------------------------------
オーバーライド　　　
------------------------------------------------------------------- */	





/* -------------------------------------------------------------------
	topBox
------------------------------------------------------------------- */	
#topBox {
	margin:8px 0 0;
	background:#000; width:700px; 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
------------------------------------------------------------------- */	





/* -------------------------------------------------------------------
	dataBox
------------------------------------------------------------------- */	
#dataBox {
	width:700px;
	margin:10px 0 0;
	/*background:#FFFFFF;*/
}




/*--title--*/	
#dataBox .titleBox {
	margin:0 0 10px 0;
	padding:0;
}
#dataBox .titleBox h2 {
	margin:0;
	padding:0;
}



/*--title--*/
#dataBox h2 {
	background:url(../images/title_bg.gif) no-repeat;
	margin:0;
	padding:12px 0 0 26px;
	color:#ccc;
	font-size:85%;
	height:29px;
}
#dataBox h2.archive {
	background:url(../images/title_bg_archive.gif) no-repeat;
	margin:20px 0 0;
	padding:12px 0 0 26px;
	color:#ccc;
	font-size:85%;
	height:29px;
}
#dataBox .titleBox h2.driver {
	background:url(../images/title_bg_driver.gif) no-repeat;
	margin:0;
	padding:12px 0 0 26px;
	color:#ccc;
	font-size:85%;
	height:29px;
}
/*--title--*/
#dataBox .titleBox h2.machine {
	background:url(../images/title_bg_machine.gif) no-repeat;
	margin:0;
	padding:12px 0 0 26px;
	color:#ccc;
	font-size:85%;
	height:29px;
}




.pageLink {
	margin:10px 0;
}
.pageLink ul {
	list-style:none;
	padding:0;
	margin:0;
}
.pageLink li {
	float:left;
	border-color:#999999;
	border-style:solid;
	border-width:0 1px 0 0;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
}
.pageLink li a,
.pageLink li a:link, 
.pageLink li a:visited {
	color:#999999;
}
.pageLink li a:hover {
	color:#CC0000;
}

/* photoArea */
.photoArea {
	margin:10px 0;
	padding:0;
}
.photoArea p {
	margin:1px 0 0 0;
	padding:10px;
	color:#CCCCCC;
	font-size:75%;
	background:#040404;
}




/* -------------------------------------------------------------------
	dataDetail
------------------------------------------------------------------- */	

/* dataDetail */

.dataDetail a,
.dataDetail a:link,
.dataDetail a:visited { color: #787878; text-decoration:underline;}
.dataDetail a:active  { color: #FF0000; text-decoration:underline;}
.dataDetail a:hover   { color: #CC0000; text-decoration:underline;}

.dataDetail {
	margin:10px 0 20px 0;
}

.dataDetail .textBox {
	width:440px;
	margin:0 16px 0 0;
	padding:0 0 20px;
	border:none;
	float:left;
}
.dataDetail .textBox h3 {
	margin:0 0 20px;
	padding:0;
}

.dataDetail .textBox .photoArea {
	margin:0 0 10px 0;
	padding:0;
}

.dataDetail .textBox p {
	font-size:95%;;
	line-height:160%;
	font-weight:normal;
	color:#454545;
}

.textBox {
	padding-bottom:18px;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;}


/* thumbnail */
.thumbnailArea {
	width:244px;
	float:right;
	margin:0;
	padding:0;
}
.thumbnailArea p {
	margin:0 0 20px;
	font-size:80%;
}
.thumbnailArea p.thumbnail {
	margin:0 0 5px;
	text-align:right;
}
.thumbnailArea p.thumbnail a {
	border:#CCCCCC solid 1px;
	background:#FFFFFF;
	padding:1px;
	display:block;
}
.thumbnailArea p.thumbnail a:hover {
	border:#CC0000 solid 1px;
}


.photoNavi {
	border:#CCCCCC solid 1px;
	background:#E6E6E6;
	list-style:none;
	margin:10px 0;
	padding:0;
	*padding-bottom:5px;
}
.photoNavi li {
	float:left;
	margin:5px 0 5px 5px;
	padding:0;
	display:block;
}
.photoNavi li a {
	border:#CCCCCC solid 1px;
	background:#FFFFFF;
	padding:1px;
	display:block;
}
.photoNavi li a:hover {
	border:#CC0000 solid 1px;
}








	
	
.listBox {
	margin: 0;
	padding: 0;
}
.listBox h3 {
	font-size:100%;
	color:#666;
	border-left:#333333 solid 2px;
	border-bottom:#333333 solid 1px;
	padding: 0 0 5px 5px;
	margin: 0 0 10px
}

.listBox a,
.listBox a:link,
.listBox a:visited { color: #990000; text-decoration:none;}
.listBox a:active  { color: #FF0000; text-decoration:underline;}
.listBox a:hover   { color: #CC0000; text-decoration:underline;}

.table-a {
	width:100%; font-size:70%; border-collapse:separate; margin:1em 0 0;
	border-spacing:1px;}
.table-a th {
	padding:6px 10px;
	font-weight:normal; background:#999; color:#fff;
	text-align:left;}
.table-a td {
	padding:6px 10px;
	background:#ccc; color:#676767;}
	
	
.listBox .table-b {
	margin:10px 0 0;
	background-color:#eeeeee;
}
.table-b {
	width:100%;
	color:#505050;
	font-size:75%;
	line-height:150%;
	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:0.8em 0.7em;
	text-align:left;
	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;}

/*--team--*/
.table-b .team {
	font-size:110%;
	font-weight:bold;
}


.dataDetail p.note {
	font-size:80%;
	line-height:150%;
	color:#666666;
	text-align:right;
	padding-bottom:10px;
	border-bottom:#CCCCCC dotted 1px;
}


/* ----------------------------------------------------------------------------------------
マシンスペック
---------------------------------------------------------------------------------------- */
table.spec {
	font-size:80%;
	color:#454545;
	background:#CCCCCC;
    width: 100%;
    text-align:left;
    margin:10px 0;
}

table.spec tr {
	vertical-align:top;
}

table.spec td.title {
	background:#454545;
	color:#DEDEDE;
	font-weight:bold;
}

table.spec th {
	background:#E9E9E9;
    font-weight:bold;
    width: 10em;
	border:#FFFFFF solid 1px;
}

table.spec td {
	background:#F0F0F0;
	border:#FFFFFF solid 1px;
}


/* ----------------------------------------------------------------------------------------
GP
---------------------------------------------------------------------------------------- */
table.schedule {
	font-size:80%;
	color:#454545;
	background:#CCCCCC;
    width: 100%;
    text-align:left;
    margin:10px 0;
}

table.schedule tr {
	vertical-align:top;
}

table.schedule td.title {
	background:#454545;
	color:#DEDEDE;
	font-weight:bold;
}

table.schedule th {
	background:#454545;
	color:#DEDEDE;
    font-weight:bold;
    width: 10em;
	border:#FFFFFF solid 1px;
	text-align:center;
}

table.schedule th.round { width:7%;}
table.schedule th.date { width:14%;}
table.schedule th.flag { width:6%;}
table.schedule th.gp { width:15%;}
table.schedule th.circuit { width:28%;}
table.schedule th.winner { width:15%;}
table.schedule th.team { width:15%;}

table.schedule td {
	background:#F0F0F0;
	border:#FFFFFF solid 1px;
}

table.schedule tr.odd td {
	background:#E3E3E3;
}


.schedule a,
.schedule a:link,
.schedule a:visited { color: #990000; text-decoration:none;}
.schedule a:active  { color: #FF0000; text-decoration:underline;}
.schedule a:hover   { color: #CC0000; text-decoration:underline;}



.gp_category_list .textBox {
	width:480px;
	margin-right:10px;
}
.gp_category_list .thumbnailArea {
	width:210px;
}
.gp_category_list .thumbnailArea .latest_news {
	border:#999999 solid 1px;
}
.gp_category_list .thumbnailArea .latest_news h3 {
	border-bottom:#999999 solid 1px;
	padding:8px;
	margin:0;
	font-size:14px;
	font-weight:bold;
}
.gp_category_list .thumbnailArea .latest_news p {
	padding-bottom:10px;
	margin:10px;
	padding:0;
	font-size:80%;
}
.gp_category_list .thumbnailArea .latest_news p a {
	color: #990000;
}





/* ----------------------------------------------------------------------------------------
TOP
---------------------------------------------------------------------------------------- */
#dataWrap {margin:15px 0 0; padding:0 0 20px; border:#CCCCCC solid 1px;}

#dataWrap .naviBox {float:left; margin:20px 0 0 17px; padding:0; width:210px; height:214px; display:inline;}

#dataWrap .naviBox h3 {font-size:85%; line-height:1.3em; margin:0; padding:0;}
#dataWrap .naviBox h3 a {
	padding:108px 0 0 25px;
	width:185px;
	height:108px;
	display:block;
	text-decoration:none;
}

#dataWrap .naviBox h3 a:hover {
	text-decoration:none; color:#fff; background:#000;}
#dataWrap .naviBox h3 span.detail {
	margin-top:8px; padding:0; margin-left:-10px; margin-right:10px;
	font-size:85%; font-weight:normal; display:block; color:#ccc;}

#dataWrap #game h3 a {
	background:url(../images/game.jpg) no-repeat 0 0;}
#dataWrap #game h3 a:hover {
	background:url(../images/game.jpg) no-repeat -210px 0;}
#dataWrap #ranking h3 a {
	background:url(../images/ranking.jpg) no-repeat 0 0;}
#dataWrap #ranking h3 a:hover {
	background:url(../images/ranking.jpg) no-repeat -210px 0;}
#dataWrap #info h3 a {
	background:url(../images/info.jpg) no-repeat 0 0;}
#dataWrap #info h3 a:hover {
	background:url(../images/info.jpg) no-repeat -210px 0;}	
#dataWrap #team h3 a {
	background:url(../images/team.jpg) no-repeat 0 0;}
#dataWrap #team h3 a:hover {
	background:url(../images/team.jpg) no-repeat -210px 0;}	
#dataWrap #driver h3 a {
	background:url(../images/driver.jpg) no-repeat 0 0;}
#dataWrap #driver h3 a:hover {
	background:url(../images/driver.jpg) no-repeat -210px 0;}	
#dataWrap #course h3 a {
	background:url(../images/course.jpg) no-repeat 0 0;}
#dataWrap #course h3 a:hover {
	background:url(../images/course.jpg) no-repeat -210px 0;}	
#dataWrap #dictionary h3 a {
	background:url(../images/dictionary.jpg) no-repeat 0 0;}
#dataWrap #dictionary h3 a:hover {
	background:url(../images/dictionary.jpg) no-repeat -210px 0;}	
#dataWrap #machine h3 a {
	background:url(../images/machine.jpg) no-repeat 0 0;}
#dataWrap #machine h3 a:hover {
	background:url(../images/machine.jpg) no-repeat -210px 0;}		
	
#dataWrap .leftEnd {
	/*margin-left:0;*/
}