@charset "utf-8";
/*-----------------------------------------------------------
CSS Information
 File name:      local.css
 Style Info:     index.html用CSS
 Update:         2010/03/10
----------------------------------------------------------- */
/*-----------------------------------------------------------
 01. #homeMain
 02. #rightArea
 03. #leftArea
 04. other
----------------------------------------------------------- */

/* head
----------------------------------------------------------- */
#header{
	position:relative;
	background:url(../images/pic_top.jpg) bottom left no-repeat;
	height:364px;
}



/*2011/08/11 開催お知らせ*/
#header #mail_info{
	position:absolute;
	right:10px;
	top:113px;
	background:url(../images/bg_mailinfo.gif) top left no-repeat;
	width:452px;
	height:139px;
	font-size:13px;
	text-align:center;
}

#header .mailmessage{
	position:relative;
	width:430px;
	height:80px;
	margin:10px auto;
	text-align:left;
	color:#003;
	font-weight:bold;
}


/*2011/08/11 ニュースティッカー*/
#header #ticker{
	width: 330px;
	position: relative;
	top:10px;
	left:115px;
	*left:55px;
	color:#fff;
	text-align:left;
}


/*2011/08/11 緊急のお知らせ*/
#header_em{
	position:relative;
	background:url(../images/bg_emergency.gif) bottom left no-repeat;
	height:289px;
}

#header_em #mail_info{
	position:absolute;
	left:20px;
	top:150px;
	width:860px;
	height:115px;
	color:#f00;
	font-size:16px;
	font-weight:bold
}

#header_em #mail_info .mail_title{
	font-size:25px;
}

/* #homeMain
----------------------------------------------------------- */
#homeMain{	
	background:url(../images/bg_homeMain.gif) top left no-repeat;
	padding-top:30px;
}


/* #leftArea
----------------------------------------------------------- */
#leftArea{
	float:left;
	width:646px;
	margin:0 0 25px 10px;
}

/* h2指定リセット */
#leftArea h2{
	width:auto;
	height:auto;
	text-indent:0;
}

/* headline01　#infomation（INFORMATION）、#raceInfo（開催日程）用CSS */
.headline01{
	width:646px;
	background:url(../images/bg_headline01.gif) bottom left no-repeat;
}
#infomation,
#raceInfo{
	width:646px;
	padding-top:10px;
	background:url(../images/bg_grtb646_01.gif) top left no-repeat;
	text-align:center;
}
.grtb646{
	width:626px;
	margin:0 auto;
	padding-bottom:9px;
	text-align:left;
}


#infomation .grtb_box{
height:25px;
font-size:12px;
}

#infomation ul{padding-top:5px;}

#raceInfo #iconArea{
	width:622px;
	background: #dedede url(../images/tb_round622_02.gif) bottom left no-repeat;
	text-align:center;
}

#raceInfo #iconArea div{
	background:url(../images/tb_round622_01.gif) top left no-repeat;
	text-align:left;
}

#raceInfo #iconArea ul{
	padding:5px;
	font-size:12px;
}



/* headline02　#newsInfo（新着情報）、#eventInfo（イベント情報）用CSS */

.headline02{
	width:646px;
	background:url(../images/bg_headline02.gif) bottom left no-repeat;
}

#newsInfo,
#eventInfo{
	position:relative;
	width:323px;
	padding-top:10px;
	background:url(../images/bg_grtb323_01.gif) top left no-repeat;
	text-align:center;
}

#newsInfo .dott,
#eventInfo .dott{
padding:5px;
}
.grtb323{
	width:303px;
	margin:0 auto;
	padding-bottom:10px;
}



/*.rss{
position:absolute;
top:15px;
left:255px;
}*/

#list_news,
#list_event{
	margin:5px;
	width:290px;
	height:160px;
	overflow:auto;
	font-size:12px;
}


/* #raceInfo　開催日程表示エリア ------------ */


.tb_race td{ width:88px;}

/* #rightArea
----------------------------------------------------------- */
#rightArea{
	float:right;
	width:215px;
	margin:0 10px 25px 0;
}

/* #posterArea　ポスター表示用エリア ------------ */
#posterArea{
	width:215px;
	background:url(../images/bg_posterArea02.gif) bottom left no-repeat;
}
#posterArea p{
	background:url(../images/bg_posterArea01.gif) top left no-repeat;
	padding:10px;
}


/* #pickupArea,#linkArea　pickup Contents、リンク用バナーエリア ------------ */
#pickupArea,
#linkArea,
#getAdobe_r,
#bnrArea{margin:5px 0 20px 0;}

#linkArea li,
#pickupArea li{ margin:5px 0;}



#pgHome .table00 td{
padding:3px 0;
}

/* other
----------------------------------------------------------- */
#homeMain:after,
#headline:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

#homeMain,
#raceInfo ul{display: inline-block;} 
/* Hides from IE-mac \*/
* html #homeMain,
* html #raceInfo ul{height: 1%;}
#homeMain,
#raceInfo ul{display: block;}
/* End hide from IE-mac */