@charset "Shift_JIS";

@import "style.css";


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

#onsen {
width:755px;
}


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


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

.ct_subtopimg .title{
position:absolute;
top:10px;
left:125px;
}

.ct_subtopimg .gocttop{
position:absolute;
top:10px;
left:41px;
}

.ct_subtopimg .howto{
position:absolute;
top:63px;
left:668px;
}


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

#onsen .areatopBox{
margin-bottom:5px;
}


.areatopBox .area_info{
margin-top:10px;
margin-bottom:5px;
}

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

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

.area_info .title_f{
float:left;
font-size:82%;
margin-top:0.8em;
}

.area_info ul.otherinfo{
clear:both;
text-align:right;
margin-bottom:5px;
}

.area_info ul.otherinfo li{
display:inline;
}
.area_info ul.otherinfo li img{
vertical-align:middle;
}

.area_info ul.otherinfo li.firstChild{
font-size:82%;
}

.area_info ul.otherarea{
background:#F6EEDB;
padding:10px 13px;
}

.area_info ul.otherarea li{
display:inline;
line-height:140%;
}

.area_info ul.otherarea li.firstChild{
margin-right:5px;
}



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

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


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

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

.areasearchBox .leftbox .squsearch .waku_bg{
border-right:1px #ccc solid;
border-left:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:6px 4px;
} 

.areasearchBox .leftbox .squsearch .waku_bg .areaname{
background:#F4D4CF;
padding:5px;
color:#CA2711;
font-weight:bold;
margin-bottom:10px;
}


.areasearchBox .leftbox .squsearch .waku_bg ul li{
margin-bottom:5px;
margin-left:5px;
font-size:82%;
}



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

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

.areasearchBox .leftbox .cangsearch .waku_bg{
border-right:1px #ccc solid;
border-left:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:6px 4px;
} 

.areasearchBox .leftbox .cangsearch .waku_bg .category{
margin-bottom:10px;
}

.areasearchBox .leftbox .cangsearch .waku_bg ul{
margin-bottom:15px;
}

.areasearchBox .leftbox .cangsearch .waku_bg ul li{
margin-bottom:5px;
margin-left:5px;
}

.areasearchBox .leftbox .cangsearch .waku_bg ul li.all{
color:#CA2711;
}

.areasearchBox .leftbox .cangsearch .waku_bg .btnreserch{
padding:5px;
text-align:center;}



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

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

.areasearchBox .leftbox .otherinfo .waku_bg{
border:1px #ccc solid;
padding:6px 4px;
} 

.areasearchBox .leftbox .otherinfo .waku_bg .areaname{
background:#F0E3C3;
padding:5px;
margin-bottom:10px;
}


.areasearchBox .leftbox .otherinfo .waku_bg ul li{
margin-bottom:5px;
float:left;
margin-right:11px;
}

.areasearchBox .leftbox .otherinfo .waku_bg ul li.lastChild{
margin-right:0;
}


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

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

.areasearchBox .rightbox .sponsorBox .title{
padding:6px 5px 6px 8px;
border-left:4px #FC9947 solid;
background:#F9F1BF;
}

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

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

.areasearchBox .rightbox .sponsorBox dl{
padding:9px 4px;
}

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

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

.areasearchBox .rightbox .searchwd{
margin-top:20px;
margin-bottom:10px;
color:#CA2711;
padding-left:25px;
padding-top:5px;
min-height:22px;
_height:22px;
background:url(../onsen/img/icon_loupe.gif) no-repeat;
}


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


.areasearchBox .rightbox .select_list ul.displink{
background:#F6EEDB;
padding:5px;
}

.areasearchBox .rightbox .select_list ul.displink li.cases{
float:left;
}

.areasearchBox .rightbox .select_list ul.displink li.list{
float:right;
}


.areasearchBox .rightbox .select_list ul li .now{
font-weight:bold;
}

.areasearchBox .rightbox .orderrow{
margin-bottom:20px;}


.areasearchBox .rightbox .orderrow ul li{
display:inline;
margin-right:10px;
}

.areasearchBox .rightbox .orderrow ul li img{
vertical-align:middle;
}



/*result*/

.areasearchBox .rightbox .result{
margin-bottom:20px;
}


.areasearchBox .rightbox .result ul{
border-top:5px #F0E3C3 solid;
margin-bottom:15px;
}

.areasearchBox .rightbox .result ul li.titletxt{
border-bottom:1px #999999 dotted;
padding:5px 0;
}

.areasearchBox .rightbox .result ul li.titletxt .tit{
float:left;
width:314px;
font-weight:bold;
color:#FF9900;
}

.areasearchBox .rightbox .result ul li.titletxt .tit a{
font-size:110%;
margin-right:5px;
}

.areasearchBox .rightbox .result ul li.titletxt .plase{
float:right;
width:214px;
text-align:right;
}


.areasearchBox .rightbox .result ul li.img{
float:left;
padding:5px 0;
}

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

.areasearchBox .rightbox .result ul li.maintxt .traffic{
margin-bottom:20px;
}

.areasearchBox .rightbox .result ul li.maintxt .traffic img{
margin-right:5px;
vertical-align:middle;
}


.areasearchBox .rightbox .result ul li.maintxt .txt{
padding:0;
}

.areasearchBox .rightbox .result ul li.kuchikomi{
border-top:1px #999999 dotted;
padding-top:5px;
clear:both;
}

.areasearchBox .rightbox .result ul li.kuchikomi img{
margin-right:5px;
}

.areasearchBox .rightbox .result ul li.kuchikomi .point{
color:#CA2711;
margin-right:5px;
}

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



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

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