﻿@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Rajdhani');
/*
font-family: 'Rajdhani', sans-serif;
font-weght: 600;
*/

.pt30{padding-top: 30px;}

.driver-tit{
	font-size: 22px;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
}

.driver-tbl{
	width: 60%;
	_font-size: 12px;
	line-height:1.4em;
}
.driver-tbl th{
	border-bottom: 1px solid #fff;
	text-align: left;
	padding-bottom: 3px;
}
.driver-tbl td{padding-top: 3px;}

body #sprite #slidebox{
	position: absolute;
	top: 0;
	left: 0;
	width:1200px;
	height:3800px;
}

@media screen and (max-width: 600px) {
	#my_favorite{padding-bottom: 20px !important;}
	#name_box h2,#name_box h3{
		margin-bottom: 0 !important;
		float: none !important;
		font-size: 80%;
	}
	.box_position{padding: 0 !important;}
	.driver-tbl{
		box-sizing: border-box;
		width: 95%;
	}
	.driver-tbl td{padding-right: 5px;}
	.pt30{padding-top: 0}

}

.clear{ clear:both;}
/*contents
----------------------------------------------------------*/
#contents
{
	width:960px;
	padding-bottom:15px;
	/* _border: 1px solid #000000; */
}
/*main
----------------------------------------------------------*/

#main {	width: 960px; }


#driver_menu{padding:20px 0 0 0;}
#driver_menu h1
{
	float:left;
	padding:0; margin:0;
}
#driver_menu p#gotop
{
	float:right;
	padding:0; margin:0;
}
#driver_menu ul
{
	padding:16px 0 0 0; margin:0;
}
#driver_menu li a
{
	font-family: 'Rajdhani', sans-serif;
	font-size: 18px;
	display: inline-block;
	
	color: #fff;
	padding:5px 10px;
	margin-bottom: 10px;
}
#driver_menu li a.on{
	pointer-events: none;
	border: 1px solid #fff;
	font-weight: bold;
}
#driver_menu li a:hover{
	background-color: #fff;
	opacity: 0.8;
	color: #000;
}

@media screen and (max-width: 600px) {
	#driver_menu{padding-top:10px !important;}
	#driver_menu li a{
		font-size: 14px;
		padding:3px 6px;
		margin-bottom: 0px;
	}
}

/* peofile area */
#profile{
	padding:0;
	margin:0;
	position:relative;
	top:380px;
}

#name_box{padding-top: 30px;}
#name_box h2{font-size: 24px;}
#name_box ul{margin-top: 10px;}
#name_box ul li{
	font-size: 20px;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 500;
	line-height: 1.4rem;
}

@media screen and (max-width: 600px) {
	#profile{top:180px;}
	#name_box h2{font-size: 18px;}
	#name_box h3{font-size: 14px;}
	#name_box ul li{font-size: 12px;}
}

#result td{
	/*ie6*/
	_font-size: 12px;
	line-height:1.4em;
}

#drivers_box{
	height:880px;
	position: relative;
}



	/*top animation 
	#iguchi #anime{
		position: absolute;
		top:113px;
		left:2px;
	}

	#yamauchi #anime{
		position: absolute;
		top:113px;
		left:2px;
		}*/


		/* blue gray bg width */
		.box_position	{
			position:relative;
			width:960px;
			margin:0 auto;
		}


		/*MY favorite area */

/*#target h2{	padding:0 0 30px 0;	}
#favorite h2,#favorite p{ padding:0 0 12px 0; }*/

/* 井口 */

body#iguchi_sgt
{
	background:#000 url(../images/bg_iguchi_top.jpg) no-repeat;
	background-position: center 60px;
	color:#fff;
}

body#iguchi_sgt #sprite{
	position: absolute;
	top: 190px;
	left: -138px;
	width:1200px;
	height:380px;
	overflow: hidden;
}

body#iguchi_sgt #my_favorite{
	background:#002b76 url(../images/bg_iguchi_mid.png) no-repeat;
	background-position: bottom;
	color:#fff;
	/*text-align:center;*/
	height:1350px;
	line-height:24px;
}
#target .iguchi
{
	position:absolute;
	width:550px;
	top:60px;
	left: 49px;
}

/*#favorite .iguchi{
	position: absolute;
	width: 315px;
	top: 60px;
	left: 49px;
	}*/
	.iguchi #btn_favorite a
	{
		display: block;
		background: url(../images/btn_facorite_car_iguchi_ov.png) no-repeat 0 0;

	}
	body#iguchi_sgt #race_carrier
	{
		background:#1f1f1f url(../images/bg_iguchi_btm.jpg) no-repeat;
		background-position: center;
		color:#fff;
		/*text-align:center;*/
		height:1110px;
		line-height:24px;
	}
	#carrier_list .iguchi
	{
		position:absolute;
		width:550px;
		top:52px;
		left: 600px;
	}
	#carrier_list .iguchi tr
	{
		vertical-align:top;
	}

	.orient .iguchi{
		position:absolute;
		width:315px;
		top:620px;
		left: 600px;
	}
	.orient .iguchi  #btn_favorite a{
		display: block;
		background: url(../images/btn_orient_ov.png) no-repeat 0 0;
	}

	@media screen and (max-width: 600px) {
		body#iguchi_sgt #drivers_box,body#yamauchi_sgt #drivers_box{
			height: 320px !important;
			background-position: 50% 165px !important;
		}
	}


	/* 山内 */

	body#yamauchi_sgt{
		background:#000 url(../images/bg_yamauchi_top.jpg) no-repeat;
		background-position: center 60px;
		color:#fff;
	}

	body#yamauchi_sgt #sprite{
		position: absolute;
		top: 200px;
		left: -115px;
		width:1200px;
		height:380px;
		overflow: hidden;
	}

	body#yamauchi_sgt #my_favorite{
		background:#122f73 url(../images/bg_yamauchi_mid.png) no-repeat;
		background-position: center;
		color:#fff;
		height:1144px;
		line-height:24px;
	}

	.yamauchi #btn_favorite a{
		display: block;
		background: url(../images/btn_facorite_car_yamauchi_ov.png) no-repeat 0 0;

	}
	body#yamauchi_sgt #race_carrier{
		background:#1f1f1f url(../images/bg_yamauchi_btm.jpg) no-repeat;
		background-position: center;
		color:#fff;
		height:1110px;
		line-height:24px;
	}
	#carrier_list .yamauchi{
		position:absolute;
		width:550px;
		top:52px;
		left: 600px;
	}
	#carrier_list .yamauchi tr{
		vertical-align:top;
	}

	.orient .yamauchi{
		position:absolute;
		width:315px;
		top:400px;
		left: 600px;
	}
	.orient .yamauchi  #btn_favorite a{
		display: block;
		background: url(../images/btn_orient_ov.png) no-repeat 0 0;
	}

	#header-global { background-color: #fff; }
	#driver_menu { margin-top: 0px; }
	/*#driver_menu h1, #driver_menu a { background-color: rgba(0, 0, 0, 0.5)}*/
	#container, #my_favorite, #race_carrier { font-size: 12px; }
	#mod-main {background: inherit !important;}

		@media screen and (max-width: 600px) {
	
			body#iguchi_sgt #my_favorite,
			body#yamauchi_sgt #my_favorite,
			body#tim_sgt #my_favorite,
			body#lasee_sgt #my_favorite,
			body#vandam_sgt #my_favorite {
				background-size: 430px auto !important;
			}
		}

		footer .link-li li {
			color: #333;
		}
