﻿@charset "UTF-8";


/*common
----------------------------------------------------------*/
body {
	background:#000 url(../images/common/bg.jpg) no-repeat fixed;
	background-position: center 0px;
	color:#999;
}


a:link,a:active,a:visited{
	color:#FFF;
	text-decoration:none;
}


.fl_r{
float:right;
}
.fl_l{
float:left;
}




/*header
----------------------------------------------------------*/
#topnav
{
	width:100%;
	height:58px;
	text-align:center;
	background:#fff;
}
#topnav_inner {
	width:960px;
	margin:0 auto;
}

#topnav_left {
	float: left;
	margin-left:10px;
}
#topnav_right {
	float: right;
}
#ms_logo_container
{
	width:100%;
	height:50px;
	background:#000;
	text-align:center;
}
#ms_logo_inner
{
	width:960px;
	margin:0 auto;
}
#navi_shadow
{
	width:100%;
	height:15px;
	background-image:url(../images/header/navi_shadow.png);
	background-position: center 0px;
	background-repeat:no-repeat;
}


/*global menu*/
#menu_inner #menu_sgt a
{
	display: block;
	background: url(../images/header/menu_sgt_ov.jpg) no-repeat 0 0;
}
#menu_inner #menu_nbr a
{
	display: block;
	background: url(../images/header/menu_nbr_ov.jpg) no-repeat 0 0;
}
#menu_inner #menu_rally a
{
	display: block;
	background: url(../images/header/menu_rally_ov.jpg) no-repeat 0 0;
}
#menu_inner #menu_news a
{
	display: block;
	background: url(../images/header/menu_news_ov.jpg) no-repeat 0 0;
}
#menu_inner #menu_tickets a
{
	display: block;
	background: url(../images/header/menu_tickets_ov.jpg) no-repeat 0 0;
}
#menu_inner #menu_feature a
{
	display: block;
	background: url(../images/header/menu_feature_ov.jpg) no-repeat 0 0;
}


/*pan*/
#pan_container
{
	height:45px;
	padding: 10px 0 0 19px;
	color:#CCC;
	font-size:10px;
}
#pan_container .pan
{
	float:left;
	margin-top:13px;
}

#pan_container .pan_arrow
{
	background-image:url(../images/pan/arrow.png);
	background-repeat:no-repeat;
	margin-left:7px;
	margin-top:14px;
}

#pan_container .pan_arrow p
{
	margin-top:-1px;
	margin-left:11px;
}

#pan_container a:link,
#pan_container a:active,
#pan_container a:visited{
	color:#CCC;
}

#pan_container a:hover{
	text-decoration: underline;
}

/* slider
----------------------------------------------------------*/
body {
	scrollbar-face-color: #666666;
	scrollbar-track-color: #333333;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #666666;
}





/*container
----------------------------------------------------------*/
#container {
	width: 960px;
	margin: 0px auto;
	position: relative;
}
/*header
----------------------------------------------------------*/

#header {
	height:20px;
	padding:20px 15px 15px;
	_padding:20px 15px 5px 15px;
	display:none;
}


/*gloablnav
----------------------------------------------------------*/

#menu_container
{
	height:70px;
	width:100%;
	background-image:url(../images/header/menu_bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

#menu_inner
{
	width:962px;
	height:70px;
	background-image:url(../images/header/menu_line.png);
	background-repeat:no-repeat;
	margin:0 auto;
	position: relative;
}

#menu_inner ul
{
	list-style:none;
	margin:0;
}

#menu_inner li
{
	float:left;
	display:block;
	padding-left:3px;
}

#global{
	position:absolute;
	top:76px;
	left: 50%;
	z-index: 100000;
	margin:0 0 0 360px;
	height:14px;
	width:105px;
}


/*contents
----------------------------------------------------------*/

#contents
{
	width:960px;
	padding: 0 0 15px;
	background-image:url(../images/common/contents_bg.png);
	/*display:none;*/
}


/*main
----------------------------------------------------------*/
#main {
	width: 960px;
	position: relative;
	dispaly: none;
}
#icatch {
	height: 420px;
}
/* racenav */
#racenav {
	height: 170px;
	margin-top: -66px;
	position: absolute;
	z-index: 1000;
}
#racenav img {
	margin-left:15px;
	margin-right:-4px;
}
#racenav_spacer {
	height: 100px;
}



#racetop{
	position: absolute;
	top: 24px;
	right: 33px;
}


/*sns
----------------------------------------------------------*/
#sns_area{
	width: 290px;
	height: 30px;
	position: absolute;
	top: -1000px;
	left: 50%;
	margin: 0 0 0 200px;
}


.the_socialnetwork_twitter{
	display:block;
	position: absolute;
	top: 0;
	left: 0;
}
.the_socialnetwork_facebook{
	display:block;
	position: absolute;
	top: 0;
	left: 120px;
}



/* top twitter
----------------------------------------------------------*/

#twitter
{
	width:338px;
	margin:5px 0 0 5px;
}



/* contentsbox
----------------------------------------------------------*/


.contentsbox_left {
	width:348px;
	border:1px solid #860036;
	background:#111;
	margin: 15px 0px 0px 15px;
	_margin-left: 8px;
}
.contentsbox_left h2 {
	width:348px;
	height:30px;
}
.contentsbox_right {
	width:563px;
	border:1px solid #860036;
	background:#111;
	margin: 15px 0 0 15px;
	_margin-left: 8px;
}
.contentsbox_right h2 {
	width:563px;
	height:30px;
}
.contentsbox_right h3 {
	font-size:16px;
	line-height:120%;
	color:#00ccff;
	padding:10px 20px;
}
.contentsbox_inner {
	
	margin: 0;
}








/* topics news
----------------------------------------------------------*/
.topics_thebox_wrapper {
	display:block;
	width:928px;
	margin:0 auto;
	background:#111;
	border:1px solid #860036;
	position:relative;
}







/* race contents
----------------------------------------------------------*/

#race_content_left {
	width:645px;
	float:left;
	margin:0 0px 0px 15px;
	_margin:0 0px 0px 7px;
}

#race_content_right {
	width:270px;
	float:right;
	margin:0 15px 0px 0px;
	_margin:0 7px 0px 0px;
}


#race_content_footer{
	width:930px;
	margin:0 0px 0px 15px;
	_margin: 0 0px 0px 7px;
}


#content_top h1{
	margin: 30px 20px 50px;
}

.race_box{
	border: 1px solid #860036;
	background-color: #111;
	position: relative;
	clear: both;
}

.race_text p{
	padding:15px;
	line-height:23px;
	font-size:12px;
	color:#FFF;
	_margin-top:0px;
}

.box_margin
{
	padding:3px 0 3px 3px;
}


.right_box .banner_drivers, 
.right_box #banner_whats_nbr, 
.right_box #race_machine_box, 
.right_box #banner_beginners{
	width: 265px;
	margin: 0 auto;
	padding: 4px 0 4px 4px;
}




/*race left column*/

.race_data{
	width: 643px;
	border: 1px solid #860036;
	background-color: #282828;
	position: relative;
}


.race_data #round{
	position: absolute;
	top: 20px;
	left: 20px;
}

.race_data #place{
	position: absolute;
	top: 20px;
	left: 200px;
}

.race_data #date{
	position: absolute;
	top: 92px;
	left:20px;
}

.race_data #race_info{
	width: 220px;
	margin: 100px 0 30px 206px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

.race_data #fanseat{
	position: absolute;
	top: 90px;
	left: 440px;
}


.race_title_box
{
	background: #99003e;
	padding:22px 26px 26px 26px;
}

.race_title_txt
{
	font-size: 18px;
	color:#FFF;
	padding-top:10px;
	font-weight:bold;
	line-height:130%;
}

.race_date_txt
{
	font-weight:bold;
	color:#FFF;
}

.race_photo{
	width: 100%;
	text-align: center;
}


.race_result_box
{
	display:block;
	width:643px;
}

.race_result_words {
	letter-spacing:1px;
}
.race_flag {
	margin:0px 5px;
}
.race_result_title {
	font-weight:bold;
	font-size:18px;
	color:#FFF;
}
.race_result_words_content td {
	padding:10px 0 0 10px;
	font-size:11px;
	text-align:left;
	height: 20px;
	color:#FFF;
}
.race_result_words_content_title td
{
	color:#FFF;
	background-color:#860036;
	border-top:solid 2px #111;
}
.race_result_words_content_norank {
	text-align:center !important;
}
.race_result_words_content_norank2 {
	padding-left:10px !important;
}
.race_result_words_content_nohr td {
	border-bottom:0 none;
}



.race_bg_blue{
	background:#0059B2 !important;
}

.race_bg_gray{
	background:#1D1D1D !important;
}




/*race right column*/

.right_box{
	width:268px;
	border:1px solid #860036;
	background-color:#111;
	position: relative;
}
  


.contentsbox{
	height:128px;
	width: 260px;
	overflow: hidden;
	position: relative;
}


/*video*/

.videobox{
	overflow: hidden;
	margin: 3px 1px 3px 0;
	height:122px;
	width: 260px;
}

.videobox img{
	position: absolute;
	top: -28px;
}

.bg_caption{
	width: 268px;
	background: url(../images/common/bg_black.png);
	position: absolute;
	bottom: 0;
	padding: 2px 4px;
}

.text_caption{
	margin: 8px 0 0;
	font-size: 10px;
	color: #fff;
}

.rdimg1{
	position: absolute;
	top: 27px;
	left: 218px;
}

.rdimg2{
	position: absolute;
	top: 3px;
	left: 218px;
}



/*series_calendar*/

#series_calendar ul li {
	padding: 8px 0px 8px 8px;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
}



#series_calendar ul li .date {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	display: inline-block;
	margin: 0 10px 0 0;
}

#series_calendar ul li .date .month {
	font-size: 12px;
}

#series_calendar ul li .date .hours {
	display: inline-block;
	margin:0 -10px 0 10px;
}

#series_calendar ul li .calendarsmall{
	font-size: 10px;
}

#series_calendar ul li .race{
	display: inline-block;
	margin: 0 0 0 20px;
}


/*time table*/

#time_table .race_thebox_wrapper_yt_inn {
	padding:0px 7px 0px 7px;
}

#time_table .flame {
	overflow: auto;
	width: 274px;
	height: 175px;
	_width: 269px;
	_height: 185px;
}


#time_table ul li {
	color: #FFFFFF;
	padding: 5px 0px;
	border-bottom: 1px solid #1E1E1E;
	font-size: 11px;
	line-height: 15px;
	width: 243px;
}



/*race machine*/

#race_machine{
	width: 265px;
	margin: 0 auto;
	padding: 4px 0 4px 4px;
}

/*etc bnr*/

#race_machine{
	width: 265px;
	margin: 0 auto;
	padding: 4px 0 4px 4px;
}


/*race driver*/
.drivers_mar{
	margin: 4px 0 0 0;
}






/* partner
----------------------------------------------------------*/
#partner{
	margin: 15px 0 0 0;
}

#partner ul {
	background-color: #FFFFFF;
	padding: 20px 37px;
}

#partner ul li {
	float: left;
	width: 120px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	vertical-align: middle;
}
#partner ul li img {
	vertical-align: middle;
}


.partner_footer_right {
	width: 300px;
	float: right;
	padding: 3px;
	text-align: right;
	font-size: 10px;
	color:#FFF;
}
.partner_footer_left {
	width: 600px;
	float: left;
	padding: 3px;
	font-size: 10px;
	color:#FFF;
}
.partner_footer_left a {
	color: #C50C46;
	text-decoration: none;
}





/*footer
----------------------------------------------------------*/

#footer_area{
	display: none;
}
/*
 lower_footer
*/
#lower_footer{
	width:100%;
	height:30px;
	position: relative;
	margin: 0 auto;
	border-bottom:1px solid #860036;
}

#btn_back{
	position: absolute;
	top: 10px;
	left: 50%;
	margin: 0 0 0 -464px;
}

#index #btn_back{
	display: none;
}

#btn_pagetop{
	position: absolute;
	top: 10px;
	left: 50%;
	margin: 0 0 0 383px;
}

#footer {
	clear:both;
	width:930px;
	margin:0 auto;
	padding:0 0 30px;
	position: relative;
}


#footer p {
	text-align:right;
	margin-top:50px;
	float:right;
}


#copyright
{
	float:left;
	margin:10px 0 0 5px;;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}



#footer #social_container
{
	position: absolute;
	top: 10px;
	left:400px;
	list-style-type:none;
	margin:0;
	padding:0;
}


#back_number{
	position: absolute;
	top: 0;
	left:10px;
}

#fbk{
	position: absolute;
	top: 0;
	left:180px;
}

#twt{
	position: absolute;
	top: 0;
	left:280px;
}

#ytb{
	position: absolute;
	top: 0;
	left:380px;
}

#ust{
	position: absolute;
	top: 0;
	left:450px;
}

/* append 20150401 */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}