@charset "euc-jp";

/*
 netkeiba お気に入り馬
*/

/* Contents_Header - アイコン */
.Contents_Header .ContentsTitle span:before {
	content: '';
	background: url("../img/icon/icon_sprite_fav_horse.png") no-repeat;
	-webkit-background-size: 100px 700px;
	-moz-background-size: 100px 700px;
	-ms-background-size: 100px 700px;
	-o-background-size: 100px 700px;
	background-size: 100px 700px;
	width: 34px;
	height: 34px;
	position: absolute;
	top: -12px;
	left: 0;
}
.Contents_Header .ContentsTitle.BookmarkHorse span:before {
	background-position: 0 0;
}

section.BookmarkHorseArea {
	padding: 26px 0 0;
}
span.BMHorseInfoLink {
	float: right;
	background: url("../img/icon/icon_question01.png") left center no-repeat;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	background-size: 16px 16px;
	padding-left: 21px;
	line-height: 17px;
	font-size: 85.8%;
}
span.BMHorseInfoLink a{
	color: #444;
	text-decoration: underline;
}
span.BMHorseInfoLink a:hover{
	color: #e36a5c;
}

/* お気に入り馬メニュー */
ul.BookmarkHorseMenuList {
	margin: 20px 0 30px;
}
ul.BookmarkHorseMenuList li{
	float :left;
	width: 202px;
}
ul.BookmarkHorseMenuList li:nth-child(3n+2),
ul.BookmarkHorseMenuList li:nth-child(3n+3) {
	margin-left: 11px;
}
ul.BookmarkHorseMenuList li a.LinkBox_01{
	display: block;
	background: #f5f4f1;
	border-radius: 2px;
	border: 1px solid #e0e0e0;
	padding: 13px 0;
	box-shadow: 0 1px 0 #e0e0e0;
	text-align: center;
	color: #444;
}
ul.BookmarkHorseMenuList li a.LinkBox_01 span.BookmarkHorseMenuTxt{
	line-height: 1.73;
	font-size: 107.2%;
	font-weight: bold;
	color: #444;
}
ul.BookmarkHorseMenuList li a.LinkBox_01:hover{
	background: #f9f9f9;
	color: #e36a5c;
}
ul.BookmarkHorseMenuList li a.LinkBox_01:hover span.BookmarkHorseMenuTxt{
	color: #e36a5c;
}
/* お気に入り馬メニュー - アイコン */
ul.BookmarkHorseMenuList li a.LinkBox_01 span.Icon {
	content: '';
	display: inline-block;
	background: url("../img/icon/icon_sprite_fav_horse.png") no-repeat;
	-webkit-background-size: 100px 700px;
	-moz-background-size: 100px 700px;
	-ms-background-size: 100px 700px;
	-o-background-size: 100px 700px;
	background-size: 100px 700px;
	width: 36px;
	height: 30px;
	vertical-align: middle;
	margin-right: 8px;
}

ul.BookmarkHorseMenuList li a.LinkBox_01 span.IconCalender01 {
	background-position: 0 -53px;
}
ul.BookmarkHorseMenuList li a.LinkBox_01 span.IconBMHorse01 {
	background-position: 0 -111px;
	background: url(../img/icon/horse_favorite_icon_pc.png) no-repeat;
	background-size:36px 30px;
	background-position: center;
	background-size: contain;
}
ul.BookmarkHorseMenuList li a.LinkBox_01 span.IconSet01 {
	background-position: 0 -173px;
}

/* 地方・中央切り替え */
.GenreMenuArea02 {
	display: block;
	position: relative;
	border-radius: 2px;
	margin-bottom: 29px;
}
ul.SubMenu_02 {
	position: relative;
}
ul.SubMenu_02 li{
	width: 50%;
	float:left;
	position: relative;
}
ul.SubMenu_02 li a{
	position: relative;
	display:block;
	background: #f2f1ee;
	font-weight: bold;
	color: #333;
	line-height: 38px;
	text-align: center;
	box-shadow: 0 1px 3px 1px rgba(146, 151, 165, .4);
}
ul.SubMenu_02 li:first-child a{
	border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
}
ul.SubMenu_02 li:last-child a{
	border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
}
.JRA_Menu ul.SubMenu_02 li.Active a:after {
	display: block;
    content: '';
    height: 0;
    position: absolute;
    width: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #1f4fc3 transparent transparent transparent;
    bottom: 0;
    left: 50%;
	transform: translate(-50%, 100%);
}
.JRA_Menu ul.SubMenu_02 li.Active a {
	background: #1f4fc3;
	color: #fff;
}
.NAR_Menu ul.SubMenu_02 li.Active:after {
	display: block;
    content: '';
    height: 0;
    position: absolute;
    width: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #bf552e transparent transparent transparent;
    bottom: 0;
    left: 50%;
	transform: translate(-50%, 100%);
}
.NAR_Menu ul.SubMenu_02 li.Active a {
	background: #bf552e;
    color: #fff;
}
.GenreMenuArea02:after{
	display: block;
	content: ' ';
	height: 0;
	width: 0;
	clear: both;
}

/* お気に入り馬出走情報 section.BookmarkHorseData */
section.BookmarkHorseData {
	margin-bottom: 40px;
}
.BMHorseDataTitle {
	border-bottom: 2px solid #edece6;
	position: relative;
}

.BMHorseDataTitle h2{
	color: #444;
	font-size: 114.3%;
	font-weight: bold;
	padding: 10px 16px 10px 0;
	display: inline-block;
}
.BMHorseDataTitle span{
	font-size: 85.8%;
}
.BMHorseDataTitle .BMHorseBtn {
	float: right;
	width: 120px;
}
.BMHorseDataTitle .BMHorseBtn a{
	display: block;
	border-radius: 2px;
	border: 1px solid #d0ccc1;
	background: #edebe4;
	font-weight:bold;
	text-align: center;
	padding: 7px;
	color: #444;
	font-size: 92.9%;
	box-shadow: inset 0 1px 0 #faf9f7;
}
.BMHorseDataTitle .BMHorseBtn a:hover{
	background: #faf9f7;
	text-decoration: none;
}

/* 日付 */
.RaceDayWrap {
	display: table;
	width: 100%;
	padding: 16px 0;
}
.RaceDayWrap .RaceDayPrev,
.RaceDayWrap p.RaceDayTxt,
.RaceDayWrap .RaceDayNext {
	display: table-cell;
	vertical-align: middle;
}
.RaceDayWrap .RaceDayPrev,
.RaceDayWrap .RaceDayNext {
	width: 92px;
}

.RaceDayWrap .RaceDayPrev span,
.RaceDayWrap .RaceDayNext span {
	opacity: .5;
}
.RaceDayWrap .RaceDayPrev a,
.RaceDayWrap .RaceDayNext a,
.RaceDayWrap .RaceDayPrev span,
.RaceDayWrap .RaceDayNext span {
	display: inline-block;
	color: #222;
	background: #e5e4dd;
	border-radius: 3px;
	box-shadow: 0 2px 0 rgba(189, 188, 177, 1);
	padding: 12px 0;
	position: relative;
	text-align: center;
	width: 92px;
}
.RaceDayWrap .RaceDayPrev a,
.RaceDayWrap .RaceDayPrev span {
	text-indent: 17px;
}
.RaceDayWrap .RaceDayNext a,
.RaceDayWrap .RaceDayNext span {
	text-indent: -17px;
}
.RaceDayWrap .RaceDayPrev a:before,
.RaceDayWrap .RaceDayNext a:after,
.RaceDayWrap .RaceDayPrev span:before,
.RaceDayWrap .RaceDayNext span:after {
	content: '';
	display: inline-block;
	width: 18px;
	height: 38px;
	position: absolute;
	top: 0;
}
.RaceDayWrap .RaceDayPrev a:before,
.RaceDayWrap .RaceDayPrev span:before {
	background: #6c6b61 url("../img/icon/icon_arrowL01.png") no-repeat center;
	border-radius: 3px 0 0 3px;
	left: 0;
}
.RaceDayWrap .RaceDayNext a:after,
.RaceDayWrap .RaceDayNext span:after {
	background: #6c6b61 url("../img/icon/icon_arrowR01.png") no-repeat center;
	border-radius: 0 3px 3px 0;
	right: 0;
}
.RaceDayWrap p.RaceDayTxt {
	text-align: center;
	font-size: 114.3%;
	font-weight: bold;
}
/* 表 table.BMHorseDataTable */
.BMHorseDataArea h2 {
	background: #6c6b60;
	color: #f2f1ec;
	font-weight: bold;
	padding: 8px 16px;
}
.BMHorseDataArea h2 span.sat{
	color: #7ab2d3;
}
.BMHorseDataArea h2 span.sun{
	color: #e07a76;
}
table.BMHorseDataTable {
	width: 100%;
}
table.BMHorseDataTable thead th{
	background: #f2f1eb;
	font-weight: bold;
	padding: 6px 8px;
	vertical-align: middle;
}
table.BMHorseDataTable thead th.RaceNum{
	width: 178px;
	border-right: 1px solid #d0ccc1;
}

table.BMHorseDataTable thead th .RaceName p {
	display: inline-block;
	line-height: 21px;
}
table.BMHorseDataTable thead th .RaceName a.RaceMovieLink {
	display: block;
	float: right;
	width: 26px;
}
table.BMHorseDataTable thead th .RaceName a.RaceMovieLink:hover img {
	opacity: 0.65;
	-moz-opacity: 0.65;
	-ms-filter: alpha(opacity=65);
}
table.BMHorseDataTable thead th a.RaceMovieLink img {
	width: 26px;
}
table.BMHorseDataTable thead th.RaceState {
	width: 154px;
}
table.BMHorseDataTable thead th.RaceState .RaceStateTxt {
	width: 138px;
	border-radius: 2px;
	border: 1px solid #d0ccc1;
	background: #edebe4;
	font-weight: normal;
	text-align: center;
	padding: 7px;
}
table.BMHorseDataTable tbody td{
	background: #fcfcf9;
	padding: 9px 8px 0;
	vertical-align: middle;
}
table.BMHorseDataTable tbody tr:last-child td{
	padding: 9px 8px 18px;
}
table.BMHorseDataTable tbody td a{
	font-weight: bold;
	line-height: 26px;
}

table.BMHorseDataTable tbody td span.RaceJockeyTxt{
	display: inline-block;
	width: 5.6em;
	font-size: 92.9%;
}
table.BMHorseDataTable tbody td span.ArrivalBox {
	display: inline-block;
	width: 58px;
	line-height: 24px;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #d0ccc1;
	border-radius: 3px;
	font-weight: bold;
	text-align: center;
}
table.BMHorseDataTable tbody td span.Arr_1 {
	background-color: #ffef74;
	border-color: #dac842;
}
table.BMHorseDataTable tbody td span.Arr_2 {
	background-color: #cbdfff;
	border-color: #a6bee6;
}
table.BMHorseDataTable tbody td span.Arr_3 {
	background-color: #f1c79c;
	border-color: #d4ab80;
}

/*--レースのグレードアイコン*/
table.BMHorseDataTable .Icon_Grade{
	display:inline-block;
	font-family:"ヒラギノ角ゴ ProN W3",'ヒラギノ角ゴ Pro W3', arial, "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", sans-serif;
	-webkit-font-feature-settings : "palt" 1;
	font-feature-settings : "palt" 1;
	color: #fff;
	min-width: 32px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	border-radius: 2px;
	margin-left: 6px;
	padding: 0 4px;
}
table.BMHorseDataTable .Icon_G1{
	background: #4550bb;
}
table.BMHorseDataTable .Icon_G2{
	background: #e92c29;
}
table.BMHorseDataTable .Icon_G3{
	background: #57aa3e;
}
table.BMHorseDataTable .Icon_G{
	background: #ec5f00;
	font-family: "Meiryo", "メイリオ", "游ゴシック体", 'Yu Gothic', "ヒラギノ角ゴ ProN W3", 'ヒラギノ角ゴ Pro W3', "Hiragino Kaku Gothic ProN", arial, sans-serif;
	font-size: 11px;
}
table.BMHorseDataTable .Icon_JG1{
	background: #4550bb;
}
table.BMHorseDataTable .Icon_JG2{
	background: #e92c29;
}
table.BMHorseDataTable .Icon_JG3{
	background: #57aa3e;
}
table.BMHorseDataTable .Icon_Op{
	background: #999;
}
table.BMHorseDataTable .Icon_Other{
	background: #999;
	font-weight: normal;
}


/* 更新スケジュールについて .DescriptionBox */
.DescriptionBox {

}

.DescriptionBox dl {
	background: #F5F4F1;
	border: 1px solid #e8e6e2;
	border-radius: 3px;
	padding: 10px;
	text-align: left;
}
.DescriptionBox dl > dt {
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 21px;
	position: relative;
	line-height: 17px;
	background: url("../img/icon/icon_question01.png") left center no-repeat;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	background-size: 16px 16px;
}
.DescriptionBox dl dd {
	background: #fff;
}
.DescriptionBox dl dd p {
	padding: 8px 22px;
	line-height: 1.6;
	font-size: 92.9%;
}
.DescriptionBox p.DescriptTxt {
	text-align: right;
	font-size: 92.9%;
	line-height: 1.6;
	padding: 6px 0;
}

.Icon_GradeType {
	background: #999999;
	text-transform: capitalize;  
}

.Icon_GradeType.Icon_GradeType1 {
	background: #464EB7 !important;
	border-color: #464EB7;
}

.Icon_GradeType.Icon_GradeType2 {
	background: #E53031 !important;
	border-color: #E53031;
}

.Icon_GradeType.Icon_GradeType3 {
	background: #5AAA48 !important;
	border-color: #5AAA48;
}

.Icon_GradeType.Icon_GradeType4 {
	background: #ec5f00 !important;
	border-color: #ec5f00;
}

.Icon_GradeType.Icon_GradeType5 {
	background: #999999 !important;
	border-color: #999999;
}

.Icon_GradeType.Icon_GradeType9, .Icon_GradeType.Icon_GradeType8, .Icon_GradeType.Icon_GradeType7, .Icon_GradeType.Icon_GradeType6 {
	background: #999999 !important;
	border-color: #999999;
}

.Icon_GradeType.Icon_GradeType10 {
	background: #155cc1 !important;
	border-color: #155cc1;
}

.Icon_GradeType.Icon_GradeType11 {
	background: #be1212 !important;
	border-color: #be1212;
}

.Icon_GradeType.Icon_GradeType12 {
	background: #009900 !important;
	border-color: #009900;
}

.Icon_GradeType.Icon_GradeType15 {
	background: #999999 !important;
	border-color: #999999;
}

.Icon_GradeType.Icon_GradeType16 {
	background: #999999 !important;
	border-color: #999999;
}

.Icon_GradeType.Icon_GradeType17 {
	background: #999999 !important;
	border-color: #999999;
}

.Icon_GradeType.Icon_GradeType18 {
	background: #999999 !important;
	border-color: #999999;
}

.Icon_GradeType.Icon_GradeType19 {
	background: #464EB7 !important;
	border-color: #464EB7;
}

.Icon_GradeType.Icon_GradeType20 {
	background: #E53031 !important;
	border-color: #E53031;
}

.Icon_GradeType.Icon_GradeType21 {
	background: #5AAA48 !important;
	border-color: #5AAA48;
}