@charset "utf-8";
/*
base.css
*/
/*
auto_yoso auto_yoso auto_yoso
*/
#yoso {
	background-color: #FFFFFF;}

#yoso #wrapper {
	background-color: #FFFFFF;
	background-image: url(/images/new/bg.gif);
	background-repeat: repeat;}

#yoso_main {
	background-color: #ffffff;
	width: auto;
	margin: 0px auto;
	font-size: 13px;
	text-align: left;
	max-width: 1200px;
	}


#yoso_main #inner {
	padding: 7px 5px 35px 5px;
	}

.yoso_ttl {
	position: relative;
	max-width: 1200px;
	height: 54px;
	background-image: url(/images/auto_yoso/sub_ttl01.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

.help {
	position: absolute;
	top:18px;
	right: 15px;
	}
	
#yoso_main .pnkz {
	margin-bottom:15px;}

#yoso_main .pnkz a:link {color: #FF8605;}
#yoso_main .pnkz a:hover {color: #FF8605;}
#yoso_main .pnkz a:active {color: #FF8605; text-decoration: underline;}
#yoso_main .pnkz a:visited {color: #FF8605; text-decoration: underline;}

#yoso_main h2.ttl {
	margin-bottom:10px;
	text-align: center;}

#yoso_bgP {
    background-color: #FAD8D8;
    margin: 0 auto 30px auto;
    padding: 15px 22px 10px 22px;
    width: 100%;
    max-width: 1000px;
    }
#yoso_bgP02 {
    background-color: #EAB7E1;
    margin-bottom: 30px;
    padding: 20px 32px 20px 31px;
    width: 937px;}

#yoso_bgY {
    background-color: #F1EBC7;
    margin-bottom: 10px;
    padding: 15px 22px 10px 22px;
    width: 956px;}
	
.yosolist {
	background-image:url(/images/auto_yoso/yoso_Wbg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	cursor: pointer;
	display: block;
	width: 100%;
	height:39px;
	margin-bottom:10px;
	position:relative;
	}

.yosolist li {
	display: block;
	float: left;
	margin: 10px 2% 0px;
	padding:0px;
	}

.yosolist li.red {
	color:#EB0000;
	font-weight:bold;
	line-height:1.5em;
	font-size:124%;}

.yosolist li.gray01 {
	position:absolute;
	right: 15px;
	top:0px;
	line-height:1.5em;
	font-size:120%;
	color:#454545;
	}

@media screen and (max-width: 799px) {
	.yosolist li.red {font-size: 4vw;line-height: 40px;margin: 0;}
	.yosolist li.gray01 {
    display: none;
}
}	

.yosolist li.gray02 {
	float:right;
	margin-right:20px;
	line-height:1.5em;
	font-size:120%;
	color:#454545;}

#yoso_main #inner .leftArea {
	float:left;
	width:110px;
	text-align:center;}

#yoso_main #inner .rightArea {
	float:right;
	width:890px;
	text-align:right;
	margin-bottom:20px;}

#yoso_main #inner .rightArea .wakuQtop {
	background-image:url(/images/auto_yoso/waku_Qtop.gif);
	background-position:right top;
	background-repeat:no-repeat;
	position:relative;
	height:55px;}

#yoso_main #inner .rightArea .wakuQmain {
	background-image:url(/images/auto_yoso/waku_Qmain.gif);
	background-position:right top;
	background-repeat: repeat-y;
	position:relative;}

#yoso_main #inner .rightArea .wakuAtop {
	background-image:url(/images/auto_yoso/waku_Atop.gif);
	background-position:right top;
	background-repeat:no-repeat;
	position:relative;
	height:55px;}

#yoso_main #inner .rightArea .wakuAmain {
	background-image:url(/images/auto_yoso/waku_Amain.gif);
	background-position:right top;
	background-repeat: repeat-y;
	position:relative;}

.qaleft {
	position:absolute;
	float:left;
	left:30px;
	top:18px;}

.Qtitle {
	color:#83741B;
	padding:18px 20px 0px 90px;
	font-weight:bold;
	font-size:110%;}

.Atitle {
	color:#EB0000;
	padding:18px 20px 0px 90px;
	font-weight:bold;
	font-size:110%;
	line-height:1.3em;}

.qtext {
	padding:0px 20px 10px 90px;}

.atext {
	padding:10px 20px 10px 90px;}

.qaright {
	float:right;
	margin:10px 20px 0px 10px;
	padding:0px;}
	
.wakubottom {
	float:right;}	



#yoso_subttl01 {
	background-image:url(/images/auto_yoso/sub_ttlBg.gif);
	background-position:left top;
	background-repeat:no-repeat;
    width: 980px;
	height:56px;
	padding:0px 0px 0px 20px;
	margin-bottom:20px;
	font-size:120%;
	line-height:3.5em;
	font-weight:bold;}

#yoso_subttl02 {
	background-image:url(/images/auto_yoso/sub_ttlBg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FAD8D8;
	max-width: 1000px;
	/* height:56px; */
	margin:0px;
	position:relative;
	padding-left: 10px;
	float: left;
}

#yoso_subttl03 {
	background-image:url(/images/auto_yoso/sub_ttlBg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#F1EBC7;
	max-width: 1000px;
	height:56px;
	margin:0px;
	position:relative;
	}

#yoso_subttl02 li,
#yoso_subttl03 li {
	display: inline-block;
	/* float: left; */
	margin: 13px 0px 0px 10px;
	padding:0px;
	font-weight:bold;
	font-size: 124%;
	line-height: 2em;
	vertical-align: middle;
	}
#yoso_subttl02 img,
#yoso_subttl03 img {vertical-align: middle;margin-left: 10px;}
#yoso_subttl02 li.red,
#yoso_subttl03 li.red {
	color:#EB0000;}

#yoso_main .pr_main {
	background-image:url(/images/auto_yoso/pr_wakumain.png);
	background-position:center top;
	background-repeat: repeat-y;
    width: 901px;
	padding:10px 18px;
	margin:0px;}

#yoso_main .pr_wakuY {
	background-image:url(/images/auto_yoso/pr_wakuY.gif);
	background-position:left top;
	background-repeat: no-repeat;
    width: 608px;
	height:247px;
	padding:15px 0px 0px 15px;
	margin-top:10px;}

#yoso_main .pr_wakuY02 {
	background-image:url(/images/auto_yoso/pr_wakuY02.gif);
	background-position:left top;
	background-repeat: no-repeat;
    width: 418px;
	height:117px;
	padding:30px 0px 0px 40px;
	margin-top:10px;}


/* pulldown */
#yoso_main #pulldown {position: relative;z-index:1;margin-bottom: 10px;font-size: 100%;background-image: url(/images/auto_yoso/sub_ttlBg.gif);background-position: left top;background-repeat: no-repeat;background-color: #FAD8D8;max-width: 1200px;height: 57px;}
#yoso_main #pulldown dt a:link {
color: #fff;
text-decoration: none;
}
#yoso_main #pulldown dt a:visited {
color: #fff;
text-decoration: none;
}
#yoso_main #pulldown dt a:hover,
#yoso_main #pulldown dt a:active {
color: #fff;
text-decoration: none;
}
#yoso_main #pulldown img {
display: block;
}
#yoso_main #pulldown dl {position: absolute;right: 17px;top: 17px;max-width: 320px;min-width: 290px;}
#yoso_main #pulldown dt {background-image: url(/images/autoraceQA/bg_pulldown.gif);background-position: center top;background-repeat: no-repeat;color: #fff;cursor: pointer;/* font-size: 108%; */height: 24px;line-height: 26px;padding-left: 15px;background-size: contain;}
#yoso_main #pulldown dd {background-color: #ffc2b4;background-image: url(/images/arrow/arrow_w.gif);background-position: 7px 11px;background-repeat: no-repeat;border-bottom-color: #fff;border-bottom-style: solid;border-bottom-width: 1px;cursor: pointer;font-size: 100%;height: 27px;line-height: 27px;padding-left: 20px;min-height: 1px;zoom: 1;}
#yoso_main #pulldown dd:after {
clear: both;
content: ".";  /* new element */
display: block;
height: 0;
visibility: hidden;
}
/* clearfix for IE */
* html #yoso_main #pulldown dd {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
#yoso_main #pulldown a {
display: block;
height: 27px;
}
#yoso_main #pulldown a:link {
color: #000;
text-decoration: none;
}
#yoso_main #pulldown a:visited {
color: #000;
text-decoration: none;
}
#yoso_subttl02 #pulldown a:hover,
#yoso_subttl02 #pulldown a:active {
color: #000;
text-decoration: none;
}
#yoso_main #pulldown dd span {
display: block;
float: left;
width: 30px;
}
#yoso_main #pulldown dd span.DoubleCircle {
background-image: url(/images/auto_yoso/icon_yosoS.gif);
background-repeat: no-repeat;
background-position-y: 50%;
}
#yoso_main #pulldown dd em {
/*color: transparent;*/
letter-spacing: -0.9em;
overflow: hidden;
visibility: hidden;
}


.racedataleft01 {
	background-image: url(/images/auto_yoso/data01.gif);
	background-position: center top;
	background-repeat: no-repeat;
	width:237px;
	height:22px;
	text-align:center;
	color:#FFFFFF;
	float:left;
	font-size:93%;
	line-height:1.8em;
	margin-right:15px;}

.racedataleft02 {
	float:left;
	margin-right:20px;}

#yoso_waku {
	border:1px #C3C3C3 solid;
	/* width:960px; */
	margin-bottom:15px;
	padding: 2%;
	}

#yoso_waku02 {
	border:1px #C3C3C3 solid;
	/* width:960px; */
	margin-bottom:15px;
	padding:0px 20px 20px 20px;
	}

#yoso_waku03 {
	border:1px #C3C3C3 solid;
	width: 100%;
	margin-bottom:15px;
	padding: 2%;
	}

.racetitle {
	font-size:150%;
	color:#EB0000;
	font-weight:bold;
	line-height:2.3em;}

#data_bgY {
    background-color: #F1EBC7;
    margin: 10px auto;
    padding: 0px;
    width: 100%;
    }

#data_bgY .inner {
	padding: 2% 1%;
	}

#data_bgP {
    background-color: #F9ECE3;
    margin-bottom: 10px;
    padding: 0px;
    width: 100%;
    position:relative;
    }

#data_bgP .inner {
	/* position: absolute; */
	margin-left: 1%;
	margin-top: 10px;
	display: inline-block;
	/* max-width: 600px; */
	/* float: left; */
	}
.data_bgR {
	background-image: url(/images/auto_yoso/race_Redbg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	width: 88px;
	height: 2em;
	line-height:22px;
	text-align:center;
	color:#FFFFFF;
	float:left;
	margin-right:10px;
	background-size: contain;
	}

.search .data_bgR2 {
	background-color: #EB0000;
	text-align:center;
	color:#FFFFFF;
	float:left;
	height:22px;
	line-height:22px;
	margin-right: 5px;
	padding: 0px 7px;
	border-radius: 5px;}

.data_sc select{/* position: absolute; *//* left: 95px; */padding: 0px 2px;}

.bfont li{
	font-size:120%;
	/* margin-right: 10px; */
}

.search{
	vertical-align: top;
	margin-right: 5px;
	display: inline-block;
}
.search.bfont{
    width: 100%;
}

.search li {
	display: inline-block;
	float: left;
	margin-right: 5px;
	/* height: 35px; */
	vertical-align: top;
	/* height: 1.5em; */
	margin-top: 0px;
	}

.search li.right {
	float:right;
	line-height: 2em;
}

.search li select{
	height:22px;
	line-height:22px;
}
.searchname {
	width:15em;
	margin-top: -4px;
	border:1px #B3B3B3 solid;
	}

.resultname {
	background-image: url(/images/arrow/arrow_faq.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 1em;
	margin-left: 1em;
	text-align: left;
	}

.resultname a:link {color: #454545; text-decoration: none;}
.resultname a:hover {color: #454545; text-decoration: underline;}
.resultname a:active {color: #454545; text-decoration: none;}
.resultname a:visited {color: #454545; text-decoration: underline;}

.dateTab001 {
	position:relative;
	top: 6px;
	/* padding-top:15px; */
	display: inline-block;
	width: 100%;
	}

.dateTab_banner {
	width: 310px;
	float: right;
	/* top:10px; */
	/* left:640px; */
	margin-top: 10px;
	}

.dateTab_banner li {
	margin: 0 2px;
	display: inline-block;
	float: left;
	}

.dateTab {
	margin:0px;
	/* padding:0px 60px; */
	/* position:relative; */
	display: inline-block;
	float: left;
	}
	
.dateTab li {
	background-image: url(/images/supacon/bg_dateTabG.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 52px;
	margin-right: 1px;
	}
	
.dateTab li.current {
	background-image: url(/images/supacon/bg_dateTabCurrent.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #ffffff;}

.dateTab li.Pink {
background-image: url(/images/supacon/bg_dateTabP.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

.dateTab a:link {color: #000000; text-decoration: underline;}
.dateTab a:hover {color: #000000; text-decoration: none;}
.dateTab a:active {color: #000000; text-decoration: none;}
.dateTab a:visited {color: #000000; text-decoration: underline;}

.dateTab001 .before
,.dateTab001 .next {
	display: inline-block;
	float: left;
	margin-right: 1px;
	margin-top: 1px;
	/* vertical-align: bottom; */
	margin-bottom: 4px;	}

.dateTab001 .before img, .dateTab001 .next img {
    vertical-align: middle;
}

/*
#data_bgP .race {
	display:block;
	width:435px;
	height:28px;
	margin-bottom:5px;
	padding-left:195px;
	background-color:#D80000;}
	
#data_bgP .race li {
	display: inline;
	float:left;
	margin:5px 7px 5px 10px;
	color:#FFFFFF;}
	
#data_bgP .race li.current {
	display: inline;
	float:left;
	margin:5px 7px;
	padding:0px 8px;
	color:#FFFFFF;
	background-color:#FF7676;
	height:18px;}
*/
#data_bgP .race {display: block;max-width: 600px;height: auto;margin-bottom: 5px;/* padding-left: 105px; */background-color: #D80000;font-size: 100%;/* text-align: right; */padding: 0 5px;}

#data_bgP .race li {display: inline-block; float: left; margin: 5px 8px 5px 8px;padding: 0px;color: #FFF;text-align: center;/* height: 18px; *//* background-color: #D80000; */}

#data_bgP .race li.current {
color: #FFF;
background-color: #FF7676;
font-size: 100%;
width: 2.6em;
border-radius: 2px;
}
#data_bgP .race li.cancel2 {
color: #666;
background-color: #b4b4b4;
font-size: 100%;
width: 2.6em;
border-radius: 2px;
margin: 5px 3px;
}

#data_bgP .race a:link {color: #FFFFFF; text-decoration: underline;}
#data_bgP .race a:hover {color: #FFFFFF; text-decoration: none;}
#data_bgP .race a:active {color: #FFFFFF; text-decoration: none;}
#data_bgP .race a:visited {color: #FFFFFF; text-decoration: underline;}

/* chart */
#chart {
	/* float: left; */
	width: 100%;
	margin: 0px 0px;
	min-width: 0;
	}

#chart .chartA {
	margin: 0 auto;
	border-top-color: #B3B3B3;
	border-top-style:solid;
	border-top-width: 1px;
	border-left-color: #B3B3B3;
	border-left-style:solid;
	border-left-width: 1px;
	/* border-right-color: #B3B3B3; */
	/* border-right-style:solid; */
	border-right-width: 0px;
	/* width: auto; */
	}	

#chart .chartA th {
	background-color:#DDDDDD;
	border-bottom-color: #B3B3B3;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #B3B3B3;
	border-right-style:solid;
	border-right-width: 1px;
	padding: 5px;
	color:#222222;
	vertical-align:middle;
	text-align:center;}

#chart .chartA td {
	background-color:#FFFFFF;
	border-bottom-color: #B3B3B3;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #B3B3B3;
	border-right-style:solid;
	border-right-width: 1px;
	/* padding: 5px; */
	color:#222222;
	text-align:center;
	display: inline-block;
	width: 25%;
	line-height: 30px;
	}

#chart .chartA .gray td {
	background-color:#F5F5F5;}
	
#chart .chartA td.No1,
#chart .chartB td.No1,
#chart .chartC td.No1,
#chart .chartD td.No1 {
	text-align:center;
	font-size:110%;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;}

#chart .chartA td.No2,
#chart .chartB td.No2,
#chart .chartC td.No2,
#chart .chartD td.No2 {
	text-align:center;
	font-size:110%;
	font-weight:bold;
	background-color:#000000;
	color:#FFFFFF;}

#chart .chartA td.No3,
#chart .chartB td.No3,
#chart .chartC td.No3,
#chart .chartD td.No3 {
	text-align:center;
	font-size:110%;
	font-weight:bold;
	background-color:#FF0000;
	color:#000000;}

#chart .chartA td.No4,
#chart .chartB td.No4,
#chart .chartC td.No4,
#chart .chartD td.No4 {
	text-align:center;
	font-size:110%;
	font-weight:bold;
	background-color:#0000FF;
	color:#FFFFFF;}

#chart .chartA td.No5,
#chart .chartB td.No5,
#chart .chartC td.No5,
#chart .chartD td.No5 {
	text-align:center;
	font-size:110%;
	font-weight:bold;
	background-color:#FFFF00;
	color:#000000;}

#chart .chartA td.No6,
#chart .chartB td.No6,
#chart .chartC td.No6,
#chart .chartD td.No6 {
	text-align:center;
	font-size:110%;
	font-weight:bold;
	background-color:#339933;
	color:#FFFFFF;}

#chart .chartA td.No7,
#chart .chartB td.No7,
#chart .chartC td.No7,
#chart .chartD td.No7 {
	text-align:center;
	font-size:110%;
	font-weight:bold;
	background-color:#FF9900;
	color:#000000;}

#chart .chartA td.No8,
#chart .chartB td.No8,
#chart .chartC td.No8,
#chart .chartD td.No8 {
	text-align:center;
	font-size:110%;
	font-weight:bold;
	background-color:#FF99CC;
	color:#000000;}	

#chart .chartB {
	margin: 0 auto;
	font-size:93%;
	border-top-color: #B3B3B3;
	border-top-style:solid;
	border-top-width: 1px;
	border-left-color: #B3B3B3;
	border-left-style:solid;
	border-left-width: 1px;
	border-right-color: #B3B3B3;
	border-right-style:solid;
	border-right-width: 1px;
	max-width: 1135px;
	min-width: 935px;
	}	

#chart .chartB th {
	background-color:#DDDDDD;
	border-bottom-color: #B3B3B3;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #B3B3B3;
	border-right-style:solid;
	border-right-width: 1px;
	padding: 5px 0px;
	color:#222222;
	vertical-align:middle;
	text-align:center;
	/* height: 50px; */
	}

#chart .chartB th.orange {
	background-color:#FFB565;}

#chart .chartB .sort {
	text-align:center;
	padding:0px;
	margin-left:9px;}

#chart .chartB .sort li {
	display: block;
	float: left;
	margin:0px;
	padding:0px;
	font-size:110%;}
	
#chart .chartB .sort li.center {
	width: 120px;
	text-align:center;}
#chart .chartB a{
	/* font-size: 15px; */
}
#chart .chartB .tire-rate{
	font-size: 11px;
	text-align:center;}

#chart .chartB td {
	background-color:#FFFFFF;
	border-bottom-color: #B3B3B3;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #B3B3B3;
	border-right-style:solid;
	border-right-width: 1px;
	padding: 5px 0px;
	color:#222222;}
#chart .chartB th.th2 {background-color: #FFF5CC;width: 60px;}
/*
#chart .chartB th.th2 a:link{
color: #FF8605;
text-decoration: none
}
*/
#chart .chartB th.th3{
background-color: #99D8FF;
}
#chart .chartB th.th4 {
background-color: #FFF5CC;
font-size:124%;
}
#chart .chartB td.td4{
background-color: #FFFBF0;
}
#chart .chartB td.vote{
background-color: #CCEEFF;
text-align: center;
}
#chart .chartB .focusImg{
	text-align: center;height:auto;
	}
#chart .chartB .focusImg img{
	float: none;
	}
#chart .chartB .gray td {
	background-color:#F5F5F5;}
#chart .chartB td.gray {
	background-color:#F5F5F5;}
#chart .chartB td.white {
	background-color:#FFFFFF;}

#chart .chartB td.orange {
	background-color:#FFEABC;}

#chart .chartB tr.bg_Gray {
    background-color: #F5F5F5;}

#chart .chartB td.center,
#chart .chartB td p.center {
	text-align:center;}

#chart .chartB td div.right {
	text-align:right;}

#chart .chartA .rank,
#chart .chartB .rank {
	/* float:left; */
	padding-left:5px;
	margin:0px;
	/* overflow: hidden; */
	/* word-break: break-all; */
	/* word-wrap: break-word; */
	width: 142px;
	/* text-align: center; */
}

#chart .chartA .rank li,
#chart .chartB .rank li {
	display: inline;
	/* float: left; */
	margin-right: 2px;
	padding:0px;
	margin-left: 2px;
	/* min-width: 30px; */
}
#chart .chartB .rank li img{
	float: none;
}

#chart .chartA .name a, #chart .chartB .name a {
	display:block;
	font-size:120%;
	font-weight:bold;
	padding:2px 5px;
	text-align:left;
	color:#000000;}
#chart .chartC {
	float:left;
	width:320px;
	margin: 0 12px 10px 0;
	border-top-color: #B3B3B3;
	border-top-style:solid;
	border-top-width: 1px;
	border-left-color: #B3B3B3;
	border-left-style:solid;
	border-left-width: 1px;
	border-right-color: #B3B3B3;
	border-right-style:solid;
	border-right-width: 1px;
	}

#chart .chartD {
	float: left;
	max-width: 625px;
	margin: 0 auto;
	border-top-color: #B3B3B3;
	border-top-style:solid;
	border-top-width: 1px;
	border-left-color: #B3B3B3;
	border-left-style:solid;
	border-left-width: 1px;
	border-right-color: #B3B3B3;
	border-right-style:solid;
	border-right-width: 1px;
	}		

#chart .chartC th,
#chart .chartD th {
	background-color:#DDDDDD;
	border-bottom-color: #B3B3B3;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #B3B3B3;
	border-right-style:solid;
	border-right-width: 1px;
	padding: 5px 0px;
	color:#222222;
	vertical-align:middle;
	text-align:center;}

#chart .chartC td,
#chart .chartD td {
	background-color:#FFFFFF;
	border-bottom-color: #B3B3B3;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #B3B3B3;
	border-right-style:solid;
	border-right-width: 1px;
	padding: 5px;
	color:#222222;
	text-align:center;}

#chart .chartC td.gray,
#chart .chartD td.gray {
	background-color:#EFEFEF;
	border-bottom-color: #B3B3B3;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-right-color: #B3B3B3;
	border-right-style:solid;
	border-right-width: 1px;
	padding: 5px 0px;
	color:#222222;
	text-align:center;}

#chart .chartC td.right,
#chart .chartD td.right {
	text-align:right;}
#chart td .motor{
	font-size: 120%;
	font-weight: bold;
}

.datayosoTab {
	margin:0px;
	padding:0px;
	border-bottom:7px #EB0000 solid;
	clear: both;
	}
	
.datayosoTab li {
	background-image: url(/images/auto_yoso/tab_off.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	display: inline-block;
	float: left;
	line-height: 3.5em;
	font-size:120%;
	text-align: center;
	width: 25%;
	height: 45px;
	margin-right:2px;
	color: #ffffff;
	max-width: 250px;
	}
	
.datayosoTab li.current {
	background-image: url(/images/auto_yoso/tab_on.gif);
	background-position: center bottom;
	background-repeat: no-repeat;}

.datayosoTab a:link {color: #ffffff; text-decoration: none;}
.datayosoTab a:hover {color: #ffffff; text-decoration: underline;}
.datayosoTab a:active {color: #ffffff; text-decoration: none;}
.datayosoTab a:visited {color: #ffffff; text-decoration: underline;}

#yoso_main .submenu {
	margin-bottom:10px;
	padding:0px;
	width: 100%;
	}

#yoso_main .submenu li {
	background-image: url(/images/auto_yoso/sub_menubg_off.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	line-height: 2.8em;
	font-size:110%;
	text-align: center;
	width: 25%;
	height: 35px;
	margin:0px;
	color: #000000;
	min-width: 150px;
	max-width: 240px;
	}
	
#yoso_main .submenu li.current {
	background-image: url(/images/auto_yoso/sub_menubg.gif);
	background-position: left top;
	background-repeat: no-repeat;}

#yoso_main .submenu a {
    display: block;
}
#yoso_main .submenu a:link {color: #000000; text-decoration: none;}
#yoso_main .submenu a:hover {color: #000000; text-decoration: underline;}
#yoso_main .submenu a:active {color: #000000; text-decoration: none;}
#yoso_main .submenu a:visited {color: #000000; text-decoration: underline;}

/* popup */
#selectlist {
	max-width: 800px;
	margin:10px auto;
	}

#selectlist .ttl {
	background-image: url(/images/auto_yoso/selectlist_ttlbg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	max-width: 780px;
	height:45px;
	color:#FFFFFF;
	font-size:124%;
	font-weight:bold;
	line-height:2.7em;
	padding-left:20px;
	}

#selectlist .bgPink {
    background-color: #FAD8D8;
    margin: 20px auto;
    padding: 15px 15px 10px 15px;
    max-width: 780px;
    }
.filter {
    width: 100%;
}

.filter li {
	display: block;
	float: left;
	margin-right:15px;}

/*
ul.paging02 {
    text-align: center;
	padding:20px 0px;
	font-size:100%;}

ul.paging02 li {
    display: inline;
	padding:0px 3px;}
*/
	
 input.yoso_button{
 background-image:url("/images/auto_yoso/bt_search.gif");
 background-repeat:no-repeat;
 border:none;
 width:134px;
 height:26px;
/* text-indent: -9999px;*/
 color:transparent;
 cursor: pointer;
}
input.filter_button{
 background-image:url("/images/auto_yoso/bt_filter.gif");
 background-repeat:no-repeat;
 border:none;
 width:134px;
 height:26px;
/* text-indent: -9999px;*/
 color:transparent;
 cursor: pointer;
}
input.player_button{
 background-image:url("/images/auto_yoso/bt_search2.gif");
 background-repeat:no-repeat;
 border:none;
 width:134px;
 height:26px;
/* text-indent: -9999px;*/
 color:transparent;
 cursor: pointer;
}

/* trialrun ranking */

#chart .chartB td p.center_trial_ranking {
	font-size: 14px;
	text-align:center;}

#chart .chartB .sort li.center_trial_ranking {
	width: 130px;
	text-align:center;}

#chart .chartB .sort li.center_trial_ranking3a ,
#chart .chartB .sort li.center_trial_ranking3b {
width: 290px;
text-align: center;
}
/* motorcycle ranking */
#chart .chartB .sort li.center_motor {
	width: 98px;
	text-align:center;}

#analyzer_raceinfo p {
display:block;
margin-left:6px;
float:left;
}

#analyzer_weatherinfo.weatherinfo{
margin-top: 6px;
margin-left: 6px;
}
#analyzer_weatherinfo.weatherinfo ul {
    display: inline-block;
    /* white-space: nowrap; */
}
#analyzer_weatherinfo.weatherinfo li {display: inline-block;/* float: left; */margin-right: 9px;padding: 0px 0px;margin-top: 2px;margin-left: 0px;}
#analyzer_weatherinfo.weatherinfo li.Gray {background-color: #868686; /*#737373*/padding: 0px 5px;color: #FFFFFF;/* display: block; */margin-right: 6px;border-radius: 3px;}
#analyzer_weatherinfo.weatherinfo li.Pink {background-color: #FF7676;padding: 0px 5px;color: #FFFFFF;/* display: inline-block; */margin-right: 6px;border-radius: 3px;}

#inner .summary_date{
padding:8px 10px;
text-align:right;
} 
/*
#analyzer_raceinfo .Place img {
position: relative;
top: -1px;
}
*/
	
#analyzer_raceinfo .place_G1 {
	background-image: url(/images/icon/ic_g1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 21px;}
	
#analyzer_raceinfo .place_G2 {
	background-image: url(/images/icon/ic_g2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 21px;}
	
#analyzer_raceinfo .place_G3 {
	background-image: url(/images/icon/ic_g3.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 21px;}
	
#analyzer_raceinfo .place_N {
	background-image: url(/images/icon/ic_hu2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 21px;}
	
#analyzer_raceinfo .place_SG {
	background-image: url(/images/icon/ic_sg.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 21px;}


#analyzer_raceinfo .Black {
/*
	background-image: url(/images/supacon/bg_Black.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
*/
	background-color: #000000;
	color:#FFFFFF;
	text-align: center;
	width:30px;}
div#analyzer_raceinfo img {
    vertical-align: middle;
}

/* help */
#help_bgY {
    background-color: #F1EBC7;
    margin: 0px;
    padding: 15px 2% 20px 2%;
    max-width: 1000px;
    }

#help_bgY .innerW {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 10px 4%;
    max-width: 960px;
    clear: both;
    border-radius: 8px;
    }

.help_icon {
	float:left;
	margin:0px 15px 10px 0px;}

.help_txt {
	float:left;
	font-size:123.1%;
	font-weight:bold;
	margin-top:5px;}

.help_C {
	text-align:center;
	margin-bottom:30px;}

.help_leftArea {
	float:left;
	width:50px;
	margin-bottom:15px;}

.help_rightArea {
	float:left;
	max-width: 830px;
	margin-bottom:15px;
	}
.betBox {background-image: url(/images/auto_yoso/bg_betbox.gif);background-position: center top;background-repeat: no-repeat;display: block;max-width: 1150px;height: 60px;margin: 20px 0 0 0;background-size: contain;}
.betBox li.money {
/*	width:100px;*/
	float: left;
    font-size: 124%;
	padding: 0px 0px 0px 27%;
	color:#FFFFFF;
	font-weight:bold;
	line-height:60px;}

.betBox li.vote {
	width: 20%;
	float:right;
	display: inline-block;
	margin-right:12px;
	margin-top:13px;}

#moneybox {
    background-color: #FFFFFF;
    border: 1px solid #BCBCBC;
	font-size: 100%;
	padding: 3px 10px;
	width: 35px;
	margin-right: 5px;
	text-align: right;}
#moneybox[type=number]
{
	width: 5.5em;
}
.yosolist .icon{
	margin-top: 7px;
}
#analyzer_raceinfo .nighterOn{
    background-image: url(/images/icon/nighter.png);
    background-position: left center;
	background-repeat: no-repeat;
}
#analyzer_raceinfo .midnightOn{
    background-image: url(/images/icon/midnight.png);
    background-position: left center;
	background-repeat: no-repeat;
}
#analyzer_raceinfo .morningOn{
    background-image: url(/images/icon/morning.png);
    background-position: left center;
	background-repeat: no-repeat;
}
#analyzer_raceinfo .nighter{
border: none;
display: block;
float: left;
width: 22px;
}
#analyzer_raceinfo .nighter em{visibility: hidden;white-space: nowrap;}

input[type="checkbox"] {
    -webkit-appearance: none;
    outline: none;
    appearance: none;
    position: relative;
    width: 31px;
    height: 31px;
    vertical-align: middle;
    background: url(/images/form/checkbox.png) center center no-repeat;
    margin-right: 0px;
}


@media screen and (max-width: 999px) {
	/*.betBox, .vote {display:none;}*/
	
.betBox {/*height: 40px;*/}
.betBox li.money {
	line-height:40px;}

.betBox li.vote {
	margin-top:10px;}
	
	#yoso_main #inner {padding:0}
	}
@media screen and (max-width: 740px) {

.betBox {background-image: url(/images/auto_yoso/gamboobet_rogo.png);background-position: center 5%;background-repeat: no-repeat;display: block;max-width: 100%;height: auto;margin: 10px auto;padding: 15% 0 0 0; background-size: 60%;background-color: #FFFFFF;}
.betBox li.money {
/*	width:100px;*/
	float:none;
	display: block;
	text-align: center;
	margin:0 auto;
    font-size: 124%;
	padding: 3% 0;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5em;
background-color: #009af2;}

.betBox li.vote {
	width: 100%;
	display: block;
	float:none;
	text-align: center;
	padding-bottom: 3%;
	margin:-1px auto 0 auto;
background-color: #009af2;}


#chart .chartA{font-size: 2vw;}
#chart .chartA td .resultname{/* margin-left: 10px; *//* background-position: left center; */}

	#yoso_waku01,#yoso_waku02,#yoso_waku03 {padding:0}
	#yoso_subttl02 li,#yoso_subttl03 li {font-size:110%}
	#yoso_main #pulldown {height: 114px;}
	#yoso_main #pulldown dl {position: absolute;right: 17px;top: 80px;max-width: 320px;min-width: 290px;}
}

#yosokatsuBox {
	display:flex; 
	flex-wrap: wrap;
	width: 100%;
	height:auto;
	padding:0px;
	margin: 1% 0;}
.itemL { order: 1; width: 20%; display: flex; justify-content: center; align-items: center;text-align: center; vertical-align: middle;padding: 0; margin: 0; border: 1px solid #c5c5c5;}
.itemR { order: 2; width: 80%; text-align: left; padding: 1%; margin: 0; border-top: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;}

.yosokatsuBtnB,
.yosokatsuBtnP {
	margin: 0;
	position: relative;}
.yosokatsuBtnB li {
	width: 45%;
	font-size: 130%;
	color: #FFFFFF;
	text-align: center;
	line-height: 3em;
	background-color: #1496be;
	border-radius: 5px;
	float: left;
	display: inline-block;
	margin: 0 2.5%;
	padding: 0;
	position: relative;}
.yosokatsuBtnP li {
	width: 45%;
	font-size: 130%;
	color: #FFFFFF;
	text-align: center;
	line-height: 3em;
	background-color: #eb6363;
	border-radius: 5px;
	float: left;
	display: inline-block;
	margin: 0 2.5%;
	padding: 0;
	position: relative;}
.yosokatsuBtnB li a,
.yosokatsuBtnP li a {
	color: #FFFFFF;
	display: block;}

.marquee {
	margin : 2% auto 0 auto;
	width : 95%;
	font-size : 120%;
	line-height: 2.5em;
	background-color: #f7d2d1;
	border-radius: 20px;
	text-align : center;
	overflow : hidden;}
.marquee p {
	margin:0;
	display : inline-block;
	padding-left: 100%;
	white-space : nowrap;
	line-height : 1em;
	animation : scrollAnime 15s linear infinite;}
@keyframes scrollAnime{
	0% { transform: translateX(0)}
	100% { transform: translateX(-100%)}
}

@media screen and (max-width:640px) {
.itemL { order: 1; width: 100%; height: auto;padding: 3% 3% 1% 3%;border-bottom: none;}
.itemR { order: 2; width: 100%; padding: 3%; border-top: none;border-left: 1px solid #c5c5c5;}
.yosokatsuBtnB li,
.yosokatsuBtnP li {
	width: 100%;
	font-size: 4vw;
	margin: 0 0 2% 0;}
.marquee {
	width : 100%;
	font-size : 3.8vw;
	line-height: 2.5em;}
	
.filter {
    width: 100%;
    display: inline-block;
}
select {
    min-width: 105px;
}

.resultname {
	padding-left: 6px;
	margin-left: 4px;
	text-align: left;
	}
#chart .chartA{font-size: 3vw;}
		
}