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

h2 {/*予想対決*/
    width:65%;
    max-width:340px;
    margin:0 auto ;
}

h2 img {
    width:100%;
    vertical-align: bottom;
}

/*レースナビ*/
ul.nav_race {
	background: #312745;
	padding:8px 20px;
    font-family: 'Arial';
    font-weight:700;
    font-size:18px;
}
ul.nav_race li {
	float:left;
	background: linear-gradient(-256deg, #E6E2EC 85%, #8982B0 20%);
	margin-right:4px;
	width:76px;
	text-align:center;
}
ul.nav_race li span {
	font-size:32px;
	margin-right:2px;
}
ul.nav_race a {
	color:#312745;
	display:block;
	padding:6px 0 2px;
}
ul.nav_race a:hover {
	background: linear-gradient(-248deg, #C9C6DB 10%, #8982B0 90%);
	text-decoration: none;
}
#on a {
	background: linear-gradient(-248deg, #8078A8 20%, #57507C 70%);
	color:#FFF;
}

/**/
.box01 {
	margin:0 0 50px;
	background: #FFF;
	color:#222;
	border:solid 4px #312745;
	border-top:none;
	padding:40px 0;
}
h4 {/*印・並び・フォーカス*/
    background: #312745;
    color:#FFF;
    font-size:19px;
    line-height:1.8;
    text-align: center;
    width:120px;
    margin:0 0 20px 0;
    clear: both;
}

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

.dai_date {
	border:solid 3px #312745;
	color:#312745;
	font-size:20px;
	font-weight:700;
	line-height:2.0;
	width:194px;
	margin-bottom:20px;
	text-align: center;
}
.racenumber {
    font-family:'Arial';
    font-size:180%;
    font-weight:700;
    line-height:1.6;
    width:200px;
	background: linear-gradient(-248deg, #8078A8 20%, #57507C 70%);
	color:#FFF;
	text-align:center;
	margin-bottom:20px;
}
.racenumber span {
	font-size:150%;
	margin-right:3px;
}
.racename {
	font-size:24px;
    line-height:1.25;
	font-weight:500;
	margin-bottom:15px;
}
.racetime {
	margin-bottom:20px;
    font-size:16px;
}

/*出走表*/
.syussohyo {
	width:640px;
	float:left;
	overflow:auto;
	margin:0 0 10px 40px;
    padding-bottom:10px;
}
.syussohyo table {
	width:100%;
	text-align:center;
    border:solid 3px #8982B0;
}
.syussohyo th,.syussohyo td {
	border-right:solid 1px #C2C2C2;
	border-bottom:solid 1px #C2C2C2;
}
.syussohyo th {
	font-weight:normal;
    padding:2px 0;
}
.syussohyo th img {
    width:30px;
}
.th_n {
	background: #EEE;
}
.th_n span {
    font-size:80%;
}
.syussohyo td {
	padding: 9px 5px;
}
.syussohyo td img {
    width:24px;
}

.name {
	text-align:left;
	line-height:1.3;
}
.name a {
	font-size:16px;
}
.syussohyo p {
	color:#E00;
}
.syussohyo a {
	color:#0076A8;
}
.syussohyo a:hover {
	text-decoration:underline;
}
.syussohyo img {
	vertical-align:bottom;
}
.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;}

/*並び*/
.box_n {
	border:solid 3px #8982B0;
	padding:20px 30px;
	margin:0 0 20px 40px;
	width:91%;
	max-width:574px;
	clear: both;
}
.box_n img {
	width:24px;
    display: block;
}

.line td {
	width:24px;
	padding:1px;
}

/*フォーカス*/
.focus img {
	vertical-align: bottom;
    width:100%;
}

ul.focus li { 
    border:solid 3px #8982B0;
	padding-bottom:20px ;
	width:400px;
	text-align: center;
	float: left;
	margin:0 0 0 40px;
}

h5 {
	margin:-20px auto 10px ;
    width:110px;
}

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


/*リンクボタン*/

.linkbotan2 {/*緑*/
	width:194px;
	text-align: center;
	background: #61912D;
    background: linear-gradient(-245deg, #61912D 90%, #466A22 10%);
	color:#FFF;
	font-size:18px;
    line-height:2.5;
	letter-spacing: 1px;
	display:block;
    border:solid 3px #A1CCE5;
}
a:hover.linkbotan2 {
    background: linear-gradient(-245deg, #61912D 10%, #466A22 50%);
	color:#FFF;
}

.kokuchi {
    border:solid 3px #8982B0;
    background: #FFF;
    padding:50px;
    font-size:20px;
    margin:0 2%;
    text-align: center;
    line-height:1.8;
}


@media screen and (max-width: 500px) {
    
.box01 {
	margin:0 0 40px;
	border:solid 3px #312745;
	padding:20px 0;
}    
/*レースナビ*/
ul.nav_race {
	padding:8px 2%;
    font-size:14px;
}
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 ;
}
 
h4 {/*印・並び・フォーカス*/
    font-size:16px;
    width:100px;
}

/*第何日目・何レース*/
.box_onrace {
	width:96%;
	float:none;
	margin:0 auto 10px ;
}

.dai_date {
	border:solid 2px #312745;
	font-size:16px;
    line-height:1.8;
    margin-bottom:10px;
	width:136px;
}
.racenumber {
    font-size:120%;
    line-height:1.7;
    width:22%;
    float:left;
    margin:0 0 10px 0;
}
.racenumber span {
	font-size:150%;
	margin-right:3px;
}
.racename {
    width:74%;
	font-size:18px;
    float:left;
    line-height:1.1;
    padding:15px 2% 0;
}
.racetime {
    font-size:13px;
    margin-bottom:0;
    clear: both;
    float:left;
}
.botan {
    float:right;
} 
    
/*出走表*/
.syussohyo {
	width:96%;
	float:none;
	overflow:auto;
	margin:0 0 20px 2%;
    padding-bottom:10px;
}
.syussohyo table {
	width:500px;
    border:solid 2px #8982B0;
    font-size:13px;
}    
.syussohyo th img {
    width:25px;
}
.syussohyo td img {
    width:20px;
}     
.syussohyo td {
	padding: 5px 4px;
}

.name a {
    font-size:15px;
}
/*並び*/
.box_n {
	border:solid 2px #8982B0;
	padding:5px 2%;
	margin:0 0 20px 2%;
	width:91%;
	max-width:574px;
}
.line img {
	width:17px;
}
.line td {
	width:17px;
	padding:0px;
}

/*フォーカス*/

ul.focus li { 
    border:solid 2px #8982B0;
	padding-bottom:20px ;
	width:46%;
	margin:0 0 0 2%;
}
.focus img {
	vertical-align: bottom;
}

h5 {
	margin:-14px auto 10px ;
    width:90px;
}
h5 img {
    width:100%;
    vertical-align: bottom;
}
ul.focus li table {
	margin:0 auto;
}
ul.focus table td {
	width:19px;
	padding:6px 0;
}    
   
/*リンクボタン*/
.linkbotan2 {
    width:124px;
	line-height:2.0;
	font-size:15px;
    border:solid 2px #A1CCE5;
}

.kokuchi {
    border:solid 2px #8982B0;
    padding:30px 2%;
    font-size:16px;
}    
    
    
    
}