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

/*
================================================================================================================
 html・bodyエリア（縦横・背景色・テキストカラーの指定）
================================================================================================================
*/
html {}
body {background-color:#FFFFFF; color: #000000;}

/*
================================================================================================================
 メインメニューロゴ表示・非表示
================================================================================================================
*/
#worldclassic_logo { display:block;}
ul#g_menu {
  display:table;
  margin:0 auto;
  width:calc(100% - 210px);
  width:-moz-calc(100% - 210px);
  width:-webkit-calc(100% - 210px);
}

/*
================================================================================================================
 メイン画像バナーエリア（画像指定）
================================================================================================================
*/

#main_banner_pc {
  width:100%;
  /*min-width:980px;*/
  height:0px;
  position:relative;
  background-image: url(../images/common/main_img_bg01.png);
  background-repeat:repeat;
  background-position:center center;
}
#main_banner_bg_01 {
  width:100%;
  height:0px;
  position:relative;
  background-image: url(../images/common/main_img_bg02.png);
  background-repeat: no-repeat;
  background-position:center center;
  background-size:70%;
}
#main_banner_bg_02a {
  width:100%;
  height:308px;
  position:relative;
  background-image: url("../images/common/main_img_bg02a.png"), url(../images/common/main_img_bg02b.png);
  background-repeat: no-repeat, no-repeat;
  background-position:bottom right -60px, top left -60px;
  background-size: contain;
}
#main_banner_bg_02b {
  width:100%;
  height:308px;
  position:relative;
  background-image: url(../images/common/main_img_bg03a.png), url(../images/common/main_img_bg03b.png);
  background-repeat: repeat-x, repeat-x;
  background-position:top center, bottom center;
}
#main_banner_bg_03 {
  width:100%;
  height:308px;
  position:relative;
  background-image: url(../images/common/main_img_bg04a.png), url(../images/common/main_img_bg04b.png);
  background-repeat: no-repeat, no-repeat;
  background-position:center right, center left;
  background-size: auto 300px;
}
#all_chara {
  width:100%;
  max-width:1300px;
  height:308px;
  position:relative;
  margin:0 auto;
}
#main_banner_bg_chara01, #main_banner_bg_chara02 {
  width:100%;
  height:308px;
  max-width:1200px;
  margin:0 auto;
}
#bg_logo {
  width:100%;
  height:308px;
  max-width:1200px;
  margin:0 auto;
}
#main_banner_bg_chara02 img {
  width:360px;
  top:-20px;
  left:-4%;
  float:left;
  position: absolute;
}
#main_banner_bg_chara01 img {
  width:360px;
  top:-20px;
  right:-4%;
  float:right;
  position: absolute;
}
#main_banner_bg_logo img {
  width:58%;
  top:15px;
  right:21%;
  left:21%;
  float:right;
  position: absolute;
}
 @media screen and (min-width:900px) and (max-width:1400px) {
#main_banner_pc {
  width:100%;
  height:0px;
  position:relative;
  background-image: url(../images/common/main_img_bg01.png);
  background-repeat:repeat;
  background-position:center center;
}
#main_banner_bg_01 {
  width:100%;
  height:0px;
  position:relative;
  background-image: url(../images/common/main_img_bg02.png);
  background-repeat: no-repeat;
  background-position:center center;
  background-size:cover;
}
#main_banner_bg_02a {
  width:100%;
  height:308px;
  position:relative;
  background-image: url("../images/common/main_img_bg02a.png"), url(../images/common/main_img_bg02b.png);
  background-repeat: no-repeat, no-repeat;
  background-position:bottom right -90px, top left -90px;
  background-size: contain;
}
#main_banner_bg_02b {
  width:100%;
  height:308px;
  position:relative;
  background-image: url(../images/common/main_img_bg03a.png), url(../images/common/main_img_bg03b.png);
  background-repeat: repeat-x, repeat-x;
  background-position:top center, bottom center;
}
#main_banner_bg_03 {
  width:100%;
  height:308px;
  position:relative;
  background-image: url(../images/common/main_img_bg04a.png), url(../images/common/main_img_bg04b.png);
  background-repeat: no-repeat, no-repeat;
  background-position:center right, center left;
  background-size: auto 300px;
}
#all_chara {
  width:100%;
  max-width:1300px;
  height:308px;
  position:relative;
  margin:0 auto;
}
#main_banner_bg_chara01, #main_banner_bg_chara02 {
  width:100%;
  height:308px;
  max-width:1200px;
  margin:0 auto;
}
#bg_logo {
  width:100%;
  height:308px;
  margin:0 auto;
}
#main_banner_bg_chara02 img {
  width:360px;
  top:-20px;
  left:-8%;
  float:left;
  position: absolute;
}
#main_banner_bg_chara01 img {
  width:360px;
  top:-20px;
  right:-8%;
  float:right;
  position: absolute;
}
#main_banner_bg_logo img {
  width:80%;
  max-width:740px;
  top:18px;
  right:0%;
  left:0%;
  margin: 0 auto;
}
}

@media screen and (min-width:600px) and (max-width:899px) {
#main_banner_sp {
  width:100%;
  height:260px;
  position: relative;
  background-image: url(../images/common/main_img_bg01.png);
  background-repeat:repeat;
  background-position:center center;
}
#main_banner_bg_01 {
  width:100%;
  height:260px;
  position:relative;
  background-image: url(../images/common/main_img_bg02.png);
  background-repeat: no-repeat;
  background-position:center center;
  background-size:cover;
}
#main_banner_bg_02a {
  width:100%;
  height:260px;
  position:relative;
  position:relative;
  background-image: url("../images/common/main_img_bg02a.png"), url(../images/common/main_img_bg02b.png);
  background-repeat: no-repeat, no-repeat;
  background-position:bottom right, top left;
  background-size: contain;
}
#main_banner_bg_02b {
  width:100%;
  height:260px;
  position:relative;
  background-image: url(../images/common/main_img_bg03a.png), url(../images/common/main_img_bg03b.png);
  background-repeat: repeat-x, repeat-x;
  background-position:top center, bottom center;
}
#main_banner_bg_03 {
  width:100%;
  height:260px;
  position:relative;
  background-image: url(../images/common/main_img_bg04a.png), url(../images/common/main_img_bg04b.png);
  background-repeat: no-repeat, no-repeat;
  background-position:center right -15vw, center left -15vw;
  background-size: auto 250px;
}

#all_chara {
  width:100%;
  height:260px;
  position:relative;
  margin:0 auto;
}
#main_banner_bg_chara01, #main_banner_bg_chara02, #bg_logo {
  width:100%;
  max-width:1300px;
  height:260px;
  margin:0 auto;
}
}

@media screen and (max-width:599px) {
#main_banner_sp {
  width:100%;
  height:180px;
  position: relative;
  background-image: url(../images/common/main_img_bg01.png);
  background-repeat:repeat;
  background-position:center center;
}
#main_banner_bg_01 {
  width:100%;
  height:180px;
  position:relative;
  background-image: url(../images/common/main_img_bg02.png);
  background-repeat: no-repeat;
  background-position:center center;
  background-size:cover;
}
#main_banner_bg_02a {
  width:100%;
  height:180px;
  position:relative;
  position:relative;
  background-image: url("../images/common/main_img_bg02a.png"), url(../images/common/main_img_bg02b.png);
  background-repeat: no-repeat, no-repeat;
  background-position:bottom right, top left;
  background-size: contain;
}
#main_banner_bg_02b {
  width:100%;
  height:180px;
  position:relative;
  background-image: url(../images/common/main_img_bg03a.png), url(../images/common/main_img_bg03b.png);
  background-repeat: repeat-x, repeat-x;
  background-position:top center, bottom center;
}
#main_banner_bg_03 {
  width:100%;
  height:180px;
  position:relative;
  background-image: url(../images/common/main_img_bg04a.png), url(../images/common/main_img_bg04b.png);
  background-repeat: no-repeat, no-repeat;
  background-position:center right, center left;
  background-size: 50% 170px;
}

#all_chara {
  width:100%;
  height:180px;
  position:relative;
  margin:0 auto;
}
#main_banner_bg_chara01, #main_banner_bg_chara02, #bg_logo {
  width:100%;
  max-width:1300px;
  height:180px;
  margin:0 auto;
}
}

@media screen and (min-width:600px) and (max-width:899px) {
#main_banner_bg_chara02 img {
  width:40%;
  max-width:320px;
  top:-10px;
  left:-5%;
  float:left;
  position:absolute;
}
#main_banner_bg_chara01 img {
  width:40%;
  max-width:320px;
  top:0px;
  float:right;
  right:-10%;
  position: absolute;
}
#main_banner_bg_logo img {
  width:auto;
  height:240px;
  top:20px;
  right:0%;
  left:0%;
  margin: 0 auto;
}
#main_banner_bg_02a {
  width:100%;
  height:260px;
  position:relative;
  position:relative;
  background-image: url("../images/common/main_img_bg02a.png"), url(../images/common/main_img_bg02b.png);
  background-repeat: no-repeat, no-repeat;
  background-position: right -320px, top left -320px;
  background-size: contain;
}
}
@media screen and (max-width:599px) {
#main_banner_bg_chara02 img {
  width:260px;
  top:-20px;
  float:left;
  left:-50px;
  position:absolute;
}
#main_banner_bg_chara01 img {
  width:260px;
  top:-10px;
  float:right;
  right:-70px;
  position: absolute;
}
#main_banner_bg_logo img {
  width:auto;
  max-height:160px;
  top:20px;
  right:0%;
  left:0%;
  margin: 0 auto;
}
#main_banner_bg_02a {
  width:100%;
  position:relative;
  position:relative;
  background-image: url("../images/common/main_img_bg02a.png"), url(../images/common/main_img_bg02b.png);
  background-repeat: no-repeat, no-repeat;
  background-position:bottom right -320px, top left -320px;
  background-size: contain;
}
}
@media screen and (max-width:400px) {
#main_banner_bg_logo img {
  width:100%;
  max-height:100%;
  top:20px;
  right:0%;
  left:0%;
  margin: 0 auto;
}
}


/*====================================================*/
/* pc/spの切り替え */
/*====================================================*/
@media screen and (min-width:900px) {
#main_banner_bg_01 {
  display:none!important;
}
#main_banner_bg_chara01, #main_banner_bg_chara02{
  display:block!important;
}
}
@media screen and (max-width:899px) {
#main_banner_bg_01 {
  display:block!important;
}
#main_banner_bg_chara01, #main_banner_bg_chara02{
  display:none!important;
}
}

/*
================================================================================================================
 コンテンツエリア（新規で変更・追加がある場合）
================================================================================================================
*/
@media screen and (min-width:900px) {
#container_bottom {
  width:100%;
  height:100%;
  top:0px;
  margin:0px 0px 0px 0px;
  position: relative;
  /*min-width:980px;*/
  padding:140px 0 20px 0;
}
.contents_title_s {width:102%; margin-left:-1%; margin-top:-1%; }
.contents_title_s img{width:100%; margin:0;border-radius:4px;}
}
@media screen and (max-width:899px) {
#container_bottom {
  width:100%;
  height:100%;
  top:0px;
  margin:0px 0px 0px 0px;
  position: relative;
  min-width:320px;
  padding:20px 0 20px 0;
}
.contents_title_s {width:102%; margin-left:-1%; margin-top:-1%; }
.contents_title_s img{width:100%; margin:0;border-radius:4px;}
}
@media screen and (max-width:499px) {
#container_bottom {
  width:100%;
  height:100%;
  margin:-50px 0px 0px 0px;
  position: relative;
  min-width:320px;
  padding:38px 0 20px 0;
}
.contents_title_s {width:104%; margin-left:-2%; margin-top:-2%; }
.contents_title_s img{width:100%; margin:0;border-radius:4px;}
}



/*
================================================================================================================
 ビクトリーチャレンジ
================================================================================================================
*/
.font_vc {
  font-size:2.0vw;
/*  font-size: 24px;*/
  color: #FFFFFF;
  font-weight: bold;
  width:100%;
}
.font_win {
  font-size:2.0vw;
  color: #FFFFFF;
  font-weight: bold;
  text-shadow: black 2px 2px 0px, black -1px 1px 0px,
               black 1px -1px 0px, black -1px -1px 0px;
  letter-spacing: 3px;
  line-height:0px;
}
.font_vc02 {
  font-size:1.0vw;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 2px;
}


div#week_race{
  max-width:780px;
  margin:0px auto;
  width:100%;
  padding-top:49.10%;
  height:0px;
  background:url(../images/vc/week_race.jpg) no-repeat;
  background-size:100% auto;
  position: relative;
}
/* レース名 */
.race_name {
  position: absolute;
  top: 41%;
  left: 13.6%;
  width:72.8%;
}
/*レース条件とカテゴリー*/
.vc_cond_bg {
  background: url("../images/vc/vc_cond_bg.png") no-repeat;
  background-size:100% auto;
  width:92.05%;
  height:0px;
  padding-top:6.16%;
  position:absolute;
  bottom:6%;
  left:3.97%;
  line-height:0px;
}
.vc_cond_bg ul{
  width:100%;
  height:100%;
/*  margin-top:-6.07%;*/
position:absolute;
top:0px;
  text-align:left;
}
.vc_cond_bg ul li {
  display: inline-block;
  height:100%;
}
.vc_cond_bg ul li img{
  margin-top:20%;
}


ul li.vc_course{
  width:5.85%;
  margin:0% 0% 0% 17%;
}
ul li.vc_track{
  width:7.25%;
  margin:0% 0% 0% 2%;
}
ul li.vc_dis_1000{
  margin:0% 0% 0% 2%;
  width:2.23%;
}
ul li.vc_dis_0100{
  width:2.23%;
}
ul li.vc_dis_0010{
  width:2.23%;
}
ul li.vc_dis_0001{
  width:2.23%;
}
ul li.vc_female{
  width:8.08%;
  margin:0% 0% 0% 7%;
}
ul li.vc_ct_track{
  width:7.25%;
  margin:0% 0% 0% 18%;
}
ul li.vc_ct_dis{
  width:8.36%;
  margin:0% 0% 0% 4%;
}

/* 開催期間 */
.race_timetb {
  background: url("../images/vc/race_timetb.jpg") no-repeat;
  background-size:100% auto;
  max-width:780px;
  height: 0px;
  padding-top: 86.28%;
  margin: 10px 0px;
  position: relative;
}

.vc_sc_trial_bg {
  background: url("../images/vc/vc_sc_trial_bg.png") no-repeat;
  background-size:100% auto;
  max-width: 718px;
  height: 0px;
  width:92.05%;
  padding-top:12.55%;
  position: absolute;
  top: 18%;
  left: 3.97%;
}
.vc_sc_tenfinal_bg {
  background: url("../images/vc/vc_sc_tenfinal_bg.png") no-repeat;
  background-size:100% auto;
  max-width: 718px;
  height: 0px;
  width:92.05%;
  padding-top:13.8%;
  position: absolute;
  top: 32.5%;
  left: 3.97%;
}
.vc_sc_zenfirst_bg {
  background: url("../images/vc/vc_sc_zenfirst_bg.png") no-repeat;
  background-size:100% auto;
  max-width: 718px;
  height: 0px;
  width:92.05%;
  padding-top:13.8%;
  position: absolute;
  top: 48.5%;
  left: 3.97%;
}
.vc_sc_zensemi_bg {
  background: url("../images/vc/vc_sc_zensemi_bg.png") no-repeat;
  background-size:100% auto;
  max-width: 718px;
  height: 0px;
  width:92.05%;
  padding-top:13.8%;
  position: absolute;
  top: 64.5%;
  left: 3.97%;
}
.vc_sc_zenfinal_bg {
  background: url("../images/vc/vc_sc_zenfinal_bg.png") no-repeat;
  background-size:100% auto;
  max-width: 718px;
  height: 0px;
  width:92.05%;
  padding-top:13.5%;
  position: absolute;
  top: 80.5%;
  left: 3.97%;
}

/*開催期間テキスト */
.vc_sc_txt {
  position: absolute;
  top: 50%;color:#ffffff;
  text-align: center;
  width:100%;
}
.vc_sc_txt2 {
  position: absolute;
  top: 52%;color:#ffffff;
  text-align: center;
  width:100%;
}

/* 前回のビクトリーチャレンジ */
.no_padding{
padding:0;
}
.last_week_race {
  background: url("../images/vc/vc_result_title.jpg") no-repeat;
  background-size:100% auto;
  height: 0px;
  width:100%;
  padding-top: 29.19%;
  margin-bottom: 20px;
  position: relative;
}
.last_race_name {
  max-width: 512px;
  width:64.16%;
  position: absolute;
  top: 41%;
  left: 17.92%;
}

/* 過去のビクトリーチャレンジ */
.past_race {
  background: url("../images/vc/vc_past_result_title.jpg") no-repeat;
  background-size:100% auto;

  height: 0px;
  width:100%;
  padding-top: 29.19%;
  margin-top:10px;
  margin-bottom: 20px;
  position: relative;
}

/* 過去のビクトリーチャレンジ・セレクト */
.select-box01 {
margin:0.5% 0.5% 1.5% 0.5%;text-align:left;
}
.select-box01 select{
min-width:40%;
padding:2px 1px;
}
.select_font01{
font-size: 16px;
line-height: 18px;
}

@media screen and (max-width: 639px){
.select-box01 {
margin:1.5% 0.5% 2.5% 0.5%;text-align:left;
}
.select-box01 select{
min-width:100%;
padding:2px 1px;
}
.select_font01{
font-size: 14px;
line-height: 16px;
}
}

/* 過去のレース名 */
.past_race_name {
  max-width: 512px;
  width:64.16%;
  position: absolute;
  top: 41%;
  left: 17.92%;
}

/* 全国優勝BG */
.vc_winner_bg {
  background: url("../images/vc/vc_winner_bg.jpg") no-repeat;
  background-size: 100% auto;
/*  max-width: 780px;*/
  height: 0px;
  padding-top:51.79%;
  margin:0px auto 1% auto;
  position:relative;
}
.vc_second_bg {
  background: url("../images/vc/vc_second_bg.jpg") no-repeat;
  background-size: 100% auto;
/*  max-width: 780px;*/
  padding-top:44.35%;
  height: 0px;
  margin:0px auto 1% auto;
  position:relative;
}
.vc_third_bg {
  background: url("../images/vc/vc_third_bg.jpg") no-repeat;
  background-size: 100% auto;
/*  max-width: 780px;*/
  height: 0px;
  padding-top:44.35%;
  margin:0px auto 1% auto;
  position:relative;
}
/* 馬名画像表示 */
.horse_name01 {
  width:100%;
  height: auto;
  position: absolute;
  top: 47.5%;
}
.horse_name02 {
  width:100%;
  height: auto;
  position: absolute;
  top: 43.5%;
}
.horse_name03 {
  width:100%;
  height: auto;
  position: absolute;
  top: 43.5%;
}
.horse_name01 img,
.horse_name02 img,
.horse_name03 img{
  max-width:62px;
  width:10% !important;
}
/* オーナー名テキスト */
.vc_on_txt01 {
  max-width: 60%;
  position: absolute;
  top: 80%;
  left: 40%;
  text-align: left;
}
.vc_on_txt02 {
  max-width: 60%;
  position: absolute;
  top: 78%;
  left: 40%;
  text-align: left;
}
.vc_on_txt03 {
  max-width: 60%;
  position: absolute;
  top: 78%;
  left: 40%;
  text-align: left;
}

/* 県名テキスト */
.vc_pref_txt01 {
  max-width: 17%;
  position: absolute;
  top: 87.8%;
  left: 20%;
  text-align: center;
  line-height:0px;
}
.vc_pref_txt02 {
  max-width: 17%;
  position: absolute;
  top: 87.8%;
  left: 20%;
  text-align: center;
  line-height:0px;
}
.vc_pref_txt03 {
  max-width: 17%;
  position: absolute;
  top: 87.8%;
  left: 20%;
  text-align: center;
  line-height:0px;
}
/* 店舗名テキスト */
.vc_tenpo_txt01 {
  max-width: 63%;
  position: absolute;
  top: 87.8%;
  left: 37%;
  line-height:0px;
  text-align: center;
}
.vc_tenpo_txt02 {
  max-width: 63%;
  position: absolute;
  top: 87.8%;
  left: 37%;
  text-align: center;
  line-height:0px;
}
.vc_tenpo_txt03 {
  max-width: 63%;
  position: absolute;
  top: 87.8%;
  left: 37%;
  text-align: center;
  line-height:0px;
}
/* 決勝結果BG */
.final_result01 {
  background: url("../images/vc/final_result01.jpg") no-repeat;
  background-size:100% auto;
/*  max-width: 780px;*/
/*  height: 105px;*/
  padding-top: 12.7%;
  margin:10px auto 0px auto;
}
/*
.final_result02 {
  background: url("../images/vc/final_result02.jpg") no-repeat;
  width: 654px;
  height: 24px;
  padding: 0;
  margin-bottom: 10px;
}
.final_result03 {
  background: url("../images/vc/result/table_ttl.jpg") no-repeat;
  width: 654px;
  height: 105px;
  padding: 0;
}*/

/* 決勝結果テーブル */
table.vc_type {
    /*width: 654px;*/
    width:100%;
    margin:0px auto;
    border: 1px solid #808080;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}
table.vc_type th {
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #808080;
    color: #fff;
    background: #036;
    text-align: center;
}
table.vc_type td {
    height: 31px;
    vertical-align: middle;
    background: #eee;
    text-align: center;
}
table.vc_type td:nth-child(6n) img{
max-width:90px;
}
tr.vc_h_1st td {
  font-weight: bold;
  border: 1px solid #808080;
  background-color: #fdecb2; 
}
tr.vc_h_2nd td {
  font-weight: bold;
  border: 1px solid #808080;
  background-color: #e3e3e3;
}
tr.vc_h_3rd td {
  font-weight: bold;
  border: 1px solid #808080;
  background-color: #fae1e1;
}
tr.vc_base_a td {
  background-color: #FBF0E7;
  border: 1px solid #808080;
  padding: 2px 0px 2px 0px;  
}
tr.vc_base_b td {
  background-color: #FFFFFF;
  border: 1px solid #808080;
  padding: 2px 0px 2px 0px;    
}

tr.vc_base_c td {
  background-color: #FBF0E7;
  border: 1px solid #808080;
  padding: 2px 0px 2px 0px;
  min-width:55px;
}

@media screen and (max-width:899px) {
.font_win {
font-size:3.0vw;
}
}


/*
================================================================================================================
 ランキング表
================================================================================================================
*/

/*更新日時*/
.time_m{ width:100%; padding:10px 0 0 0; text-align:right;}

/*BGカラー*/
.bg_wh{ background-color:#900;}
.bg_t01{ background-color:#FFF;}
.bg_t02{ background-color:#EFF;}
.fcol_bk{color:#004;}
.fcol_rd{color:#F00;}
.fcol_bl{color:#06F;}
.fcol_gr{color:#3C3;}
.bg_g3{background-color:#3C3; color:#FFF; font-weight:bold;}
.bg_g2{background-color:#F00; color:#FFF; font-weight:bold;}
.bg_g1{background-color:#06F; color:#FFF; font-weight:bold;}
.bg_jp1{background-color:#03C; color:#FF0; font-weight:bold;}
.bg_jp2{background-color:#C03; color:#FF0; font-weight:bold;}
.bg_jp3{background-color:#0C3; color:#FF0; font-weight:bold;}

#tbl_cont{width:100%; text-align:center; padding:0;}

tbody.rk tr{background-color:#EEE;}
tbody.rk tr:nth-child(odd){background-color:#FFF;}
  
#tbl_cont table.rank{text-align:center; margin:0 auto; padding:0 0 5% 0; width:100%; border:solid 4px #900;}
#tbl_cont table.rank th{text-align:center; padding:10px 0; color:#FF9; font-weight:bold; border:solid 1px #CCF;}
#tbl_cont table.rank td{text-align:center; padding:10px 0; border:solid 1px #999;}
#tbl_cont table.rank02{text-align:center; margin:0 auto; padding:0 0 5% 0; width:100%; border:solid 4px #900;}
#tbl_cont table.rank02 th{text-align:center; padding:10px 0; color:#FF9; font-weight:bold; border:solid 1px #CCF;}
#tbl_cont table.rank02 td{text-align:center; padding:10px 0; border:solid 1px #999;}
#tbl_cont .about{width:90%; margin:0 auto; padding:5%; border-radius:0px; /*box-shadow:1px 2px 3px #000;*/
text-shadow:2px 2px 2px #000;
background:url(../img/spec/bg_about.jpg);
background-position:center;
background-size: cover;
word-wrap: break-word; 
overflow-wrap : break-word;
}
#tbl_cont .border{
width:100%;
height:2px;
margin:0 auto;
padding:0;
position:relative;
background-image: -webkit-linear-gradient(left, transparent, #F40 25%, #F40 75%, transparent);
background-image: linear-gradient(to right, transparent, #F40 25%, #F40 75%, transparent);   
}
#tbl_cont .tbl_main br{display:none;}
#tbl_cont .tbl_main02 br{display:none;}

tr.h_1st td{; font-weight:bold; background-color:#FDD;}
tr.h_2nd td{; font-weight:bold; background-color:#DFF;}
tr.h_3rd td{; font-weight:bold; background-color:#DFD;}
tr.h_1st td.no{
  background-color:#F33;
  color:#FFF;
}
tr.h_2nd td.no{
  background-color:#0CF;
  color:#FFF;
}
tr.h_3rd td.no{
  background-color:#0C0;
  color:#FFF;
}


div.v_icon { width:30%; margin-left:5%; display: inline;}

th.th0_cate{
width:30%;
}

th.th1_cate{
width:40%;
}
th.th2_cate{
width:12%;
}
th.th3_cate{
width:18%;
}


@media all and (max-width:899px){
#tbl_cont{padding:0;}
#tbl_cont table{width:100%;}
#tbl_cont table th{line-height:110%;}
#tbl_cont .about{width:90%;}
#tbl_cont .tbl_main br{display:block;}
#tbl_cont .tbl_main02 br{display:block;}
#tbl_cont .border{
width:100%;
height:1px;
margin:0 auto;
padding:0;
position:relative;
background-image: -webkit-linear-gradient(left, #900, #F40 25%, #F40 75%, #900);
background-image: linear-gradient(to right, #900, #F40 25%, #F40 75%, #900);   
}
}
ul#tab li{
width: calc(99.9% / 5);width: -moz-calc(99.9% / 5);width: -webkit-calc(99.9% / 5);
display:inline-block;
}
ul#tab li.total a{
width:100%;height:0px;padding-top:25%;background:url(../images/vc/ranking/tab_1.jpg);
display:block;background-size:100% 200%;
}
ul#tab li.long a{
width:100%;height:0px;padding-top:25%;background:url(../images/vc/ranking/tab_2.jpg);
display:block;background-size:100% 200%;
}
ul#tab li.mid a{
width:100%;height:0px;padding-top:25%;background:url(../images/vc/ranking/tab_3.jpg);
display:block;background-size:100% 200%;
}
ul#tab li.short a{
width:100%;height:0px;padding-top:25%;background:url(../images/vc/ranking/tab_4.jpg);
display:block;background-size:100% 200%;
}
ul#tab li.dirt a{
width:100%;height:0px;padding-top:25%;background:url(../images/vc/ranking/tab_5.jpg);
display:block;background-size:100% 200%;
}
ul#tab li a.select,
ul#tab li a:hover{
background-position:0px 100% !important;
}

.img_b img{
margin-bottom:2%;
}