@charset "UTF-8";

/* base styles */
html{
	font-size:62.5%;/* 10px */
}
body {
	background:#000000;
	min-width:800px;	/* 横スクロールバーの発生する幅を指定 */
	min-height:550px;
	padding:0;
	margin:0;
	color:#FFFFFF;
	font-size:11px;
	font-size:1.1rem;/* 11px */
	text-align:left;
	line-height:1.5;
	letter-spacing:0;
	word-wrap:break-word;
	-webkit-text-size-adjust:100%;
	position:relative;
}
/* Chromeのremバグ対策 */
body > header,
body > footer,
body > section,
body > article,
body > div{
	font-size:1.1rem;/* 11px */
}

/* a */
a:link {
	color:#FFFFFF;
	-webkit-tap-highlight-color:rgba(255,255,255,0.3);	/* スマートフォンサイトでタップした際の色の指定 */
	text-decoration:underline;
}
a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
a img,
input[type="image"],
input[type="submit"],
input[type="button"]{
	-moz-transition:opacity 0.2s linear 0s;
	-webkit-transition:opacity 0.2s linear 0s;
	-ms-transition:opacity 0.2s linear 0s;
	-o-transition:opacity 0.2s linear 0s;
	transition:opacity 0.2s linear 0s;
	cursor:pointer;
}
a img{
	background:rgba(255,255,255,0.01);
}
a:hover img,
input[type="image"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
	background-color:transparent;
	opacity:0.7;
	filter:alpha(opacity=70);
}

/* margin paddingのクラス（任意で追加・削除） */
.pT30 {
	padding-top:30px!important;
}
.mT10 {
	margin-top:10px!important;
}
.mR0 {
	margin-right:0px!important;
}
.mR5 {
	margin-right:5px!important;
}
.mR10{
	margin-right:10px!important;
}
.mR20 {
	margin-right:20px!important;
}
.mR65 {
	margin-right:65px!important;
}
.mR1em {
	margin-right:1em!important;
}
.mR2em {
	margin-right:2em!important;
}
.mB0{
	margin-bottom:0px!important;
}
.mB5 {
	margin-bottom:5px!important;
}
.mB10 {
	margin-bottom:10px!important;
}
.mB15 {
	margin-bottom:15px!important;
}
.mB20 {
	margin-bottom:20px!important;
}
.mB25 {
	margin-bottom:25px!important;
}
.mB30 {
	margin-bottom:30px!important;
}
.mB35 {
	margin-bottom:35px!important;
}
.mB40{
	margin-bottom:40px!important;
}
.mB45 {
	margin-bottom:45px!important;
}
.mB50 {
	margin-bottom:50px!important;
}
.mB55 {
	margin-bottom:55px!important;
}
.mB70 {
	margin-bottom:70px!important;
}
.mL10{
	margin-left:10px!important;
}
.mL25{
	margin-left:25px!important;
}

/* テキスト色（任意で追加・削除） */
.txtRed {
	color:#F40000!important;
}

/* テキスト書式（任意で追加・削除） */
.txt_c{
	text-align:center;
}
.txt_r{
	text-align:right;
}
.txt_ind{
	text-indent:-1em;
	padding-left:1em;
}
.txt_b{
	font-weight:bold;
}

/* float */
.c_b{
	clear:both;
}
.r{
	float:right;
}
.l{
	float:left;
}

/* form（任意で編集） */
input[type="text"],
input[type="number"],
input[type="password"]{
	height:20px;
	line-height:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="number"]{
	text-align:right;
}
select{
	height:20px;
	line-height:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
textarea{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	ime-mode:active;
}
.ime_a{
	ime-mode:active;
}
.ime_i{
	ime-mode:inactive;
}
.ime_d{
	ime-mode:disabled;
}
/* clearfix */
.cf:after ,
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	font-size:0.1px;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
.cf ,
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .cf ,
* html .clearfix {
	height:1%;
	overflow:visible;
}
.cf ,
.clearfix {
	display:block;
}

/* プルダウンメニュー（必要の応じて追記） */
.pulldown{
	position:relative;
}
.pulldown ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
}
/* アコーディオンメニュー（必要の応じて追記） */
.accordion_close,.accordion_open{
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(255,255,255,0.3);	/* スマートフォンサイトでタップした際の色の指定 */
}
.accordion_close{

}
.accordion_open{

}
/***------------
sim_header
------------***/
#sim_header{
	background:url(../img/bg_simulator001.gif) repeat-x left top;
	width:100%;
	height:72px;
}
#sim_header > div{
	width:800px;
	margin:0 auto;
	position:relative;
}
#sim_header > div div{
	margin:0 7px 0 15px;
	display:table;
	float:left;
}
#sim_header > div div h1{
	background:url(../img/bg_simulator002.png) no-repeat left top;
	width:340px;
	height:72px;
	margin:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family:"Helvetica","Arial";
	font-size:32px;
	font-size:3.2rem;
	text-align:center;
	line-height:1.1375;
	letter-spacing:0.00em;
	white-space:nowrap;
	vertical-align:middle;
	float:none;
	display:table-cell;
}
#sim_header > div div h1.long{
	background:url(../img/bg_simulator002_kart.png) no-repeat left top;
	width:396px;
}
#sim_header > div div h1.kart{
	padding-left:40px;
	text-align:left;
	letter-spacing:-0.04em;
}
#sim_header > div h1 span{
	margin-left:1em;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.089;
	letter-spacing:0.00em;
}
#sim_header > div div h1.kart span:first-child{
	margin-left:0;
	display:block;
	letter-spacing:0.00em;
}
#sim_header > div dl{
	padding:10px 15px 0 0;
	text-shadow:0px 0px 2px rgba(0,0,0,0.75);
	letter-spacing:0.04em;
}
#sim_header > div dl dt{
	margin-bottom:5px;
	color:#FFC800;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
}

/***------------
sim_contents
------------***/
#sim_contents{
	width:800px;
	padding:40px 0 25px;
	margin:0 auto;
}
#sim_contents #sim_rightContents{
	width:383px;
	min-height:413px;
	padding-bottom:48px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:right;
	position:relative;
}
/*
#sim_contents #sim_rightContents div ol > li:not(last-child){
	margin-bottom:20px;
}
*/
#sim_contents #sim_rightContents div ol li div{
	background:#000000;
	min-width:90px;
	height:18px;
	padding:0 8px;
	border:solid 1px #FFFFFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:10px;
	font-size:12px;
	font-size:1.2rem;
	font-weight:bold;
	line-height:18px;
	float:left;
}
#sim_contents #sim_rightContents div ol li ul{
	width:265px;
	margin-bottom:20px;
	float:right;
}
#sim_contents #sim_rightContents div ol li:not(last-child) ul{
	margin-bottom:20px;
}
#sim_contents #sim_rightContents div ol li ul li{
	width:20px;
	height:20px;
	margin:5px 5px 0 0;
	float:left;
}
#sim_contents #sim_rightContents div ol li ul li:nth-child(-n+10){
	margin-top:0;
}
#sim_contents #sim_rightContents div ol li ul li:last-child{
	margin-right:0;
}
#sim_contents #sim_rightContents div ol li ul li input{
	display:none;
}
#sim_contents #sim_rightContents div ol li ul li input + label{
	width:100%;
	height:100%;
	border:solid 1px #FFFFFF;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:8px;
	font-size:0.8rem;
	text-align:center;
	line-height:18px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	-moz-transition:all 100ms linear 0s;
	-webkit-transition:all 100ms linear 0s;
	-o-transition:all 100ms linear 0s;
	-ms-transition:all 100ms linear 0s;
	transition:all 100ms linear 0s;
}
#sim_contents #sim_rightContents div ol li ul li input + label.WH,
#sim_contents #sim_rightContents div ol li ul li input + label.YW,
#sim_contents #sim_rightContents div ol li ul li input + label.OW{
	color:#000000;
}
#sim_contents #sim_rightContents div ol li ul li input + label:hover,
#sim_contents #sim_rightContents div ol li ul li input:checked + label{
	border:solid 1px #FFFF00;
	-moz-box-shadow:0px 0px 0px 2px #FFFF00;
	-webkit-box-shadow:0px 0px 0px 2px #FFFF00;
	box-shadow:0px 0px 0px 2px #FFFF00;
}
#sim_contents #sim_rightContents aside{
	position:absolute;
	bottom:17px;
	left:0;
}
#sim_contents #sim_rightContents aside ul li{
	color:#CCCCCC;
	font-size:10px;
	font-size:1.0rem;
	font-weight:bold;
}
#sim_contents #sim_rightContents aside ul li:before{
	content:"※";
	color:#FF0000;
}

/***------------
sim_footer
------------***/
#sim_footer{
	width:100%;
	border-top:solid 1px #666666;
	position:absolute;
	bottom:0;
	left:0;
}
#sim_footer p{
	text-align:center;
	line-height:24px;
}
#sim_footer p small{
	color:#666666;
	font-size:7px;
	font-size:0.7rem;
}

/***------------
svg
------------***/
svg{
	background:url(../img/bg_simulator003.png) no-repeat left 430px;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	left:0;
	z-index:-1;
}