@charset "utf-8";
/* CSS Document */

/*スポーツ4紙*/
ul.sports4 {
	margin:-20px 0 30px 155px;
}
ul.sports4 li {
	width:150px;
	float:left;
	margin:0 10px;
    text-align: center;
    border:solid 1px #999;
    padding:10px 0;
}
ul.sports4 li img {
	width:90%;
    max-width:110px;
	vertical-align: middle;
}
.chuspo {/*中スポ*/
	background:#1D2088;
}
.nikkan {/*日刊*/
	background:#0075C2;
}
.sponichi {/*スポニチ*/
	background:#D61319;
}
.hochi {/*報知*/
	background:#0B5B06;/*#052703;*/
}

.box01 {
	margin:0 0 50px;
	background: #FFF;
	color:#000;
	border:solid 3px #000;
	border-top:none;
	padding:40px 30px ;
}

/*レースナビ*/
ul.nav_race {
	background: #000;
	padding:8px 20px;
}
ul.nav_race li {
	float:left;
	background: #FFF;
	margin-right:4px;
	width:76px;
	text-align:center;
	font-weight:700;
}
ul.nav_race li span {
	font-size:24px;
	margin-right:2px;
}
ul.nav_race a {
	color:#000;
	display:block;
	padding:6px 0 2px;
}
ul.nav_race a:hover {
	background-color:#FFF796;
	text-decoration: none;
}
#on a {
	background:#FFF976 url("../img_yoso/yoso_no_bg.png") no-repeat;
	background-size: 100% 100%;
	color:#000;
}

/*第何日目・何レース*/
.box_onrace {
	width:250px;
	float:right;
	margin-bottom:10px;
}

.dai_date {
	border:solid 3px #000;
	color:#000;
	font-size:20px;
	font-weight:700;
	padding:4px 0;
	width:124px;
	margin-bottom:20px;
	text-align: center;
}
.racenumber {
	background:#FFF796 url("../img_yoso/yoso_no_bg.png") no-repeat;
	background-size:100% 100%;
	color:#1D0E0B;
	font-weight:700;
	text-align:center;
	width:130px;
	padding:10px 0;
	font-size:150%;
	margin-bottom:12px;
}
.racenumber span {
	font-size:150%;
	margin-right:3px;
}
.racename {
	font-size:26px;
	font-weight:500;
	margin-bottom:10px;
}
.racetime {
	margin-bottom:20px;
}
.btn a {
    background: #FBEF3C;
    border:solid 2px #000;
    box-shadow: 2px 2px 2px #000;
	font-weight: bold;
    text-align: center;
    color:#000;
    display: block;
    padding:10px 0;
}
.btn a:hover {
    background: #F5B823;
}
.btn_y {
	width:160px;
    margin-bottom:10px;
}

/*出走表*/
.syussohyo {
	width:640px;
	float:left;
	overflow:auto;
	margin:0 0 10px 0px;
	padding-bottom:10px;
}
.syussohyo table {
	width:100%;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	text-align:center;
}
.syussohyo th,.syussohyo td {
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
}
.syussohyo th {
	font-weight:normal;
}
.th_n {
	background: #EEE;
	font-size:15px;
}
.bg_chuspo {/*中スポ*/
	background:#1D2088;
	color:#FFF;
	font-size:16px;
	padding: 2px 7px;
}
.bg_nikkan {/*日刊*/
	background:#0075C2;
	color:#FFF;
	font-size:16px;
	padding: 2px 7px;
}

.bg_sponichi {/*スポニチ*/
	background:#D61319;
	color:#FFF;
	font-size:16px;
	padding: 2px 7px;
	line-height:1;
}
.bg_sponichi_f {/*スポニチフォーカス*/
	background:#D61319;
	color:#FFF;
	font-size:16px;
	padding: 2px 7px;
}
.bg_hochi {/*報知*/
	background:#0B5B06;/*#052703;*/
	color:#FFF;
	font-size:16px;
	padding: 2px 7px;
}

.syussohyo td {
	padding: 9px 5px;
}
.syussohyo td a {
	font-size:16px;
}
.name {
	text-align:left;
	font-size:14px;
	line-height:1.3;
}
.syussohyo p {
	color:#E00;
}
.syussohyo a {
	color:#0076A8;
}
.syussohyo a:hover {
	text-decoration:underline;
}
.syussohyo img {
	vertical-align:bottom;
	width:20px;
}
.bg-1 {	background-color:#FFF;}
.bg-2 {	background-color:#EEE;}
.bg-3 {	background-color:#FEE;}
.bg-4 {	background-color:#EEFAFF;}
.bg-5 {	background-color:#FFFFF6;}
.bg-6 {	background-color:#E9FAEA;}
.bg-7 {	background-color:#FAF4E5;}
.bg-8 {	background-color:#FFF0F8;}
.bg-9 {	background-color:#F7F0FF;}
.mark {	background-color:#FFF;}

/*並び・フォーカス*/
h5 {
	font-weight:bold;
	font-size:18px;
	margin:0 0 5px 0;
	clear: both;
}
/*並び*/
.box_n {
	border:solid 1px #999;
	padding:0;
	margin:0 0 20px ;
	width:100%;
	max-width:636px;
	clear: both;
}
.n_chuspo {
	background:#1D2088;
	color:#FFF;
	padding: 13px 0;
	width:42px;
	text-align: center;
	float:left;
	margin-right:20px;
}
.n_chuspo span {
	display: block;
}
.box_n img {
	vertical-align:bottom;
	width:20px;
}
.line {
	margin:10px 0;
}
.line td {
	width:22px;
	padding:2px 0;
	line-height:1.0;
}
/*フォーカス*/
.focus img {
	vertical-align: bottom;
}

ul.focus li { 
	padding-bottom:15px ;
	width:224px;
	text-align: center;
	float: left;
	margin-right:10px;
    border:solid 1px #999;
}
ul.focus li:last-child {
	margin-right:0;
}
h6 {
	text-align: center;
	font-size:16px;
	font-weight:normal;
	padding:4px 0;
	color:#FFF;
	margin-bottom:10px;
	letter-spacing: 2px;
}

ul.focus li table {
	margin:0 auto;
}
.focus td {
	width:24px;
	padding:4px 0;
}

@media screen and (max-width: 500px) {

ul.sports4 {
	margin:-20px 0 15px 1%;
    border-left:solid 1px #999;
}
ul.sports4 li {
	width:24.5%;
	margin:0 0% 0px;
    border-left:none;
}
.box01 {
	border:solid 2px #A3772E;
	padding:20px 2% ;
}
	
/*レースナビ*/
ul.nav_race {
	padding:8px 2%;
}
ul.nav_race li {
	width:16.0%;
	margin:0 2px 2px 0;
}
ul.nav_race li:nth-child(6n) {
	margin-right:0;
}
ul.nav_race li span {
	font-size:16px;
	margin-right:1px;
}
ul.nav_race a {
	padding:6px 0 ;
}
	
/*第何日目・何レース*/
.box_onrace {
	width:100%;
	float:none;
	margin-bottom:0;
}
.onrace {
	width:100%;
	margin-left:0;
}
.dai_date {
	font-size:16px;
	padding:5px 0;
	width:124px;
	margin-bottom:10px;
	border:solid 2px #000;
}
.racenumber {
	width:68px;
	padding:5px 0;
	font-size:120%;
	margin:0 10px 5px 0;
	float:left;
}
.racenumber span {
	font-size:140%;
	margin-right:3px;
}
.racename {
	font-size:16px;
	line-height:1.2;
	padding:10px 0 0;
}
.racetime {
	clear: both;
	float:left;
	font-size:13px;
	margin-bottom:6px;
}
.btn a {
    padding:5px 0;
}
.btn_y {
	float:right;
	width:38%;
}
.btn_y a {
	font-size:14px;
}

/*出走表*/
.syussohyo {
	width:100%;
	float:none;
	margin:0 0 20px;
}
.syussohyo table {
	width:520px;
	font-size:12px;
}
.bg_chuspo,.bg_nikkan,.bg_sponichi,.bg_hochi {
	font-size:14px;
	padding: 2px 5px;
}
.th_n {
	font-size:14px;
}
.syussohyo td {
	padding:4px 3px;
}
.name {
	font-size:13px;
}
.syussohyo td a {
	font-size:14px;
}
/*並び・フォーカス*/	
h5 {
	font-size:16px;
	margin:0 0 5px 1%;
}	
/*並び*/
.box_n {
	padding:0;
	margin:0 0 30px 1%;
	width:97%;
	clear: both;
}
.n_chuspo {
	padding: 1px 0;
	width:100%;
	float:none;
	margin:0 0 6px;
}
.n_chuspo span {
	display: inline;
}
.line {
	margin:10px 2%;
}
	
/*フォーカス*/

ul.focus li { 
	width:47.0%;
	margin:0 1% 10px ;
}
ul.focus li:nth-child(3n) {
	margin-right:1%;
}
ul.focus li:nth-child(2n) {
	margin-right:0;
}
h6 {
	font-size:15px;
	padding:2px 0;
	letter-spacing: 1px;
}
.focus td {
	width:21px;
	padding:4px 0;
}
.box_n img,ul.focus li img {
	width:18px;
}
}
	
@media screen and (max-width: 360px) {
	
.line td {
	width:16px;
}
h6 {
	font-size:14px;
	letter-spacing: 0px;
}
.focus td {
	width:20px;
	padding-bottom:6px;
}

.box_n img,ul.focus li img {
	width:15px;
}

}