@import url(base.css);
body {
  background-color: #FFFFFF; }

body.modal {
  background-color: #000; }

.ftL {
  float: left;}
.ftR {
  float: right;}
.txtC {
 	text-align: center;}

#container {
  margin: 0 auto;
 /* min-width: 1250px;*/
  position: relative;}

#contentWrap {
  position: relative;}

.sp {
  display: none !important; }
.sp2 {
  display: none !important; }

.cInner {
  display: block;
  clear: both;
  /*width: 1250px;*/
  width: 1000px;
  margin: 0 auto;
  position: relative; }

.attention {/* position: absolute; *//* right: 0; *//* border: none; *//* margin-bottom: 10px; *//* text-align: center; *//* padding: 0; *//* display: inline-block; */float: right;}
.attention button {background-image: url(/images/2014/ic/attention.gif);background-color: transparent;background-repeat: no-repeat;padding-right: 18px;vertical-align: text-top;padding-left: 20px;background-position: left 2px;color:#FF0000;font-size: 13px;border: none;cursor:pointer;}
.blockbtn {    cursor: pointer;}

/*-------------------------------------------------
	++ CONTENTS
-------------------------------------------------*/
h2,
h2.topttl,
h2.winttl {
    display: block;
    background-color: #EDEDED;
    border: 1px #BABABA solid;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    line-height: 2.5em;
    margin: 0px;
	position: relative;}
h2 span {
    font-size: 80%;
    font-weight: normal;}

.W250 {
	float: left;
	display: block;
	width: 250px;
	margin-right: 10px;}
.W630 {
	float: left;
	display: block;
	width: 630px;
	margin-right: 10px;}
.W630C {
	display: block;
	width: 630px;
	margin: 0 auto;}
.W630C2 {
	display: block;
	width: 630px;
	margin: 0 auto;}	
.W350 {
	float: left;
	display: block;
	width: 350px;
	margin-right: 0px;}

.detailBox {
    border-left: 1px #BABABA solid;
    border-right: 1px #BABABA solid;
    border-bottom: 1px #BABABA solid;
	margin-bottom: 20px;}
.detailBox2,
.detailBoxY {
    border-left: 1px #BABABA solid;
    border-right: 1px #BABABA solid;
    border-bottom: 1px #BABABA solid;
	padding-bottom: 10px;}
.detailBox_noline {
    border-left: 1px #BABABA solid;
    border-right: 1px #BABABA solid;
	margin-bottom: 0px;
	padding-bottom: 10px;}
.detailBox_noline2 {
    border-left: 1px #BABABA solid;
    border-right: 1px #BABABA solid;
	margin-bottom: 0px;
	padding-bottom: 0px;}
.loginBox {
    border-left: 1px #BABABA solid;
    border-right: 1px #BABABA solid;
    border-bottom: 1px #BABABA solid;
    padding: 30px;}

/* memberbox */
#memberbox {
	display: none;}

/* */
.btn_clipboard,
#inline-content {
	display: none;}

.arrowTop{
	position: absolute;
	top: 8%;
	right: 3%;
	width: 0px;
	border-color: #4c4c4c;
	border-style: solid;
	border-width: 8px;
	border-left-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;}
.arrowUnd{
	position: absolute;
	bottom: 8%;
	right: 3%;
	width: 0px;
	border-color: #4c4c4c;
	border-style: solid;
	border-width: 8px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;}
#clipboard_list {
	display: block;
	margin:0px 0 5px;}
#clipboard_list li {
	padding:10px 2% 10px 2%;
	font-size:108%;
	line-height: 1.5em;
	border-bottom:1px #BABABA solid;}
#clipboard_list li:last-child {
	border-bottom: none;}
#clipboard_list li span.race {
	display: inline-block;
	border: 2px #FD0000 solid;
	background-color: #FFE671;
	color: #FD0000;
	font-size: 75%;
	vertical-align: top;
	font-weight: bold;
	margin: 0px;
	text-align: center;
	width: 6em;}
#clipboard_list li span.name {
	display: inline-block;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.5em;
	vertical-align: top;
	margin: 0;
	padding-bottom: 2%;
	text-align: left;
	width: 100%;}
#clipboard_list li span.day,
#clipboard_list li span.place {
	display: inline-block;
    font-size: 93%;
    font-weight: normal;
    line-height: 1.5em;
	vertical-align: top;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 5em;}
#clipboard_list li span.other {
	display: inline-block;
    font-size: 93%;
    font-weight: normal;
    line-height: 1.5em;
	vertical-align: top;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 3em;}
#clipboard_list li span.driveG {
	float: right;
	display: inline-block;
	border: 1px #82af22 solid;
	color: #82af22;
    font-size: 80%;
    font-weight: normal;
    line-height: 1.4em;
	vertical-align: top;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 4em;}
#clipboard_list li span.driveB {
	float: right;
	display: inline-block;
	border: 1px #37569d solid;
	color: #37569d;
    font-size: 80%;
    font-weight: normal;
    line-height: 1.4em;
	vertical-align: top;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 4em;}
.close_icon {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 85px;
    margin: 0;}
.hit_icon {
    float: right;
    display: inline-block;
    vertical-align: top;
    width: 73px;
    margin: 0;}

#clipboard_list .clipboarddetail_list {
	margin:0;
	min-height: 1.5em;}
#clipboard_list .clipboarddetail_list li {
	padding:3px 0px;
	margin-bottom: 0px;
	font-size:100%;
	line-height: 1.5em;
	display: inline-block;
	border: none;
	width: 65%;}
#clipboard_list .clipboarddetail_list li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 32%;
	margin-right: 3%;}

#accordion {
    width:100%;}
#accordion dt {
    cursor:pointer;
    background-image: url(/images/web-yoso-auto/pc/icon_plus.png);
    background-repeat: no-repeat;
    background-position: right bottom;}
#accordion dd{
    display:none;}
#accordion dt.active{
    background-image: url(/images/web-yoso-auto/pc/icon_minus.png);}
p.comment {
	font-size: 93%;
	margin: 2% 0;}
.btn_clipboardY {
	width: 48%;
	height: 50px;
	float: left;
	background-color:#fcb800;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 108%;
	line-height: 1.5em;}
.btn_clipboardY a {
	color: #FFFFFF;
	display: block;
	padding:  10px 20px;}
.btn_clipboardP {
	width: 48%;
	height: 50px;
	float: right;
	background-color:#eb6363;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 93%;
	line-height: 1.5em;}
.btn_clipboardP a {
	color: #FFFFFF;
	display: block;
	padding:  5px 20px;}


ul.day_menu {
	width:100%;
	margin-bottom:2%;;
	text-align:center;}
ul.day_menu li {
	display:inline-block;
	width: 28%;
	line-height: 3em;
	margin:0px;
	padding: 0px;
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	background-color:#B3B3B3;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 108%;
	box-sizing: border-box;
	}
ul.day_menu li:last-child {
	border-right: none;}
ul.day_menu li a {
	color: #FFFFFF;
	display: block;}
ul.day_menu li.past {
	vertical-align: top;
	width: 16%;
	font-size: 85%;
	line-height: 3.8em;
	font-weight: normal;
	color:#000000;
	margin:0px;
	padding: 0px;
	background-color:#EDEDED;
	}
ul.day_menu li.past a {
	color: #000000;
	display: block;}
ul.day_menu li.current {
	background-color: #eb6363;
	color: #FFFFFF;
	border-bottom: 1px #BABABA solid;}

h3 {
    text-align: center;
    font-size: 130%;
    line-height: 1.5em;
	font-weight: bold;}

#yoso_list {
	margin:0px 0 5px;
	border-bottom:1px #BABABA solid;}
#yoso_list li {
	padding:10px 0px 10px 10px;
	background:url(/images/web-yoso-auto/pc/arrowG.gif) no-repeat 98% center;
	border-top:1px #BABABA solid;
	font-size:108%;
	line-height: 1.5em;}
#yoso_list li:last-child {
	border-bottom: none;}
#yoso_list li a {
	display: block;}
#yoso_list li span.place {
	float: left;
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
	width: 4em;}
#yoso_list li span.other {
	display: inline-block;
	font-size: 108%;
	font-weight: normal;
	margin: 0px 5px;
	width: 3em;}
#yoso_list li span.time {
    background-image: url(/images/web-yoso/icon_time.png);
    background-position: left 50%;
    background-repeat: no-repeat;
    background-size: 25%;
    width: 3.2em;
    padding-left: 1.3em;
    color: #FF0000;}

#yoso_list li span.g1,
#yoso_list li span.g2,
#yoso_list li span.g3,
#yoso_list li span.f1,
#yoso_list li span.f2,
#yoso_list li span.gp,
#yoso_list li span.sg,
#yoso_list li span.hu2,
#yoso_list li span.nighter,
#yoso_list li span.girls,
#yoso_ttl li span.g1,
#yoso_ttl li span.g2,
#yoso_ttl li span.g3,
#yoso_ttl li span.f1,
#yoso_ttl li span.f2,
#yoso_ttl li span.gp,
#yoso_ttl li span.sg,
#yoso_ttl li span.hu2,
#yoso_ttl li span.nighter,
#yoso_ttl li span.girls {
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;
	width: 20px;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat;
background-size: contain;}
#raceTtl li span.g1,
#raceTtl li span.g2,
#raceTtl li span.g3,
#raceTtl li span.f1,
#raceTtl li span.f2,
#raceTtl li span.gp,
#raceTtl li span.nighter,
#raceTtl li span.girls,
#raceTtl li span.sg,
#raceTtl li span.hu2,
#place_list li span.g1,
#place_list li span.g2,
#place_list li span.g3,
#place_list li span.f1,
#place_list li span.f2,
#place_list li span.gp,
#place_list li span.sg,
#place_list li span.hu2,
#place_list li span.nighter,
#place_list li span.girls,
.raceyoso li span.g1,
.raceyoso li span.g2,
.raceyoso li span.g3,
.raceyoso li span.f1,
.raceyoso li span.f2,
.raceyoso li span.gp,
.raceyoso li span.sg,
.raceyoso li span.hu2,
.raceyoso li span.nighter,
.raceyoso li span.girls {
	float: left;
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	vertical-align: top;
	width: 20px;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat;
background-size: contain;}
#clipboard_list li span.g1,
#clipboard_list li span.g2,
#clipboard_list li span.g3,
#clipboard_list li span.f1,
#clipboard_list li span.f2,
#clipboard_list li span.gp,
#clipboard_list li span.sg,
#clipboard_list li span.hu2,
#clipboard_list li span.nighter,
#clipboard_list li span.girls {
	float: right;
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	vertical-align: top;
	width: 20px;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat;}
.g1.on {
	background-image:url(/images/web-yoso-auto/pc/ic_g1.gif);}
.g2.on {
	background-image:url(/images/web-yoso-auto/pc/ic_g2.gif);}
.g3.on {
	background-image:url(/images/web-yoso-auto/pc/ic_g3.gif);}
.f1.on {
	background-image:url(/images/web-yoso-auto/pc/ic_f1.gif);}
.f2.on {
	background-image:url(/images/web-yoso-auto/pc/ic_f2.gif);}
.gp.on {
	background-image:url(/images/web-yoso-auto/pc/ic_gp.gif);}
.sg.on {
	background-image:url(/images/web-yoso-auto/pc/ic_sg.gif);}
.hu2.on {
	background-image:url(/images/web-yoso-auto/pc/ic_hu2.gif);}
.nighter.on {
	background-image: url(/images/web-yoso-auto/pc/ic_nighter.gif);}
.nighter.MN.on {
	background-image: url(/images/web-yoso-auto/pc/ic_midnight.gif);}
.nighter.MNG.on {
	background-image: url(/images/web-yoso-auto/pc/ic_morning.gif);}
.girls.on {
	background-image: url(/images/web-yoso-auto/pc/ic_girls.gif);}

#yoso_list .yosodetail_list {
	margin:5px 3em 0px 5em;
	min-height: 1.5em;}
#yoso_list .yosodetail_list li {
	padding:0px 0px;
	margin-bottom: 0px;
	font-size:100%;
	line-height: 1.5em;
	display: inline-block;
	border: none;
	background-image: none;	}
#yoso_list .yosodetail_list li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 3em;}
#yoso_list .yosodetail_list li.sale {
	float: right;
	width: 130px;
	padding:0px 5px;
	background-color: #D9D9D9;
	margin: 0px;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	display: inline-block;}
#yoso_list .yosodetail_list li.end {
	float: right;
	width: 130px;
	background-image: url(/images/web-yoso/yoso_end.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
	display: inline-block;}
#yoso_list .yosodetail_list li.accepting {
	float: right;
	width: 130px;
	background-image: url(/images/web-yoso/yoso_accepting.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 87%;
	display: inline-block;}
#yoso_list .yosodetail_list li.before {
	float: right;
	width: 130px;
	background-image: url(/images/web-yoso/yoso_before.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
	display: inline-block;}
#yoso_list .yosodetail_list li.number {
	width: 3em;}

.norikatu_list {
	width: 100%;
	margin:0 auto;}
.norikatu_list li {
	padding:1% 2%;
	font-size:100%;
	line-height: 1.5em;
	background: url(/images/web-yoso-auto/pc/arrowG.gif) no-repeat 98% center;}
.norikatu_list li span.norikatu_icon img {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 67px;
	height: 67px;
    margin: 0 10px 0 0;}
.norikatu_list li span.norikatu_name {
    font-size: 150%;
    font-weight: bold;
    line-height: 1.5em;}









.ranking_list {
	width: 100%;
	margin: 0 auto;
	border-top:1px #BABABA solid;}
.ranking_list li {
	padding:1% 2%;
	border-bottom:1px #BABABA solid;
	font-size:100%;
	line-height: 1.5em;}
.ranking_list li:last-child {
	border-bottom: none;}
.ranking_list li.rank1 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF2D3), color-stop(0.79, #FFF4D9), color-stop(0.51, #FFFAED), color-stop(0.22, #FFF), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(top, #FFF 0%, #FFF 22%, #FFFAED 51%, #FFF4D9 79%, #FFF2D3 100%);
background: -moz-linear-gradient(top, #FFF 0%, #FFF 22%, #FFFAED 51%, #FFF4D9 79%, #FFF2D3 100%);
background: -o-linear-gradient(top, #FFF 0%, #FFF 22%, #FFFAED 51%, #FFF4D9 79%, #FFF2D3 100%);
background: -ms-linear-gradient(top, #FFF 0%, #FFF 22%, #FFFAED 51%, #FFF4D9 79%, #FFF2D3 100%);
background: linear-gradient(to bottom, #FFF 0%, #FFF 22%, #FFFAED 51%, #FFF4D9 79%, #FFF2D3 100%);}
.ranking_list li.rank2 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E2EEF8), color-stop(0.79, #E5F0F9), color-stop(0.51, #F3F8FC), color-stop(0.22, #FFF), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(top, #FFF 0%, #FFF 22%, #F3F8FC 51%, #E5F0F9 79%, #E2EEF8 100%);
background: -moz-linear-gradient(top, #FFF 0%, #FFF 22%, #F3F8FC 51%, #E5F0F9 79%, #E2EEF8 100%);
background: -o-linear-gradient(top, #FFF 0%, #FFF 22%, #F3F8FC 51%, #E5F0F9 79%, #E2EEF8 100%);
background: -ms-linear-gradient(top, #FFF 0%, #FFF 22%, #F3F8FC 51%, #E5F0F9 79%, #E2EEF8 100%);
background: linear-gradient(to bottom, #FFF 0%, #FFF 22%, #F3F8FC 51%, #E5F0F9 79%, #E2EEF8 100%);}
.ranking_list li.rank3 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FAECE0), color-stop(0.79, #FBEFE5), color-stop(0.51, #FDF8F4), color-stop(0.22, #FFF), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(top, #FFF 0%, #FFF 22%, #FDF8F4 51%, #FBEFE5 79%, #FAECE0 100%);
background: -moz-linear-gradient(top, #FFF 0%, #FFF 22%, #FDF8F4 51%, #FBEFE5 79%, #FAECE0 100%);
background: -o-linear-gradient(top, #FFF 0%, #FFF 22%, #FDF8F4 51%, #FBEFE5 79%, #FAECE0 100%);
background: -ms-linear-gradient(top, #FFF 0%, #FFF 22%, #FDF8F4 51%, #FBEFE5 79%, #FAECE0 100%);
background: linear-gradient(to bottom, #FFF 0%, #FFF 22%, #FDF8F4 51%, #FBEFE5 79%, #FAECE0 100%);}
.ranking_list li span.name {
    font-size: 150%;
    font-weight: bold;
    line-height: 1.5em;}

.norikatu_list li ul.rankingdetail_list,
.ranking_list li ul.rankingdetail_list {
	width: 379px;
	display: block;
	margin:1% 0px 0px 159px;}
.norikatu_list li ul.rankingdetail_list li,
.ranking_list li ul.rankingdetail_list li {
	padding:0px;
	margin-bottom: 5px;
	font-size:90%;
	line-height: 1.5em;
	display: inline-block;
	border-bottom: none;
	background-image: none;}
.norikatu_list li ul.rankingdetail_list li.gray,
.ranking_list li ul.rankingdetail_list li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;}
.norikatu_list li ul.rankingdetail_list li.orange,
.ranking_list li ul.rankingdetail_list li.orange {
	padding:0px;
	background-color: #DD8F13;
	color: #FFFFFF;
	border-radius: 5px;
	text-align: center;
	display: inline-block;}
.norikatu_list li ul.rankingdetail_list li.blue,
.ranking_list li ul.rankingdetail_list li.blue {
	padding:0px;
	background-color: #7089A1;
	color: #FFFFFF;
	border-radius: 5px;
	text-align: center;
	display: inline-block;}
.norikatu_list li ul.rankingdetail_list li.red,
.ranking_list li ul.rankingdetail_list li.red {
	padding:0px;
	background-color: #CF4E06;
	color: #FFFFFF;
	border-radius: 5px;
	text-align: center;
	display: inline-block;}
.norikatu_list li ul.rankingdetail_list li.title,
.ranking_list li ul.rankingdetail_list li.title {
	width: 60px;}
.norikatu_list li ul.rankingdetail_list li.titleL,
.ranking_list li ul.rankingdetail_list li.titleL {
	width: 90px;/*100px;*/}
.norikatu_list li ul.rankingdetail_list li.detail,
.ranking_list li ul.rankingdetail_list li.detail {
    width: 70px;/*80px;*/}
.norikatu_list li ul.rankingdetail_list li.detailL,
.ranking_list li ul.rankingdetail_list li.detailL {
    width: 95px;}

.rank_other {
	float: left;
	display: inline-block;
	width: 72px;
	margin: 0 10px 0 0;
	background-color: #ffd0d0;
	border-radius: 5px;
	text-align: center;
	color: #FFFFFF;
	font-size: 120%;
	line-height: 67px;}
.rank_icon {
	float: left;
	display: inline-block;
	vertical-align: top;
	width: 72px;
	margin: 0 10px 0 0;}
.name_icon {
	float: left;
	display: inline-block;
	vertical-align: top;
	width: 67px;
	margin: 0 10px 0 0;}
.yoso_icon {
	float: right;
	display: inline-block;
	vertical-align: top;
	width: 80px;
	margin: 0 0 0 10px;}

.button {
    text-align:center;
    padding:0px;
    color:#fff;
	font-size: 110%;
	background-color: #FF0054;
	border-radius: 5px;
    width:94%;
	margin: 1.3% 3%;
	line-height: 2.5em;
	cursor: pointer;}
.close {
    background-color: #A3A3A3;}

.txt_more{
	display:none;}  
.txt_more:last-of-type {
	font-size: 108%;
    padding: 5px 5px 10px 0px;
    margin-bottom: 20px;
    display:block}

.u_rank,
.u_rank2,
.u_rank3 {
	width: 67px;
    height: 1.5em;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    border-radius: 5px;
    vertical-align: bottom;
    font-weight: bold;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;}
.member span.u_rank {
	width: 45px;
    height: 1.5em;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    border-radius: 5px;
    vertical-align: bottom;
    font-weight: bold;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;}
.u_rank.C,
.u_rank2.C,
.u_rank3.C {
    background-image: url(/images/web-yoso-auto/pc/rank_c.png);}
.u_rank.B,
.u_rank2.B,
.u_rank3.B {
   background-image: url(/images/web-yoso-auto/pc/rank_b.png);}
.u_rank.A,
.u_rank2.A,
.u_rank3.A {
    background-image: url(/images/web-yoso-auto/pc/rank_a.png);}
.u_rank.S,
.u_rank2.S,
.u_rank3.S {
    background-image: url(/images/web-yoso-auto/pc/rank_s.png);}
.u_rank.SS,
.u_rank2.SS,
.u_rank3.SS {
    background-image: url(/images/web-yoso-auto/pc/rank_ss.png);}
.u_rank.LE,
.u_rank2.LE,
.u_rank3.LE {
    background-image: url(/images/web-yoso-auto/pc/rank_le.png);}
.u_rank.OR,
.u_rank2.OR,
.u_rank3.OR {
    background-image: url(/images/web-yoso-auto/pc/rank_or.png);}

.u_rank.LE1,
.u_rank2.LE1,
.u_rank3.LE1 {
    background-image: url(/images/web-yoso-auto/pc/rank_le1.png);}
.u_rank.LE2,
.u_rank2.LE2,
.u_rank3.LE2 {
    background-image: url(/images/web-yoso-auto/pc/rank_le2.png);}
.u_rank.LE3,
.u_rank2.LE3,
.u_rank3.LE3 {
    background-image: url(/images/web-yoso-auto/pc/rank_le3.png);}













/* 会員メニュー */
.member {
	display: block;
	width: 96%;
	margin: 0 2%;
	padding: 2% 0px;}

.member_ttl {
	margin:0px 0 5px;}
.member_ttl li {
	padding:0px 0px 0px 5px;
	font-size:120%;
	font-weight: bold;
	line-height: 1.2em;}
.member_ttl li span {
	font-size:70%;
	display: block;
	font-weight: normal;}
.logout {
	float: right;
	border: 1px #A5A5A5 solid;
	background-color: #D7D7D7;
	padding: 0px 5px;}
.member_ttlimg {
	float:left;
	margin:0px 10px 0px 0;
	width:67px;
	height:67px;}
.member_ttlimg img {
    max-height: 67px;
    max-width: 67px;}

.memberdetail_list {
	margin: 10px 5px;}
.memberdetail_list li {
	padding:0px;
	margin-bottom: 5px;
	font-size:93%;
	line-height: 1.5em;
	display: inline-block;}
.memberdetail_list li.gray {
	padding:0px 3px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;}
.memberdetail_list li.titleL {
	width: 6.5em;}
.memberdetail_list li.title {
	width: 4.5em;}
.memberdetail_list li.detail {
	width: 20%;}
.memberdetail_list li.detailL {
	width: 60%;}

.member_btn {
margin:0px;}
.member_btn li {
   width: 23.5%;
   display: inline-block;
   border-right: 1px #BABABA solid;
   border-bottom: 1px #BABABA solid;
   text-align: center;
   margin: 0px auto;
   padding: 10px 0;
   font-size: 77%;
   line-height: 1.2em;
   box-sizing: border-box;
   position: relative;}
.member_btn li:nth-child(4n){
border-right: none;}
.member_btn li:nth-child(5n),
.member_btn li:nth-child(6n),
.member_btn li:nth-child(7n),
.member_btn li:nth-child(8n) {
border-bottom: none;}
.member_btn li span {
display: block;
padding-bottom: 5px;}
.member_btn li a {
display: block;}
.numbers {
    position: absolute;
    top: 10px;
    right: 0;
    background-color: #FF0000;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 80%;
    text-align: center;
    padding: 0 5px;}


/* 成績 */
.profile_table {
	vertical-align: top;
	border-top: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	border-left: 1px #BABABA solid;
	margin: 0 auto;
	padding: 0;
	width: 94%;}
.profile_table th {
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	background-color: #FFEBBE;
	padding: 2% 2%;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	font-size: 93%;}
.profile_table td {
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	padding: 2% 2%;
	text-align: right;
	font-size: 93%;}
a.uli_blue {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    color: #074bb5;
    -webkit-text-decoration-skip: none;}

/* 紹介コメンチE*/
#profile_list {
	width: 96%;position:relative;
	margin:0 2%;}
#profile_list li {
	padding:3% 2%;
	border-bottom:1px #BABABA solid;
	font-size:93%;
	line-height: 1.5em;}
#profile_list li span.name {
    font-size: 110%;
    font-weight: bold;
    line-height: 1.5em;}
#profile_list li p {
	margin-left: 80px;}
.profile_list_menu {
    background: #fafaf5;
}
#blockRemove
{
	/* width: 15%; */
	background-color: #FF0054;
	border-radius: 5px;
	color: #FFFFFF !important;
	/* font-size: 15px; */
	font-weight: bold;
	text-align: center;
	padding: 0px 5px;
	margin: 1%;
	line-height: 2em;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	}
#blockRemove a{color: white;}
/* お知らせ */
.info_list {
	width: 96%;
	margin:0px 2%;}
.info_list li {
	padding:8px 0px 8px 10px;
	border-bottom:1px #BABABA solid;
	font-size:93%;
	line-height: 1.5em;}
.info_list li a {
	display: block;}
.listtxt_new {
    background: url(/images/web-yoso-auto/pc/icon_new.gif) no-repeat scroll 32% center;
    padding: 0px;
    display: block;}



/* ランキング */
ul.tabs {
	width:100%;
	margin:0px auto;
	padding: 0px;
	background-color: #EDEDED;}
ul.tabs li {
    float: left;
    list-style-type: none;
    width: 25%;
    color: #FFFFFF;
    font-weight: bold;
    margin-right:0;
    margin-bottom:0px;
    border-right: 1px #ffffff solid;
    background-color: #B3B3B3;
    box-sizing: border-box;
    }
ul.tabs li.bottomline {
	border-bottom: 1px #ffffff solid;}
ul.tabs3 {
	width:100%;
	margin:0px auto;
	padding: 0px;
	background-color: #EDEDED;
	border-bottom: 1px #FFFFFF solid;}
ul.tabs3 li {
    float: left;
    list-style-type: none;
    width: 25%;
    color: #FFFFFF;
    font-weight: bold;
    margin-right:0;
    margin-bottom:0px;
    border-right: 1px #ffffff solid;
    background-color: #B3B3B3;
    box-sizing: border-box;
    }
ul.tabs4 {
	width:100%;
	margin:0px auto;
	padding: 0px;
	background-color: #EDEDED;}
ul.tabs4 li {
    float: left;
    list-style-type: none;
    width: 33.3%;
    color: #FFFFFF;
    font-weight: bold;
    margin-right:0;
    margin-bottom:0px;
    border-right: 1px #ffffff solid;
    background-color: #B3B3B3;
    box-sizing: border-box;
    }
ul.tabs li:last-child,
ul.tabs3 li:last-child,
ul.tabs4 li:last-child {
	border-right: none;}
ul.tabs li a,
ul.tabs3 li a,
ul.tabs4 li a {
    font-size: 108%;
    color: #FFFFFF;
	font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 0px;
	line-height: 3em;
    text-align: center;
    width: 100%;}
ul.tabs li.active a,
ul.tabs3 li.active a,
ul.tabs4 li.active a {
	background-color:#eb6363;
    color: #FFFFFF;
	font-weight: bold;
	display: block;}
ul.tabs3 li.past {
	color:#000000;
	margin:0px;
	padding: 0px;
	background-color:#EDEDED;}
ul.tabs3 li.past a {
		line-height: 4.1em;
	font-size: 80%;
	color: #000000;
	display: block;
	font-weight: normal;}

ul.tabs6 {
	width:100%;
	margin:0 auto 2% auto;
	padding: 0;}
ul.tabs6 li {
    font-size: 90%;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px;
    text-align: center;
    width: 33.3%;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #B3B3B3;
    border-right: 1px #FFFFFF solid;
    line-height: 2.8em;
    box-sizing: border-box;
    }
ul.tabs6 li.all.active {
	background-color: #fcb800;}
ul.tabs6 li.green.active {
	background-color: #82af22;}
ul.tabs6 li.blue.active {
	background-color: #37569d;}
ul.tabs6 li a {
	display: block;
	color: #FFFFFF;}
ul.tabs6 li:last-child {
	border-right: none;}

ul.tabs7 {
	width:100%;
    margin: 1% 0;
	padding: 0px;}
ul.tabs7 li {
    float: left;
    list-style-type: none;
    width: 190px;
	line-height: 2.5em;
    text-align: center;
	margin-right:7px;
	background-color: #FF0054;
    color: #FFFFFF;}
ul.tabs7 li.no{
	background:url(/images/web-yoso-auto/pc/arrowG_right.png) no-repeat 5% center;
    background-color: #EDEDED;
    color: #363636;}
ul.tabs7 li:last-child {
	margin-right: 0px;}
ul.tabs7 li a {
    font-size: 108%;
    color: #363636;
    text-decoration: none;
    display: block;
    padding: 0px;}
ul.tabs7 li.active {
	background:url(/images/web-yoso-auto/pc/arrowW_bottom.png) no-repeat 5% center;
	background-color:#363636;
    color: #FFFFFF;
	display: block;}

ul.panels {
	clear:both;
	width:100%;
	margin:0px auto 0px auto;
    padding: 0;
	top:-1px;
	z-index: -1;}
ul.panels > li.panel {
  display: none;}
ul.panels > li.panel.active {
  display: block;}
 
ul.tabs2 {
	width:96%;
	margin:0 auto;
	padding: 0 2%;
	background-color:#eb6363;
	border-bottom: 1px #FFFFFF solid;}
ul.tabs2 li {
    font-size: 100%;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding: 0px;
    text-align: center;
    width: 191px;
	margin: 2% 2% 2% 0;
    display: inline-block;
    vertical-align: middle;
	border-radius: 5px;
	background-color: #FFFFFF;
	line-height: 2.8em;}
ul.tabs2 li a {
	display: block;}
ul.tabs2 li:last-child {
	margin-right: 0;}
ul.tabs2 li.active a {
	display: block;
	background-color: #ffd0d0;
	border-radius: 5px;}
ul.tabs5,
ul.tabs5P {
	width:100%;
	margin:0 auto 2% auto;
	padding: 0;}
ul.tabs5 li {
    font-size: 100%;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px;
    text-align: center;
    width: calc(100%/3);
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #B3B3B3;
    border-right: 1px #FFFFFF solid;
    line-height: 2.8em;
    box-sizing: border-box;
    }
ul.tabs5P li {
    font-size: 100%;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px;
    text-align: center;
    width: 33.3%;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #B3B3B3;
    border-top: 1px #FFFFFF solid;
    border-right: 1px #FFFFFF solid;
    line-height: 2.8em;
    box-sizing: border-box;
    }
ul.tabs5 li.all.active,
ul.tabs5P li.all.active {
	background-color: #fcb800;}
ul.tabs5 li.green.active,
ul.tabs5P li.green.active {
	background-color: #82af22;}
ul.tabs5 li.blue.active,
ul.tabs5P li.blue.active {
	background-color: #37569d;}
ul.tabs5 li a,
ul.tabs5P li a {
	display: block;
	color: #FFFFFF;}
ul.tabs5 li:last-child,
ul.tabs5P li:last-child {
	border-right: none;}

.check-group-ranking {
	text-align:center;}
.check-group-ranking div{
	width:30%;
	height: 30px;
	display:inline-block;}
.check-group-ranking {
	width: 96%;
	margin: 2% auto 5% auto;
	text-align: center;}
.check-group-ranking input{
	display: none;}
.check-group-ranking label{
	cursor: pointer;
	padding: 2% 1%;
	float: left;
	border: solid 1px #aaa;
	margin-left: -1px;
	background: #eee;
	background-image: linear-gradient(top, #F6F6F6, #ccc);
	background-image: -ms-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -moz-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#ccc));
	box-shadow: 2px 2px 6px #ddd;
	-moz-box-shadow: 2px 2px 6px #ddd;
	-webkit-box-shadow: 2px 2px 6px #ddd;
	text-shadow: 1px 1px 0px #fff;}
.check-group-ranking div:first-child label{
	border-right: none;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;}
.check-group-ranking div:last-child label {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;}
.check-group-ranking input:checked+label {
	color: #fff;
	background: #C3C3C3;
	background-image: linear-gradient(top, #FEB127, #FEB127);
	background-image: -ms-linear-gradient(top, #FEB127, #FEB127);
	background-image: -moz-linear-gradient(top, #FEB127, #FEB127);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEB127), to(#FEB127));
	text-shadow: 0px 0px 0px #fff;}
/* チEスト選択時の色を透諱E */
.check-group-ranking label::-moz-selection,
.check-group-ranking label::selection {
	background: transparent;}
.check-group-ranking div label {
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	font-size: 93%;
	line-height: 2.5em;}

div.check-group {
	width: 100%;
	margin: 0px auto 5% auto;
	text-align: center;}
div.check-group2 {
	width: 100%;
	margin: 0px auto;
	text-align: center;}
div.check-group3 {
	width: 96%;
	margin: 3% auto;
	text-align: center;}
div.check-group input,
div.check-group2 input,
div.check-group3 input {
	display: none;}
div.check-group label,
div.check-group2 label,
div.check-group3 label {
	cursor: pointer;
	padding: 2% 1%;
	float: left;
	border: solid 1px #aaa;
	margin-left: -1px;
	background: #eee;
	background-image: linear-gradient(top, #F6F6F6, #ccc);
	background-image: -ms-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -moz-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#ccc));
	box-shadow: 2px 2px 6px #ddd;
	-moz-box-shadow: 2px 2px 6px #ddd;
	-webkit-box-shadow: 2px 2px 6px #ddd;
	text-shadow: 1px 1px 0px #fff;}
div.check-group div:first-child label,
div.check-group2 div:first-child label,
div.check-group3 div:first-child label {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;}
div.check-group div:last-child label,
div.check-group2 div:last-child label,
div.check-group3 div:last-child label {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;}
div.check-group input:checked+label,
div.check-group2 input:checked+label,
div.check-group3 input:checked+label {
	color: #fff;
	background: #C3C3C3;
	background-image: linear-gradient(top, #FEB127, #FEB127);
	background-image: -ms-linear-gradient(top, #FEB127, #FEB127);
	background-image: -moz-linear-gradient(top, #FEB127, #FEB127);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEB127), to(#FEB127));
	text-shadow: 0px 0px 0px #fff;}
/* チEスト選択時の色を透諱E */
div.check-group label::-moz-selection,
div.check-group label::selection,
div.check-group2 label::-moz-selection,
div.check-group2 label::selection,
div.check-group3 label::-moz-selection,
div.check-group3 label::selection {
	background: transparent;}

.check-group div label {
	width: 22.8%;
	text-align: center;
	margin-bottom: 0;
	font-size: 93%;
	line-height: 1.3em;}
.check-group.bettype div label {
	width: 11.9%;
	text-align: center;
	margin-top: 2%;
	line-height: 1.8em;
	margin-bottom: 0;
	font-size: 80%;}
.check-group2 div label {
	width: calc(100%/7);
	text-align: center;
	margin-bottom: 0;
	font-size: 88%;
	line-height: 1.3em;
	box-sizing: border-box;
	}
.check-group3 div label {
	width: 8%;
	text-align: center;
	margin-bottom: 0;
	font-size: 88%;
	line-height: 1.3em;}
.arrive_txt {
	float: left;
	width: 2em;
	font-size: 93%;
	line-height: 2.5em;
	margin: 0;
	padding-right: 0;}

.search_past_ranking {
    width: 100%;
    margin: 10px 0;
    text-align: center;}
#search_rank {
    width: 15%;
    background-color: #fcb800;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin: 0px 1%;
    line-height: 2em;
    display: inline-block;
    vertical-align: top;}
#search_rankG {
    width: 15%;
    background-color: #82af22;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin: 0px 1%;
    line-height: 2em;
    display: inline-block;
    vertical-align: top;}
#search_rankB {
    width: 15%;
    background-color: #37569d;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    margin: 0px 1%;
    line-height: 2em;
    display: inline-block;
    vertical-align: top;}

.styled-select2 {
	float: right;
	display: block;
	background-image: url(/images/web-yoso-auto/pc/pulldown_arrow.png);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: contain;
	line-height: 1.5em;
   	overflow: hidden;
   	width: 100%;
	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	border-radius: 5px;
	background-color: #BFBFBF;}
.styled-select2 select {
	background: transparent;
   	border: none;
	vertical-align: middle;
	line-height: 2em;
   	padding: 0px 0px 0px 10px; /* If you add too much padding here, the options won't show in IE */
   	width: 100%;
	color: #FFFFFF;
	font-size: 100%;
	-webkit-appearance: none;/* ベンダープレフィチEス(Google Chrome、Safari用) */
	-moz-appearance: none;	/* ベンダープレフィチEス(Firefox用) */
	appearance: none;		/* 標準縺Eスタイルを無効にする */}

.styled-select3 {
	display: inline-block;
	background-image: url(/images/web-yoso-auto/pc/pulldown_arrow.png);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: contain;
	line-height: 1.5em;
   	overflow: hidden;
   	width: 25%;
	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	border-radius: 5px;
	background-color: #BFBFBF;}
.txtnengapi {
	font-size: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding-right: 20px;
	line-height: 2em;}
.styled-select3 select {
	background: transparent;
   	border: none;
	vertical-align: middle;
	line-height: 2em;
   	padding: 0px 0px 0px 10px; /* If you add too much padding here, the options won't show in IE */
   	width: 100%;
	color: #FFFFFF;
	font-size: 100%;
	-webkit-appearance: none;/* ベンダープレフィチEス(Google Chrome、Safari用) */
	-moz-appearance: none;	/* ベンダープレフィチEス(Firefox用) */
	appearance: none;		/* 標準縺Eスタイルを無効にする */}

.styled-select2 option,
.styled-select3 option {
	background-color: #B3B3B3;} 





.btn_yellowM {
    clear: both;
    display: block;
    width: 70%;
    background-color: #fcb800;
    border-radius: 5px;
    color: #FFFFFF;
    line-height: 2.8em;
    margin: 5% auto;
	padding: 5px 0px;
    text-align: center;
	font-size: 108%;
    font-weight: bold;
	border: none;}
.btn_yellowL {
    clear: both;
    display: block;
    width: 90%;
    background-color: #fcb800;
    border-radius: 5px;
    color: #FFFFFF;
    line-height: 2.8em;
    margin: 5% auto;
	padding: 5px 0px;
    text-align: center;
	font-size: 108%;
    font-weight: bold;
	border: none;}
.btn_yellowM a,
.btn_yellowL a {
	color: #FFFFFF;
	display: block;}

.synthesis_list {
	display: none;}





/* race */
.yoso_width {
    margin: 0px 2%;}
.yoso_width2,
.yoso_width3 {
    margin: 0px 2% 2% 2%;}

#raceTtl {
	width: 96%;
	margin:0px 2%;}
#raceTtl li {
	text-align: center;
	font-weight: bold;	
	padding:0px;
	margin: 0px;
	line-height: 1.3em;
	display: inline-block;
	vertical-align: top;}
#raceTtl li.day {
	width: 100%;
	text-align: center;
	display: block;
	font-size: 120%;
	font-weight: normal;
	line-height: 1.5em;
	padding-top: 1%;}
#raceTtl li.kaisai_infoL,
#raceTtl li.kaisai_infoS {
	width: 100%;
	margin: 1% 0 2% 0;}
#raceTtl li span.place {
	float: left;
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	line-height: 20px;}
#raceTtl li span.program_name {
	float: left;
	display: inline-block;
	text-align: left;
    padding-left: 2em;
    font-size: 110%;}

.yoso_table {
	border-bottom: 1px #BABABA solid;
	margin: 0px;
	width: 100%;}
.yoso_table:last-child {
	border-bottom: none;}
.yoso_table th {
	border-top: 1px #BABABA solid;
	background-color: #363636;
	padding: 1% 0;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	width: 13%;
	color: #FFFFFF;
	font-size: 150%;
	font-weight: bold;}
.yoso_table td {
	border-top: 1px #BABABA solid;
	padding: 1% 2%;
	margin: 0px;
	width: 40%;
	vertical-align: top;
	text-align: left;}
.yoso_table td.btn {
	width: 52%;}
	
.yoso_table .time{
    display: block;
    background-image: url(/images/web-yoso/icon_time.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 25%;
    font-size: 83%;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 30%;}

.yoso_detail {
	width: 100%;
	margin:0px;}
.yoso_detail li {
	text-align: left;
	padding:0px;
	margin: 3px 0px;
	font-size:100%;
	line-height: 1.3em;
	display: inline-block;}
.yoso_detail li.ttl {
	font-weight: bold;
	display: block;}
.yoso_detail li.ttl2 {
	font-weight: bold;
	margin-right: 5px;}
.yoso_detail li.gray {
	background-color: #EDEDED;
	border-radius: 5px;
	margin-right: 5px;
	padding: 0px 7px;
	text-align: center;
	display: inline-block;}

.yoso_btn {
	width: 100%;
	margin:0;
	padding: 0;}
.yoso_btn li {
	display: block;
	text-align: center;
	padding:0px;
	margin: 0;
	vertical-align: top;}
.yoso_btn li.cancel img {
    height: 18px;
}
.pink_open {
    width: 48%;
    height: 50px;
    float: right;
	margin: 0 1%;
    background-color: #eb6363;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100%;
    line-height: 1.3em;}
.pink_open a {
    display: block;
	color: #FFFFFF;
	padding:  15px 28px;}
.green_open {
    width: 48%;
    height: 50px;
    float: right;
	margin: 0 1%;
	background-color:#82af22;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100%;
    line-height: 1.3em;}
.blue_open {
    width: 48%;
    height: 50px;
    float: right;
	margin: 0 1%;
	background-color:#37569d;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100%;
    line-height: 1.3em;}
.green_open a,
.blue_open a {
    display: block;
	color: #FFFFFF;
	padding:  5px 20px;}
.gray_close {
    width: 48%;
    height: 50px;
    float: right;
	margin: 0 1%;
	background-color:#BEBEBE;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100%;
    line-height: 1.3em;}

/* 予想一覧 */
ul.yoso_Rlist {
	width:100%;
	margin:2% 0px;
	padding: 0px;}
ul.yoso_Rlist li {
	float: left;
    list-style-type: none;
    width: 43px;
	text-align: center;
	margin-right:3px;
	border: 1px #BABABA solid;
	background-color: #EDEDED;}
ul.yoso_Rlist li:last-child {
	margin-right:0px;}
ul.yoso_Rlist li a {
	display: block;}
ul.yoso_Rlist li.active a {
	background-color:#363636;
	/* border: 1px #363636 solid; */
    color: #FFFFFF;
	display: block;}

.scroll-box {
	overflow-x: auto;}
.scroll-box::-webkit-scrollbar {
	height: 5px;}
.scroll-box::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;}
.scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;}

#TrialTable,
.copyTable {
	border: 1px solid #A8A8A8;
	width:900px;
	margin: 0px;
	font-size:100%;}
#TrialTable th,
.copyTable th {
	vertical-align:middle;
	text-align:center;
	padding:8px 2px;
	border: 1px solid #a8a8a8;
	background-color: #ffcdcd;}

#TrialTable td,
.copyTable td {
	vertical-align:middle;
	text-align:center;
	padding:8px 2px;
	border: 1px solid #a8a8a8;}

#TrialTable td.bikeNo1,
.copyTable td.bikeNo1 {
	background-color:#FFFFFF;}
#TrialTable td.bikeNo2,
.copyTable td.bikeNo2 {
	background-color:#333333;
	color: #FFFFFF;}
#TrialTable td.bikeNo3,
.copyTable td.bikeNo3 {
	background-color:#FE0000;
	color: #FFFFFF;}
#TrialTable td.bikeNo4,
.copyTable td.bikeNo4 {
	background-color:#223DD4;
	color: #FFFFFF;}
#TrialTable td.bikeNo5,
.copyTable td.bikeNo5 {
	background-color:#FFFF0F;}
#TrialTable td.bikeNo6,
.copyTable td.bikeNo6 {
	background-color:#5DC202;}
#TrialTable td.bikeNo7,
.copyTable td.bikeNo7 {
	background-color:#FF9900;}
#TrialTable td.bikeNo8,
.copyTable td.bikeNo8 {
	background-color:#FF9ACC;}
#TrialTable td.bikeNo9,
.copyTable td.bikeNo9 {
	background-color:#9B439A;
	color: #FFFFFF;}

#trialWrap {
	margin-top: 2%;
	height: 470px;
	overflow: hidden;
	position: relative;
	}
.thWrap {
	overflow: hidden;
	position: absolute; left: 0; top: 0;
	z-index: 1;}
.tdWrap {
	overflow: auto;
	position: absolute;
	left: 0;
	top: 0;
	width: 600px;
	}
.tdWrapInner {
	width: 430px;}
.tdWrap .arrow {
	background-color: rgba(0,0,0,.3);
	border-radius: 4px;
	cursor: pointer;
	height: 85%;
	position: absolute; top: 70px;
	width: 20px;
	z-index: 10;}
.tdWrap .arrow:before {
	border: 9px solid transparent;
	content: '';
	display: block;
	height: 0;
	line-height: 0;
	margin-top: -9px;
	position: absolute; left: -9px; top: 50%;
	width: 0;}
.tdWrap .arrow.prev {
	}
.tdWrap .arrow.prev:before {
	border-left: 12px solid transparent;
	border-right: 12px solid #fff;}
.tdWrap .arrow.next {
	right: 0;}
.tdWrap .arrow.next:before {
	border-right: 12px solid transparent;
	border-left: 12px solid #fff;
	left: 5px;}
.copyTable {
	background-color: #fff;
	position: relative;}
.thTable {}

h3.subttl {
    width: 100%;
    border-bottom: 1px #BABABA solid;
    background-color: #FFFFFF;
    border-top: none;
    text-align: center;
    margin: 1.5em 0 0.5em 0;
    padding: 0px;
    font-size: 100%;
    line-height: 2em;
    font-weight: bold;
    display: inline-block;
    position: relative;}
h3.subttl span {
    float: left;
    width: 30%;
    background-color: #363636;
    text-align: center;
    color: #FFFFFF;
    margin: 0;}
.W350 h3.subttl span {
    float: left;
    width: 40%;}
.W350 h3.subttl span.driveG {
    float: right;
    display: inline-block;
    border: 1px #82af22 solid;
	background-color: #FFFFFF;
    color: #82af22;
    font-size: 90%;
    font-weight: normal;
    line-height: 1.7em;
    margin-right: 2%;
    padding: 0;
    text-align: center;}
.W350 h3.subttl span.driveB {
    float: right;
    display: inline-block;
    border: 1px #37569d solid;
	background-color: #FFFFFF;
    color: #37569d;
    font-size: 90%;
    font-weight: normal;
    line-height: 1.7em;
    margin-right: 2%;
    padding: 0;
    text-align: center;}

.disp_recommend {
	margin-bottom: 15px;}	
.disp_recommend span.bike_no.no1 {
    background-color: #ecebeb;}
.disp_recommend span.bike_no.no2 {
	background-color:#333333;
	color: #FFFFFF;}
.disp_recommend span.bike_no.no3 {
	background-color:#FE0000;
	color: #FFFFFF;}
.disp_recommend span.bike_no.no4 {
	background-color:#223DD4;
	color: #FFFFFF;}
.disp_recommend span.bike_no.no5{
	background-color:#FFFF0F;}
.disp_recommend span.bike_no.no6 {
	background-color:#5DC202;}
.disp_recommend span.bike_no.no7 {
	background-color:#FF9900;}
.disp_recommend span.bike_no.no8 {
	background-color:#FF9ACC;}
.disp_recommend span.bike_no.no9 {
	background-color:#9B439A;
	color: #FFFFFF;}
.disp_recommend span.bike_no.no {
	width: 1em;}
.disp_recommend span.bike_no {
    text-align: center;
    font-weight: bold;
    border-radius: 1.5em;
    margin: 0px;
    display: inline-block;
    line-height: 1.5em;
    width: 1.5em;
    height: 1.5em;
    padding-top: 0px;
    font-size:18px;
    margin: 0px 1px;}
.W630C2 .detailBox .searchBox {
    margin: 2% 5px;
}
.searchBox {
	width: 100%;
	display: block;
	margin: 2% auto;}
.search {
	float: left;
	width: 60%;
	margin-top: 1.5%;}
.search input[type="text"] {
    border-color: #9a9a9a;
    border-style: solid;
    border-width: 1px;
    margin: 0px;
    width: 80%;
    border-radius: 5px;
	line-height: 2em;
	font-size: 100%;
    float: left;
    padding: 0px 3px;
	display: inline-block;}
.searchimg {
	display: inline-block;
	float:left;
	margin:0 5px;
	width:30px;
	height:30px;}
.searchimg img {
    max-height: 30px;
    max-width: 30px;}
.styled-select {
	float: left;
	display: block;
	background-image: url(/images/web-yoso-auto/pc/pulldown_arrow.png);
	background-position: right 0;
	background-repeat: no-repeat;
	line-height: 2em;
   	overflow: hidden;
   	width: 20%;
	margin-top: 1.5%;
	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	border-radius: 5px;
	background-color: #FFAE00;}
.styled-select select {
	background: transparent;
   	border: none;
	vertical-align: middle;
	line-height: 2em;
   	padding: 0px 0px 0px 10px; /* If you add too much padding here, the options won't show in IE */
   	width: 100%;
	color: #FFFFFF;
	font-size: 100%;
	-webkit-appearance: none;/* ベンダープレフィチEス(Google Chrome、Safari用) */
	-moz-appearance: none;	/* ベンダープレフィチEス(Firefox用) */
	appearance: none;		/* 標準縺Eスタイルを無効にする */}
.styled-select option {
	background-color: #B3B3B3;}


.yosoList {
	margin:5% 0px;
	/*border-top:1px #BABABA solid;*/}
.yosoList li {
	padding:10px 0px;
	font-size:100%;
	line-height: 1.5em;
	border-bottom:1px #BABABA solid;}
.yosoList2 {
	margin:0px;}
.yosoList2 li {
	padding:10px 5px;
	font-size:100%;
	line-height: 1.5em;}

.yosoList .race_name,
.yosoList2 .race_name {
	margin:0px 0 5px;}
.yosoList .race_name li,
.yosoList2 .race_name li {
	padding:0px 0px 0px 5px;
	font-size:100%;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom:none;}
.yosoList .race_name li span.name,
.yosoList2 .race_name li span.name,
.yosoList .race_name li span.name2 {
	padding:0px;
	font-size:130%;
	font-weight: bold;
	line-height: 1.5em;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;}
.yosoList .race_name li span.name2 {
	width:14em;
}	
.yosoList .race_name li span.race ,
.yosoList2 .race_name li span.race {
    display: inline-block;
    border: 2px #FD0000 solid;
    background-color: #FFE671;
    color: #FD0000;
    font-size: 100%;
    vertical-align: top;
    font-weight: bold;
    margin: 0px;
    text-align: center;
    width: 6em;}
.yosoList .race_name li span.shoubu,
.yosoList2 .race_name li span.shoubu {
    vertical-align: top;
    width: 75px;
    padding: 0px 3px;
    margin: 0px 10px;
    display: inline-block;
    line-height: 1.5em;}
.yosoList .race_name li span.clip,
.yosoList2 .race_name li span.clip {
	float: right;
    vertical-align: top;
    width: 40px;
    padding: 0px;
    margin: 0px 0px;
    display: inline-block;
    line-height: 1.5em;}
.yosoList .race_name li span.ttl,
.yosoList2 .race_name li span.ttl {
	vertical-align: top;
	border: 2px #FD0000 solid;
	background-color:#FFE671;
	font-size:100%;
	color: #FD0000;
	font-weight: bold;
	padding: 0px 3px;
	margin: 0px 10px;
	display: inline-block;
    line-height: 1.5em;}
.yosoList .race_name li span.txt,
.yosoList2 .race_name li span.txt {
	font-size:93%;
	margin: 0px;
    line-height: 1.5em;
	display: block;}

.yosoList .race_detail,
.yosoList2 .race_detail {
	float: left;
	width: 60%;
	margin-top:5px;
	display: inline-block;}
.yosoList .race_detail li,
.yosoList2 .race_detail li {
	padding:0px 0px 7px 0px;
	margin-bottom: 0px;
	font-size:100%;
	line-height: 1.5em;
	display: inline-block;
	border-bottom:none;
	background-image: none;
	border-bottom:none;}
.yosoList .race_detail li.gray,
.yosoList2 .race_detail li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 5em;}
.yosoList .race_detail li.gray2,
.yosoList2 .race_detail li.gray2 {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 4em;}
.yosoList .race_detail li.detail,
.yosoList2 .race_detail li.detail {
	width: 5em;}
.yosoList .race_detail li.detail2,
.yosoList2 .race_detail li.detail2 {
	width: 2.3em;}

.yosoList .race_btn,
.yosoList2 .race_btn {
	float: right;
	width: 25%;
	margin-top:5px;
	display: inline-block;}
.yosoList .race_btn li,
.yosoList2 .race_btn li {
	padding:0px;
	margin-bottom: 0px;
	display: block;
	border-bottom:none;
	background-image: none;
	border-bottom:none;}
.yosoList .race_btn li.pnk,
.yosoList2 .race_btn li.pnk {
	background-color: #eb6363;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
	font-size:100%;
	line-height: 1.5em;
	padding: 3px 0;
	margin-bottom: 5px;}
.yosoList .race_btn li.pnk a,
.yosoList2 .race_btn li.pnk a {
	color: #FFFFFF;
	display: block;}
.yosoList .race_btn li.driveG,
.yosoList2 .race_btn li.driveG {
    border: 1px #82af22 solid;
    color: #82af22;
    font-size: 100%;
    font-weight: normal;
    text-align: center;
		line-height: 1.5em;
	padding: 10px 0px 9px 0px;}
.yosoList .race_btn li.driveB,
.yosoList2 .race_btn li.driveB {
    border: 1px #37569d solid;
    color: #37569d;
    font-size: 100%;
    font-weight: normal;
    text-align: center;
	line-height: 1.5em;
	padding: 10px 0px 9px 0px;}

.raceyoso {
	width: 96%;
	margin:0px 2% 2% 2%;}
.raceyoso li {
	text-align: center;
	font-weight: bold;	
	padding:0px;
	margin: 0px;
	line-height: 1.3em;
	display: inline-block;
	vertical-align: bottom;}
.raceyoso li span.place {
	float: left;
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	padding: 0 10px;
	line-height: 1.4em;}
.raceyoso li span.driveG {
    float: left;
    display: inline-block;
    border: 1px #82af22 solid;
    color: #82af22;
    font-size: 110%;
    font-weight: normal;
    line-height: 1.4em;
	vertical-align: top;
    margin: 0;
    padding: 0 10px;
    text-align: center;}
.raceyoso li span.driveB {
    float: left;
    display: inline-block;
    border: 1px #37569d solid;
    color: #37569d;
    font-size: 110%;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0;
    padding: 0 10px;
    text-align: center;}



.yosodetail_table {
	vertical-align: top;
	border-top: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	border-left: 1px #BABABA solid;
	margin: 0px;
	padding: 0px;
	width: 100%;}
.yosodetail_table th {
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	background-color: #EDEDED;
	padding: 1% 2%;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;}
.yosodetail_table td {
	border-right: 1px #BABABA solid;
	border-bottom: 1px #BABABA solid;
	padding: 1% 2%;
	text-align: left;}

.yoso_detail3 {
	/*float: left;*/
	width: 100%;
	margin:3% 0;}
.yoso_detail3 li {
	padding:0px 5px;
	margin-right: 10px;
	font-size:100%;
	line-height: 2em;
	display: inline-block;
	border-bottom:none;
	background-image: none;
	border-bottom:none;}
.yoso_detail3 li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 20%;
	margin-right: 1%;
	margin-bottom: 0.5em;}
.yoso_detail3 li.grayL {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 30%;
	margin-right: 1%;
	margin-bottom: 0.5em;}

.yoso_detail_btn {
	float: left;
	width: 100%;
	text-align: center;
	margin:2% auto 5% auto;}
.yoso_detail_btn li {
	width: 30%;
	background-color:#fcb800;
	border-radius: 5px;
	color: #FFFFFF;
	font-size:100%;
	text-align: center;
	font-weight: bold;
	padding: 0px;
	margin:2% 1%;
	line-height: 3em;
	display: inline-block;
	vertical-align: top;
	position: relative;}
.yoso_detail_btn li a {
	color: #FFFFFF;
	display: block;}
.yoso_detail_btn li.marunori_off {
    background-color: #BFBFBF;}
.yoso_detail_btn li.winpresent {
    background-color: #FF0054;}
.marunori_txt {
    text-align: left;
    margin-top: 5px;
    float: right;
    width: 48%;}
.attention_txt {
	clear: both;
}
.marunori_txt a,
.attention_txt a {
	color: #eb6363;}

/* 場選抁E*/
.place_table {
	margin: 0px;
	width: 100%;}
.place_table2 {
	margin: 0px;
	width: 100%;
	border-bottom: 1px #BABABA solid;}
.place_table td,
.place_table2 td {
	border-right: 1px #BABABA solid;
	border-top: 1px #BABABA solid;
	padding: 2.5% 2%;
	margin: 0px;
	width: 50%;}
.place_table td:nth-child(2n) ,
.place_table2 td:nth-child(2n) {
	border-right: none;}
#place_list {
	margin:0;}
#place_list li {
	padding:0px;
	line-height: 1.5em;}
#place_list li span.place {
	float: left;
	text-align: center;
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
	width: 4em;}

/* 予想登録 */
input[type="radio"] {
  	margin: 0;
  	padding: 0;
 	background: none;
  	border: none;
  	border-radius: 0;
  	outline: none;
  	-webkit-appearance: none;
     	-moz-appearance: none;
          	appearance: none;}

.label_list {
  	margin: auto;
  	padding: 2%;
  	line-height: 1.3;}
.label_list::after {
  	display: block;
  	content: '';
  	clear: both;}
.label_list_item {
  	float: left;
  	margin: 0 auto;
  	width: 100%;}
.label_list_item2 {
  	float: left;
  	margin: 0 auto 16px;
  	width: 25%;}
.label_list_item label,
.label_list_item2 label {
  	position: relative;
  	display: block;
  	word-break: break-all;}
.label_list_item label input[type="checkbox"] + span,
.label_list_item label input[type="radio"] + span,
.label_list_item2 label input[type="checkbox"] + span,
.label_list_item2 label input[type="radio"] + span {
 	position: relative;
  	padding: 0 5px 0 30px;}

/*  DEMO 01 CHECKBOX */
.check .label_list:nth-of-type(1) label input[type="checkbox"] + span::before,
.check .label_list:nth-of-type(1) label input[type="radio"] + span::before {
  border-color: #D0CED1;}
.check .label_list:nth-of-type(1) label input[type="checkbox"]:checked + span::before,
.check .label_list:nth-of-type(1) label input[type="radio"]:checked + span::before {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #c0bdc1), color-stop(0.70, #a9a7a7), color-stop(0.32, #c1bebf), color-stop(0.00, #e6e6e6));
background: -webkit-linear-gradient(top, #e6e6e6 0%, #c1bebf 32%, #a9a7a7 70%, #c0bdc1 99%);
background: -moz-linear-gradient(top, #e6e6e6 0%, #c1bebf 32%, #a9a7a7 70%, #c0bdc1 99%);
background: -o-linear-gradient(top, #e6e6e6 0%, #c1bebf 32%, #a9a7a7 70%, #c0bdc1 99%);
background: -ms-linear-gradient(top, #e6e6e6 0%, #c1bebf 32%, #a9a7a7 70%, #c0bdc1 99%);
background: linear-gradient(to bottom, #e6e6e6 0%, #c1bebf 32%, #a9a7a7 70%, #c0bdc1 99%);}

.check label span {
	display: inline-block;
	font-size: 108%;
	line-height: 25px;}
.check label input[type="checkbox"],
.check label input[type="radio"]  {
 	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;}
.check label input[type="checkbox"] + span::before, .check label input[type="checkbox"] + span::after,
.check label input[type="radio"] + span::before, .check label input[type="radio"] + span::after {
 	position: absolute;
  	top: 0;
  	left: 0;
  	display: inline-block;
  	content: '';
  	box-sizing: border-box;}
.check label input[type="checkbox"] + span::before,
.check label input[type="radio"] + span::before {
  	z-index: 0;
  	background-color: transparent;
  	width: 25px;
 	height: 25px;
  	border: 2px #D0CED1 solid;
  	border-radius: 5px;}
.check label input[type="checkbox"] + span::after,
.check label input[type="radio"] + span::after {
  	z-index: 1;
  	margin: 5px 8px;
  	width: 10px;
  	height: 10px;}
.check label input[type="checkbox"]:checked + span::before,
.check label input[type="radio"]:checked + span::before {
  	background-color: #616161;}
.check label input[type="checkbox"]:checked + span::after,
.check label input[type="radio"]:checked + span::after {
  	border: 10px solid #FFFFFF;
  	border-width: 0 3px 3px 0;
  	-webkit-transform: rotate(45deg);
      	-ms-transform: rotate(45deg);
         	transform: rotate(45deg);}
#yoso_comment {
    width: 98%;
    height: 10em;}
input, select, textarea {
    vertical-align: middle;
    font-size: 93%;
    font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo , 'EE EゴシチE' , sans-serif;
    border-color: #9a9a9a;
    border-style: solid;
    border-width: 1px;}
.register_txt {
	float: left;
	font-size: 100%;
	line-height: 1.8em;
	margin-bottom: 3%;}
.price_txt {
	float: left;
	width: 13%;
	text-align: right;
	font-size: 100%;
	line-height: 3.0em;
	/*margin: 3% auto;*/}
.price_box {
	float: right;
	width: 87%;
	font-size: 100%;
	line-height: 2.7em;}
.price_box input[type="text"] {
    border-color: #9a9a9a;
    border-style: solid;
    border-width: 1px;
	border-radius: 0px;
    margin: 0px 2%;
    width: 20%;
    /*float: left;*/
	font-size: 100%;
	line-height: 1.6em;
	text-align: right;
    padding: 0px 3px;
	display: inline-block;
	font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo , 'EE EゴシチE' , sans-serif;}

div.yoso_set {
    display: inline-block;
    width: 125px;}
div.yoso_set .btn_set {
    display: block;
    width: 87%;
    background-color: #fcb800;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 0px;
    line-height: 2em;
    margin: 5px auto;
    text-align: center;
    font-size: 15px;
    border: 0;}
.grayM {
    clear: both;
    display: block;
    width: 70%;
    background-color: #EDEDED;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 0px;
    line-height: 2.8em;
    margin: 5% auto;
    text-align: center;
    font-size: 130%;
    font-weight: bold;}

/* プロフィール */
#profile {
	margin:0px;}
#profile li {
	padding:10px 5px 0px 5px;
	font-size:108%;
	line-height: 1.5em;}

#profile .race_name {
	width: 96%;
	margin:0px 2%;}
#profile .race_name li {
	padding:0px 0px 0px 5px;
	font-size:100%;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom:none;}
#profile .race_name li span.name {
	padding:0px 0px 0px 5px;
	font-size:150%;
	font-weight: bold;
	line-height: 1.5em;}
#profile .race_name li span.name em {
    font-size: 93%;
    font-weight: normal;
    font-style: normal;
    padding-left: 0.5em;}

.race_nameimg2 img {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 67px;
    height: 67px;
    margin: 0 10px 0 0;}
.race_nameimg3 img {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 130px;
    height: 130px;
    margin: 0 10px 0 0;}

#profile .race_detail {
	float: left;
	width: 96%;
	margin:3% 2% 5% 2%;}
#profile .race_detail li {
	padding:0px 0px;
	margin-bottom: 5px;
	font-size:100%;
	line-height: 1.5em;
	display: inline-block;
	border-bottom:none;
	background-image: none;
	border-bottom:none;}
#profile .race_detail li.detailS {
    width: 10em;}
#profile .race_detail li.gray {
	padding:0px;
	background-color: #EDEDED;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	width: 20%;}
#profile .race_detail li.detail {
	width: 78%;}
#profile .race_detail li span.scope {
	float: right;
    display: block;
    background-position: 96% 0;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 1.5em;
    overflow: hidden;
    width: 20%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #BFBFBF;
    text-align: center;}
  #profile .race_detail li span.val { 
      width: 22em;
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: text-top;  } 
  #profile .race_detail li span.open {
  background-color: #f9a542;
    color: #FFFFFF;    }
.follow_link a {
    text-decoration: underline;}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
  	animation-fill-mode: both;}
.slide-down {
	-webkit-animation-name: slideDown;
	animation-name: slideDown;}
.slide-up {
	-webkit-animation-name: slideUp;
	animation-name: slideUp;}
.content-wrap {
	width: 96%;
	height: 150px;
	overflow: hidden;
	position: relative;
	margin: 0 2% 2% 2%;}
.close-btn,
.more-btn {
	display: block;
	width: 100%;
	padding: 80px 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);;
    filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0);}
.close-btn {
	background: none;}
.slide-up {
	height: 150px;
	padding-bottom: 0;
	overflow: hidden;}
.slide-down {
	height: auto;
	/*overflow: visible;*/
	padding-bottom: 10%;}
.more-btn p {
	display: inline-block;
	color: #fff;
	cursor: pointer;
	background: #BFBFBF;
	padding: 5px 20px;
	width: 50%;
	border-radius: 5px;
    font-size: 108%;}
.close-btn {
	padding:0;}
.close-btn p {
	background: #BFBFBF;}

.profil_btn {
	float: left;
	width: 100%;
	text-align: center;
	margin:2% auto 5% auto;}
.profil_btn li {
	width: 30%;
	background-color:#fcb800;
	border-radius: 5px;
	color: #FFFFFF;
	font-size:100%;
	text-align: center;
	padding: 0px;
	margin:3px 1%;
	line-height: 3em;
	display: inline-block;
	vertical-align: top;cursor: pointer;}
.profil_btn li.pink {
	background-color: #eb6363;}
.profil_btn li a {
	color: #FFFFFF;
	display: block;}

.editP {
	float: left;
	display: inline-block;
	width: 75%;
	background-color:#eb6363;
	border-radius: 5px;
	color:#FFFFFF;
	padding:0px;
	line-height: 2.5em;
	margin: 25px auto 0 auto;
	text-align:center;
	font-size: 100%;}
.editP a {
	color: #FFFFFF;
	display: block;}

.profileedit_table {
	clear: both;
	vertical-align: top;
	margin: 5% 0 2% 0;
	padding: 0;
	width: 100%;}
.profileedit_table th,
.profileedit_table td {
	width: 33%;
	border-top: 1px #BABABA solid;
	padding: 2% 1.5%;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	font-size: 100%;}
.profileedit_table td.noline {
	border-top: none;}

.profileBox {
    width: 96%;
    padding: 2% 1%;
    font-size: 93%;}
.W630C .profileedit_table input[type="text"] {
	border-color: #9a9a9a;
	border-style: solid;
	border-width: 1px;
    width: 96%;
    padding: 2% 1%;
    font-size: 93%;}

/* win */
.nowwinTable {
	border: 1px solid #eb6363;
	width:94%;
	margin: 3%;}
.nowwinTable th {
	vertical-align:middle;
	text-align:left;
	padding:8px 3px 8px 1em;
	color: #FFFFFF;
	font-size:100%;
	background-color: #eb6363;}
.nowwinTable td {
	vertical-align:middle;
	text-align:right;
	padding:8px 0.5em 8px 3px;
	font-size:120%;
	background-color: #FFFFFF;}

.winhistory {
	width: 94%;
	margin: 3%;
	border:1px #BABABA solid;}
.winhistory li {
	padding:1% 2%;
	border-bottom:1px #BABABA solid;
	font-size:100%;
	line-height: 1.5em;
	background-color:#F1F1F1;}
.winhistory li:last-child {
	border-bottom: none;}
.winhistory li:nth-child(odd) {
	background-color:#FFFFFF;}
.winhistory li span.day {
	float: left;
	display: inline-block;
	font-size:100%;
	font-weight: normal;
	vertical-align: top;
	width: 32%;}
.winhistory li span.name {
	display: inline-block;
	font-size:100%;
	font-weight: normal;
	vertical-align: top;
	margin: 0px;
	width: 30%;}
.winhistory li span.place {
	display: inline-block;
	font-size:100%;
	font-weight: normal;
	vertical-align: bottom;
	margin: 0px 5px;
	width: 3em;}
.winhistory li span.driveG {
	float: right;
    border: 1px #82af22 solid;
	background-color: #FFFFFF;
    color: #82af22;
    font-size: 100%;
    font-weight: normal;
	vertical-align: bottom;
	padding: 5px 8px;
    text-align: center;
	line-height: 1.7em;}
.winhistory li span.driveB {
	float: right;
    border: 1px #37569d solid;
	background-color: #FFFFFF;
    color: #37569d;
    font-size: 100%;
    font-weight: normal;
	vertical-align: bottom;
	padding: 5px 8px;
    text-align: center;
	line-height: 1.7em;}

ul.paging {
	width:94%;
	margin: 3%;
	position: relative;
	text-align: center;}
ul.paging li {
	font-size: 100%;
	display: inline-block;
	margin: 0 1.2%;
	vertical-align: middle;
	text-align: center;
	padding:0;}
ul.paging li span {
	color: #FF0000;}
ul.paging a {
	display: block;
	padding: 0;
	text-decoration: underline;}

.wintxt {
    width: 94%;
    margin: 3%;}
.winBox {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;}

.winbuy_list {
	float: left;
    width: 94%;
    margin: 0 3%;}
.winbuy_list li {
	width: 96%;
	padding:1.5% 2%;
	font-size:100%;
	line-height: 1.5em;
	background-color: #FFFFFF;}
.winbuy_list li:nth-child(odd){
	background-color: #F7F4D6;}
.coinimg {
	float:left;
	margin:0 2% 0 0;
	width:12%;}
.winbuy_list span.win {
	float: left;
	display: block;
	font-size: 110%;
	line-height: 44px;
	width: 20%;}
.price {
	float: right;
	width: 159px;
	vertical-align: top;}
.price a {
	display: block;
	width: 159px;
	height: 44px;
	line-height: 44px;
	background-image: url(/images/web-yoso-auto/pc/bg_price.png);
	background-position: right top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: center;
	font-size: 120%;}

/* 無料でGET */
.winbuy_list .price a[href="/ow/winpoint"] {
	background-image: url(/images/web-yoso-auto/pc/bg_free.png);
}

.yellow2 {
	clear: both;
	display: block;
	width: 94%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FCD004), color-stop(0.67, #FDD51E), color-stop(0.33, #FEDE4B), color-stop(0.00, #FFE673));
background: -webkit-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -moz-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -o-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -ms-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: linear-gradient(to bottom, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
	border-radius: 5px;
	padding:0px;
	line-height: 3em;
	font-weight: bold;
	margin: 3%;
	text-align:center;
	font-size: 110%;}
.yellow2 a {
	display: block;
	text-decoration: none;}
.orange2 {
	clear: both;
	display: block;
	width: 94%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EC6500), color-stop(0.68, #F17600), color-stop(0.35, #FA9400), color-stop(0.00, #FFA700));
background: -webkit-linear-gradient(top, #FFA700 0%, #FA9400 35%, #F17600 68%, #EC6500 100%);
background: -moz-linear-gradient(top, #FFA700 0%, #FA9400 35%, #F17600 68%, #EC6500 100%);
background: -o-linear-gradient(top, #FFA700 0%, #FA9400 35%, #F17600 68%, #EC6500 100%);
background: -ms-linear-gradient(top, #FFA700 0%, #FA9400 35%, #F17600 68%, #EC6500 100%);
background: linear-gradient(to bottom, #FFA700 0%, #FA9400 35%, #F17600 68%, #EC6500 100%);
	border-radius: 5px;
	color:#FFFFFF;
	padding:0px;
	line-height: 3em;
	font-weight: bold;
	margin: 3% 3% 1% 3%;
	text-align:center;
	font-size: 110%;}
.green2 {
	clear: both;
	display: block;
	width: 94%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #78A621), color-stop(0.68, #85B429), color-stop(0.35, #9ACD37), color-stop(0.00, #A6DB3F));
background: -webkit-linear-gradient(top, #A6DB3F 0%, #9ACD37 35%, #85B429 68%, #78A621 100%);
background: -moz-linear-gradient(top, #A6DB3F 0%, #9ACD37 35%, #85B429 68%, #78A621 100%);
background: -o-linear-gradient(top, #A6DB3F 0%, #9ACD37 35%, #85B429 68%, #78A621 100%);
background: -ms-linear-gradient(top, #A6DB3F 0%, #9ACD37 35%, #85B429 68%, #78A621 100%);
background: linear-gradient(to bottom, #A6DB3F 0%, #9ACD37 35%, #85B429 68%, #78A621 100%);
	border-radius: 5px;
	color:#FFFFFF;
	padding:0px;
	line-height: 3em;
	font-weight: bold;
	margin: 3%;
	text-align:center;
	font-size: 110%;}
.orange2 a,
.green2 a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;}

/* qa */
.qa_list {
	width: 100%;
	margin: 0;}
.qa_list li {
	margin-bottom: 5%;
	border-bottom: 1px #BABABA solid;}
.qa_list p {
	background-position: 3% top;
	background-repeat: no-repeat;
	line-height: 1.5em;
	margin-bottom: 0;
	padding: 0 3% 3% 10%;}
.qa_list .q {
	color: #eb6363;
	font-weight: bold;
	background-image: url(/images/web-yoso-auto/pc/qa_q2.gif);}
.qa_list .a {
	background-image: url(/images/web-yoso-auto/pc/qa_a.gif);}

/* caution */
.caution_list {
	width: 100%;
	margin:0 auto;}
.caution_list li {
	padding: 2% 0 2% 1em;
	text-indent: -1em;
	font-size:108%;
	line-height: 1.5em;}

/* notice */
.info_list {
	width: 96%;
	margin:0px 2%;}
.info_list li {
	padding: 5px 0px 5px 10px;
    border-bottom: 1px #BABABA solid;
    font-size: 93%;}
.info_list li p {
	line-height: 1.6em;}
.info_list li a {
	display: block;}
.listtxt_new {
    background: url(/images/web-yoso-auto/pc/icon_new.gif) no-repeat scroll 32% top;
    padding: 0px;
    display: block;}

.notice {
	width: 100%;
	margin: 0;}
.noticedetail_Ttl {
	font-weight: bold;
	font-size: 120%;
	margin:1% 0 5% 0;}
.notice_img {
	width: 100%;
	margin: 2% auto;}
.notice_btn {
	background-color: #BFBFBF;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 108%;
	text-align: center;
	line-height: 2.5em;
	margin: 5% auto 0 auto;}
.notice_btn a {
	color: #FFFFFF !important;
	display: block;
	text-decoration:none !important;}
.notice a {
	color: #eb6363;
	text-decoration:underline;}

/* login */
.W630C label {
	color: #686868;
	display: inline-block;
	width: 100px;
	font-size:100%;
	vertical-align: top;
	line-height: 2.5em;}
.W630C input[type="email"],
.W630C input[type="text"],
.W630C input[type="password"] {
	border-color: #9a9a9a;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 15px !important;
	width: 440px;
	padding: 10px;}
.W630C .forcheckbox {
	display: inline-block;
	color: #000000;
	font-weight: normal;
	text-align: left;
	width: 400px;
	line-height: 1em;}
.W630C input[type="checkbox"] {
	display: inline-block;
	margin: 0px 10px 0px 105px;
	width: auto;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	vertical-align: top;}
.W630C .forgotpassword {
	width: 100%;
	background-image: url(/images/web-yoso-auto/pc/arrowG.gif);
	background-position: 180px center;
	background-repeat: no-repeat;
	margin: 30px auto 20px auto;
	text-align: center;
	padding: 0px;
	white-space: nowrap;}
.W630C .forgotpassword:link {
	color: #000000;
	text-decoration: underline;}
.W630C .forgotpassword:visited {
	color: #000000;
	text-decoration: underline;}
.W630C .forgotpassword:hover,
.W630C .forgotpassword:active {
	color: #000000;
	text-decoration: none;}
	
	
.rankingdetail_list .traial span.driveG {
float: left;
display: inline-block;
border: 1px #82af22 solid;
background-color: #FFFFFF;
color: #82af22;
font-size: 90%;
font-weight: normal;
line-height: 1.7em;
margin-right: 2%;
padding: 0 5px;
text-align: center;}
.rankingdetail_list .traial span.driveB {
float: left;
display: inline-block;
border: 1px #37569d solid;
background-color: #FFFFFF;
color: #37569d;
font-size: 90%;
font-weight: normal;
line-height: 1.7em;
margin-right: 2%;
padding: 0 5px;
text-align: center;}

/* beginner */
.beginner_list {
	float: left;
	width: 94%;
	margin:0 auto;
	font-size: 100%;
	line-height: 1.5em;}
	

table.winhistoryTable {
	margin: 5% 0;
	border-top: 1px #B2B2B2 solid;
	border-left: 1px #B2B2B2 solid;
	width:100%;}
table.winhistoryTable tr:nth-child(odd) {
	background-color:#F1F1F1;}
table.winhistoryTable tr {
	background-color:#FFFFFF;}
table.winhistoryTable td {
	vertical-align:middle;
	text-align:left;
	border-bottom: 1px #B2B2B2 solid;
	border-right: 1px #B2B2B2 solid;
	padding:1.3% 2%;
	font-size:100%;}
table.winhistoryTable td.right {
	text-align: right;}
table.winhistoryTable td.center {
	text-align: center;}
	
.yellow {
	clear: both;
	display: block;
	width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FCD004), color-stop(0.67, #FDD51E), color-stop(0.33, #FEDE4B), color-stop(0.00, #FFE673));
background: -webkit-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -moz-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -o-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: -ms-linear-gradient(top, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
background: linear-gradient(to bottom, #FFE673 0%, #FEDE4B 33%, #FDD51E 67%, #FCD004 100%);
	border-radius: 5px;
	padding:0px;
	line-height: 3em;
	font-weight: bold;
	margin: 3% auto;
	text-align:center;
	font-size: 110%;}
.yellow a {
	display: block;
	text-decoration: none;}
.errorBox {
    border-left: 1px #BABABA solid;
    border-right: 1px #BABABA solid;
    border-bottom: 1px #BABABA solid;
    padding: 40px;
    text-align: center;
}	
.pinkL {
display: block;
width: 90%;
background-color:#FF0054;
border-radius: 5px;
color:#FFFFFF;
padding:0px;
line-height: 2.8em;
margin: 10px auto 0px auto;
text-align:center;
font-size: 130%;
font-weight: bold;
clear: both;}

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
.footerCopy {
    font-size: 14px;
	line-height: 1.8em;
    text-align: center;
    padding: 20px 0;
	margin-top: 30px;
	border-top: 1px #D7D7D7 solid;}
	
#kakeshiki{
clear: both;
    height: 2.5em;
    display: block;
    margin-left: 13%;
}

.yosoList .race_name li span.name{
width:14em;
}

div#rankingbox {
    margin-bottom: 10px;
}

input[type=button]:disabled#bt_login
,button[type=submit]:disabled {
	background:#c4c4c4;
	cursor: not-allowed;
}

.yosoBtn {
	width: 70%;
	margin: 5% auto;
	background-color: #EB6363;
	border-radius: 5px;}
.yosoBtn a {
	display: block;
	color: #FFFFFF;
	font-size: 120%;
	line-height: 3em;
	text-align: center;}