﻿@charset "utf-8";

body {background:#ddd;}

#right_wrap .leaderBox {display: none;}

a.btn_suv {display: block; width: 300px;height: 161px;background: url("../image/banner/img_main01.jpg") no-repeat;}
a.btn_suv:hover {background: url("../image/banner/img_main01_over.jpg") no-repeat;}




.main_visual {overflow: hidden;}
.main_visual .bx-wrapper {border:1px solid #bbb;}
.main_visual .bx-wrapper .bx-controls-direction a {position: absolute;top: 60px;margin-top: 0px;outline: 0;width: 28px;height: 97px;text-indent: -9999px;z-index: 9999;}
.main_visual .bx-wrapper .bx-controls-direction a.bx-prev {left:20px;background: url("../image/main/bx-controls.png") 0 0 no-repeat;z-index: 8;}
.main_visual .bx-wrapper .bx-controls-direction a.bx-prev:hover,.main_visual .bx-wrapper .bx-controls-direction a.bx-prev:focus {background-position: 0 0;}
.main_visual .bx-wrapper .bx-controls-direction a.bx-next {right: 20px;background: url("../image/main/bx-controls.png") -28px 0 no-repeat;z-index: 5;}




.oddsHotCont {margin-top:10px;}


/**/
ul.rankingUl {margin-top:5px;}
ul.rankingUl li {border:1px solid #fff;height:28px;line-height: 28px;}
ul.rankingUl li:hover {cursor: pointer;background: #f7f7f7;}
ul.rankingUl li.first {border:1px solid #bad6c1;font-family:SF-Compact-bold; font-size:13px;color:#444;border-radius: 3px;color:#4c7f58;}
ul.rankingUl li div:nth-of-type(1) {display: inline-block;width:47px ;text-align: center;}
ul.rankingUl li div:nth-of-type(2) {display: inline-block;width:225px ;}
ul.rankingUl li p {display: inline-block;width:30px ;}
ul.rankingUl li > span {display: inline-block;width:50px ;text-align: center;}


.oddsHotCont .VS_view {background: #fff;padding: 10px;border:1px solid #bad6c1;border-radius: 3px;}
.oddsHotCont .VS_view > p {display: inline-block;text-align: center; position: absolute;left:0;right:0;margin:0 auto;font-size: 13px;top:10px;}
.oddsHotCont .VS_view ul {float:left;width: 100%;position:relative;top:0px;}
.oddsHotCont .VS_view ul::before {width: 36px;height: 45px;display: inline-block;content: "vs";background: url("../image/base/bg_vs.jpg") no-repeat;font-size: 0;position: absolute;left:0;right:0;margin:24px auto 0;}
.oddsHotCont .VS_view ul::after {width: 36px;height: 16px;text-align: center;display: inline-block;content: "A/H";position: absolute;left:0;right:0;bottom:10px;margin:0 auto;font-size: 14px;}
.oddsHotCont .VS_view ul li:nth-of-type(1) {float:left;width: 162px;}
.oddsHotCont .VS_view ul li:nth-last-of-type(1) {text-align: right;float:right;width: 162px;}
.oddsHotCont .VS_view ul li img {display: inline-block;margin:12px 54px 5px; width: 54px;}
.oddsHotCont .VS_view ul li p {padding:0 10px;}
.oddsHotCont .VS_view ul li p.green {font-size: 14px;line-height: 16px;padding:6px 0 10px;text-align: center;}
.oddsHotCont .relative table {border-bottom:1px solid #ccc;}
.oddsHotCont .relative table thead th:nth-of-type(1),.oddsHotCont .relative table thead th:nth-of-type(3) {font-family: DINNextBold;font-size:14px; }
.oddsHotCont .relative table td {height:26px;line-height: 26px;}
.oddsHotCont .relative table td .graph {width:95px;height:16px ;line-height: 16px;display: inline-block;position: relative;}
.oddsHotCont .relative table td .graph > div {height: 100%;background: #ffa842;border-radius:  3px 0 0 3px;position: absolute;right:0;top:0;}
.oddsHotCont .relative table td .graph > span {font-size: 10px;position: absolute;right:10px;top:0px;line-height: 16px;color:#666;}
.oddsHotCont .relative table td:nth-of-type(4) .graph {left:1px;}
.oddsHotCont .relative table td:nth-of-type(4) .graph > div {right:auto;left:0;border-radius: 0 3px 3px 0;}
.oddsHotCont .relative table td:nth-of-type(4) .graph > span {right:auto;left:10px;}
.oddsHotCont .relative table tr:nth-last-of-type(1) td {color:#666;}


.MakePick {}
.MakePick > div {width:464px;}
