@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*------------------------------------------------------------
共通
------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #333;
  background:#FFF url(../images/bg.png);
}

img {
border: none;
}

a {
  color: #0F7CB0;
  text-decoration:underline;
}

li {
  list-style: none;
}

input[type='button'], input[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0;
}

.error-message {
  color: #c00;
}

.firstred{
  color: #c00;
  font-weight: bold;
}

.f_left {float:left;}
.f_center {float:left; margin:3px 0 0 180px;}
.f_right {float:right;}
.clearfix {clear:both;}

.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

h1 {font-size:30px;}
h2 {font-size:24px; font-weight:bold; border-bottom:4px solid #009FE8; margin-bottom:15px; padding-bottom:6px; line-height:100%;}
h3 {font-size:16px; border:1px solid #B0AFAE; padding:0 10px 0 20px; margin-bottom:15px; height:40px; line-height:40px; background:url(../images/bg_h3.png) left repeat-y, #FCFCFC;}
h4, h5, h6 {}
p {}

p.note {font-size:13px; margin:5px 0;}

section {margin-bottom:20px;}

/* wrapper */
.wrapper {
  margin: 0 auto;
  width: 961px;
}

/* top  line */
.top {
	height:50px; 
	padding-top:5px;
	background:#FFF;
	border-bottom:#004298 solid 5px;
}

/* visual area */
.mv_wrapper{
	border-bottom: solid 1px #c4c4c4;
}
.mv_area {
	position:relative;
	height:75px;
}
.mv_area .naming {position:absolute; top:0; left:-15px;}
.mv_area .note {position:absolute; bottom:0; left:10px; font-size:13px; line-height:14px;}
.mv_area .note .star {display:inline-block; line-height:12px;}
.mv_area .txt{
	left: 0;
	position: absolute;
	text-align: center;
	top: 15px;
	width: 100%;
	font-size:24px;
	font-weight:bold;
	text-shadow: 3px 3px 0 rgba(0,0,0,.2);
}
.mv_area .txt span{
	font-size:34px;
	color:#0D72A3;
}
.ex_hit{
	background:url(../images/ex_hit.gif) right bottom no-repeat;
}
.race_ttl{
	padding-top:20px;
	font-size:18px;
	/*background:url(../images/bg_race_ttl.png) no-repeat left 23px;*/
}
.race_update{
	padding-top:10px;
}
/* navigation */
.nav_wrapper{
	background:#004298;
	padding-top:10px;
}
ul.nav {clear:both;
border-bottom:solid 1px #c4c4c4;
box-shadow:0px 0px 20px #DCDCDC;
/*border-radius: 5px  5px 0 0; background:url(../images/nav_bg.jpg) repeat-x; box-shadow:0px 0px 20px #DCDCDC;*/
}
ul.nav li {
	display:block; 
	float:left; width:80px; 
	height:50px; 
	text-align:center;
	position:relative;
	background:url(../images/bg_navli.png) repeat-x bottom #FFFFFF;
}
ul.nav li span.star {display:block; position:absolute; top:1px; right:1px; font-size:0;}
ul.nav li span.starai {display:block; position:absolute; top:1px; left:3px; font-size:0;}
ul.nav li:nth-child(1), ul.nav li:nth-child(1) a {}
ul.nav li:nth-child(12), ul.nav li:nth-child(12) a {}
ul.nav li a {color:#333; text-decoration:none; font-size:18px; display:block; font-weight:bold; height:50px; line-height:50px; border-left:1px solid #BDBBB9;}
ul.nav li:nth-child(1), ul.nav li:nth-child(1) a { border:none;}
ul.nav li a span {font-size:27px;}
ul.nav li.past a {background:url(../images/nav_race_past.jpg) bottom center no-repeat;}
ul.nav li.last a {background:url(../images/nav_race_last.png) bottom center no-repeat;}
ul.nav li:hover, ul.nav li.selected {background:url(../images/bg_navli_selected.png) repeat-x;}
ul.nav li:hover a, ul.nav li.selected a {color:#FFF; text-decoration:none;}
ul.nav:after{content: '';
    display: block;
    clear: both;}

.race_wrapper{
	border-bottom:solid 1px #c4c4c4;
	padding:15px 0;
	font-weight:bold;
	margin-bottom:20px;
}
.race_num{
	float:left;
	font-size:18px;
	padding-left:10px;
}
.race_num span{
	color:#fff;
	background: #3d8eb5;
  font-weight: normal;
}
.race_time{
	float:right;
	padding-right:10px;
}
.race_time span{
	font-size:18px;
}

.hit_txt{
	background:url(../images/ico_hit.png) no-repeat left 5px;
	font-size:36px;
	font-weight:bold;
	color:#e80000;
	padding-left:50px;
	text-shadow: 2px 2px 0 rgba(0,0,0,.2);
}
.hit_txt span{
	background: linear-gradient(transparent 70%, yellow 70%);
}

.anc{
	font-size:20px;
	padding:30px 50px;
	margin:30px 0;
	background:#FCFCFC;
	border:solid 1px #B0AFAE;
}

/* race intro */
.intro {background:#A19E9D url(../images/bg_race_intro.jpg) top repeat-x; border:1px solid #83807F; border-top:1px solid #575655; border-radius: 0 0 5px 5px; box-shadow:0 0 10px #DCDCDC; padding:10px 30px; color:#FFF; font-size:15px; text-align:center; line-height:17px; margin-bottom:10px;}
.intro h1 {margin:10px 0; font-size:15px; font-weight:bold; }
.intro .f_left span {font-weight:bold; padding-right:35px; width:30%;}
.intro .f_right {width:30%; text-align:right;}
.intro .special {width:30%; margin:0 auto; font-size:17px; font-weight:bold;}
 
 /* warning */
 .warning {
	 background:#EC0003;
	 color:#FFF;
	 padding:10px; 
	 text-align:center;
	 font-size:18px; 
	 font-weight:bold; 
	 margin-bottom:15px;
}
 
 /* left column */
 .left_col {float:left; width:220px; margin-top:31px;}
 .left_col h3 {margin:0;}
 .left_col .text_block { border:1px solid #B0AFAE; margin-top:-1px; font-size:14px; padding:10px; background:#FCFCFC;}

/* comments */
#comments dl {border-right:1px solid #B0AFAE; border-bottom:1px solid #B0AFAE; margin:0; padding:0; background:#FCFCFC;}
#comments dl:nth-of-type(1) {border-left:18px solid white;}
#comments dl:nth-of-type(2) {border-left:18px solid black;}
#comments dl:nth-of-type(3) {border-left:18px solid red;}
#comments dl:nth-of-type(4) {border-left:18px solid blue;}
#comments dl:nth-of-type(5) {border-left:18px solid yellow;}
#comments dl:nth-of-type(6) {border-left:18px solid #008000;}
#comments dl dt {font-weight:bold; font-size:15px; padding:10px 10px 5px 10px;} 
#comments dl dd {font-size:14px; padding:0 5px 10px 10px;}
.cm_top{border-left:1px solid #B0AFAE;}

/* start times */
#times .text_block {font-size:15px; margin-bottom:25px;}
#times dl {margin:-3px 0 -4px 25px;}
#times dt, #times dd {height:21px; line-height:21px; display:block; float:left; margin:7px 0 8px 0}
#times dt {clear:left; width:15%}
#times dd {width:70%; text-align:right;}
#times dd img {float:left;}
#times dd.fail {color:#FF0000;}
#times p:nth-of-type(2) {clear:both;}
 
 /* advertisment */
 #adds p {margin-bottom:10px}
 
 /* content */
 .content {float:right; width:720px; padding:0 0 20px 0;
 	margin-top:0;
 }

.btn_odds{
	text-align:right;
	margin-bottom:-5px;
}
 
 /* prediction */
#prediction {position:relative;}
#prediction .buttons {position:absolute; top:-10px; right:0;}
#prediction .buttons .btn {display:inline-block; }
#prediction  .text_box {background:#fff; border:1px solid #B0AFAE; padding:5px 25px 20px 25px; font-size:18px; margin-top:-15px; background:#FCFCFC;
	border-top:none;
	word-wrap: break-word;
}
#prediction  .text_box p.title {color:#d90404; font-size:24px; font-weight:bold; margin:10px 0; text-shadow: 2px 2px 0 rgba(0,0,0,.1);}
#prediction  .text_box .nums {margin:10px 0 20px 0; font-size:16px; font-weight:bold; line-height: 250%;}
#prediction  .text_box .nums span {padding:3px 9px; margin:0 2px; font-weight:bold;}
#prediction  .text_box p.type {border-top:1px solid #B0AFAE; font-size:17px; font-weight:bold; padding-top:20px; margin-top:20px;}

 /* Table */
#info p {padding:0; margin:0;}
#info p.note span {padding:0 5px; margin:0 5px;}
#info table {margin-bottom:15px;;}
#info table td, #info table th {background:#FFF;  border:1px solid #B0AFAE; text-align:center; font-size:13px; vertical-align:middle; height:30px;} 
#info table td img, #info table th img {vertical-align:middle;}
#info table div.rel {position:relative;}	 
#info table th {font-weight:normal;}
#info table tr.names td {font-size:14px; font-weight:bold;}
#info table td.dark, #info table .dark_tr {background:#F8F7F7; }
#info table tr.dark_tr td.dark {background:#F1F0F0;}  
#info table th {background:#F0F0F0;}
#info table th.dark {background:#EAE9E9;}
#info table td {background:#FCFCFC;}
#info table td.accent {background:#FFF3DA;}
#info table td.accent_dark {background:#F9ECD4;}
#info table tr.width_fix td,  #info table tr.width_fix th {width:30px;}
.h40 {height:40px; padding:0;}
.h50 {height:40px; padding:0;}
.h50_01 {height:56px; padding:0;}
.h50_02 {height:56px; padding:0;}
#info table td div.tag {position:absolute; top:-11px; right:-20px; border:1px solid #2D2D20;}
#info table tr.h50 td {background:#edfafb;}
#info table tr.h50 td div.tag {top:-4px;}
#info table tr.h50_01 td div.tag {top:-14px;}
#info table td div.out_mark_1 {position:absolute; left:5px; top:0;}
#info table td div.out_mark_2 {position:absolute; left:5px; bottom:0;}
#info table td.num1 {background:white; color:black; font-size:15px;}
#info table td.num2 {background:black; color:white; font-size:15px;}
#info table td.num3 {background:red; color:white; font-size:15px;}
#info table td.num4 {background:blue; color:white; font-size:15px;}
#info table td.num5 {background:yellow; color:black; font-size:15px;}
#info table td.num6 {background:#008000; color:white; font-size:15px;}
#info table td.place_1st, .place_1st {background:#FF9999; font-weight:bold; color:black;}
#info table td.place_2nd, .place_2nd {background:#9594FA; font-weight:bold; color:black;}
#info table td.place_3rd, .place_3rd {background:#95C794; font-weight:bold; color:black;}
.hint{
	font-size:21px !important;
	font-weight:bold;
	text-shadow: 2px 2px 0 rgba(0,0,0,.1);
}
.hint_s{
	font-size:20px !important;
	color:#ea0000;
}

/* odds */
#odds {position:relative; margin-top:40px;}
#odds .buttons {position:absolute; top:-10px; right:0;}
#odds .buttons .btn {float:right; }
#odds .buttons span.note {font-size:13px; display:block; float:right; line-height:50px; margin-right:20px;}

#odds table {}
#odds table th { background:url(../images/bg_title_odds_tbl.jpg) bottom repeat-x; border-bottom:1px solid #0B5A81; text-align:center; color:white; font-size:17px; font-weight:bold;  height:40px; padding-bottom:6px; vertical-align:bottom;}
#odds table th:nth-child(1) {background:url(../images/odds_table_head_bg.jpg) bottom no-repeat; width:179px; border-bottom:1px solid #AFADAD; border-top:none;}
#odds table th:nth-child(2) {border-right:1px solid #4F8AA8; border-radius: 5px  0 0 0; width:46px;}
#odds table th:nth-child(4) {border-left:1px solid #4F8AA8; border-radius: 0 5px 0 0;}
#odds table td {background:#F8F7F7; font-size:16px; border-bottom:1px solid #DBDADA; line-height:40px; padding:0 10px 0 5px;}
#odds table td.add_border {border-left:1px solid #DBDADA;}
#odds table td span {display:inline-block; padding:0 6px; margin:0 3px; line-height:20px; font-size:12px;}
#odds table td.racer_list {background:url(../images/bg_odds_side.jpg) repeat-y; border-bottom:1px solid #5F5F49; padding:0; vertical-align:top;}

#odds table td.racer_list dl {}
#odds table td.racer_list dt, #odds table td.racer_list dd {font-size:16px; color:white; border-bottom:1px solid #B7B6B5; height:35px; display:block; float:left;}
#odds table td.racer_list dt {clear:left; width:30px; border-left:18px solid; padding-left:12px;}
#odds table td.racer_list dd {width:119px;} 
#odds table td.racer_list dt:nth-of-type(1) {border-left-color:white;}
#odds table td.racer_list dt:nth-of-type(2) {border-left-color:black;}
#odds table td.racer_list dt:nth-of-type(3) {border-left-color:red;}
#odds table td.racer_list dt:nth-of-type(4) {border-left-color:blue;}
#odds table td.racer_list dt:nth-of-type(5) {border-left-color:yellow;}
#odds table td.racer_list dt:nth-of-type(6) {border-left-color:#008000;}
 
 /* NUMBERS & COLORS */
.n1, #info table td.n1 {background:white; color:#000; border:1px solid #9F9F9F;}
.n2, #info table td.n2 {background:black; color:#FFF; border:1px solid #9F9F9F;}
.n3, #info table td.n3 {background:red; color:#FFF; border:1px solid #9F9F9F;}
.n4, #info table td.n4 {background:blue; color:#FFF; border:1px solid #9F9F9F;}
.n5, #info table td.n5 {background:yellow; color:#000; border:1px solid #9F9F9F;}
.n6, #info table td.n6 {background:#008000; color:#FFF; border:1px solid #9F9F9F;}

 /* footer */
 footer { border-top:5px solid #004298; padding:35px 0 50px; text-align:center;}
 footer p { font-size:13px;} 

 /* smartphone */
p.smart_css {
    margin: 0;
    height: 150px;
    color: #FFFFFF;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    background: #000 url("../images/btn_sp_header.jpg") repeat-x;
}
p.smart_css a {
    display: block;
    color: #FFFFFF;
    line-height: 150px;
    text-decoration: none;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 90%;
}
#page-top a {
    background: #004298;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #1954a2;
}

 /* RACE number 固定 add170202 */
.holdhead {
  height: 250px;
}
.holdhead .fixbar {
  position: absolute;
  width: 100%;
  top: 190px;
  z-index:100;
}
.holdhead.fixed .fixbar {
  position: fixed;
  top: 0px;
}

/*??????*/

.suimenbox {
	border-left:solid 1px #B0AFAE;
	border-right:solid 1px #B0AFAE;
	border-bottom:solid 1px #B0AFAE;
	background:#FCFCFC;
}
.pool {
	width:100%;
	height:78px;
	position:relative;
	background:#99E5FF url("../images/pool_bg.png") no-repeat center 0;
}
.hogaku {
	position:absolute;
	right:8px;
	top:4px;
}
.kazamuki {
	position:absolute;
	left:91px;
	top:30px;
}
.stand {
	width:100%;
	background-color:#B0AFAE;
	color:#FFF;
	text-align:center;
	line-height:1.3;
	font-size:13.5px;
	letter-spacing:2px;
	padding:0 0 2px;
}
.hyo_suimen {
	width:100%;
	letter-spacing:2px;
}
.hyo_suimen th {
	background-color:#1A53B3;
	color:#FFF;
	font-weight:normal;
	text-align:center;
	font-size:12.5px;
	border-right:solid 1px #B0AFAE;
	border-bottom:solid 1px #B0AFAE;
	width:33.3%
}
.hyo_suimen td {
	border-right:solid 1px #B0AFAE;
	text-align:center;
	font-size:16px;
	padding:2px 0;
}
#noRb {
	border-right:none;
}

/*?????PC*/

#kako ul li {
	padding:5px 10px;
	border-bottom:dotted 1px #AAA;
	letter-spacing:2px;
	text-align:center;
}
#kako ul li a {
	text-decoration:none;
}
#kako ul li a:hover {
	color:#039;
}
.h200 { height:200px; overflow:auto;}
.box1 {
	width:90%;
	margin:0 auto;
}

/*?????*/
#airitsu {
	width:100%;
}
#airitsu h3 {margin:0;}
.box0111 {
	border:solid 1px #B0AFAE;
	border-top:none;
	padding:10px 0 10px 10px;
	letter-spacing:1px;
	background:#FCFCFC;
}
.box0111 p {font-size:17px; margin-bottom:2px;}
.box0111 p span {font-weight:bold;}

 /*AI予想　表タイプ*/
.aiyosou {
	margin-top:-15px;
	text-align:center;
}
.aiyosou th {
	font-size:13px;
	text-align:center;
	padding: 2px 10px;
	background-color:#DDD;
	vertical-align:middle;
	white-space:nowrap;
}
.aiyosou tr {
	background:#FCFCFC;
}
.aiyosou td {
	font-size:16px;
	font-weight:bold;
	line-height: 250%;
	border-bottom:1px solid #e5e5e5;
	padding:0 10px;
}
.aiyosou td span {
	padding:3px 9px;
	margin:0 2px;
}
.aiyosou td.ketsu {
	font-size:13px;
	font-weight:normal;
	line-height: 250%;
	border-bottom:1px solid #e5e5e5;
	padding:0 10px;
}
.aiyosou td.ketsu span {
	padding:0 6px;
	margin:0 2px;
}
.aiyosou th:nth-child(1) {border-left:1px solid #B0AFAE;border-right:2px solid #FFF;}
.aiyosou th:nth-child(2) {border-right:2px solid #FFF;}
.aiyosou th:nth-child(3) {border-right:2px solid #FFF;}
.aiyosou th:nth-child(4) {border-right:1px solid #B0AFAE;}
.aiyosou td:nth-child(1) {width:50px;border-left:1px solid #B0AFAE;}
.aiyosou td:nth-child(2) {width:170px;}
.aiyosou td:nth-child(3) {width:50px;}
.aiyosou td:nth-child(4) {border-right:1px solid #B0AFAE;}
.aiyosou tr:last-child td {border-bottom:1px solid #B0AFAE}
tr.tekichu {background-color: #FDCEEE;}
.tekichu img {width:24px;}