﻿@charset "UTF-8";


#race_contents_left{
	width: 645px;
	float: left;
	margin: 0 0px 0px 15px;
	_margin :0 0px 0px 7px;
}


#race_contents_right{
	width: 270px;
	float: right;
	margin: 0 15px 0px 0px;
	_margin: 0 7px 0px 0px;
}


#race_content_footer{
	display:block;
	width:930px;
	margin:0 0px 0px 15px;
	_margin: 0 0px 0px 7px;
}


#content_top h1{
	margin: 30px 20px 50px;
}


.race_text p{
	padding:15px;
	line-height:23px;
	font-size:12px;
	color:#FFF;
	_margin-top:0px;
}


#racetop{
	position: absolute;
	top: 24px;
	right: 33px;
}




/*round navi
***************************************/

.sgt_round_navi_area{
	width: 928px;
	height: 70px;
	border: solid 1px #860036;
	background: url(../images/common/bg_black.png);
	margin: 15px auto;
}

.sgt_round_navi li{
	float: left;
	margin:5px 15px 0 0;
}

.sgt_round_navi .test{
	background: url(../images/navi/btn_test.png) no-repeat;
	margin: 5px 20px 0 40px;
}

.sgt_round_navi .rd1{
	background: url(../images/navi/btn_rd1.png) no-repeat;
}

.sgt_round_navi .rd2{
	background: url(../images/navi/btn_rd2.png) no-repeat;
}

.sgt_round_navi .rd3{
	background: url(../images/navi/btn_rd3.png) no-repeat;
}

.sgt_round_navi .rd4{
	background: url(../images/navi/btn_rd4.png) no-repeat;
}

.sgt_round_navi .rd5{
	background: url(../images/navi/btn_rd5.png) no-repeat;
}

.sgt_round_navi .rd6{
	background: url(../images/navi/btn_rd6.png) no-repeat;
}

.sgt_round_navi .rd7{
	background: url(../images/navi/btn_rd7.png) no-repeat;
}

.sgt_round_navi .rd8{
	background: url(../images/navi/btn_rd8.png) no-repeat;
}

.sgt_round_navi .sp{
	background: url(../images/navi/btn_sp.png) no-repeat;
	margin: 5px 0 0 30px;
}

.sgt_round_navi dsd a{
	display: block;
	width: 134px;
	height: 58px;
}

.sgt_round_navi .rd1 a,
.sgt_round_navi .rd2 a,
.sgt_round_navi .rd3 a,
.sgt_round_navi .rd4 a,
.sgt_round_navi .rd5 a,
.sgt_round_navi .rd6 a,
.sgt_round_navi .rd7 a,
.sgt_round_navi .rd8 a{
	display: block;
	width: 70px;
	height: 58px;
}

.sgt_round_navi .rdsp a{
	display: block;
	width: 85px;
	height: 58px;
}

.sgt_round_navi .current{
	background-image:none!important;
}



/*left contents
***************************************/

#sgt_rank_area{
	width: 645px;
	height: 80px;
	background-color: #111;
}

#sgt_rank_area li{
	float: left;
}




/*right contents
***************************************/
/*
#race_machine_box{
	display: none;
}

#sgt_race_drivers{
	display: none;
}*/



/*gallery
***************************************/

#race_content_main{
	width: 822px;
	margin: 0 auto;
	position: relative;
}


#gallery_box{
	width: 820px;
	height: 547px;
	position: relative;
	overflow: hidden;
	border-top:1px solid #860036;
	border-left:1px solid #860036;
	border-right:1px solid #860036;
	background: #000;
}

#gallery_box ul{
	height: 547px;
	position: absolute;
	top: 0;
	left: 0;
}

#gallery_box ul li{
	float: left;
	width: 820px;
	height: 547px;
	display: none;
}

#race_content_main #arrow_ll{
	position: absolute;
	top: 240px;
	left: -60px;
	cursor: pointer;
}

#race_content_main #arrow_rr{
	position: absolute;
	top: 240px;
	right: -60px;
	cursor: pointer;
}

#thumb{
	width:820px;
	height: 60px;
	padding: 6px 0;
	margin:0 0 15px;
}

#thumb_box{
	width:740px;
	height: 60px;
	position: relative;
	background: url(../../../images/common/bg_black.png);
	margin:0 auto;
	overflow: hidden;
}

#thumb ul{
	height: 80px;
	position: absolute;
	margin: 0;
	padding :0;
}

#thumb ul li{
	width: 90px;
	height: 60px;
	float: left;
	margin: 0 2px 0 0;
	cursor: pointer;
}

.thumbbtn{
	position: absolute;
}

#thumb #arrow_l{
	top: 5px;
	left: 5px;
}

#thumb #arrow_r{
	top: 5px;
	right: 5px;
}


#contents_area{
	position: relative;
	width: 930px;
	height:180px;
	margin: 15px auto 0;
}

#race_content_footer2 {
	position: relative;
	width: 930px;
	margin:0 auto;
}

.footer_contents_box{
	position: absolute;
}

.cnt1{
	top: 0;
	left: 54px;
}

.cnt2{
	top: 0;
	left: 330px;
}

.cnt3{
	top: 0;
	right: 54px;
	/*left: 330px;*/
}
.cnt4{
	top: 882px;
	left: 620px;
	/*right: 54px;*/
}

#news_area{
	width:820px;
	position: relative;
	margin: 0 auto 15px;
}

#news_area h2{
	width:820px;
	background: #860036;
	text-align: center;
}





/*movie
***************************************/

#movie_content_main{
	width: 930px;
	margin: 0 auto;
}

#movie_box{
	width: 928px;
	margin: 0 auto;
	position: relative;
	background: #000;
	border-top:1px solid #860036;
	border-left:1px solid #860036;
	border-right:1px solid #860036;
}

#movie_thumb{
	width: 928px;
	margin: 0 auto;
	background: url(../../../images/common/bg_black.png);
}

#movie_thumb ul{
	width: 914px;
	padding: 13px 0 6px 13px;
	overflow: hidden;
}

#movie_thumb li{
	float: left;
	margin: 0 8px 0 0;
	height: 131px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

#movie_thumb li img{
	margin: -21px 0 0 0;
}

.m_caption{
	position: absolute;
	background: url(../../../images/common/bg_black.png);
	width: 210px;
	color: #FFF;
	font-size: 10px;
	padding: 5px;
	margin: 0 8px 5px 0;
	left: 0;
	bottom: 0;
}



/*official test
***************************************/

.test_navi{
 width: 645px;
 height: 40px;
 margin: 0;
 overflow :hidden;
}

.test_navi ul{
	width: 654px;
	
}

.test_navi li{
	float: left;
	margin: 0 6px 0 0;
	width: 210px;
	height: 40px;
}


.test_navi li a{
	display: block;
	width: 210px;
	height: 32px;
	background: #282828;
	border: 1px solid #860036;
	text-align: center;
	padding: 6px 0 0 0;
}

.test_navi li a:last-child{
	width: 211px;
}

.test_navi li a:hover{
	background: url(../images/common/bg_test_btn_on.gif);
}