@charset "Shift_JIS";

@import "style.css";

/* ------ common ------ */

.addate {color:#85AF3D; font-weight:bold;}
.adpr {color:#ffb000; font-weight:bold;}


/* ------ base ------ */

#domestic {
	background:#F0ECDD url(../event/img/bg_event.gif) repeat-y;
	border-bottom:6px #D19918 solid;
	width:755px;
	margin-bottom:20px;
}



#domestic .ct_subtopimg{
width:755px;
height:104px;
margin-bottom:10px;
background:url(../event/img/img_domeventsec.jpg) no-repeat;
position:relative;
}

.ct_subtopimg .top{
position:absolute;
top:13px;
left:48px;
}

.ct_subtopimg .btneventinfo{
position:absolute;
top:13px;
left:540px;
}

.ct_subtopimg .btnhowto{
position:absolute;
top:13px;
left:680px;
}

/* ------ pank ------ */

.pank{
margin:0 7px 7px 12px;}

/* ------ areadetailBox ------ */
#onsen .areadetailBox{
margin-bottom:20px;
}

/*leftbox*/
.areadetailBox .leftbox{
width:545px;
float:left;
}

/*sponsorBox*/
.areadetailBox .sponsorBox{
width:532px;
margin-left:7px;
margin-bottom:10px;
background:#fff;

}

.areadetailBox .sponsorBox .title{
padding:6px 5px 6px 8px;
border-left:4px #FC9947 solid;
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
background:#fff;
}

.areadetailBox .sponsorBox .title h3{
text-align:left;
float:left;
color:#666;
}

.areadetailBox .sponsorBox .title .sponsored{
text-align:right;
color:#666;
float:right;
font-size:90%;
}

.areadetailBox .sponsorBox dl{
padding:9px 4px;
}

.areadetailBox .sponsorBox dl dt{
font-weight:bold;
padding-left:35px;
margin-bottom:4px;
background:url(../event/img/icon_pr.gif) no-repeat;
min-height:17px;
_height:17px;
}

.areadetailBox .sponsorBox dl dd{
padding-left:35px;
margin-bottom:10px;
}


/*pank*/
.areadetailBox .leftbox .pank{
margin-bottom:10px;
}

/*area_info*/
.areadetailBox .leftbox .area_info{
margin-bottom:5px;
background:url(../event/img/bg_areainfo.gif) repeat-y;
width:540px;
margin-left:3px;
}

.area_info .waku{
padding:0 10px;}


/*detailinfo*/
.area_info .detailinfo{
padding:5px 2px;
margin-bottom:5px;
}

.area_info .detailinfo ul.type{
width:520px;
margin-bottom:3px;
}

.area_info .detailinfo ul.type li.icon{
width:130px;
float:left;
}

.area_info .detailinfo ul.type li.subinfo{
width:350px;
float:right;
text-align:right;
font-weight:bold;
color:#FF6600;
}

.area_info .detailinfo .title{
background:#DDF2F9;
margin-bottom:5px;
padding:7px 5px;
}

.area_info .detailinfo .title h1{
font-weight:bold;
font-size:160%;
margin-bottom:5px;
color:#630;
}

.area_info .detailinfo .title .title_f{
font-size:82%;
}


.area_info .detailinfo .eva{
margin-bottom:5px;
}

.area_info .detailinfo .eva img{
margin-right:5px;
}

.area_info .detailinfo .eva span.point{
color:#FF3366;
}


.area_info .detailinfo .day{
font-size:120%;
color:#630;
font-weight:bold;
margin-bottom:5px;

}

.area_info .detailinfo .txt{
line-height:1.3em;
margin-bottom:5px;
}

/*flasheye*/
.areadetailBox .leftbox .flasheye{
border:1px #ccc solid;
padding:2px;
margin-bottom:15px;
font-size:120%;
}

.areadetailBox .leftbox .flasheye .title{
background:#D6DFEF;
padding:4px 5px;
}

.areadetailBox .leftbox .flasheye .title h3{
float:left;
}

.areadetailBox .leftbox .flasheye .title a{
color:#666666;
font-size:90%;
letter-spacing:0;
margin-top:0.2em;
float:right;
}

.areadetailBox .leftbox .flasheye ul{
padding:8px 10px;
border:1px #D6DFEF solid;
}

.areadetailBox .leftbox .flasheye ul li{
display:inline;
margin-right:10px;
line-height:150%;
font-size:90%;
}

/*feature*/
.areadetailBox .leftbox .feature{
margin-bottom:10px;
padding-left:4px;
}

.areadetailBox .leftbox .feature dl{
width:120px;
margin-right:9px;
float:left;
}

.areadetailBox .leftbox .feature dl.lastChild{
margin-right:0px;
}

.areadetailBox .leftbox .feature dt{
margin-bottom:5px;
}

.areadetailBox .leftbox .feature dd{
margin-bottom:10px;
font-weight:bold;
}


/*detaildata*/
.areadetailBox .leftbox .detaildata{
padding-bottom:5px;
}

.areadetailBox .leftbox .detaildata .topimg{
margin-bottom:10px;
}

.areadetailBox .leftbox .detaildata .databox{
float:left;
width:260px;
margin-top:8px;
}

.areadetailBox .leftbox .detaildata .databox dl{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px #999 dotted;
padding-left:3px;
}

.areadetailBox .leftbox .detaildata .databox dt{
width:65px;
font-weight:bold;
color:#630;
float:left;
}

.areadetailBox .leftbox .detaildata .databox dd{
width:190px;
float:right;
line-height:120%;
word-wrap:break-word;
}
.areadetailBox .leftbox .detaildata .databox dd img{
vertical-align:top;
margin-left:5px;
}


.areadetailBox .leftbox .detaildata .photobox{
float:right;
width:255px;
background:url(../event/img/bg_line_photobox.gif);
min-height:320px;
_height:320px;
padding-bottom:5px;
}

.areadetailBox .leftbox .detaildata .photobox .mainphoto{
margin:5px 2px 5px 3px;
text-align:center;
height:190px;
width:250px;
}

.areadetailBox .leftbox .detaildata .photobox .mainphoto img{
padding:4px;
background:#FFFFFF;
border:1px #DBDBDB solid;
}

.areadetailBox .leftbox .detaildata .photobox .tit{
padding:0 5px 15px 5px;
text-align:right;
}


.areadetailBox .leftbox .detaildata .photobox #txt_box01{display:block;}
.areadetailBox .leftbox .detaildata .photobox #txt_box02{display:none;}
.areadetailBox .leftbox .detaildata .photobox #txt_box03{display:none;}
.areadetailBox .leftbox .detaildata .photobox #txt_box04{display:none;}


.areadetailBox .leftbox .detaildata .photobox ul.photo{
margin-left:5px;
}

.areadetailBox .leftbox .detaildata .photobox ul.photo li{
margin-right:5px;
padding-bottom:5px;
float:left;
}

.areadetailBox .leftbox .detaildata .photobox ul.photo li img{
padding:1px;
background:#FFFFFF;
border:1px #DBDBDB solid;
}


.areadetailBox .leftbox .detaildata .photobox .ex{
margin-bottom:5px;
color:#666666;
font-size:82%;
margin-left:10px;
padding-left:25px;
background:url(../event/img/icon_maggrass.gif) left center no-repeat;
min-height:18px;
_height:18px;
padding-top:10px;
}

/*kuchikomi*/
.areadetailBox .leftbox .kuchikomi{
margin:0 7px 10px 7px;
background:#fff;
}

.areadetailBox .leftbox .kuchikomi .title{
margin-bottom:5px;
}

.areadetailBox .leftbox .kuchikomi ul{
padding:10px 10px 3px 10px;
}

.areadetailBox .leftbox .kuchikomi ul li{
margin-bottom:5px;
}

.areadetailBox .leftbox .kuchikomi ul li.tit{
font-weight:bold;
}

.areadetailBox .leftbox .kuchikomi ul li.txt{
border-bottom:1px #CCCCCC solid;
padding-bottom:5px;
}

.areadetailBox .leftbox .kuchikomi ul li.link{
text-align:right;
}

.areadetailBox .leftbox .kuchikomi  ul li.btn{
text-align:center;
}

.areadetailBox .leftbox .kuchikomi .bottomimg{
margin:0;
padding:0;
}


/*jtbenta*/
.areadetailBox .leftbox .jtbenta{
margin:0 7px 10px 7px;
background:#fff;
}

.areadetailBox .leftbox .jtbenta .title{
margin-bottom:5px;
}

.areadetailBox .leftbox .jtbenta ul{
padding:10px 10px 3px 10px;
}

.areadetailBox .leftbox .jtbenta ul li{
margin-bottom:5px;
}

.areadetailBox .leftbox .jtbenta  ul li.btn{
padding-top:5px;
text-align:center;
}

.areadetailBox .leftbox .jtbenta .bottomimg{
margin:0;
padding:0;
}


/*rightbox*/
.areadetailBox .rightbox{
width:200px;
float:right;
padding-right:5px;
}

.areadetailBox .rightbox .stayinginfo{
margin-bottom:15px;
border-bottom:3px #3B6FD2 solid;
}

.areadetailBox .rightbox .stayinginfo .stay_waku{
padding:6px;
background:#fff;
}


.areadetailBox .rightbox .stayinginfo .stay_waku dl{
border-bottom:1px #999 dotted;
margin-bottom:5px;
width:188px;
}

.areadetailBox .rightbox .stayinginfo .stay_waku dl dt{
font-weight:bold;
margin-bottom:5px;
margin-top:5px;
}

.areadetailBox .rightbox .stayinginfo .stay_waku dl dd.photo{
margin-bottom:5px;
width:84px;
float:left;
}

.areadetailBox .rightbox .stayinginfo .stay_waku dl dd.text{
width:103px;
float:right;
}

.areadetailBox .rightbox .stayinginfo .stay_waku dl dd.text .detail{
font-weight:bold;
margin-bottom:5px;
color:#666666;
}

.areadetailBox .rightbox .stayinginfo .stay_waku dl dd.text .plan{
margin-bottom:5px;
}

.areadetailBox .rightbox .banner{
margin-bottom:25px;
text-align:center;
}

.areadetailBox .rightbox .pr{
width:200px;
}

.areadetailBox .rightbox .pr .title{
margin-bottom:2px;
padding:5px;
border:1px #fff solid;
background:#FFF4DD;
}


.areadetailBox .rightbox .pr ul li{
margin-bottom:1px;
line-height:140%;
background:#fff;
padding:6px 5px;
}



/* ------ arearelBox ------ */

.arearelBox{
margin-bottom:15px;
}


/*surinfo*/
.arearelBox .surinfo{
padding:0 8px 10px 7px;
width:740px;
}

.arearelBox .surinfo .title{
border-left:5px #824A26 solid;
color:#824A26;
padding:5px 7px;
font-weight:bold;
margin-bottom:8px;
font-size:120%;
}

.arearelBox .surinfo .sightseen{
margin-bottom:5px;
width:740px;
}

.arearelBox .surinfo .onsen{
margin-bottom:5px;
width:740px;
}

.arearelBox .surinfo .event{
margin-bottom:5px;
width:740px;
}

.arearelBox .surinfo .ct_tit{
background:#fff url(../event/img/bg_areareltitle.gif) repeat-x;
}

.arearelBox .surinfo .list{
background:#fff url(../event/img/line_surinfobottom.gif) center bottom no-repeat;
padding:5px 0 15px 0;
}

.arearelBox .surinfo .list dl{
width:230px;
float:left;
padding:0 8px;
border-right:1px #666 dotted;
word-wrap:break-word;
}

.arearelBox .surinfo .list dl.lastChild{
border:none;
}

.arearelBox .surinfo .list dl dt{
float:left;
margin-right:4px;
}

.arearelBox .surinfo .list dl dt img{
padding:1px;
border:1px #ccc solid;
}

.arearelBox .surinfo .list dl dd{
width:120px;
float:right;
}


.arearelBox .surinfo .list dl dd .tit{
margin-bottom:5px;
font-weight:bold;
}

.arearelBox .surinfo .list dl dd .kind{
margin-bottom:5px;
font-weight:bold;
color:#6B9E00;
}

.arearelBox .surinfo .list dl dd .point{
margin-bottom:5px;
font-weight:bold;
color:#4776CD;
}

.arearelBox .surinfo .list dl dd .day{
margin-bottom:5px;
font-weight:bold;
color:#F67200;
}



/* otherbottombox */

.otherbottombox{
text-align:center;
margin-bottom:20px;
}

.otherbottombox .pr{
padding:2px;
background:#fff;
width:536px;
margin:auto;
text-align:left;
}

.otherbottombox .pr .title{
background:#FFF4DD;
padding:8px;

}

.otherbottombox .pr ul{
padding:8px 14px;
}

.otherbottombox .pr ul li.img{
float:left;
}

.otherbottombox .pr ul li.maintxt{
float:right;
width:330px;
}

.otherbottombox .pr ul li.maintxt .tit{
font-weight:bold;
margin-bottom:5px;
}

.otherbottombox .pr ul li.maintxt .txt{
margin-bottom:5px;
}

.otherbottombox .pr ul li.maintxt .link{
font-weight:bold;
margin-bottom:5px;
text-align:right;
}



/* ------ other ------ */

.pagetop{
margin-top:5px;
width:755px;
text-align:right;
font-size:82%;
}