@charset "Shift_JIS";

@import "style.css";


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

#pref {
width:755px;
}


/* ------ top ------ */


#pref .ct_subtopimg{
background: url(../pref/img/top_mainimg.jpg) no-repeat;
width:755px;
height:100px;
position:relative;
margin-bottom:13px;
}

.ct_subtopimg .title{
position:absolute;
top:9px;
left:33px;
}

.ct_subtopimg .gocttop{
position:absolute;
top:78px;
left:67px;
}

.ct_subtopimg .howto{
position:absolute;
top:78px;
left:623px;
}



/* ------ areatopBox ------ */

#pref .areatopBox{
margin-bottom:10px;
}


.areatopBox .area_infoimg{
float:left
}


.areatopBox .area_info{
width:610px;
float:right;
min-height:78px;
_height:78px;
margin-top:10px;
margin-bottom:7px;
border-bottom:1px #CCCCCC dotted;
}

.area_info .pank{
margin-bottom:10px;
}

.area_info .title{
font-weight:bold;
font-size:160%;
 margin-bottom:10px;
}

.area_info .title_f{
font-size:82%;
 margin-bottom:5px;
}

.areatopBox .area_txt{
clear:both;
line-height:120%;
margin-bottom:10px;
}




/* ------ weather ------ */

#pref .weather{
margin-bottom:10px;
}

.weather .title{
background: url(../pref/img/bg_title_weather.gif) #0099FF no-repeat;
padding:7px 10px;
font-weight:bold;
color:#FFFFFF;
}

.weather ul.mainbox{
border-right:1px #ccc solid;
border-left:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:3px 0;
margin-bottom:5px;
}

.weather ul.mainbox li{
width:103px;
float:left;
background:url(../pref/img/line_doth.gif) repeat-y;
padding:0 2px 0 3px; 
}

.weather ul.mainbox li.firstChild{
background:none;
padding:0 2px 0 1px; 
}

.weather ul.mainbox li.lastChild{
padding:0 1px 0 3px; 
}

.weather .mainbox .day{
text-align:center;
background:#CCEBFF;
padding:4px;
font-weight:bold;
font-size:82%;
margin-bottom:2px;
}

.weather .mainbox .weathericon{
padding-left:7px;
margin-bottom:1px;
}

.weather .mainbox .prorain{
padding-left:7px;
margin-bottom:3px;
font-size:82%;
font-weight:bold;
}

.weather .mainbox .prorain .txt{
font-weight:normal;
color:#0099FF;
}

.weather .mainbox .temperature{
padding-left:7px;
font-size:82%;
font-weight:bold;
}

.weather .mainbox .temperature .height{
color:#CA2711;
}

.weather .mainbox .temperature .lowest{
color:#006AE7;
}

.weather .daytime{
margin-left:5px;
margin-right:5px;
font-size:82%;
display:inline;
}
.weather .place{
margin-right:5px;
font-size:82%;
display:inline;
}
.weather .offerinfo{
margin-right:5px;
font-size:82%;
display:inline;
}


/* ------ areasearchBox ------ */
#pref .areasearchBox{
margin-bottom:15px;
}

/*leftbox*/
.areasearchBox .leftbox{
width:235px;
float:left;
}

.areasearchBox .leftbox .movearea{
margin-bottom:10px;
}

.areasearchBox .leftbox .movearea .title{
margin:0;
padding:0;
}

.areasearchBox .leftbox .movearea .movearea_bg{
border-right:1px #ccc solid;
border-left:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:5px;
margin-bottom:5px;
} 


.areasearchBox .leftbox .movearea .movearea_bg .lname{
border-bottom:1px #ccc dotted;
font-size:140%;
padding:8px 6px;
font-weight:bold;
}

.areasearchBox .leftbox .movearea .movearea_bg ul{
border-bottom:1px #ccc dotted;
padding:5px 0;
}

.areasearchBox .leftbox .movearea .movearea_bg ul.lastChild{
border-bottom:none;
padding:5px 0;
}

.areasearchBox .leftbox .movearea .movearea_bg ul li{
margin-bottom:5px;
}

.areasearchBox .leftbox .movearea .movearea_bg ul li .mname{
background:url(../pref/img/arrow01.gif) no-repeat left 2px;
padding-left:15px;
font-weight:bold;
font-size:110%;
padding-bottom:5px;
}

.areasearchBox .leftbox .movearea .movearea_bg ul li.now .mname{
background-image:none;
background-color:#F4D4CF;
padding:5px;
color:#CA2711;
}

.areasearchBox .leftbox .movearea .movearea_bg ul li .sname{
padding-left:5px;
/*font-weight:bold;*/
float:left;
/*font-size:82%;*/
font-size:100%;
}

.areasearchBox .leftbox .movearea .movearea_bg ul li.now .sname{
background:url(../pref/img/icon_dot01.gif) no-repeat 3px top;
padding-left:15px;
color:#CA2711;
}


.areasearchBox .leftbox .movearea .movearea_bg ul li .sname_cases{
padding-right:5px;
float:right;
font-size:82%;
}



/*rightbox*/
.areasearchBox .rightbox{
width:510px;
float:right;
}


.areasearchBox .rightbox .areaad {
background:#ddeeff;
padding:6px 10px;
margin-bottom:10px;
}


.areasearchBox .rightbox .areaad .sponsored {
	text-align:right;
	color:#666666;
}

.areasearchBox .rightbox .areaad li {
margin-bottom:20px;
line-height:80%;
}

.areasearchBox .rightbox .areaad li .title{
font-weight:bold;
}


.areasearchBox .rightbox .searchpro{
margin-bottom:10px;
}

.areasearchBox .rightbox .searchpro .title{
margin:0;
padding:0;
}

.areasearchBox .rightbox .searchpro ul{
border-right:1px #ccc solid;
border-left:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:10px 4px 5px 4px;
margin-bottom:5px;
} 

.areasearchBox .rightbox .searchpro ul li{
width:100px;
float:left;
text-align:center;
} 

.areasearchBox .rightbox .searchpro ul li .icon{
text-align:center;
margin-bottom:3px;
} 

.areasearchBox .rightbox .searchpro ul li .txt{
font-size:82%;
} 

.areasearchBox .rightbox .searchpro ul li .txt .cases{
font-size:160%;
}

/*sightseen*/

.areasearchBox .rightbox .sightseen{
float:left;
margin-bottom:20px;
}

.areasearchBox .rightbox .sightseen .title{
margin:0;
padding:0;
width:510px;
height:29px;
position:relative;
}

.areasearchBox .rightbox .sightseen .title h2{
position:absolute;
top:0;
left:0;
z-index:0;
}

.areasearchBox .rightbox .sightseen .title .all{
position:absolute;
top:0px;
left:427px;
z-index:1;
}

.areasearchBox .rightbox .sightseen .title .txt{
position:absolute;
top:3px;
left:100px;
font-size:82%;
color:#FFFFFF;
z-index:2;
} 

.areasearchBox .rightbox .sightseen .title .txt .cases{
font-size:160%;
}



.areasearchBox .rightbox .sightseen ul{
border-bottom:1px #999999 dotted;
padding:5px 0;
margin-bottom:5px;
}

.areasearchBox .rightbox .sightseen ul li.img{
float:left;
}

.areasearchBox .rightbox .sightseen ul li.maintxt{
float:right;
width:380px;
padding:5px 5px 5px 0;
}

.areasearchBox .rightbox .sightseen ul li.maintxt .tit{
font-weight:bold;
margin-bottom:5px;
color:#F56600;
}

.areasearchBox .rightbox .sightseen ul li.maintxt .tit a{
margin-right:5px;
}

.areasearchBox .rightbox .sightseen ul li.maintxt .point{
color:#CC0000;
margin-bottom:5px;
float:left;
}

.areasearchBox .rightbox .sightseen ul li.maintxt .point img{
margin-right:5px;
}

.areasearchBox .rightbox .sightseen ul li.maintxt .option{
margin-right:5px;
vertical-align: middle;
float:right;
}

.areasearchBox .rightbox .sightseen ul li.maintxt .txt{
margin-top:5px;
}


.areasearchBox .rightbox .sightseen .lookall{
margin-left:5px;
font-weight:bold;
font-size:82%;
}

.areasearchBox .rightbox .sightseen .lookall .cases{
font-size:160%;
}

.areasearchBox .rightbox .sightseen .lookall .look{
font-size:120%;
margin-left:10px;
}


/*stay*/

.areasearchBox .rightbox .stay{
float:left;
margin-bottom:20px;
}

.areasearchBox .rightbox .stay .title{
margin:0;
padding:0;
width:510px;
height:29px;
position:relative;
}

.areasearchBox .rightbox .stay .title h2{
position:absolute;
top:0;
left:0;
z-index:0;
}

.areasearchBox .rightbox .stay .title .all{
position:absolute;
top:0px;
left:427px;
z-index:1;
}

.areasearchBox .rightbox .stay .title .txt{
position:absolute;
top:3px;
left:100px;
font-size:82%;
color:#FFFFFF;
z-index:2;
} 

.areasearchBox .rightbox .stay .title .txt .cases{
font-size:160%;
}


.areasearchBox .rightbox .stay ul{
border-bottom:1px #999999 dotted;
padding:5px 0;
margin-bottom:5px;
}

.areasearchBox .rightbox .stay ul li.img{
float:left;
}

.areasearchBox .rightbox .stay ul li.maintxt{
float:right;
width:380px;
padding:5px 5px 5px 0;
}

.areasearchBox .rightbox .stay ul li.maintxt .tit{
font-weight:bold;
margin-bottom:5px;
color:#F56600;
}


.areasearchBox .rightbox .stay ul li.maintxt .staydetail{
margin-bottom:5px;
}


.areasearchBox .rightbox .stay ul li.maintxt .txt{
margin-bottom:5px;
}

.areasearchBox .rightbox .stay ul li.maintxt .detail{
text-align:right;
font-weight:bold;
}


.areasearchBox .rightbox .stay .lookall{
margin-left:5px;
font-weight:bold;
font-size:82%;
}

.areasearchBox .rightbox .stay .lookall .cases{
font-size:160%;
}

.areasearchBox .rightbox .stay .lookall .look{
font-size:120%;
margin-left:10px;
}


/*hotspring*/

.areasearchBox .rightbox .hotspring{
float:left;
margin-bottom:20px;
}

.areasearchBox .rightbox .hotspring .title{
margin:0;
padding:0;
width:510px;
height:29px;
position:relative;
}

.areasearchBox .rightbox .hotspring .title h2{
position:absolute;
top:0;
left:0;
z-index:0;
}

.areasearchBox .rightbox .hotspring .title .all{
position:absolute;
top:0px;
left:427px;
z-index:1;
}

.areasearchBox .rightbox .hotspring .title .txt{
position:absolute;
top:3px;
left:100px;
font-size:82%;
color:#FFFFFF;
z-index:2;
} 

.areasearchBox .rightbox .hotspring .title .txt .cases{
font-size:160%;
}



.areasearchBox .rightbox .hotspring ul{
border-bottom:1px #999999 dotted;
padding:5px 0;
margin-bottom:5px;
}

.areasearchBox .rightbox .hotspring ul li.img{
float:left;
}

.areasearchBox .rightbox .hotspring ul li.maintxt{
float:right;
width:380px;
padding:5px 5px 5px 0;
}

.areasearchBox .rightbox .hotspring ul li.maintxt .tit{
font-weight:bold;
margin-bottom:5px;
color:#F56600;
}

.areasearchBox .rightbox .hotspring ul li.maintxt .tit a{
margin-right:5px;
}

.areasearchBox .rightbox .hotspring ul li.maintxt .point{
color:#CC0000;
margin-bottom:5px;
}

.areasearchBox .rightbox .hotspring ul li.maintxt .point img{
margin-right:5px;
}

.areasearchBox .rightbox .hotspring ul li.maintxt .txt{
margin-top:5px;
}

.areasearchBox .rightbox .hotspring .lookall{
margin-left:5px;
font-weight:bold;
font-size:82%;
width:300px;
}

.areasearchBox .rightbox .hotspring .lookall .cases{
font-size:160%;
}

.areasearchBox .rightbox .hotspring .lookall .look{
font-size:120%;
margin-left:10px;
}


/*event*/

.areasearchBox .rightbox .event{
float:left;
margin-bottom:20px;
}

.areasearchBox .rightbox .event .title{
margin:0;
padding:0;
width:510px;
height:29px;
position:relative;
}

.areasearchBox .rightbox .event .title h2{
position:absolute;
top:0;
left:0;
z-index:0;
}


.areasearchBox .rightbox .event .title .all{
position:absolute;
top:0px;
left:427px;
z-index:1;
}

.areasearchBox .rightbox .event .title .txt{
position:absolute;
top:3px;
left:100px;
font-size:82%;
color:#FFFFFF;
z-index:2;
} 

.areasearchBox .rightbox .event .title .txt .cases{
font-size:160%;
}



.areasearchBox .rightbox .event ul{
border-bottom:1px #999999 dotted;
padding:5px 0;
margin-bottom:5px;
}

.areasearchBox .rightbox .event ul li.img{
float:left;
}

.areasearchBox .rightbox .event ul li.maintxt{
float:right;
width:380px;
padding:5px 5px 5px 0;
}

.areasearchBox .rightbox .event ul li.maintxt .tit{
font-weight:bold;
margin-bottom:5px;
float:left;
}

.areasearchBox .rightbox .event ul li.maintxt .day{
font-weight:bold;
color:#CA2711;
margin-bottom:5px;
float:right;
font-size:82%;
}

.areasearchBox .rightbox .event ul li.maintxt .point{
clear:both;
color:#CC0000;
margin-bottom:5px;
}

.areasearchBox .rightbox .event ul li.maintxt .point img{
margin-right:5px;
}

.areasearchBox .rightbox .event ul li.maintxt .txt{
clear:both;
margin-top:5px;
}


.areasearchBox .rightbox .event .lookall{
margin-left:5px;
font-weight:bold;
font-size:82%;
}

.areasearchBox .rightbox .event .lookall .cases{
font-size:160%;
}

.areasearchBox .rightbox .event .lookall .look{
font-size:120%;
margin-left:10px;
}


/*sightseen*/

.areasearchBox .rightbox .kuchikomi{
float:left;
margin-bottom:20px;
}

.areasearchBox .rightbox .kuchikomi .title{
margin:0;
padding:0;
width:510px;
height:29px;
position:relative;
}

.areasearchBox .rightbox .kuchikomi .title h2{
position:absolute;
top:0;
left:0;
z-index:0;
}

.areasearchBox .rightbox .kuchikomi .title .all{
position:absolute;
top:0px;
left:427px;
z-index:1;
}

.areasearchBox .rightbox .kuchikomi .title .txt{
position:absolute;
top:3px;
left:230px;
font-size:82%;
color:#FFFFFF;
z-index:2;
} 

.areasearchBox .rightbox .kuchikomi .title .txt .cases{
font-size:160%;
}



.areasearchBox .rightbox .kuchikomi ul{
border-bottom:1px #999999 dotted;
padding:5px 0;
margin-bottom:5px;
}


.areasearchBox .rightbox .kuchikomi ul li.maintxt{
padding:5px 5px 5px 0;
width:500px;
}

.areasearchBox .rightbox .kuchikomi ul li.maintxt .tit{
font-weight:bold;
margin-bottom:5px;
color:#F56600;
}

.areasearchBox .rightbox .kuchikomi ul li.maintxt .tit a{
margin-right:5px;
}

.areasearchBox .rightbox .kuchikomi ul li.maintxt .point{
color:#CC0000;
margin-bottom:5px;
font-weight:bold;
}

.areasearchBox .rightbox .kuchikomi ul li.maintxt .point img{
margin-left:5px;
}


.areasearchBox .rightbox .kuchikomi ul li.maintxt .txt{
margin-bottom:5px;
}

.areasearchBox .rightbox .kuchikomi ul li.maintxt .detail{
text-align:right;
}


.areasearchBox .rightbox .kuchikomi .lookall{
margin-left:5px;
font-weight:bold;
font-size:82%;
}

.areasearchBox .rightbox .kuchikomi .lookall .cases{
font-size:160%;
}

.areasearchBox .rightbox .kuchikomi .lookall .look{
font-size:120%;
margin-left:10px;
}


.areasearchBox .rightbox .kuchikomi .sp{
margin:0;
padding:0;
}



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

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