@charset "shift_jis";

/*-----------------------------------------body-----------------------------------------*/

body{
margin: 0;
padding: 0;

}

#wrapper{
margin: 0;
padding: 0;
background-color:#ffffff;
background: url(../top_img/backg.jpg) repeat-x left top;
}






img {border:0px;}

.text10 {font-size: 10px;line-height: 1.5em;}
.text12 {font-size: 12px;line-height: 1.5em;}
.text14 {font-size: 14px;line-height: 1.5em;}
.text16 { font-size: 16px; line-height: 24px }
.text18 { font-size: 18px; line-height: 26px }
.headlink {font-size: 10px;line-height: 24px;vertical-align: top;}


/*---------------------------------------link------------------------------------------*/
a {text-decoration: none;color: #006699;vertical-align: top;}
a:visited {color: #333333;}
a:hover {color: #000000;}


/*--------------------------------------layout----------------------------------------*/
#head {
width: 902px;
margin: 0 0 0 30px;
padding-top:10px;
}
#title {
width: 460px;
height: 53px;
margin: 0;
padding: 0;
float: left;
}
#head_link {
width: 424px;
height: 46px;
margin: 14px 0 0 0;
padding: 0;
float: right;
}

#top-main {
width: 950px;
height: 353px;
margin: 0;
padding: 0;
clear: both;
background: url(../top_img/top_b_back.jpg) no-repeat left top;
}

#content {
width: 920px;
margin: 15px 0 0 30px;
padding: 0;
}

ol {list-style-type: none}
ul {list-style-type: none}

.menu {
margin: 0;
padding: 0;
font-size: 10px;
line-height: 1.2em;
}
#menu01 {
width: 150px;
margin: 0 0 5px 0px;
padding: 30px 0 0 0;
float: left;
background: url(../top_img/sub_tit01.jpg) no-repeat left top;
}
#menu02 {
width: 150px;
margin: 0 0 5px 10px;
padding: 30px 0 0 0;
float: left;
background: url(../top_img/sub_tit02.jpg) no-repeat left top;
}
#menu03 {
width: 150px;
margin: 0 0 5px 10px;
padding: 30px 0 0 0;
float: left;
background: url(../top_img/sub_tit03.jpg) no-repeat left top;
}
#menu04 {
width: 130px;
margin: 0 0 5px 10px;
padding: 30px 0 0 0;
float: left;
background: url(../top_img/sub_tit04.jpg) no-repeat left top;
}
#hotnews{
width: 295px;
margin: 0 0 0 10px;
padding: 0;
float: right;
}
#news{
width: 290px;
margin: 0;
padding: 0;
float: left;
}
#footer {
width: 925px;
height: 5px;
margin: 0 0 0 30px;
padding: 0;
background: url(../top_img/line03.jpg) repeat-x left top;
clear: both;
}

/*--------footer以下のクレジットとバナースペース---------*/
#under_banner {width: 925px;margin: 0 0 0 30px;padding: 0;}

/*--------バナー左側----------*/
#banner{width: 740px;margin: 0;padding: 0 15px 8px 0;float: left;background:url(../top_img/credit_line.gif) no-repeat left top;}

/*--------クレジットと内部バナースペース----------*/
#banner_credit{width: 205px;height: 37px;margin: 0;padding: 0;float: left;}

#banner_etc{width: 725px;height: 37px;margin: 0;padding: 0;float: left;}
#banner_etc ul li {float: left;}
.banner_etc_list {margin: 5px 0 0 0;padding: 0;list-style-type: none;}

#plug_wm a { display:block;width:22px;height:26px;text-indent:-9999px;background:url(../top_img/plug_mp.gif) no-repeat left top;}
#plug_fl a { display:block;width:22px;height:26px;text-indent:-9999px;background:url(../top_img/plug_fl.gif) no-repeat left top;}
#plug_ad a { display:block;width:22px;height:26px;text-indent:-9999px;background:url(../top_img/plug_ad.gif) no-repeat left top;margin-right: 3px;}
#plug_wm a:hover,#plug_fl a:hover,#plug_ad a:hover { background-position: 0 -26px;}

#bt_ban_m a { display:block;width:85px;height:30px;text-indent:-9999px;background:url(../top_img/bt_ban_m.gif) no-repeat left top;}
#bt_mikuni2nd a { display:block;width:78px;height:30px;text-indent:-9999px;background:url(../top_img/bt_mikuni2nd.gif) no-repeat left top;}
#bt_ban_brtv a { display:block;width:165px;height:30px;text-indent:-9999px;background:url(../top_img/bt_ban_brtv.jpg) no-repeat left top;}
#bt_ban_sb a { display:block;width:120px;height:30px;text-indent:-9999px;background:url(../top_img/bt_ban_sb.jpg) no-repeat left top;}
#bt_ban_bosyu a { display:block;width:118px;height:30px;text-indent:-9999px;background:url(../banner/bosyu_e.jpg) no-repeat left top;}
#bt_ban_k a { display:block;width:66px;height:30px;text-indent:-9999px;background:url(../top_img/bt_ban_k.gif) no-repeat left top;}
#bt_ban_m a:hover,#bt_mikuni2nd a:hover,#bt_ban_brtv a:hover,#bt_ban_sb a:hover,#bt_ban_k a:hover { background-position: 0 -30px;}

/*-------SG・G1特設サイトバナー(念のため) W:140px H:35px-----------*/
.banner_gaibu_race{font-size: 3px;}

/*-------三国予想サイトバナー W:170px H:65px-----------------------*/
#banner_mikuni{width: 170px;height: 70px;margin: 0;padding: 13px 0 0 0;float: right;}

/*-------その他バナー--------*/
#banner_gaibu {
	width: 727px;
	margin: 0;
	padding: 0;
	float: left;
}

/*------------------------------------------------layout：end-------------------------------------------*/


/*-----------------------------------------#head2の中------------------------------------------------*/
/*----------------------------------------------------------------------------------------メニュー-----*/
#head_link01 {
width: 424px;
height: 25px;
margin: 0;
padding: 0;
text-align:right;
}

#head_link02 {
width: 424px;
height: 21px;
margin: 0;
padding: 0;
float: left;
background: url(../top_img/bt_t_back.jpg) repeat-y left top;
}

#head_link02 ul li {float: left;}
.head_link02_list{margin: 0;padding: 0;list-style-type: none;}

#head_link02_01 a { display:block;width:109px;height:20px;text-indent:-9999px;background:url(../top_img/bt_t_site.jpg);}
#head_link02_02 a { display:block;width:82px;height:20px;text-indent:-9999px;background:url(../top_img/bt_t_ken.jpg);}
#head_link02_03 a { display:block;width:168px;height:20px;text-indent:-9999px;background:url(../top_img/bt_t_haji.jpg);}
#head_link02_04 a { display:block;width:65px;height:20px;text-indent:-9999px;background:url(../top_img/bt_t_link.jpg);}

#head_link02_01 a:hover,#head_link02_02 a:hover,#head_link02_03 a:hover,#head_link02_04 a:hover { background-position: 0 -20px;}




/*-----------------------------------------#contentの中------------------------------------------------*/
/*----------------------------------------------------------------------------------------メニュー-----*/
#menu01 li a,#menu02 li a,#menu03 li a {
  display:block;
  width:145px;
  height:19px;
  text-indent:-9999px;
  margin: 0 0 5px 0;
  padding: 0;
}
#menu04 li a {
  display:block;
  width:130px;
  height:19px;
  text-indent:-9999px;
  margin: 0 0 5px 0;
  padding: 0;
}

#menu01 li a:hover,#menu02 li a:hover,#menu03 li a:hover,#menu04 li a:hover {background-position: 0 -19px;}

#r01 a {background:url(../top_img/bt_r01.gif);}
#r02 a {background:url(../top_img/bt_r02.gif);}
#r03 a {background:url(../top_img/bt_r03.gif);}
#r04 a {background:url(../top_img/bt_r04.gif);}
#r05 a {background:url(../top_img/bt_r05.gif);}

#m01 a {background:url(../top_img/bt_m01.gif);}
#m02 a {background:url(../top_img/bt_m02.gif);}
#m03 a {background:url(../top_img/bt_m03.gif);}
#m04 a {background:url(../top_img/bt_m04.gif);}

#s01 a {background:url(../top_img/bt_s01.gif);}
#s02 a {background:url(../top_img/bt_s02.gif);}
#s03 a {background:url(../top_img/bt_s03.gif);}
#s04 a {background:url(../top_img/bt_s04.gif);}
#s05 a {background:url(../top_img/bt_s05.gif);}

#k01 a {background:url(../top_img/bt_k01.gif);}
#k02 a {background:url(../top_img/bt_k02.gif);}
#k03 a {background:url(../top_img/bt_k03.gif);}


/*-----------------------------------------#contentの中------------------------------------------------*/
/*----------------------------------------------------------------------------------ホットニュース-----*/
#hotnews_title a {
display:block; 
  background:url(../top_img/bt_news.gif);
  width:289px;
  height:27px;
  text-indent:-9999px;
  margin: 0;
  padding: 0;
}
#hotnews_title a:hover { background:url(../top_img/bt_news.gif) 0 -27px;}


/*-----------------------------------------#top_mainの中------------------------------------------------*/
/*-----------------------------------------------------------------------------------------日付関連-----*/
#date {
height: 70px;
width: 125px;
margin: 250px 0 0 10px;
padding: 0;
float: left;
text-align: center;
}
.data_txt {
display:block; 
width: 125px;
margin: 0;
padding: 0;
	font-size: 48px;
	line-height: 1.1em;
	color:#FFFFFF;
	font-family: "Times New Roman", Times, serif;
}
.day_txt {
display:block; 
width: 125px;
margin: 0;
padding: 0;
	font-size: 16px;
	line-height: 1em;
	color:#FFFFFF;
	font-family: "Times New Roman", Times, serif;
}


/*--------------------------------------------------------------------------------------レース展望-----*/
#race_main {
height: 353px;
width: 500px;
margin: 0 0 0 0;
padding: 0;
float: left;
}
.race {
height: 110px;
width: 500px;
margin: 10px 0 0 0;
padding: 0;
float: left;
}
.race_title {
	font-size: 14px;
	line-height: 1.3em;
	color: #336600;
}
#race_list {
font-size: 12px;
	line-height: 1.9em;
	height: 21px;
	width: 470px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	color: #333333;
	vertical-align: text-bottom;
	background:url(../top_img/race_list_j.gif) no-repeat left top;
}

#race_list a {
font-size: 12px;
line-height: 1.8em;
display:block;
height: 23px;
width: 470px;
text-decoration: none;
color: #ffffff;
vertical-align: bottom;
background:url(../top_img/race_list.gif) no-repeat left top;
}

#race_list a:hover { 
background:url(../top_img/race_list.gif) 0 -25px;
}


/*-----------------------------------------------------------------連載や特別なものが発生した場合-----*/
.special {
height: 100px;
width: 500px;
margin: 120px 0 0 0;
padding: 0;
vertical-align: text-bottom;
}
#special_btn {
	height: 100px;
	width: 200px;
	margin: 0 30px 0 270px;
	padding: 0;
	vertical-align: text-bottom;
	text-indent:-9999px;
}
#special_btn a {
display:block;
height: 100px;
width: 200px;
text-decoration: none;
background:url(../banner/special.jpg);
}
#special_btn a:hover { 
background:url(../banner/special.jpg) 0 -100px;;
}
/*-------------------------------------------------------------連載や特別なものが発生した場合：end-----*/






/*------------------------------------------------------------------------------------特集2つ表示-----*/
#tok_banner {
height: 350px;
width: 300px;
margin: 0;
padding: 20px 0 0 0;
float: left;
}

#tok_banner01 a { 
display:block;
  background:url(../banner/tok_banner01.jpg);
  width:300px;
  height:60px;
  text-indent:-9999px;
  margin: 0 0 5px 0;
  padding: 0;
}
#tok_bannerno { 
display:block;
  background:url(../banner/tok_banner_no.jpg);
  width:300px;
  height:60px;
  text-indent:-9999px;
  margin: 0 0 5px 0;
  padding: 0;
}
#tok_banner02 a {
display:block; 
  background:url(../banner/tok_banner02.jpg);
  width:300px;
  height:60px;
  text-indent:-9999px;
  margin: 0 0 5px 0;
  padding: 0;
}

#tok_banner01 a:hover { background:url(../banner/tok_banner01.jpg) 0 -60px;}
#tok_banner02 a:hover { background:url(../banner/tok_banner02.jpg) 0 -60px;}


/*-------------------------------------------------------------------------------------特集1つ表示-----*/
#tok_banner03 a {
display:block; 
  background:url(../banner/tok_banner03.jpg);
  width:300px;
  height:125px;
  text-indent:-9999px;
  margin: 0 0 5px 0;
  padding: 0;
}
#tok_banner03 a:hover { background:url(../banner/tok_banner03.jpg) 0 -125px;}




/*-------------------------------------------------------------------------------------実況ボタン-----*/
.live {
	height: 187px;
	width: 295px;
	margin: 0;
	background: url(../top_img/jikyo.jpg) top left no-repeat;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}

p {
  margin:0;
  padding:0;
  font-size:12px;
  line-height:1.1em;
}



/*------------------------------------------------------------------------------2011/5以降・開催中-----*/
.race_live {
	display:block;
	width: 292px;
	height: 90px;
	margin: 0 0 0 0;
	padding: 37px 0 0 8px;
	background: url(../top_img/jikyo_open_1.jpg) top left no-repeat;
	text-align:center;
}

#bt_live {
display:block; 
width: 158px;
height: 85px;
float: left;
background: url(../top_img/bt_live_1.jpg) top left no-repeat;
}
#bt_ondemand {
display:block; 
width: 123px;
height: 85px;
float: left;
background: url(../top_img/bt_ondemand_1.jpg) top left no-repeat;
}

#bt_live a {
display:block; 
width: 158px;
height: 85px;
float: left;
background: url(../top_img/bt_live_1.jpg) top left no-repeat;
text-indent:-9999px;
}
#bt_ondemand a {
display:block; 
width: 123px;
height: 85px;
float: left;
background: url(../top_img/bt_ondemand_1.jpg) top left no-repeat;
text-indent:-9999px;
}

#bt_live a:hover { background:url(../top_img/bt_live_1a.jpg) top left no-repeat;}
#bt_ondemand a:hover { background:url(../top_img/bt_ondemand_1a.jpg) top left no-repeat;}



/*-----------------------------------------------------------------------2011/5以降・その他ボタン-----*/
.race_live_bottom {
width: 292px;
height: 54px;
margin: 0 0 0 0;
padding: 0 0 0 8px;
background: url(../top_img/jikyo_bottom.jpg) top left no-repeat;
clear: both;
}

.race_live_bottom_left {
width: 142px;
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
}

.race_live_bottom_right {
width: 142px;
height: 50px;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: right;
}


#bt_j_pdf{display:block; width: 142px;height: 20px;margin: 0;padding: 0 0 4px 0;background: url(../top_img/bt_j_pdf.jpg) top left no-repeat;}
#bt_j_pdf a {display:block; width: 142px;height: 20px;background: url(../top_img/bt_j_pdf.jpg) top left no-repeat;text-indent:-9999px;}
#bt_j_pdf a:hover { background:url(../top_img/bt_j_pdf0.jpg) top left no-repeat;}

#bt_j_vote{display:block; width: 142px;height: 20px;margin: 0;padding: 0 0 2px 0;background: url(../top_img/bt_j_vote.jpg) top left no-repeat;}
#bt_j_vote a {display:block; width: 142px;height: 20px;background: url(../top_img/bt_j_vote.jpg) top left no-repeat;text-indent:-9999px;}
#bt_j_vote a:hover { background:url(../top_img/bt_j_vote0.jpg) top left no-repeat;}

#bt_j_kekka{display:block; width: 142px;height: 20px;margin: 0;padding: 0 0 4px 0;background: url(../top_img/bt_j_kekka.jpg) top left no-repeat;}
#bt_j_kekka a {display:block; width: 142px;height: 20px;background: url(../top_img/bt_j_kekka.jpg) top left no-repeat;text-indent:-9999px;}
#bt_j_kekka a:hover { background:url(../top_img/bt_j_kekka0.jpg) top left no-repeat;}

#bt_j_riyo{display:block; width: 142px;height: 20px;margin: 0;padding: 0 0 2px 0;background: url(../top_img/bt_j_riyo.jpg) top left no-repeat;}
#bt_j_riyo a {display:block; width: 142px;height: 20px;background: url(../top_img/bt_j_riyo.jpg) top left no-repeat;text-indent:-9999px;}
#bt_j_riyo a:hover { background:url(../top_img/bt_j_riyo0.jpg) top left no-repeat;}



/*------------------------------------------------------------------------------2011/5以降・非開催-----*/
.race_live_no {
display:block; 
width: 292px;
height: 90px;
margin: 0 0 0 0;
padding: 37px 0 0 8px;
background: url(../top_img/jikyo_no_1.jpg) top left no-repeat;
text-align:center;
}

#bt_live_no {
display:block; 
width: 158px;
height: 85px;
float: left;
background: url(../top_img/bt_live_1_no.jpg) top left no-repeat;
}
#bt_ondemand_2 {
display:block; 
width: 123px;
height: 85px;
float: left;
background: url(../top_img/bt_ondemand_2.jpg) top left no-repeat;
}


#bt_ondemand_2 a {
display:block; 
width: 123px;
height: 85px;
float: left;
background: url(../top_img/bt_ondemand_2.jpg) top left no-repeat;
text-indent:-9999px;
}

#bt_ondemand_2 a:hover { background:url(../top_img/bt_ondemand_2a.jpg) top left no-repeat;}

#bt_j_pdf_no {display:block; width: 142px;height: 20px;margin: 0;padding: 0 0 4px 0;}
#bt_j_vote_no {display:block; width: 142px;height: 20px;margin: 0;padding: 0;}
