@charset "Shift_JIS";

@import "style.css";

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

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


/* ------ contents reset ------ */

#contents_wrap {
	width: 950px;
	margin:20px 0 0 0;
	padding:0;
}


#contents {
	float: none;
	width: 950px;
}

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

#contents_wrap #pank{
margin:5px 0 8px 0;
}

#pank .howto{
float:right;
}	

#contents_wrap #ct_topimg{
width:950px;
height:140px;
background:url(../dom_hotel/img/bg_top.jpg) no-repeat;
}

#ct_topimg h1{
padding:35px 23px 18px 23px;
}

#ct_topimg span.txt{
display:block;
font-weight:bold;
padding:0 23px 0 23px;
color:#666666;
}



#contents #left_block{
width:520px;
float:left;
}

#contents #right_block{
width:410px;
float:right;
}

/* ------ TopInfo ------ */

#TopInfo{
padding:20px 0px 10px 30px; 
}

#TopInfo ul.infotxt {
margin: 0px;
padding: 0px;
}

#TopInfo ul.infotxt li{
float:left;
width:270px;
margin-right:10px;
padding-top:2px;
}

#TopInfo ul.infotxt li.howto{
float:right;
width:65px;
margin-left:5px;
padding-top:0px;
}

#TopInfo ul.infotxt li span{
display:block;
padding-left:45px;
}

#TopInfo ul.infotxt li span.icon_news{
background:url(../img/icon_news.gif) top left no-repeat;
}

#TopInfo ul.infotxt li span.icon_feature{
background:url(../img/icon_feature.gif) top left no-repeat;
}

#TopInfo ul.infotxt li span.icon_topics{
background:url(../img/icon_topics.gif) top left no-repeat;
}

#TopInfo ul.infotxt li span.icon_attention{
background:url(../img/icon_attention.gif) top left no-repeat;
}

/* ------ left_block ------ */

/*searchmap*/
#left_block .searchmap{
margin:4px 0 5px 0
}

#left_block .searchmap h2{
margin:0;
padding:0;
}

#left_block .searchmap_bg{
background:url(../dom_hotel/img/bg_searchmap.gif) no-repeat top left;
width:520px;
height:300px;
}

#left_block span.flashmapbox{
display:block;
padding:17px 22px 23px 20px;
}

/*ranking*/
#left_block .ranking {
	margin-bottom:20px;
}

#left_block .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;
}
#left_block .ranking .ranking_bg {
	border-bottom:1px #CCC solid;
	margin-bottom:5px;
}
#left_block .ranking ul.top {
	float:left;
	width:220px;
}
#left_block .ranking ul.top li {
	margin-right:15px;
	border-bottom:none;
}
#left_block .ranking ul.top li .rank {
	margin-bottom:3px;
}
#left_block .ranking ul.top li .photo {
	background: url(../pref/img/bg_photoframe.gif) no-repeat;
	width:183px;
	height:140px;
	margin-bottom:10px;
}
#left_block .ranking ul.top li .photo img {
	padding:5px;
	width:169px;
}
#left_block .ranking ul.next {
	float:right;
	width:300px;
}
#left_block .ranking ul.next li {
	padding:5px 0;
	border-bottom:1px #999999 dotted;
}
#left_block .ranking ul li.lastChild {
	border-bottom:none;
}
#left_block .ranking ul li .name {
	font-weight:bold;
	padding-top:2px;
	padding-left:35px;
	min-height:15px;
	_height:17px;
	margin-bottom:5px;
}
#left_block .ranking ul.top li .name {
	font-weight:bold;
	width:200px;
	padding:0px;
	min-height:12px;
	_height:12px;
	margin-bottom:5px;
}
#left_block .ranking ul li .rank02 {
	background: url(../pref/img/icon_2nd.gif) no-repeat;
	_width:265px;
}
#left_block .ranking ul li .rank03 {
	background: url(../pref/img/icon_3rd.gif) no-repeat;
	_width:265px;
}
#left_block .ranking ul li .rank04 {
	background: url(../pref/img/icon_4th.gif) no-repeat;
	_width:265px;
}
#left_block .ranking ul li .rank05 {
	background: url(../pref/img/icon_5th.gif) no-repeat;
	_width:265px;
}
#left_block .ranking ul li .detail {
	padding-left:3px;
	margin-bottom:3px;
}
#left_block .ranking ul li .detail .price {
	color:#dd3300;
}
#left_block .ranking ul li .plan {
	text-align:right;
	margin-bottom:3px;
}
#left_block .ranking ul li .main .name {
	float:none;
	margin-bottom:5px;
}
#left_block .ranking ul li .main .area_top {
	margin-bottom:5px;
	margin-left:10px;
	float:none;
}
.areaohterBox.rightbox .ranking ul li .name {
	float:left;
	font-weight:bold;
}
#left_block .ranking ul li .name img {
	vertical-align:middle;
	margin-right:5px;
}
#left_block .ranking ul li .area {
	float:right;
}
#left_block .ranking ul li.lastChild {
	border-bottom:none;
}


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

#left_block .ranking .more{
padding-top:0px;
text-align:left;
}

#left_block .ranking .more .note{
font-size:90%;
text-align:right;
}

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



/*#left_block .ranking .note {
	font-size:90%;
}*/

/*feature*/
#left_block .feature{
border-bottom:1px solid #cfcfcf;
padding-bottom:5px;
}

#left_block .feature .titlebd{
border:1px #b9b9b9 solid;
padding:1px;
background:#FFFFFF;
margin-bottom:8px;
}

#left_block .feature .titlebd h2{
padding:4px 5px;
background:#eee;
}

#left_block .feature .featurett{
margin:5px 0 5px 7px;
}

#left_block .feature ul.imglist{
margin-left:7px;
padding-bottom:5px;
}

#left_block .feature ul.imglist li{
margin-right:20px;
float:left;
}

#left_block .feature ul.imglist li.end{
margin-right:0;
}

#left_block .feature ul.imglist li{
float:left;
width:245px;
}

#left_block .feature ul.imglist li span.img{
display:block;
border:1px #CCC solid;
margin-right:6px;
float:left;
}

#left_block .feature ul.imglist li span.img img{
border:1px #FFF solid;
}

#left_block .feature ul.imglist li span.tx1{
display:block;
float:left;
width:216px;
}

#left_block .feature ul.imglist li span.tx2{
display:block;
float:left;
width:135px;
}

#left_block .feature ul.imglist li span.tx3{
display:block;
float:left;
width:195px;
}

#left_block .feature ul.imglist li .title{
font-weight:bold;
line-height:110%;
margin-bottom:2px;
}

#left_block .feature ul.imglist li .j11{
line-height:110%;
}

#left_block .feature li.toolbar {
	background:#e4f2ff;
}
#left_block .feature li.toolbar .title {
	margin-top:3px;
}



/*right_block*/

#right_block .searchcon{
background:url(../dom_hotel/img/bg_searchcon.gif) repeat-y;
width:410px;
margin-bottom:15px;
}

#right_block .searchcon .endimg{
padding:0;
margin:0;
}

#right_block .searchcon .indtxt{
margin:0 0 10px 0;
padding:0;
text-align:right;
}

#right_block .searchcon .formbox{
margin:5px 10px 10px 10px;
}

#right_block .searchcon .formbox .txtmar{
margin-top:4px;
margin-left:5px;
}

#right_block .searchcon .bottomlink{
margin-left:7px;
margin-right:5px;
background:url(../img/bg_formbottom.gif) repeat-x;
}

#right_block .searchcon .bottomlink ul.links{
padding:7px 0px 7px 10px;
}

#right_block .searchcon .bottomlink ul.links li{
float:left;
margin-right:20px;
}

#right_block .searchcon .bottomlink ul.links li a{
background: url(../img/arrow_02.gif) no-repeat center left;
padding-left:19px;
}

#right_block .searchcon .bottomsearch{
background:url(../img/line_wdot05.gif) top repeat-x;
margin-left:12px;
margin-right:10px;
padding:7px 0px;
text-align:center;
}

#right_block .searchcon .formbox dl{
margin-bottom:13px;
}

#right_block .searchcon .formbox dl dt{
float:left;
width:90px;
}

#right_block .searchcon .formbox dl dd{
float:right;
width:300px;
}

#right_block .searchcon .formbox dl dd p{
margin-top:3px;
width:100px;
}

#right_block .searchcon .formbox dl dd.w1{
float:left;
width:155px;
}

#right_block .searchcon .formbox dl dt.w2{
float:left;
width:65px;
}

#right_block .searchcon .formbox dl dd.w2{
float:left;
width:80px;
}


#right_block .searchcon .formbox dl dd .calendar a{
display:block;
background: url(../img/icon_calendar.gif) 2px center  no-repeat;
padding:1px 0 1px 25px;
margin:auto;
}

#right_block .othersearch {
margin:0 3px 10px 7px;
padding:0px;
border:1px #ccc solid;
}


#right_block .othersearch .titlebd{
background:url(../img/bg_title01.gif) repeat-x;
border:1px #fff solid;
}

#right_block .othersearch h2{
margin:5px 3px;
padding:3px 8px;
border-left:3px #666 solid;
}

#right_block .othersearch h2.yado{
background:url(../dom_hotel/img/icon_yadocatalog.gif) no-repeat;
margin:5px 3px;
padding:3px 8px 3px 40px;
border-left:none;
}

#right_block .othersearch .box{
padding:8px 5px 6px 15px;
border-top:1px #ccc solid;
}


#right_block .othersearch ul.search li{
float:left;
margin-right:3px;
}

#right_block .othersearch ul.search li.btn{
margin-right:0;
}

#right_block .othersearch ul.search li.arrow01 a{
display:block;
padding:0 0 0 12px;
margin-top:5px;
margin-left:10px;
background:url(../img/arrow_01.gif) left center no-repeat;
}

#right_block .othersearch p.arrow02 a{
display:block;
background: url(../img/arrow_02.gif) no-repeat center left;
padding:3px 5px 3px 19px;
}

#right_block .popular {
	margin:0px 3px 10px 7px;
	border:1px #cccccc solid;
}
#right_block .popular h2 {
	padding:6px;
	background:#eeeeee;
	color:#cc3300;
}


#right_block .popular dl {
	padding:0px 6px;
	margin:6px 0px;
}

#right_block .popular dt {
	float:left;
	width:45px;
}
#right_block .popular dt a {
	color:#404040;
}
#right_block .popular dd {
	float:left;
	width:340px;
}

#right_block .btnbox{
margin:20px 0 10px 7px;
padding:0px;
}

#right_block .btnbox ul.btn{
margin-bottom:20px;
}

#right_block .btnbox ul.btn li{
float:left;
margin-right:20px;
}

#right_block .btnbox ul.btn li.end{
margin-right:0px;
}