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


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea { background:#0E0E0E; height:48px;}
#headerAreaInner{ width:960px; margin:0 auto;}
#headerAreaLogo { float:left; width:182px; padding:4px 0 0 0;}
#headerAreaLogo h1{ line-height:1px;}
#headerLinkBox1{ float:left; width:410px;}
#headerLinkBox1 ul{ padding-top:13px;}
#headerLinkBox1 li{ float:left; width:100px; text-align:center; border-left:#eee solid 1px; line-height:2em; color:#eee; font-size:80%;}
#headerLinkBox1 li:first-child{ border:none;}
#headerLinkBox1 li a{ color:#eee;}
#headerLinkBox2{ float:right; padding:11px 0 0 0;}
#headerLinkBox2 p{margin:0;}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { background-position: center top; background-repeat:no-repeat; position:relative; background-image:url(/common_imges_18/back_contents01.png);}
#contentsAreaInner {}
h2 {}
#topBackImg{ position:absolute; top:0; left:0; right:0; margin:0; overflow:hidden; width:100%; text-align:center;}
#topImgBox{}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}

/*ページタイトル近辺の共通の形*/
#pageTitleBox{ height:500px; background:url(/common_imges_18/5.gif) center 150px no-repeat;}



#pageTitleBox h2{ text-align:center; height:260px;}
#pageTitleTxtBox { height:86px;}
#pageTitleTxtBox p{text-align:center; color:#FFF; line-height:1.5em; font-size:106%; margin:0;}
#pageTopListbtn{ height:45px; width:696px; margin:0 auto;}
#pageTopListbtn li{ float:left; padding:0 7px;}
#pageTitleBox #slider{ width:682px; margin:auto;}
#pageTitleBox #slider ul{height:228px; overflow:hidden;}


/*H3見出しの共通の形*/
.secTitleH3Box{ padding-top:76px; background-repeat:no-repeat; background-position:center 12px;}
.secTitleH3Box h3{ text-align:center; font-size:210%; color:#000;  line-height:100%; font-weight:bold;}
.secTitleH3Box h3 span{font-size:60%; line-height:100%; color:#727171;}



/*----------------------------------------------------------------------------
 ***                                                             section01
----------------------------------------------------------------------------*/

#raceSec{background-color:#EFEFEF; padding-bottom:40px;}
#raceSec .sectionInner{width:960px; margin:0 auto;}

#kodawari{width:960px; height:480px;background-color:#FFF; }
#kodawari li{ width:480px; height:240px; float:left; background-repeat:no-repeat;}
#kodawari li.kodawari01 dl,
#kodawari li.kodawari02 dl{float: right; width: 220px;}
#kodawari li.kodawari03 dl,
#kodawari li.kodawari04 dl{float: left; width: 200px; padding-left:20px}
#kodawari li dl dt{ line-height: 1.5em; padding-top:20px; margin-left: -8px;}
#kodawari li dl dd{ padding-top:10px; font-size:12px;padding-right: 20px; color:#000;}

#kodawari li.kodawari03 dl dd,
#kodawari li.kodawari04 dl dd{padding-right:0px;}

#raceSec .menuBtn{
    width: 230px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin:20px auto;
}
#raceSec .menuBtn a{ display:block; color:white; border: 1px solid #F60; background-color:#F60; border-radius:10px; padding:0.4em 0 0.5em; text-decoration:none; transition:all .3s ease;}
#raceSec .menuBtn a:hover{ background-color:#F99450;}

/* 横並びメニューボタン */
#raceSec .menuBtn2{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin:20px auto 0;
}
#raceSec .menuBtn2 a{ display:inline-block; width: 230px; color:white; border: 1px solid #F60; background-color:#F60; border-radius:10px; padding:0.4em 0 0.5em; text-decoration:none; transition:all .3s ease; margin: 10px 10px;}
#raceSec .menuBtn2 a:hover{ background-color:#F99450;}

.menuBtnBox{display: flex; max-width: 800px;margin: 0 auto;}

#osirase {text-align: center; color: firebrick; margin-top: 10px; margin-bottom: -10px; font-size: 90%;}


/*----------------------------------------------------------------------------
 ***                                                             section02
----------------------------------------------------------------------------*/
#listSec{padding:40px 0; background-repeat:repeat-x; background-color:#FDF4EA;}
#listSec .sectionInner{ background-color:#FFF; position: relative; width:960px; margin-left:auto; margin-right:auto; padding-bottom: 30px;}


#mapSecUl{margin-top:10px;}
#mapSecUl li .secTitleH4Box h4 span{color: #f99801;font-size: 16px;}


#mapSecUl li{width:540px; border: 1px solid white; display:none;}
#mapSecUl li .secTitleH4Box{}
#mapSecUl li .secTitleH4Box h4{font-size:150%; margin-left:5%;color:#000; margin-top:5%; margin-bottom:2%; float:left;line-height: 1.2;}
#mapSecUl li .secTitleH4Box p{font-size:100%; border:1px solid #F90; border-radius:14px; padding: 1px 5px 0px 5px; color:#F90; float: left;  margin-top: 30px;  margin-left: 20px;}

#mapSecUl li table{font-size:13px; color:#000; float:left; clear:both; padding:0px;}
#mapSecUl li table th{ color:#F60; font-weight:bold; line-height:1.2em; border:1px solid white; padding:3px 0 0 28px;vertical-align: top;}
#mapSecUl li table td{ color:#000; line-height:1.7em; border:1px solid white; padding:0 0 0 16px;vertical-align: top;}
#mapSecUl li table td a{ color:#000;}

#mapSecUl li .gMapBox{}
#mapSecUl li .gMapBox iframe{ height:206px; width:100%;}

#mapSecUl li .eventBox{ width:95%; margin-left:auto; margin-right:auto; margin-bottom: 20px;}
#mapSecUl li .eventBox p{ font-size:12px; color:#333;}
#mapSecUl li .eventBox p span{ font-size:16px; color:#F00; font-weight:600;} 

.modal-content .yoyaku{font-size:12px; color:#F00; margin:0px;}
.modal-content .keitai{ padding-bottom: 3%;}





/*----------------------------------------------------------------------------
 ***                                                             campaignSec
----------------------------------------------------------------------------*/

#campaignSec{background-color:#FFF; padding-bottom:50px;}
#campaignSec .sectionInner{width:960px; margin:0 auto; margin-top: 20px;}

#campaignSec #campaignBox{ float:left; width:200px; }
#campaignSec #newsSec{ float:right; width:728px;}

#campaignSec #newsSec h4{
	color:#E87F1C;
	width:748px;
	float:right;
	border-bottom: solid 1px;
	margin-bottom:4px;
	font-size: 110%;
	margin-top: 4px;
}
#campaignSec #newsSec #pubBox{
	width:728px;
	float:right;
	height: 212px;
	padding-right: 20px;
	overflow: auto;
}
#campaignSec #pubBox h3{ border:none; font-size:120%; padding:0 0 0 10px; margin:0; line-height: 1.1em;}


#campaignSec #pubBox table{width:100%; margin-top:5px;}
#campaignSec #pubBox table tr{color:#000; font-size:13px;}
#campaignSec #pubBox table tr th{ font-weight:600; bold; border-top: #000 solid 2px; border-left: 0px; border-right: 0px; border-bottom: 0px; background: #F7F8F8; color:#000; }
#campaignSec #pubBox table tr .typeCol{ width:14%;}
#campaignSec #pubBox table tr td{vertical-align:middle; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: #B5B5B6 solid 1px; background: white; text-align:left;
color:#000; padding-bottom: 4px;font-size:13px;}
#campaignSec #pubBox table tr td .new{ width:50px; background-color:#F90; color:white; border:#90 1px solid; border-radius:12px;text-align:center; margin:auto;}
#campaignSec #pubBox table tr td .info{ width:50px; background-color:#0A838F; color:white; border:#0A838F 1px solid; border-radius:12px;text-align:center; margin:auto;}


/*----------------------------------------------------------------------------
 ***                                                             saiyouSec
----------------------------------------------------------------------------*/
#saiyouSec{padding: 40px 0;}
#saiyouSec p{text-align: center;}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ }
#footerAreaInner{}




/*----------------------------------------------------------------------------
 ***                                                          breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{padding:0; width: 960px; margin: 0 auto; position:relative;}
#breadcrumbArea li{	float: left; color:#F93; line-height:20px; height:20px; padding-top:10px;}
#breadcrumbArea li a{color:#FFF; margin-right:8px;}







/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}

#spot_news{
display:block;
width: 950px;
margin: 20px auto;
padding-top: 20px;
border-top: #666 1px solid;
}
#spot_news .imgfloatL{
margin:0 10px 10px 0;
}