@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 .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;
}



/* ページリンク：フッタ */
.pageLink_foot {
	margin:30px 0;
}
.pageLink_foot h3 {
	border-color:#CC0000;
	border-style:solid;
	border-width:0 0 1px 2px;
	padding:0 0 2px 10px;
	margin:0 0 10px 0;
	font-size:12px;
}
.pageLink_foot .pageLink ul {
	list-style:none;
	padding:0;
	margin:0;
}
.pageLink_foot .pageLink li {
	float:none;
	border-color:#333333;
	border-style:solid;
	border-width:0 0 0 2px;
	padding:0 0 0 10px;
	margin:5px 0;
}
.pageLink_foot .pageLink li a,
.pageLink_foot .pageLink li a:link, 
.pageLink_foot .pageLink li a:visited {
	color:#333333;
	text-decoration:underline;
}
.pageLink_foot .pageLink li a:hover {
	color:#CC0000;
	text-decoration:none;
}

/* 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;
}








	
/*--

.dataDetail table.blockTable {margin:20px 0 0; vertical-align:top;}

.dataDetail .titleBox {
	padding:8px 17px 7px;
	background:url(../images/h3_bg.gif) no-repeat;}
.dataDetail .titleBox h3 {
	margin:0; padding:0; float:left;
	color:#fff; font-size:80%;}
.dataDetail .titleBox h3 span {color:#9c9c9c; font-size:90%; padding-left:10px;}
.dataDetail .titleBox p {float:right; margin:0; padding:0; color:#fff; font-weight:bold; font-size:70%;}


.dataDetail .titleBox02 {
	border-left:2px solid #000; padding-left:7px;}
.dataDetail .titleBox02 p {margin:0; padding:0; font-size:70%; color:#777;}
.dataDetail .titleBox02 h3 {margin:0; padding:0; font-size:100%;}

.table-a td.greyBorder {
	margin:20px 0; height:1px; width:100%;
	border-top:1px solid #c2c2c2;}
	
.dataDetail table.blockTable .leftBox {width:274px;}
.dataDetail table.blockTable .rightBox {width:178px;} 

.dataDetail table.blockTable .leftBox p.hel {float:right; margin:0;}
.dataDetail table.blockTable .leftBox .titleBox02 {margin:20px 0 0;}

.dataDetail table.blockTable .rightBox p {margin:0; padding-top:22px;}


.dataDetail table.blockTable .leftBox .table-a {margin:10px 0 0;}

.dataDetail hr.border {
  height:1px; margin:20px 0 0; padding:0;
  border:none; border-top:1px solid #ccc;}

.table-a td.none {background:none; padding:0; height:1px;}
<tr>
	<td colspan="2" class="none" height="">&nbsp;</td>
</tr>
--*/

	
	
.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;
}



