/***************	おうち競馬をもっと楽しく！	***************/
/***************	オッズ画面		***************/

/***************	レース名など	***************/
.title {
	width:				100%;
	height:				42px;
	display:			table;
	color:				white;
	border-bottom:		solid 2px white;
	padding-top:		10px;
	margin:				0px auto 5px;
}
.title_raceNo {
	width:				20%;
	display:			table-cell;
	vertical-align:		middle;
}
.title_info {
	width:				38%;
	display:			table-cell;
	vertical-align:		middle;
	padding-left:		20px;
}
.title_txt_racename_east {
	background-color:	darkblue;
	border-left:		solid 2px lightblue;
	border-top:			solid 2px lightblue;
}
.title_txt_racename_west {
	background-color:	darkgreen;
	border-left:		solid 2px lightgreen;
	border-top:			solid 2px lightgreen;
}
.title_txt_racename_local {
	background-color:	darkmagenta;
	border-left:		solid 2px lightpink;
	border-top:			solid 2px lightpink;
}
.title_txt_distance {
	background-color:	white;
	color:				black;
}
.title_category_east,
.title_category_west,
.title_category_local {
    width:				4%;
    display:			table-cell;
    color:              gray;
    vertical-align:		middle;
    padding:		    0 5px;
}
.title_category_east {
    background-color:	darkblue;
    border-top:			solid 2px lightblue;
}
.title_category_west {
    background-color:	darkgreen;
    border-top:			solid 2px lightgreen;
}
.title_category_local {
    background-color:	darkmagenta;
    border-top:			solid 2px lightpink;
}
.title_category_on a {
    color:              yellow;
    text-decoration:    none;
}
.title_category_off a {
    color:              white;
    text-decoration:    none;
}
.title_category_on {
}
.title_category_off {
}
.title_limit {
	width:				10%;
	display:			table-cell;
	vertical-align:		middle;
	background-color:	yellow;
	color:				black;
	border-radius:		8px;
}
.title_limit_no {
    width:				10%;
    display:			table-cell;
    vertical-align:		middle;
    background-color:	red;
    color:				black;
    border-radius:		8px;
}

/***************	 ローディング		***************/
.loading_icon {
    width:              40px;
    height:             20px;
    background-image:   url(../img/horse.png);
    background-size:    40px;
    transform:          scale(-1,1);
    position:           absolute;
}

.loading_illust_goal {
    width:              15px;
    height:             20px;
    background-size:    15px;
    position:           absolute;
    left:               90%;
    background-image:   url(../img/goal.png);
}
.loading_illust_furlong {
    width:              9px;
    height:             20px;
    background-size:    9px;
    position:           absolute;
    background-image:   url(../img/furlong.png);
}
.loading_illust_vision {
    width:              47px;
    height:             20px;
    background-size:    47px;
    position:           absolute;
    left:               80%;
    background-image:   url(../img/vision.png);
}

/***************	 オッズ		***************/
.odds {
	height:				450px;
	background-color:	black;
	margin:				10px;
}
.odds  a {
    text-decoration:    none;
}

.odds_row_space {
	height:				2px;
}

.odds_row {
	width:				640px;
	height:				23px;
	display:			table;
}

.odds_space {
	display:			table-cell;
}

.odds_label_tanshou {
	width:				60px;
	display:			table-cell;
    border-radius:      5px;
    text-align:         center;
}

.odds_label_fukushou {
    width:				98px;
	height:				21px;
    display:			table-cell;
    text-align:         center;
    border-radius:      5px;
    border:             1px solid gray;
}

.odds_label_weight {
    width:				120px;
    display:			table-cell;
    text-align:         center;
    border-radius:      5px;
}

.odds_label_age {
    width:				118px;
	height:				21px;
    display:			table-cell;
    text-align:         center;
    border-radius:      5px;
    border:             1px solid gray;
}

.odds_label_sire {
    width:				190px;
    display:			table-cell;
    text-align:         center;
    border-radius:      5px;
}

.odds_label_jockey {
    width:				160px;
    display:			table-cell;
    text-align:         center;
    border-radius:      5px;
}

.odds_jiku {
	width:				88px;
	display:			table-cell;
    border-radius:      5px;
    text-align:         center;
}

.odds_ban {
	width:				28px;
	display:			table-cell;
    border-radius:      5px;
    text-align:         center;
}

.odds_odds {
    width:				50px;
    display:			table-cell;
    border-radius:      5px;
    text-align:         right;
    padding-right:      10px;
}

.odds_ninki_odds {
    width:				48px;
	height:				21px;
    display:			table-cell;
    text-align:         right;
    padding-right:      10px;
    border:             1px solid gray;
}

.odds_odds_s {
    width:				36px;
    display:			table-cell;
    text-align:         right;
    padding-right:      10px;
}
.odds_odds_s_l {
    width:				35px;
	height:				21px;
    display:			table-cell;
    text-align:         right;
    padding-right:      10px;
    border-left:		solid 1px gray;
    border-top:			solid 1px gray;
    border-bottom:      solid 1px gray;
}
.odds_odds_s_r {
    width:				35px;
	height:				21px;
    display:			table-cell;
    text-align:         right;
    padding-right:      10px;
    border-right:		solid 1px gray;
    border-top:			solid 1px gray;
    border-bottom:      solid 1px gray;;
}
.odds_odds_hyphen_c {
    width:				8px;
	height:				21px;
    display:			table-cell;
    text-align:         center;
    border-top:			solid 1px gray;
    border-bottom:      solid 1px gray;
}

.odds_odds_hyphen {
    width:				8px;
    display:			table-cell;
    text-align:         center;
}

.odds_horsename {
    width:				145px;
    display:			table-cell;
    text-align:         left;
    padding-left:       15px;
    border-radius:      5px;
}

.odds_jockey {
    width:				75px;
    display:			table-cell;
    text-align:         left;
    padding-left:       15px;
    border-radius:      5px;
}

.odds_weight {
    width:				35px;
    display:			table-cell;
    text-align:         left;
    padding-left:       15px;
    border-radius:      5px;
}

.odds_weight_delta {
    width:				55px;
    display:			table-cell;
    text-align:         left;
    padding-left:       15px;
    border-radius:      5px;
}

.odds_age {
    width:				40px;
    display:			table-cell;
    text-align:         left;
    padding-left:       15px;
    border-radius:      5px;
}

.odds_color {
    width:				50px;
    display:			table-cell;
    text-align:         left;
    padding-left:       15px;
    border-radius:      5px;
}

.odds_sire {
    width:				175px;
    display:			table-cell;
    text-align:         left;
    padding-left:       15px;
    border-radius:      5px;
}

.odds_hdcp {
    width:				70px;
    display:			table-cell;
    text-align:         center;
    border-radius:      5px;
}

.odds_wide_jiku {
    width:				151px;
    display:			table-cell;
    border-radius:      5px;
    text-align:         left;
    padding-left:       10px;
}

.odds_wide_ban {
    width:				23px;
    display:			table-cell;
    border-radius:      5px;
    text-align:         center;
}

.odds_wide_odds {
    width:				42px;
    display:			table-cell;
    border-radius:      5px;
    text-align:         right;
    padding-right:      8px;
}

.odds_wide_odds_s {
    width:				32px;
    display:			table-cell;
    text-align:         right;
    padding-right:      8px;
}

.odds_ninki_label {
    width:				108px;
    display:			table-cell;
    text-align:         center;
    border-radius:      5px;
}

.odds_ninki_label_l {
    width:				272px;
    display:			table-cell;
    text-align:         center;
    border-radius:      5px;
}

.odds_ninki_ban {
    width:				20px;
    display:			table-cell;
    text-align:         center;
}



.odds_color_tan {
	background-color:	royalblue;
	color:				white;
}
.odds_color_fuku {
    background-color:	black;
    color:	            white;
}
.odds_color_weight {
    background-color:	blue;
    color:	            white;
}
.odds_color_age {
    background-color:	black;
    color:	            white;
}
.odds_color_jockey {
    background-color:	green;
    color:				white;
}

.odds_color_umaren_jiku {
    background-color:	yellow;
    color:	            black;
}
.odds_color_umaren_ban {
    background-color:	red;
    color:				white;
}
.odds_color_umaren_odds {
    background-color:	blue;
    color:	            white;
}
.odds_color_wide_odds {
    background-color:	mediumseagreen;
    color:	            white;
}
.odds_color_umatan_jiku {
    background-color:	white;
    color:	            black;
}
.odds_color_umatan_ban {
    background-color:	red;
    color:	            black;
}
.odds_color_umatan_odds {
    background-color:	darkslategrey;
    color:	            white;
}

.odds_color_ninki_umaren {
    background-color:	mediumvioletred;
    color:	            white;
}
.odds_color_ninki_wide {
    background-color:	dodgerblue;
    color:	            white;
}
.odds_color_ninki_umatan {
    background-color:	darkolivegreen;
    color:	            white;
}
.odds_color_ninki_sanrenpuku {
    background-color:	blue;
    color:	            white;
}
.odds_color_ninki_sanrentan {
    background-color:	orangered;
    color:	            white;
}
.odds_color_ninki_odds {
    background-color:	black;
    color:	            white;
}
.ninki_jiku {
	padding-left:		15px;
    padding-right:		15px;
    position:			relative;
    top:				-5px;
}
.ninki_jiku_mark {
	position:			absolute;
    font-size:			28px;
    left:				12px;
}