@charset "UTF-8";
/* Pages */

/*Title
------------------------------------------------------------ */
#title { width:1000px; margin:10px auto;}
#title ul {}

#title ul li {display: inline;}
#title ul li.child{ padding:0 0 0 10px; background:url(../img/icons/icon_breadclumb.png) no-repeat left center;}


#title h2 {
	font-size:230%;
	font-family : 'Arial';
	color: #d60000;
/*	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image : -webkit-gradient(linear, left top, right bottom,
	from(#d60000), 
	color-stop(0.4, #e6000b),
	color-stop(0.6, #e6000b),  
 to(#d60000));*/
}




/* Local Nav
------------------------------------------------------------ */
#local_nav { width:238px; border:#c8c8c8 solid 1px; padding:10px; margin-bottom:20px;}
#local_nav h4 {
	text-align:center;
	font-size:115%;
	margin-bottom:4px;
	color: #d60000;
/*	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image : -webkit-gradient(linear, left top, right bottom,
	from(#d60000), 
	color-stop(0.4, #e6000b),
	color-stop(0.6, #e6000b),  
 to(#d60000)); */
}

#local_nav ul {}
#local_nav ul li {margin-bottom:2px;}
#local_nav ul li a { background:#323232; display:block; text-decoration:none; color:#fff; padding:4px 0 4px 8px;}
#local_nav ul li a.selected,
#local_nav ul li a:hover { background:#d6000b;}
#local_nav ul li.gray {background:#c8c8c8; color:#999; padding:4px 0 4px 8px;}

#local_nav ul.child {}
#local_nav ul.child li { margin-left:12px;}


#local_nav ul#gt300 {}
#local_nav ul#gt300 li {margin-bottom:2px;}
#local_nav ul#gt300 li a { background:#323232; display:block; text-decoration:none; color:#fff; padding:4px 0 4px 8px;}
#local_nav ul#gt300 li a.selected,
#local_nav ul#gt300 li a:hover { background:#ff9600;}
#local_nav ul#gt300 li.gray {background:#c8c8c8; color:#999; padding:4px 0 4px 8px;}




/* Container
------------------------------------------------------------ */
#container #left h3 { width:780px; background:#d6000b; color:#fff; padding:8px 10px; margin-bottom:20px; font-size:123%;}
#container #left h3#rases { margin-bottom:0;}
#container #left h4.headline { background:url(../img/icons/icon_pages_headline.png) no-repeat left center; padding-left:30px; font-size:138%; border-bottom:1px solid #c8c8c8;}
#container #left h4.headline_s { margin-left:10px; font-size:123%; border-bottom:1px solid #c8c8c8;}
#container #left ul#inside_links { padding:10px; background:#f0f0f0; margin-bottom:10px;}
#container #left ul#inside_links li { display:inline; background:url(../img/icons/icon_pages_links.png) no-repeat left center; padding-left:20px; margin-right:24px; font-size:108%;}

#container #left table.banners { width:780px;}
#container #left table.banners td { text-align:center; padding:4px 0}




/* News
------------------------------------------------------------ */
#tag { width:778px; height: 22px; border:1px solid #c8c8c8; padding:10px; margin-bottom:40px; border-radius:4px;}

#container #left #news_title{ width:380px; height:40px; background:#d6000b; color:#fff; margin-bottom:20px; font-size:123%; float:left; padding-left:10px; line-height:40px;}
#container #left #news_title_right{ width:380px; height:40px; background:#d6000b; color:#fff; margin-bottom:20px; font-size:100%; float:left; text-align:right; padding-right:10px; line-height:40px;}
#container #left #news_title_right a{ color:#ccc;}
#container #left #news_title_right a:hover{ color:#fff;}

#container #left h4.news { font-size:108%; margin-bottom:10px;}
#container #left h4.news a { background:url(../img/icons/icon_tri.png) no-repeat left center; padding-left:14px;}

#container #left dl.article { font-size:154%; color:#d6000b; margin-bottom:20px;}
#container #left dl.article dt { clear:left; float: left;}
#container #left dl.article dd { margin-left: 140px;}


#container #left .photo { width:200px; float:left;}
#container #left .text { width:560px; float:right; margin-right:20px;}

#container #left .border { border-bottom:1px solid #c8c8c8; margin:40px 20px 40px 0;}
#container #left .links { float:right; margin-top:20px; margin-right:20px; margin-bottom:20px;}
#container #left .links ul {}
#container #left .links ul li { display:inline; margin-right:10px; padding-top:5px; padding-bottom:10px;}
#container #left .links ul li.more { background:url(../img/icons/icon_more.png) no-repeat; padding-left:40px;}
#container #left .links ul li.rss { background:url(../icons/icon_rss.png) no-repeat; padding-left:40px;}
#container #left #border { border-bottom:4px solid #323232; margin-right:20px; margin-bottom:60px;}


dl.news { font-size:108%; padding-right:20px;}
dl.news dt { background:url(../img/icons/icon_tri.png) no-repeat left center; padding-left:14px; clear:left; float: left;}
dl.news dd { margin-left: 120px;}
dl.news dd.pdf { background:url(../img/icons/icon_pdf.png) no-repeat; padding-left:28px;}
dl.news dd.outside { background:url(../img/icons/icon_outside.png) no-repeat; padding-left:28px;}




/* Races
------------------------------------------------------------ */
table.races { border-collapse:inherit;border-spacing:10px;}
table.races th {border-style:dotted; border-width:0 0 1px 0; border-color:#c8c8c8; padding:10px; text-align:left; vertical-align:top;}
table.races td { border-style:dotted; border-width:0 1px 0 0; border-color:#c8c8c8; padding:0;}
table.races td.right {border-style:dotted; border-width:0 0 1px 0; border-color:#c8c8c8; padding:10px; text-align:left;}

h5.ticket { background:url(../img/icons/icon_ticket.png) no-repeat left center; padding:4px 0 4px 40px;}


ul.races_tab { margin-top:20px;}
ul.races_tab li{ width:266px; height:40px; line-height:40px; float:left;}
ul.races_tab li a { width:266px; height:40px; background:#dcdcdc; display:block; text-align:center; text-decoration:none;}
ul.races_tab li a:hover,
ul.races_tab li a.selected { background:#f5f5f5; color:#000;}

.tab_contents { width:760px; padding:20px; background:#f5f5f5; margin-bottom:60px; display: none;}
#event_1, #race_1 {
display: block;
}



/* Results
------------------------------------------------------------ */
#container #left .results_gt500 a { width:380px; background:#323232; color:#fff; padding:8px 10px; margin-bottom:10px; font-size:123%; float:left; text-decoration:none; display:block;}
#container #left .results_gt500 a.selected,
#container #left .results_gt500 a:hover { background:#d6000b; color:#fff;}
#container #left .results_pit {
	width: 778px;
	background: #d6000b;
	color: #fff;
	padding: 8px 10px;
	margin-bottom: 10px;
	font-size: 123%;
	float: left;
	text-decoration: none;
	display: block;
}
#container #left .results_gt300 a { width:380px; background:#323232; color:#fff; padding:8px 10px; margin-bottom:10px; font-size:123%; float:right; text-align:right; text-decoration:none; display:block;}
#container #left .results_gt300 a.selected,
#container #left .results_gt300 a:hover { background:#ff9600; color:#fff;}

#container #left #results_local_nav01 { background:url(../img/results/results_local_nav01.png) no-repeat; width:800px; height:28px; display: block; margin-bottom:10px;}
#container #left #results_local_nav01 .box { width:200px; height:28px;	text-align: center; line-height:28px; float:left}
#container #left #results_local_nav01 .box a { width:200px; height:28px; display:block; text-decoration:none; color:#fff;}
#container #left #results_local_nav01 .box span { color:#999;}

#container #left #results_local_nav02 { background:url(../img/results/results_local_nav02.png) no-repeat; width:800px; height:28px; display: block; margin-bottom:10px;}
#container #left #results_local_nav02 .box { width:200px; height:28px;	text-align: center; line-height:28px; float: left;}
#container #left #results_local_nav02 .box a { width:200px; height:28px; display:block; text-decoration:none; color:#fff;}
#container #left #results_local_nav02 .box span { color:#999;}

#container #left #results_local_nav03 { background:url(../img/results/results_local_nav03.png) no-repeat; width:800px; height:28px; display: block; margin-bottom:10px;}
#container #left #results_local_nav03 .box { width:200px; height:28px;	text-align: center; line-height:28px; float: left;}
#container #left #results_local_nav03 .box a { width:200px; height:28px; display:block; text-decoration:none; color:#fff;}
#container #left #results_local_nav03 .box span { color:#999;}

#container #left #results_local_nav04 { background:url(../img/results/results_local_nav04.png) no-repeat; width:800px; height:28px; display: block; margin-bottom:10px;}
#container #left #results_local_nav04 .box { width:200px; height:28px;	text-align: center; line-height:28px; float: left;}
#container #left #results_local_nav04 .box a { width:200px; height:28px; display:block; text-decoration:none; color:#fff;}
#container #left #results_local_nav04 .box span { color:#999;}


#container #left #results300_local_nav01 { background:url(../img/results/results300_local_nav01.png) no-repeat; width:800px; height:28px; display: block; margin-bottom:10px;}
#container #left #results300_local_nav01 .box { width:200px; height:28px;	text-align: center; line-height:28px; float: left;}
#container #left #results300_local_nav01 .box a { width:200px; height:28px; display:block; text-decoration:none; color:#fff;}
#container #left #results300_local_nav01 .box span { color:#999;}

#container #left #results300_local_nav02 { background:url(../img/results/results300_local_nav02.png) no-repeat; width:800px; height:28px; display: block; margin-bottom:10px;}
#container #left #results300_local_nav02 .box { width:200px; height:28px;	text-align: center; line-height:28px; float: left;}
#container #left #results300_local_nav02 .box a { width:200px; height:28px; display:block; text-decoration:none; color:#fff;}
#container #left #results300_local_nav02 .box span { color:#999;}

#container #left #results300_local_nav03 { background:url(../img/results/results300_local_nav03.png) no-repeat; width:800px; height:28px; display: block; margin-bottom:10px;}
#container #left #results300_local_nav03 .box { width:200px; height:28px;	text-align: center; line-height:28px; float: left;}
#container #left #results300_local_nav03 .box a { width:200px; height:28px; display:block; text-decoration:none; color:#fff;}
#container #left #results300_local_nav03 .box span { color:#999;}

#container #left #results300_local_nav04 { background:url(../img/results/results300_local_nav04.png) no-repeat; width:800px; height:28px; display: block; margin-bottom:10px;}
#container #left #results300_local_nav04 .box { width:200px; height:28px;	text-align: center; line-height:28px; float: left;}
#container #left #results300_local_nav04 .box a { width:200px; height:28px; display:block; text-decoration:none; color:#fff;}
#container #left #results300_local_nav04 .box span { color:#999;}

table.results { border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; width:100%; margin:4px 0 20px 0;}
table.results tr:nth-child(even){background:#f0f0f0;}
table.results th { background:#343434; color:#fff; text-align:center; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; padding:4px;}
table.results td { text-align:left; vertical-align:top; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; padding:4px;}
table.results td.center { text-align:center;}
table.results td.right { text-align:right;}
table.results th, table.results td {word-wrap: break-word; word-break:break-all;}

h6.number500{ background:url(../img/icons/icon_number500_bg.png) no-repeat center top; padding:4px 0;}
h6.number300{ background:url(../img/icons/icon_number300_bg.png) no-repeat center top; padding:4px 0;}

dl.s dt { clear:left; float: left;}
dl.s dd { margin-left: 24px;}

dl.r dt { clear:left; float: left;}
dl.r dd { margin-left: 14px;}

.box_results { border:1px solid #c8c8c8; background:#f0f0f0; padding:20px;}




/* Gallery
------------------------------------------------------------ */
.gallery_boxes { width: 100%; height: 200px; margin-bottom:40px;}
.gallery_boxes .box { width:260px; height:200px; margin-right:10px; float: left; }
.gallery_boxes .box:nth-child(1) {}
.gallery_boxes .box:nth-child(2) {}
.gallery_boxes .box:nth-child(3) { margin-right:0;}
.gallery_boxes .box a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 260px;
	height: 173px;
}
.gallery_boxes .box a img {
	width: 260px;
	height: 173px;
}
.gallery_boxes .box a caption {
	position: absolute;
	bottom: -70px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 70px;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.gallery_boxes .box a caption h4 {
	padding: 5px 20px;
	color: #fff;
}
.gallery_boxes .box a:hover caption {
	bottom: 0;
}


#gallery_form { margin-bottom: 10px;}
#gallery_form select{
	width:100%;
	background:#fff;
	border:1px solid #c8c8c8;
	padding:0 10px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-sizing: border-box;
	margin-bottom:10px;
}

#gallery_form label{
	width:100%;
	background:#fff;
	border:1px solid #fff;
	padding:0 4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-sizing: border-box;
	margin-bottom:10px;
}





/* Teams and Drivers
------------------------------------------------------------ */
#drivers_boxes { clear: both; display: block; margin:20px 0 60px 0;}
#drivers_boxes .box { width:380px; margin-left:20px; float: left;}
#drivers_boxes .box:nth-child(1) { width:379px; border-right:1px solid #c8c8c8;}
#drivers_boxes .box:nth-child(2) {}

#drivers_boxes .box .left { width:120px; float:left;}
#drivers_boxes .box .middle { width:80px; margin-left: 10px; float:left;}
#drivers_boxes .box .right { width:150px; margin-right: 9px; float:right;}
#drivers_boxes .box .right p { word-break: break-all; }
#drivers_boxes .box .left2 { width:120px; float:left;}
#drivers_boxes .box .right2 { width:230px; margin-right: 9px; float:right;}
#drivers_boxes .box .right2 p { word-break: break-all; }

.drivers_detail a { background:#323232; display:block; text-decoration:none; color:#fff; padding:4px 0 4px 8px; text-align:center; font-size:92%;}
.drivers_detail a.selected,
.drivers_detail a:hover { background:#d6000b;}


/* Company
------------------------------------------------------------ */
.company_content h4 {
	background: url(../img/icons/icon_pages_headline.png) no-repeat left center;
	padding-left: 30px;
	font-size: 138%;
	border-bottom: 1px solid #c8c8c8;
	margin-top: 30px;
	font-weight: normal;
}
.company_content p {
	margin: 20px;
}
.company_content table {
	border-collapse: inherit;
	border-spacing: 10px;
}
.company_content table th {
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #c8c8c8;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
.company_content table td {
	border-style: dotted;
	border-width: 0 1px 0 0;
	border-color: #c8c8c8;
	padding: 0;
}
.company_content table td.right, .company_content table tbody tr td:last-child {
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #c8c8c8;
	padding: 10px;
	text-align: left;
}
.company_content ul {
	list-style-type: disc;
	margin: 20px;
}
.company_content ol {
	list-style-type: decimal;
	margin: 20px;
}
.company_content ul li, .company_content ol li {
	margin-left: 40px;
	line-height: 24px;
}


/* Media
------------------------------------------------------------ */
#login { width:758px; border:1px solid #c8c8c8; padding:20px; margin-bottom:40px; border-radius:4px; background:#f0f0f0;}

#login_left { width: 280px; float: left; border-right: 1px solid #c8c8c8; margin: 10px 0; padding-right: 20px; }
#login h4 { width: 240px; margin: 10px 0 30px 20px;}
#login h4.request_title { text-align:center; margin: 10px 0; width: 100%; }
#login #login_inner { width:240px; margin-left: 20px;}
#login label {}
#login input[type="text"], #login input[type="email"], #login textarea, #login input[type="password"] {
	width:100%;
	background:#fff;
	border:1px solid #c8c8c8;
	padding:6px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-sizing: border-box;
	margin-bottom:10px;
}

#login input[type="submit"]{
	padding: 4px 20px;
	background: #d80000;
	background: -webkit-gradient(linear, left top, right bottom,
	from(#d60000), 
	color-stop(0.4, #e6000b),
	color-stop(0.6, #e6000b),  
 to(#d60000));
	background: -moz-linear-gradient(left top, #d60000, 
	#e6000b 40%,
	#e6000b 60%, 
        #d60000);
	background: -o-linear-gradient(left top, #d60000, 
	#e6000b 40%,
	#e6000b 60%, 
        #d60000);
	background: linear-gradient( to bottom right, #d60000, 
	#e6000b 40%,
	#e6000b 60%, 
        #d60000);
	border: none;
	color: #fff;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	font-size: 13px;
}

a.btn{
	padding: 4px 20px;
	background: #d80000;
	background: -webkit-gradient(linear, left top, right bottom,
	from(#d60000), 
	color-stop(0.4, #e6000b),
	color-stop(0.6, #e6000b),  
 to(#d60000));
	background: -moz-linear-gradient(left top, #d60000, 
	#e6000b 40%,
	#e6000b 60%, 
        #d60000);
	background: -o-linear-gradient(left top, #d60000, 
	#e6000b 40%,
	#e6000b 60%, 
        #d60000);
	background: linear-gradient( to bottom right, #d60000, 
	#e6000b 40%,
	#e6000b 60%, 
        #d60000);
	border: none;
	color: #fff;
	text-decoration:none;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
}

#login #inner_text { width:397px; float: right; padding: 10px 20px 0 40px; margin-top: 10px;}
#login #inner_text2 { width:600px; margin:40px auto; padding: 20px 0; border-top: 1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}
#login .inner_text { width:600px; margin:40px auto; padding:0 0 20px 0; border-bottom:1px solid #c8c8c8;}

.social_area {
	height: 25px;
}
.social_area div {
	float: left;
}
.social_area2 {
}
.social_area2 div {
	float: left;
}
.category_icon {
	width: 90px;
	height: 22px;
	display: block;
	margin-left: 10px;
	border-radius: 5px;
	background: #333;
}
#tag .category_icon {
	opacity: 0.7;
}
.category_icon p {
    color: #fff;
	text-align: center;
	font-size: 10px;
	line-height: 22px;
}
#tag .category_icon {
	float: left;
	cursor: pointer;
}
#tag .category_icon:hover {
	opacity: 0.8;
}
.category_icon2 {
	width: 90px;
	height: 22px;
	display: block;
	margin-left: 10px;
	border-radius: 5px;
	background: #333;
	cursor: pointer;
}
.category_icon2 p {
        color: #fff;
	text-align: center;
	font-size: 10px;
	line-height: 22px;
}
.category_icon2 {
	float: left;
}
.category_icon2:hover {
	opacity: 0.8;
}
.schedule_tab {
        margin-right: 1px;
}
.schedule_tab:last-child {
	margin-right: 0;
}

#photo_list, #movie_list {
	display: none;
}
.list_active {
        display: block !important;
}	
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.gallery_viewer {
	padding: 20px;
	display:none;
	background: #FFF;
	box-shadow: 6px 10px 10px #000;
	-webkit-box-shadow: 6px 10px 10px rgba(0,0,0,1);
	-moz-box-shadow: 6px 10px 10px rgba(0,0,0,1);
}
.gallery_viewer img {
}
.close_btn {
    width: 120px;
}
.inactive {
  opacity: 1.0 !important;
}
.tag_link {
  color: white !important;
  text-decoration: none !important;
}
.red {
  color: #c80000;
}
.fancybox-inner {
  overflow: hidden !important;
}
.now_year {
  color: #c80000;
  font-weight: bold;
  font-size: 123%;
  margin-top: 40px;
}


/* セレクトボックスカスタマイズ */
.customSelect { 
  /* 通常時のスタイル */
  width: 238px;
  height: 28px;
  background: url(../img/select.png) no-repeat left top;
}
 
.customSelect.customSelectHover {
  /* マウスホバー時 */
  background: url(../img/select.png) no-repeat left bottom;
}
 
.customSelect.customSelectOpen {
  /* プルダウンメニューがオープンしている時 */
  background: url(../img/select.png) no-repeat left bottom;
}
 
.customSelect.customSelectFocus {
  /* プルダウンメニューがフォーカスされている時 */
  background: url(../img/select.png) no-repeat left bottom;
}
 
.customSelectInner {
  /* プルダウンメニューの内側 */
  line-height: 28px;
  padding: 0 10px;
}

.mt2 {
  margin-top: 2px;
}

#local_nav form {
  position: relative;
}

#RaceYear, #RaceRound {
	width:100%;
	background:#fff;
	border:1px solid #c8c8c8;
	padding:0 10px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-sizing: border-box;
}

#RaceRound {
    top: 28px;
    left: 0;
}
.team_edit_btn {
    font-size: 12px;
}

/* pagenation */
#paginate ul {
	float: left;
	position: relative;
	left: 50%;
}
#paginate ul li {
	position: relative;
	left: -50%;
	padding: 0 10px;
	border-right: 1px solid #000;
	height: 12px;
	font-size: 12px;
	line-height: 12px;
	float: left;
	color: #333;
	text-decoration: none;
}
#paginate ul li.gray {
        color: #c8c8c8;
}
#paginate ul li:first-child {
	border-left:1px solid #000;
}
#paginate ul li a.selected {
	color: #d6000b !important;
}
#search_box {
  width: 234px;
}
#search {
  height: 60px;
}
.submit_btn3 {
    width: 80px;
    height: 25px;
    border: 0;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
}
.submit_btn3 {
    background: #d6000b;
    margin-left: 5px;
}
.postscript {
	margin-left: 20px;
	margin-top: 10px;
}

/* 過去データ対策 */
.left2 img {
	width: 120px;
	height: 120px;
}
.old_data_box {
	overflow: hidden;
	height: 151px;
	position: relative;
}
.old_data_box img {
	height: auto !important;
}
.old_data_detail {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 120px;
	padding-top: 5px;
	background: #fff;
}