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

body{
	font-size: 28px;
line-height: 1.6em;}



/*------　タイトル -----*/
/* ページタイトルはクラスの色と画像で変更　トコタンは左右を個々に調整 */
#contents.black h2{background: url(../common_img/h_02c.png) top center no-repeat;}

/*-------レース情報-------*/
#race_info .race{
	overflow: hidden;
	width: 720px;
}

#race_info .race#sg #left {background: url(../common_img/r_info_sg.png);}
#race_info .race#g1 #left {background: url(../common_img/r_info_g1.png);}
#race_info .race#g2 #left {background: url(../common_img/r_info_g2.png);}
#race_info .race#g3 #left {background: url(../common_img/r_info_g3.png);}

#race_info .race#event #left {background: url(../02event/images/event.png);}

#race_info .race#ippan #left {background: url(../common_img/r_info_ippan.png);}
#race_info .race#sg_j #left {background: url(../common_img/r_info_sg_j.png);}
#race_info .race#g1_j #left {background: url(../common_img/r_info_g1_j.png);}
#race_info .race#g2_j #left {background: url(../common_img/r_info_g2_j.png);}
#race_info .race#g3_j #left {background: url(../common_img/r_info_g3_j.png);}
#race_info .race#ippan_j #left {background: url(../common_img/r_info_ippan_j.png);}

#race_info .race #left{
	float: left;
	width: 110px;
	height: 68px;
	padding-top: 124px;
	text-align: center;
}

#race_info .race#event #left{
	/*float: left;*/
	width: 110px;
	height: 124px;
	padding-top: 0;
	/*text-align: center;*/
}


#race_info .race #left p{
	line-height: 68px;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
}

#race_info .race #right{
	float: right;
}
#race_info .race #race_t{
	width: 592px;
	padding-left: 18px;
	height: 124px;
	display: table-cell;
	vertical-align: middle;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.2em;
	color: #000;
}

#race_info .race#sg #race_t,#race_info .race#sg_j #race_t{background: #FFE6E6;}
#race_info .race#g1 #race_t,#race_info .race#g1_j #race_t{background: #FFF7E6;}
#race_info .race#g2 #race_t,#race_info .race#g2_j #race_t{background: #F9F4FD;}
#race_info .race#g3 #race_t,#race_info .race#g3_j #race_t{background: #E9FEFB;}
#race_info .race#ippan #race_t,#race_info .race#ippan_j #race_t{background: #EEFCFF;}

#race_info .race#event #race_t,#race_info .race#event #race_t{background: #FFEAF4;}

#race_info .race#sg #race_day,#race_info .race#sg_j #race_day{background: #F3D4D4;}
#race_info .race#g1 #race_day,#race_info .race#g1_j #race_day{background: #F5E7D4;}
#race_info .race#g2 #race_day,#race_info .race#g2_j #race_day{background: #EBE1F2;}
#race_info .race#g3 #race_day,#race_info .race#g3_j #race_day{background: #D7F3EC;}
#race_info .race#ippan_j #race_day,#race_info .race#ippan_j #race_day{background: #DBE8F6;}


#race_info .race #race_day {
	padding-left: 15px;
}
#race_info .race #race_day ul{
	overflow: hidden;}
#race_info .race #race_day li{
	float: left;
	font-family: 'Roboto', "sans-serif";
	font-size: 32px;
	font-weight: bold;
	overflow: hidden;
}
#race_info .race #race_day li p#chushi{
	opacity: 0.3;
}

#race_info .race #race_day li p{
	line-height: 1em;
	text-align: center;
	width: 50px;
	height: 62px;
	padding-top: 6px;
}
#race_info .race #race_day li p.month{
	text-align: right;
	width: 55px;

}

#race_info .race #race_day li p.mon{background: url(../common_img/w_mon_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.tue{background: url(../common_img/w_tue_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.wed{background: url(../common_img/w_wed_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.thu{background: url(../common_img/w_thu_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.fri{background: url(../common_img/w_fri_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.sat{background: url(../common_img/w_sat_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.sun{background: url(../common_img/w_sun_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.mon_s{background: url(../common_img/w_s_mon_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.tue_s{background: url(../common_img/w_s_tue_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.wed_s{background: url(../common_img/w_s_wed_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.thu_s{background: url(../common_img/w_s_thu_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.fri_s{background: url(../common_img/w_s_fri_s.png) center 36px no-repeat;}
#race_info .race #race_day li p.sat_s{background: url(../common_img/w_s_sat_s.png) center 36px no-repeat;}

#race_info .race #race_day li#today{
	background:#FFFF00/*  linear-gradient(#FFFFFF, #D2D2D2)*/;
}



/*---------------------------------------------------------------------------------------------------------------------------*/


/*===================================================================
INDEX(race_index)
===================================================================
*/

#race_t_title{display:none;
}

#race{
	/*下記に記載*/
	overflow:hidden;
	padding: 0 10px;
}


/*----------------追加_180129---------------------*/

#event{
	position: relative;
	z-index: 1;
}

#event .race_nav{
	width: 680px;
	margin: auto;
	padding: 20px;
	background:url(../02event/images/race_nav_bk.png) ;
}


/*----------------------race_navi---------------------------*/

#event .race_nav .box a{
	width: 640px;
	color: #000;
	background: #FFF;
	border-left: 10px solid #333333;
	overflow: hidden;
	display: block;
	margin: 0 0 8px 0;
}



/*--レース名グレード--*/
#event .race_nav .box .ippan,
#event .race_nav .box .g1,
#event .race_nav .box .g2,
#event .race_nav .box .g3,
#event .race_nav .box .sg,
#event .race_nav .box .event{
	font-weight: bold;
	font-size: 28px;
	line-height: 1.2em;
	padding: 5px 3px 5px 90px;
}

#event .race_nav .box .ippan{
	background: url(../common_img/gr_ippan.png) no-repeat 30px 10px;}
#event .race_nav .box .g1{
	background: url(../common_img/gr_g1.png) no-repeat 30px 10px;}
#event .race_nav .box .g2{
	background: url(../common_img/gr_g2.png) no-repeat 30px 10px;}
#event .race_nav .box .g3{
	background: url(../common_img/gr_g3.png) no-repeat 30px 10px;}
#event .race_nav .box .sg{
	background: url(../common_img/gr_sg.png) no-repeat 30px 10px;}
#event .race_nav .box .event{
	background: url(../02event/images/mk_event.png) no-repeat 30px 10px;}

/*--レース日付--*/
#event .race_nav .box .day{
	width: 550px;
	background: url(../02tenbo/images/day_mk.png) no-repeat 30px 10px #ddd;
	font-size: 28px;
	padding: 5px 3px 5px 90px;
}

#event .race_nav .box .day span{font-size: 24px;}
#event .race_nav .box .day span .sat{color: #0000B2;}
#event .race_nav .box .day span .hol{color: #FF0000;}


.ev_anc {padding-top:85px; margin-top:-85px; display: inline-block;}

/*
===================================================================
イベント
===================================================================
*/

#event .main{
	margin-top: -45px;
	/*margin-bottom: 30px;*/
}

/*メニュー用*/
#race_t #race_index{
	width:680px;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	z-index:50;
	position:relative;
}
#race_t #race_index a{text-decoration:none;}

#race_t #race_index #index_ttl{display:none;}

#race_t #race_index .accordion_box01 dt{display:block;width:680px;}
#race_t #race_index .accordion_box01 dt span{
	line-height:80px;
	padding-left:150px;
	display:block;
	/*background:url(../02tenbo/images/race_index_ttl.png) no-repeat left center;*/
}
#race_t #race_index .accordion_box01 dt{
	font-size:28px;
	color:#333;
	cursor: pointer;
}
#race_index #race_select {
	font-size:28px;
}
#race_t #race_index dt.plus{
	background:url(../02event/images/eve_btn01.png) no-repeat;
	line-height:86px;
	width:654px;
	padding-left:30px;
	display:block;
}
#race_t #race_index dt.minus{
	background:url(../02event/images/eve_btn02.png) no-repeat;
	line-height:86px;
	width:654px;
	padding-left:30px;
	display:block;
}
#race_t #race_index dd {
	display: none;
}




#race_t #race_index ul{overflow:hidden;}
#race_t #race_index li{
	/*overflow:hidden;
	font-size:32px;
	line-height:1.4em;
	color:#000000;
	display:block;
	border-bottom:2px dotted #000000;
	background:#E6E9F2; padding:10px 0;
	margin:10px 0;*/
}
#race_t #race_index li:last-child{
	/*border-bottom:2px dotted #000000;*/
}


/*-----------------------------------------------------*/
/*--開門時間--*/

#event .kaimon{
	width: 540px;
	min-height: 25px;
	line-height: 1.2em;
	padding: 10px 5px 10px 175px;
	background: url(../02event/images/time_mk.png) no-repeat #000 10px center;
border-bottom: 1px solid #FFF;
color: #FFF;}


#event .bsup{padding-bottom: -2px; margin-top: -2px;}



#event .main span.sat2{color: #2488EB;}
#event .main span.hol{color: #FF0000;}


#event .main span.yobi_s{font-size: 30px; padding-left: 5px;}


#event .main .r_main{background:url(../02event/images/bottom_bk.png) no-repeat #FFF bottom left; padding-bottom: 10px; margin-bottom: 50px;}
#event .main .r_main.next{background:url() no-repeat #FFF bottom left; padding-bottom: 10px; margin-bottom: 0px;}
/*----日付-----*/
#event .G0_bk,
#event .G1_bk,
#event .G2_bk,
#event .G3_bk,
#event .SG_bk,
#event .event_bk
{width: 680px; height:60px; line-height: 60px;
padding-left: 40px; font-size:44px; color: #FFF; font-weight: bold;}

#event .G0_bk{ background: url(../02event/images/G0_bk.png) no-repeat;}
#event .G1_bk{ background: url(../02event/images/G1_bk.png) no-repeat;}
#event .G2_bk{ background: url(../02event/images/G2_bk.png) no-repeat;}
#event .G3_bk{ background: url(../02event/images/G3_bk.png) no-repeat;}
#event .SG_bk{ background: url(../02event/images/SG_bk.png) no-repeat;}
#event .event_bk{ background: url(../02event/images/event_bk.png) no-repeat;}



/*--イベント・ファンサービス共通--*/

#event .r_main .eve_box,
#event .r_main .fan_box
{width:690px;
	padding: 20px 0 20px 30px;
	overflow: hidden;
}

#event .r_main .midashi01{
	width:510px;
	padding-left: 150px;
	font-size: 32px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
border-bottom: 2px dotted #000;
padding-bottom: 15px;
margin-bottom: 10px;
	line-height: 1.2em;
height:105px;}

#event .r_main .midashi{
	width:510px;
	padding-left: 150px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2em;
border-bottom: 2px dotted #000;
padding-bottom: 15px;
min-height:110px;}

#event .r_main .photo{width: 250px; margin: 20px auto 0;}
#event .r_main img{width: 250px; margin-bottom: 10px;　}
#event .r_main .text{ float: left; width: 660px; text-align: left; margin-top: 15px;}


/*--イベント--*/
#event .r_main .eve_box{
	background: url(../02event/images/tit_eve_bk.png)no-repeat 30px 0px;
}

/*--ファンサービス--*/
#event .r_main .fan_box{
	background: url(../02event/images/tit_fan_bk.png)no-repeat 30px 0px;
}
