@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
------------------------------------------------------------------- */	


/* -------------------------------------------------------------------
	PULLDOWN
------------------------------------------------------------------- */
#pulldown {
	width:700px;
	background:#464646;
	margin:0 0 10px;
	border-top:#CCCCCC solid 1px;
}
#pulldown ul {
		list-style:none;
		margin:0;
		padding:0;
}
#pulldown li {
		list-style:none;
		margin:0;
		padding:0;
}

ul#pulldown-menu a {
        color: #FFFFFF;
        text-decoration: none;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
        background: #464646;
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
        background: #464646;
		color:#FF0000;
}

ul#pulldown-menu li {
        float: left;
        position: relative;
        width: 98px;
        margin: 0;
        line-height: 120%;
		border-left:#999 solid 1px;
		border-right:#222 solid 1px;
		border-bottom:111 solid 1px;
}
ul#pulldown-menu li a {
        display: block;
		padding:5px 5px 0px;
        height: 20px;
        text-align: center;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
        display: inline;
        position: absolute;
        z-index: 100;
}

ul#pulldown-menu li ul.pulldown-child li {
        float: none;
		width:240px;
        margin: 0 0 0 10px;
		padding:3px 10px 0;
		background:#262626;
		border-top:#666666 solid 1px;
		border-bottom:#000000 solid 1px;
		border-left:#787878 solid 1px;
		border-right:#111111 solid 1px;
}
ul#pulldown-menu li ul.pulldown-child li a {
        font-weight: normal;
		text-align:left;
		background:#262626;
		display:block;
}
ul#pulldown-menu li ul.pulldown-child li span.nolink {
        display: block;
		padding:4px 5px 0px;
        height: 20px;
        text-align: left;
		color:#666;
}
/* -------------------------------------------------------------------
	PULLDOWN
------------------------------------------------------------------- */	





/* -------------------------------------------------------------------
	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 .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;
}



/* 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;
	padding:0;
	margin:0 0 15px;;
}



/* 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;
}


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

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

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

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

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







/* ----------------------------------------------------------------------------------------
チーム
---------------------------------------------------------------------------------------- */
.dataDetail  table.team_index img {
	margin-bottom:20px;
}
.dataDetail  table.team_index a img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.dataDetail  table.team_index a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}


.dataDetail .thumbnailArea table.spec {
    margin:0 0 10px 0;
}
.dataDetail .thumbnailArea table.spec th {
    width: 6em;
}


/*--title--*/
.driver {
	margin:0 0 10px;
	padding: 0;
	color:#333333;
}
.driver_name {
	width:595px;
	margin:25px 0 0 0;
	float:left;
	border-left:#333333 solid 2px;
}
.driver_name p {
	padding:0 0 5px 5px;
	margin:0;
	border-bottom:#333333 solid 1px;
}
.driver_name h3 {
	padding:5px 0 0 5px;
	margin:0;
}
.driver_helmet {
	float:right;
}

.driver_text img {
	float:left;
	margin:0 10px 0 0;
	padding: 1px;
	background:#FFFFFF;
	border:#CCCCCC solid 1px;
}


.dataDetail .textBox .driver_text p {
	font-size:80%;
}
	
	

/* ----------------------------------------------------------------------------------------
ドライバー
---------------------------------------------------------------------------------------- */
#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;
}
.dataDetail  table.driver_index img {
}
.dataDetail  table.driver_index a img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.dataDetail  table.driver_index a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.driver_index_name {
	background:#000000 url(images/name_bg.jpg) top left repeat-x;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:0 1px 1px;
	font-size:9px;
	line-height:110%;
	text-align:center;
	padding:3px 1px;
	margin:0 0 20px;
}

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