@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_title{
background:url(../pref/img/bg_preftitle.gif) no-repeat;
width:188px;
min-height:120px;
_height:120px;
float:left;
margin-right:10px;
}

.area_title .pobox{
position:relative;
}

.area_title .title{
position:absolute;
top:25px;
left:10px;
font-size: 167%;
font-weight:bold;
color:#fff;
}

.area_title .government{
position:absolute;
top:95px;
left:10px;
font-size:95%;
color:#fff;
}

.areatopBox .area_guide{
width:374px;
float:left;
}

.area_guide .title{
font-weight:bold;
color:#f00;
 margin-bottom:5px;
}

.area_guide .txt{
line-height:120%;
margin-bottom:5px;
}

.area_guide .more{
line-height:120%;
margin-bottom:5px;
}

.areatopBox .weather{
width:170px;
float:right;
}


.areatopBox .weather .title{

}

.areatopBox .weather .weather_bg{
border-right:1px #ccc solid;
border-left:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:5px 0;
margin-bottom:2px;
}

.areatopBox .weather .mainbox{
background:url(../pref/img/line_doth.gif) repeat-y  85px top;
}

.areatopBox .weather .mainbox .today{
width:84px;
float:left;
}

.areatopBox .weather .mainbox .tomorrow{
width:84px;
float:left;
}

.areatopBox .weather .mainbox .dayicon{
text-align:center;
}

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

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

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

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

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

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

.areatopBox .weather .daytime{
float:left;
font-size:82%;
margin-bottom:2px;
}
.areatopBox .weather .place{
float:right;
font-size:82%;
margin-bottom:2px;
}
.areatopBox .weather .offerinfo{
clear:both;
font-size:82%;
}

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

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

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

.areasearchBox .leftbox .area_map .title{
background: url(../pref/img/bg_title_search01.gif) no-repeat;
width:335px;
height:18px;
padding-top:7px;
padding-left:29px;
color:#fff;
font-weight:bold;
}

.areasearchBox .leftbox .area_map .map{
background:#D7E5A9;
padding:0;
margin:0;
}

.areasearchBox .leftbox .area_map .ohter{
background:#D7E5A9;
padding:5px;
}

.areasearchBox .leftbox .area_map .ohter .vic{
text-align:left;
padding-bottom:5px;
padding-left:5px;
border-bottom:1px #999999 dotted;
margin-bottom:5px;
}

.areasearchBox .leftbox .area_map .ohter .detail{
float:left;
width:130px;
text-align:center;
}

.areasearchBox .leftbox .area_map .ohter .move{
padding-top:5px;
float:right;
text-align:right;
}

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

.areasearchBox .leftbox .searchpurpose .title{
background: url(../pref/img/bg_title_search02.gif) no-repeat;
width:335px;
height:18px;
padding-top:7px;
padding-left:29px;
color:#fff;
font-weight:bold;
}

.areasearchBox .leftbox .searchpurpose ul{
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
padding-top:8px;
padding-bottom:4px;
}

.areasearchBox .leftbox .searchpurpose ul li{
float:left;
margin:0 5px;
_margin:0 4px;
}



/*rightbox*/
.areasearchBox .rightbox{
width:385px;
float:right;
}
.areasearchBox .rightbox .ranking{
width:380px;
margin-bottom:5px;
}

.areasearchBox .rightbox .ranking .title{
background: url(../pref/img/bg_title_ranking_s.gif) no-repeat;
height:23px;
padding-top:7px;
padding-left:30px;
color:#fff;
font-weight:bold;
}

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


.areasearchBox .rightbox .ranking ul li .photo{
float:left;
margin-right:2px;
}
.areasearchBox .rightbox .ranking ul li .photo img {
	height:60px;
}

.areasearchBox .rightbox .ranking ul li .main{
float:left;
}

.areasearchBox .rightbox .ranking ul li .main .rank01{
background: url(../pref/img/icon_1st.gif) no-repeat;
width:190px;
padding-top:15px;
padding-left:95px;
min-height:30px;
_height:35px;
margin-bottom:5px;
font-weight:bold;
}

.areasearchBox .rightbox .ranking ul li .main .area_top{
margin-bottom:5px;
margin-left:10px;
float:none;
}


.areasearchBox .rightbox .ranking ul li .name{
float:left;
font-weight:bold;
width:185px;
padding-top:2px;
padding-left:35px;
min-height:15px;
_height:17px;
}

.areasearchBox .rightbox .ranking ul li .rank02{
background: url(../pref/img/icon_2nd.gif) no-repeat;
}

.areasearchBox .rightbox .ranking ul li .rank03{
background: url(../pref/img/icon_3rd.gif) no-repeat;
}

.areasearchBox .rightbox .ranking ul li .rank04{
background: url(../pref/img/icon_4th.gif) no-repeat;
}

.areasearchBox .rightbox .ranking ul li .rank05{
background: url(../pref/img/icon_5th.gif) no-repeat;
}


.areasearchBox .rightbox .ranking ul li .name img{
vertical-align:middle;
margin-right:5px;
}
.areasearchBox .rightbox .ranking ul li .area{
float:right;
width:140px;
}

.areasearchBox .rightbox .ranking ul li.lastChild{
border-bottom:none;
}


/*--近藤追加分--*/

.areasearchBox .rightbox .ranking .more{
margin:10px 0px 10px 0px;
padding-top:5px;
text-align:left;
border-top:1px #CCCCCC solid;
}

.areasearchBox .rightbox .ranking .note{
font-size:90%;
text-align:right;
}

/*--/近藤追加分--*/

.areasearchBox .rightbox .kuchikomi{
width:380px;
margin-bottom:25px;
}

.areasearchBox .rightbox .kuchikomi .title{
background: url(../pref/img/bg_title_kuchikomi_s.gif) no-repeat;
height:23px;
padding-top:7px;
padding-left:30px;
color:#fff;
font-weight:bold;
}

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


.areasearchBox .rightbox .kuchikomi ul li.name{
float:left;
margin-bottom:7px;
font-weight:bold;
width:220px;
}

.areasearchBox .rightbox .kuchikomi ul li.area{
float:right;
margin-bottom:7px;
width:140px;
}

.areasearchBox .rightbox .kuchikomi ul li.k_title{
color:#FF0000;
margin-bottom:7px;
clear:both;
}

.areasearchBox .rightbox .kuchikomi ul li.eva{
color:#FF0000;
text-align:right;
margin-bottom:7px;
}

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

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

.areasearchBox .rightbox .bannerbox ul.m{
margin-bottom:15px;}

.areasearchBox .rightbox .bannerbox ul.m li.l{
float:left;
width:190px;
}
.areasearchBox .rightbox .bannerbox ul.m li.r{
float:right;
width:190px;
}

.areasearchBox .rightbox .bannerbox ul.s{
margin-bottom:15px;}

.areasearchBox .rightbox .bannerbox ul.s li.l{
float:left;
padding:0 10px;
width:170px;
}
.areasearchBox .rightbox .bannerbox ul.s li.r{
float:right;
padding:0 10px;
width:170px;
}

.areasearchBox .rightbox .bannerbox ul.s li .txt{
padding-top:5px;
}



/* ------ areaohterBox ------ */

#pref .areaohterBox{}

/*leftbox*/
.areaohterBox .leftbox{
width:200px;
float:left;
}


.areaohterBox .leftbox  ul.bannerbox{
}

.areaohterBox .leftbox  ul.bannerbox li.m{
width:190px;
margin-bottom:15px;
}

.areaohterBox .leftbox  ul.bannerbox li.s{
width:170px;
margin-bottom:15px;
}

.areaohterBox .leftbox  ul.bannerbox li.s .txt{
padding-top:5px;
}

.areaohterBox .leftbox  ul.bannerbox li.l{
width:200px;
margin-bottom:15px;
}

.areaohterBox .leftbox  ul.pr li{
background:url(../pref/img/icon_dot01.gif) no-repeat;
padding-left:13px;
margin-bottom:15px;
}

.areaohterBox .leftbox  .shopping{
padding:5px;
border:1px #ccc solid;
background:#FCF5DB;
}
.areaohterBox .leftbox  .shopping .title{
background:url(../pref/img/icon_shopping.gif) no-repeat;
padding-left:20px;
color:#990000;
margin-bottom:5px;
}


/*rightbox*/
.areaohterBox .rightbox{
width:540px;
float:right;
}

/*info*/
.areaohterBox .rightbox .info{
margin-bottom:20px;
}

.areaohterBox .rightbox .info .title{
background: url(../pref/img/bg_title_pr.gif) no-repeat;
height:23px;
padding-top:7px;
padding-left:30px;
color:#fff;
font-weight:bold;
}

.areaohterBox .rightbox .info ul{
padding-top:5px;
width:260px;
margin-right:20px;
float:left;
}

.areaohterBox .rightbox .info ul.lastChild{
margin-right:0;
}

.areaohterBox .rightbox .info ul li.img{
float:left;
}

.areaohterBox .rightbox .info ul li.maintxt{
float:right;
width:160px;
}

.areaohterBox .rightbox .info ul li.maintxt .tit{
font-weight:bold;
margin-bottom:5px;
}

.areaohterBox .rightbox .info ul li.maintxt .day{
font-size:82%;
color:#CC0000;
margin-bottom:5px;
}

/*ranking*/
.areaohterBox .rightbox .ranking{
margin-bottom:20px;
}

.areaohterBox .rightbox .ranking .title{
background: url(../pref/img/bg_title_ranking.gif) no-repeat;
height:23px;
padding-top:7px;
padding-left:30px;
color:#fff;
font-weight:bold;
}

.areaohterBox .rightbox .ranking .ranking_bg{
border-bottom:1px #CCC solid;
margin-bottom:5px;
}

.areaohterBox .rightbox .ranking ul.top{
float:left;
width:220px;
}

.areaohterBox .rightbox .ranking ul.top li{
margin-right:15px;
border-bottom:none;
}

.areaohterBox .rightbox .ranking ul.top li .rank{
margin-bottom:3px;
}

.areaohterBox .rightbox .ranking ul.top li .photo{
background: url(../pref/img/bg_photoframe.gif) repeat-y top left;
width:184px;
margin-bottom:10px;
}

.areaohterBox .rightbox .ranking ul.top li .photo .img{
display:block;
padding:5px;
width:169px;
}
.areaohterBox .rightbox .ranking ul.top li .photo .line{
display:block;
padding:0;
}

.areaohterBox .rightbox .ranking ul.next{
float:right;
width:300px;
}

.areaohterBox .rightbox .ranking ul.next li{
padding:5px 0;
border-bottom:1px #999999 dotted;
}

.areaohterBox .rightbox .ranking ul li.lastChild{
border-bottom:none;
}


.areaohterBox .rightbox .ranking ul li .name{
font-weight:bold;
padding-top:2px;
padding-left:35px;
min-height:15px;
_height:17px;
margin-bottom:5px;
}

.areaohterBox .rightbox .ranking ul.top li .name{
font-weight:bold;
width:200px;
padding:0px;
min-height:12px;
_height:12px;
margin-bottom:5px;
}

.areaohterBox .rightbox .ranking ul li .rank02{
background: url(../pref/img/icon_2nd.gif) no-repeat;
_width:265px;
}

.areaohterBox .rightbox .ranking ul li .rank03{
background: url(../pref/img/icon_3rd.gif) no-repeat;
_width:265px;
}

.areaohterBox .rightbox .ranking ul li .rank04{
background: url(../pref/img/icon_4th.gif) no-repeat;
_width:265px;
}

.areaohterBox .rightbox .ranking ul li .rank05{
background: url(../pref/img/icon_5th.gif) no-repeat;
_width:265px;
}



.areaohterBox .rightbox .ranking ul li .detail{
padding-left:3px;
margin-bottom:3px;
}
.areaohterBox .rightbox .ranking ul li .detail .price {
	color:#dd3300;
}

.areaohterBox .rightbox .ranking ul li .plan{
text-align:right;
margin-bottom:3px;
}

.areaohterBox .rightbox .ranking ul li .main .name{
float:none;
margin-bottom:5px;
}

.areaohterBox .rightbox .ranking ul li .main .area_top{
margin-bottom:5px;
margin-left:10px;
float:none;
}

.areaohterBox .rightbox .ranking ul li{

}

.areaohterBox.rightbox .ranking ul li .name{
float:left;
font-weight:bold;
}

.areaohterBox .rightbox .ranking ul li .name img{
vertical-align:middle;
margin-right:5px;
}
.areaohterBox .rightbox .ranking ul li .area{
float:right;
}

.areaohterBox .rightbox .ranking ul li.lastChild{
border-bottom:none;
}

/*
.areaohterBox .rightbox .ranking .note {
	float:left;
	width:300px;
	font-size:90%;
}
.areaohterBox .rightbox .ranking .more {
	text-align:right;
}
*/


/*--近藤追加分--*/

.areaohterBox .rightbox .ranking .more{
text-align:left;
}

.areaohterBox .rightbox .ranking .note{
font-size:90%;
text-align:right;
}

/*--/近藤追加分--*/


/*topics*/
.areaohterBox .rightbox .topics{
margin-bottom:20px;
}

.areaohterBox .rightbox .topics .title{
background: url(../pref/img/bg_title_topics.gif) no-repeat;
height:23px;
padding-top:7px;
padding-left:30px;
color:#fff;
font-weight:bold;
}

.areaohterBox .rightbox .topics .textbox{
width:540px;
height:160px;
overflow:auto;
}

.areaohterBox .rightbox .topics .textbox ul{
width:510px;
}


.areaohterBox .rightbox .topics .textbox ul li{
border-bottom:1px #999999 dotted;
padding:5px 0;
margin-bottom:5px;
}

.areaohterBox .rightbox .topics .textbox ul li .tit{
background:url(../pref/img/arrow01.gif) no-repeat;
padding-left:15px;
font-weight:bold;
padding-bottom:5px;
}
.areaohterBox .rightbox .topics .textbox ul li .day{
padding-left:10px;
color:#CC0000;
font-size:82%;
font-weight:normal;
}

.areaohterBox .rightbox .topics .textbox ul li .txt{
line-height:120%;
}

/*course*/
.areaohterBox .rightbox .course{
margin-bottom:20px;}

.areaohterBox .rightbox .course .title{
background: url(../pref/img/bg_title_course.gif) no-repeat;
height:23px;
padding-top:7px;
padding-left:30px;
color:#fff;
font-weight:bold;
}

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

.areaohterBox .rightbox .course ul li.img{
float:left;
}

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

.areaohterBox .rightbox .course ul li.maintxt .tit{
font-weight:bold;
margin-bottom:5px;
}

.areaohterBox .rightbox .course ul li.maintxt .place{
color:#CC0000;
margin-bottom:5px;
}

.areaohterBox .rightbox .course ul li.maintxt .place img{
margin-right:5px;
vertical-align: middle;
}

.areaohterBox .rightbox .course ul li.maintxt .txt{
margin-left:5px;
}

.areaohterBox .rightbox .course ul li.maintxt .detail{
text-align:right;
}

/*rmap*/
.areaohterBox .rightbox .rmap{
margin-bottom:20px;}

.areaohterBox .rightbox .rmap .title{
background: url(../pref/img/bg_title_rmap.gif) no-repeat;
height:23px;
padding-top:7px;
padding-left:30px;
color:#fff;
font-weight:bold;
}

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

.areaohterBox .rightbox .rmap ul li.img{
float:left;
}

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

.areaohterBox .rightbox .rmap ul li.maintxt .tit{
font-weight:bold;
margin-bottom:5px;
}

.areaohterBox .rightbox .rmap ul li.maintxt .place{
color:#CC0000;
margin-bottom:5px;
}

.areaohterBox .rightbox .rmap ul li.maintxt .place img{
margin-right:5px;
vertical-align: middle;
}

.areaohterBox .rightbox .rmap ul li.maintxt .txt{
margin-left:5px;
}

.areaohterBox .rightbox .rmap ul li.maintxt .detail{
text-align:right;
}

/*diary*/
.areaohterBox .rightbox .diary{
margin-bottom:20px;}

.areaohterBox .rightbox .diary .title{
background: url(../pref/img/bg_title_diary.gif) no-repeat;
height:23px;
padding-top:7px;
padding-left:30px;
color:#fff;
font-weight:bold;
}

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

.areaohterBox .rightbox .diary ul li.img{
float:left;
}

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

.areaohterBox .rightbox .diary ul li.maintxt .tit{
font-weight:bold;
margin-bottom:5px;
}

.areaohterBox .rightbox .diary ul li.maintxt .place{
margin-bottom:5px;
}

.areaohterBox .rightbox .diary ul li.maintxt .place img{
margin-right:5px;
vertical-align: middle;
}

.areaohterBox .rightbox .diary ul li.maintxt .txt{
margin-left:5px;
}

.areaohterBox .rightbox .diary ul li.maintxt .detail{
text-align:right;
}


/*guide*/
.areaohterBox .rightbox .guide{
margin-bottom:20px;}

.areaohterBox .rightbox .guide .title{
background: url(../pref/img/bg_title_areaguide.gif) no-repeat;
height:23px;
padding-top:7px;
padding-left:30px;
color:#fff;
font-weight:bold;
margin-bottom:5px;
}

.areaohterBox .rightbox .guide ul{
margin-bottom:10px;
}


.areaohterBox .rightbox .guide ul li{
width:265px;
margin-right:10px;
float:left;
}

.areaohterBox .rightbox .guide ul li.lastChild{
margin-right:0;
}

.areaohterBox .rightbox .guide ul li .img{
float:left;
}

.areaohterBox .rightbox .guide ul li .maintxt{
float:right;
width:170px;
}

.areaohterBox .rightbox .guide ul li .maintxt .tit{
font-weight:bold;
margin-bottom:5px;
display:block;
}

.areaohterBox .rightbox .guide ul li .maintxt .txt{
margin-bottom:5px;
display:block;
}



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

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