@charset "utf-8";
/*
base.css
*/

body {
background-color: #ffffff;
}

/*
yoso yoso yoso
*/
#yoso {
	width:780px;
	margin:0px auto;}

#yoso_title {
	background-image:url(/images/yoso/bg_title.gif);
	background-position: left top;
	background-repeat:no-repeat;
	width:780px;
	height:45px;
	margin-top: 15px;
	padding:0px;}

#yoso_title p {
	padding:13px 0px 0px 20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;}

#yosoTab {
	border-bottom-color: #0880BD;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	margin-top: 15px;}
	
#yosoTab li {
	background-image:url(/images/yoso/bg_tabmenu_off.gif);
	background-position: left 7px;
	background-repeat:no-repeat;
	width:63px;
	height:45px;
	float: left;
	padding-right: 2px;}

#yosoTab li.on {
	background-image:url(/images/yoso/bg_tabmenu_on.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
	width:65px;
	height:45px;
	float: left;
	padding-right: 2px;}

#yosoTab li.noright {
	padding-right: 0px;}

#yosoTab li p {
	color:#FFFFFF;
	text-align:center;
	padding-top:18px;
	font-size:110%;}

#yosoTab li p.on {
	color:#FFFFFF;
	text-align:center;
	padding-top:15px;
	font-size:110%;}

#yosoTab a:link {color: #FFFFFF; text-decoration: none;}
#yosoTab a:visited {color: #FFFFFF; text-decoration: none;}
#yosoTab a:hover,
#yosoTab a:active {color: #FFFFFF; text-decoration: underline;}

#racename {
	background-color:#DFF5FF;
	margin-bottom: 15px;
	padding:15px;}

#racename dt {
    display: block;
    line-height: 28px;
    margin-bottom: 1px;
    min-height: 1px;
    padding-bottom: 2px;
    width: 750px;}

#racename .place {
	background-image:url(/images/yoso/bg_place.gif);
	background-position: left top;
	background-repeat:no-repeat;
	width:83px;
	height:31px;
	color:#0880BD;
	text-align:center;
	font-size:110%;
	line-height:2.4em;}

#racename .grade {
    border: medium none;
    display: block;
    float: left;
    width: 36px;}
	
#racename .grade em {
    height: 28px;
    letter-spacing: -1em;
    overflow: hidden;
    visibility: hidden;}

#racename .day {
    padding-left: 30px;
    text-align: right;
	font-size:120%;
	font-weight:bold;}
	
#racename .nighterOn {
    background-image: url(/images/icon/ic_nighter.gif);
    background-position: 5px center;
    background-repeat: no-repeat;}
#racename .midnightOn {
background-image: url(/images/icon/ic_midnight.gif);
    background-position: 5px center;
background-repeat: no-repeat;
}
#racename .morningOn {
background-image: url(/images/icon/ic_morning.gif);
    background-position: 5px center;
background-repeat: no-repeat;
}
#racename ul {
    text-align: center;
	font-size:100%;}

#racename ul li {
    display: inline;}

#racename ul li a:link {color: #000000; text-decoration: none;}
#racename ul li a:visited {color: #000000; text-decoration: none;}
#racename ul li a:hover,
#racename ul li a:active {color: #000000; text-decoration: underline;}

#racename ul li a.blue {
	color:#0880BD;}

#racename ul li a.blue a:link {color: #0880BD; text-decoration: none;}
#racename ul li a.blue a:visited {color: #0880BD; text-decoration: none;}
#racename ul li a.blue a:hover,
#racename ul li a.blue a:active {color: #0880BD; text-decoration: underline;}

#racename ul li a.red {
	color:#FF0000;}

#racename ul li a.red a:link {color: #FF0000; text-decoration: none;}
#racename ul li a.red a:visited {color: #FF0000; text-decoration: none;}
#racename ul li a.red a:hover,
#racename ul li a.red a:active {color: #FF0000; text-decoration: underline;}

/*
main main main
*/
/*
#yoso #leftArea {
	float:left;
	width:380px;
	margin-right:20px;}


#yoso #rightArea {
	float:right;
	width:380px;
	margin:0px;}


#yoso .detail,
#yoso #leftArea .detail,
#yoso #rightArea .detail {
	height:400px;
	min-height:400px;}
*/
#yoso .detail
{
	float: none;
	margin: 0px auto;
	text-align: center;
}
#yoso #space{
	height:100px;
}
#yoso #dataempty{
	margin-bottom: 40px;
	margin-left: 10px;
	padding-left: 10px;
	text-align: center;
	margin-top: 40px;}
#yoso #dataempty p{
	font-size: 150%;
	text-align:center;
	color:red;}
/*
table table table
*/
#race {
	background-color: #ffffff;
	border-top-color: #C5C5C5;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #C5C5C5;
	border-left-style: solid;
	border-left-width: 1px;
	margin: 10px auto 30px auto;
	width:100%;}

#race th {
	border-bottom-color: #C5C5C5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #C5C5C5;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 7px 0px;
	word-break: break-all;
	text-align: center;
	background-color:#FFFFFF;
	color:#000000;}

#race th.bg_Gray {
	background-color:#D5D5D5;}

#race th.bg_Black {
	background-color:#333333;
	color:#FFFFFF;}

#race th.bg_Red {
	background-color:#FF0000;
	color:#FFFFFF;}

#race th.bg_Blue {
	background-color:#223ED3;
	color:#FFFFFF;}

#race th.bg_Yellow {
	background-color:#FFFF0F;}

#race th.bg_Green {
	background-color:#5DC203;}

#race th.bg_Orange {
	background-color:#FF9900;}

#race th.bg_Pink {
	background-color:#FF99CC;}

#race th.bg_Purple {
	background-color:#9B439B;
	color:#FFFFFF;}

#race td {
	border-bottom-color: #C5C5C5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #C5C5C5;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 7px 0px;
	word-break: break-all;
	text-align: center;
	background-color:#FFFFFF;
	color:#000000;}

#race td.bg_Yellow {
	background-color:#FFFE6D;}

#race td.bg_Orange {
	background-color:#FFAE2F;}

#race td.bg_Green {
	background-color:#CCFF71;}

#racetitle {
	background-color: #ffffff;
	border:none;
	margin: 0px auto 0px auto;
	width:100%;}

#racetitle td.raceno{
	background-image:url(/images/yoso/bg_raceNo.gif);
	background-position: left top;
	background-repeat:no-repeat;
	width:100px;
	height:32px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	line-height:2.8em;
	display: block;}

#yoso #racetitle .starttime{
	display:inline;
	padding-left: 1em;
}

#racetitle td.racedetail{
	width:100%;
    padding-left: 10px;
	margin:0px;
    text-align: left;
	height:32px;
	vertical-align: middle;
	line-height:1.2em;
	color:#000000;}

/*
yosofooter yosofooter yosofooter
*/
#yosofooter p.copyright {
    background-color: #000000;
    color: #FFFFFF;
    margin-top: 15px;
    padding: 15px 0px;
    text-align: center;}

/*
マル得ポイントフォーカス
*/
#yoso_DragonTiger {
	width:95%;
	margin:5px auto 5px auto;}

#yoso_DragonTiger .leftArea {
	float:left;
	width:25%;
	vertical-align:middle;}

#yoso_DragonTiger .rightArea {
	float:right;
	width:70%;}

#yoso_DragonTiger .rightArea .yoso_Dragon,
#yoso_DragonTiger .rightArea .yoso_Tiger,
#yoso_DragonTiger .rightArea .yoso_Hawk {
	margin:3px auto;
	padding:0px;}

#yoso_DragonTiger .rightArea .yoso_Dragon li {
	display: inline;
	float:left;
	margin:2px 0px;
	width:30%;
	text-align:center;
	line-height:1.3em;
	margin-right:5px;
	background-color:#FFD7D7;}
#yoso_DragonTiger .rightArea .yoso_Dragon li.yellow {
	background-color:#FAFBA5;
	color:#FF0000;
	font-weight:bold;}

#yoso_DragonTiger .rightArea .yoso_Tiger li {
	display: inline;
	float:left;
	margin:2px 0px;
	width:30%;
	text-align:center;
	line-height:1.3em;
	margin-right:5px;
	background-color:#D7E6FF;}
#yoso_DragonTiger .rightArea .yoso_Tiger li.pink {
	background-color:#FFD7F5;
	color:#FF0000;
	font-weight:bold;}

#yoso_DragonTiger .rightArea .yoso_Hawk li {
	display: inline;
	float:left;
	margin:2px 0px;
	width:46%;
	text-align:center;
	line-height:1.3em;
	margin-right:5px;
	background-color:#c8eab4;}


#yoso_DragonTiger .leftArea img,
#yoso_DragonTiger .rightArea img {
	width:92%;}

.individual #yoso_DragonTiger {
	width: 32%;
	margin: 0px 0px 30px;
	display: inline-block;}

.individual #yoso_DragonTiger .leftArea {
	float:left;
	width:25%;
	vertical-align:middle;
	text-align: right;
}

.individual #yoso_DragonTiger .rightArea {
	float:right;
	width: 75%;}

.individual #yoso_DragonTiger .rightArea .yoso_Dragon,
.individual #yoso_DragonTiger .rightArea .yoso_Tiger,
.individual #yoso_DragonTiger .rightArea .yoso_Hawk {
	margin:3px auto;
	padding:0px;}

.individual #yoso_DragonTiger .rightArea .yoso_Dragon li {
	display: inline;
	float:left;
	margin:2px 0px;
	width:30%;
	text-align:center;
	line-height:1.3em;
	margin-right:5px;
	background-color:#FFD7D7;}

.individual #yoso_DragonTiger .rightArea .yoso_Tiger li {
	display: inline;
	float:left;
	margin:2px 0px;
	width:30%;
	text-align:center;
	line-height:1.3em;
	margin-right:5px;
	background-color:#D7E6FF;}
	

.individual #yoso_DragonTiger .leftArea img,
.individual #yoso_DragonTiger .rightArea img {
	/* width:60%; */
	/* margin-right: 10px; */
}	

#yoso_DragonTiger .rightArea .yoso_Tiger li.pink {
    background-color: #FFD7F5;
    color: #FF0000;
    font-weight: bold;
}
#yoso_DragonTiger .rightArea .yoso_Dragon li.yellow {
	background-color:#FAFBA5;
	color:#FF0000;
	font-weight:bold;}
	
#yoso_DragonTiger .rightArea .yoso_Tiger li.highlight
,#yoso_DragonTiger .rightArea .yoso_Dragon li.highlight {
	background-color:#c8eab4;
	color:#FF0000;
	font-weight:bold;}
	
.individual #yoso_DragonTiger .rightImg img {
    width: 100%;
}
.individual #yoso_DragonTiger .attention2{
	font-size:11px;
}

ul.race_order{
height: 28px;
vertical-align: baseline;
margin-top: -10px;
margin-bottom: 10px;
}
ul.race_order li{
display:inline-block;
line-height:1.5em;
vertical-align: top;
}
ul.race_order .order_title{
    background-color: #007FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#66BDFF), color-stop(0.52, #007FFF), to(#0091FF) );
    border-top-color: #1789E3;
    border-bottom-color: #007FFF;
    color: #FFFFFF;
    font-size: 15px;
    padding: 5px;
    border-radius: 0.3em;
    height: 18px;
    font-weight: bold;
    text-align:center;
}

ul.race_order  .order_item{width: 300px;text-align: left;padding-top: 5px;}
ul.race_order  .order_none{
width: 300px;
text-align: center;
}

ul.race_order .order_title{
	width: 20%;
}
ul.race_order{
    /* margin: 10px auto 30px auto; */
    /* width: 80%; */
}
ul.race_order .order_item{
    width: 70%;
    padding-left: 5%;
}
ul.race_order .order_none{
     width: 520px;
    padding-left:15px;
}


#yoso .eyesLeft {
	float: left;
	width: 500px;
	margin-right: 20px;}
#yoso .eyesRight {
	float: left;
	width: 260px;
	margin-top: 43px;}

#racetitle2 {
	background-color: #ffffff;
	border:none;
	margin: 0px auto;
	width:500px;}
#racetitle2 td.raceno{
	background-image:url(/images/yoso/bg_raceNo.gif);
	background-position: left top;
	background-repeat:no-repeat;
	width:100px;
	height:32px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	line-height:2.8em;
	display: block;}
#racetitle2 td.racedetail{
	width:390px;
    padding-left: 10px;
	margin:0px;
    text-align: left;
	height:32px;
	vertical-align: middle;
	line-height:1.2em;
	color:#000000;}

#race2 {
	background-color: #ffffff;
	border-top-color: #C5C5C5;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #C5C5C5;
	border-left-style: solid;
	border-left-width: 1px;
	margin: 10px auto 30px auto;
	width:500px;}
#race2 th {
	border-bottom-color: #C5C5C5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #C5C5C5;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 13px 0px;
	word-break: break-all;
	text-align: center;
	background-color:#FFFFFF;
	color:#000000;}
#race2 th.bg_Gray {
	background-color:#D5D5D5;}
#race2 th.bg_Black {
	background-color:#333333;
	color:#FFFFFF;}
#race2 th.bg_Red {
	background-color:#FF0000;
	color:#FFFFFF;}
#race2 th.bg_Blue {
	background-color:#223ED3;
	color:#FFFFFF;}
#race2 th.bg_Yellow {
	background-color:#FFFF0F;}
#race2 th.bg_Green {
	background-color:#5DC203;}
#race2 th.bg_Orange {
	background-color:#FF9900;}
#race2 th.bg_Pink {
	background-color:#FF99CC;}
#race2 th.bg_Purple {
	background-color:#9B439B;
	color:#FFFFFF;}
#race2 td {
	border-bottom-color: #C5C5C5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #C5C5C5;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 13px 0px;
	word-break: break-all;
	text-align: center;
	background-color:#FFFFFF;
	color:#000000;}
#race2 td.bg_Yellow {
	background-color:#FFFE6D;}
#race2 td.bg_Orange {
	background-color:#FFAE2F;}
#race2 td.bg_Green {
	background-color:#CCFF71;}

.eyesBox {
    display: inline-block;
	border: 1px #d8d8d8 solid;
	width: 250px;
	padding: 2px 4px;
	margin:0px;}
.eyes_ttl2 {
	margin: 0px auto;
	text-align: center;}
.eyes_txt2 {
	color: #FF0000;
	font-size: 80%;
	line-height: 1.1em;
	padding: 2px 0px;}


.eyes_btn2 {
	width: 250px;
	margin: 3px auto 0 auto;}
.eyes_btn2 li {
    display: inline-block;
    cursor: pointer;
	border: none;
	border-radius: 5px;
	width: 60px;
	padding: 0px 10px;
	line-height: 2em;
	margin-bottom: 3px;
	margin-right:5px;}
.eyes_Hawk.eyes_btn2 li {width:100px}

.eyes_btn2 li.hawk {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #add38d), color-stop(0.68, #b6d999), color-stop(0.31, #c7e5ad), color-stop(0.00, #d3eebc));
background: -webkit-linear-gradient(top, #d3eebc 0%, #c7e5ad 31%, #b6d999 68%, #add38d 100%);
background: -moz-linear-gradient(top, #d3eebc 0%, #c7e5ad 31%, #b6d999 68%, #add38d 100%);
background: -o-linear-gradient(top, #d3eebc 0%, #c7e5ad 31%, #b6d999 68%, #add38d 100%);
background: -ms-linear-gradient(top, #d3eebc 0%, #c7e5ad 31%, #b6d999 68%, #add38d 100%);
background: linear-gradient(to bottom, #d3eebc 0%, #c7e5ad 31%, #b6d999 68%, #add38d 100%);}
.eyes_btn2 li.dragon {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e59b95), color-stop(0.68, #e9a5a0), color-stop(0.31, #eeb3ae), color-stop(0.00, #f3bfbb));
background: -webkit-linear-gradient(top, #f3bfbb 0%, #eeb3ae 31%, #e9a5a0 68%, #e59b95 100%);
background: -moz-linear-gradient(top, #f3bfbb 0%, #eeb3ae 31%, #e9a5a0 68%, #e59b95 100%);
background: -o-linear-gradient(top, #f3bfbb 0%, #eeb3ae 31%, #e9a5a0 68%, #e59b95 100%);
background: -ms-linear-gradient(top, #f3bfbb 0%, #eeb3ae 31%, #e9a5a0 68%, #e59b95 100%);
background: linear-gradient(to bottom, #f3bfbb 0%, #eeb3ae 31%, #e9a5a0 68%, #e59b95 100%);}
.eyes_btn2 li.tiger {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9db4ef), color-stop(0.68, #a2b8f0), color-stop(0.31, #aabef2), color-stop(0.00, #b0c3f4));
background: -webkit-linear-gradient(top, #b0c3f4 0%, #aabef2 31%, #a2b8f0 68%, #9db4ef 100%);
background: -moz-linear-gradient(top, #b0c3f4 0%, #aabef2 31%, #a2b8f0 68%, #9db4ef 100%);
background: -o-linear-gradient(top, #b0c3f4 0%, #aabef2 31%, #a2b8f0 68%, #9db4ef 100%);
background: -ms-linear-gradient(top, #b0c3f4 0%, #aabef2 31%, #a2b8f0 68%, #9db4ef 100%);
background: linear-gradient(to bottom, #b0c3f4 0%, #aabef2 31%, #a2b8f0 68%, #9db4ef 100%);}
.eyes_btn2 li:nth-child(3n) {
	/* margin-right: 0px; */
	}

label .left {
	width: 40%;
	float: left;
	padding-top: 0px;
	display: inline-block;}
label .right {
	float: right;
	width: 60%;
	display: inline-block;}
.eyes_btn2 li span {
	font-size: 120%;
	font-weight: bold;
	padding: 0px;}
.eyes_btn2 li .txtred {
	color: #FF0000;}
.eyes_dragon li.hawk span,
.eyes_tiger li.hawk span {
	color: #FF0000;}
.eyes_btn2 li em {
	font-size: 80%;
	font-weight: normal;
	padding-left: 0px;
	display: block;
	line-height: 1em;}

.eyesBox p.attention {
font-size:100%;
margin: 10px 1px;
    color: #EC0000;
    text-align: center;
    border: 1px solid red;
    line-height: 2em;
    border-radius: 3px;}

#all_label1,
#all_label2,
#all_label3 {
	float: right;
	display: block;
	width: 135px;}

.eyes_btn2 li.green {
	vertical-align: top;
	font-size: 80%;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	width: 155px;
	padding:0 0 0 10px;
	cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #507b2c));
background: -webkit-linear-gradient(top, #507b2c 100%);
background: -moz-linear-gradient(top, #add38d 100%);
background: -o-linear-gradient(top, #add38d 100%);
background: -ms-linear-gradient(top, #add38d 100%);
background: linear-gradient(to bottom, #add38d 100%);}
.eyes_btn2 li.red {
	vertical-align: top;
	font-size: 80%;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	width: 155px;
	padding:0 0 0 10px;
	cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b62b20));
background: -webkit-linear-gradient(top, #b62b20 100%);
background: -moz-linear-gradient(top, #b62b20 100%);
background: -o-linear-gradient(top, #b62b20 100%);
background: -ms-linear-gradient(top, #b62b20 100%);
background: linear-gradient(to bottom, #b62b20 100%);}
.eyes_btn2 li.navyblue {
	vertical-align: top;
	font-size: 80%;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	width: 155px;
	padding:0 0 0 10px;
	cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2e4788));
background: -webkit-linear-gradient(top, #2e4788 100%);
background: -moz-linear-gradient(top, #2e4788 100%);
background: -o-linear-gradient(top, #2e4788 100%);
background: -ms-linear-gradient(top, #2e4788 100%);
background: linear-gradient(to bottom, #2e4788 100%);}
.eyes_btn2 li.gray {
	font-size: 80%;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	width: 80px;
	padding: 0px;
	margin-right: 0;
	cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a4a4a4));
background: -webkit-linear-gradient(top, #a4a4a4 100%);
background: -moz-linear-gradient(top, #a4a4a4 100%);
background: -o-linear-gradient(top, #a4a4a4 100%);
background: -ms-linear-gradient(top, #a4a4a4 100%);
background: linear-gradient(to bottom, #a4a4a4 100%);}
.eyes_btn2 li.lightgray {
	font-size: 80%;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	width: 80px;
	padding: 0px;
	margin-right: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d4d4d4));
background: -webkit-linear-gradient(top, #d4d4d4 100%);
background: -moz-linear-gradient(top, #d4d4d4 100%);
background: -o-linear-gradient(top, #d4d4d4 100%);
background: -ms-linear-gradient(top, #d4d4d4 100%);
background: linear-gradient(to bottom, #d4d4d4 100%);}
.eyes_btn2 li.blue {
	font-size: 80%;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	width: 80px;
	padding: 0px;
	margin-right: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3882f7));
background: -webkit-linear-gradient(top, #3882f7 100%);
background: -moz-linear-gradient(top, #3882f7 100%);
background: -o-linear-gradient(top, #3882f7 100%);
background: -ms-linear-gradient(top, #3882f7 100%);
background: linear-gradient(to bottom, #3882f7 100%);}
.eyes_btn2 li.lightgray a,
.eyes_btn2 li.blue a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;}
.eyes_btn2 li.black {
	font-size: 80%;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	width: 80px;
	padding: 0px;
	margin-right: 0;
	background: #545454;
}