@charset "utf-8";
/* top.css */

/*======================================

    メイン(右)エリアTOP

=======================================*/
#top #main_area{
    　　　　　margin: 0 auto;
	padding: 0;
	border: 0;
	width: 715px;
	float: right;
	background: none;
}

/*======================================

	table.vacancy_list
	空室カレンダー

=======================================*/

#top div#calendar table.vacancy_list{
	width:674px;
	margin:0;
	padding:0;
	background:#333333;
	border: 1px solid #4F4339;
	border-collapse: collapse;
	border-spacing: 0;
}
#top div#calendar table.vacancy_list tr{
	width:674px;
	margin:0;
	padding:0;
}

#top div#calendar table.vacancy_list td,
#top div#calendar table.vacancy_list th{
	border: 1px solid #4F4339;
	width:41px;
	margin:0;
	padding:0;
	height:2em;
	text-align:center;
}
#top div#calendar table.vacancy_list th.th_wide{
	width:100px;
	font-size:0.8em;
	font-weight:normal;
	text-align:center;
}

#top div#calendar table.vacancy_list th.month{
	width:674px;
	font-size:0.8em;
	font-weight:normal;
	text-align:center;
}

#top div#calendar table.vacancy_list tr.tr_header th{
	background:#7E7165;
	text-align:center;
	color:#fff;
	font-weight:normal;
	font-size:0.85em;
}

#top div#calendar table.vacancy_list tr.tr_header th.vacancy_list_sat{
	background:#606971;
}

#top div#calendar table.vacancy_list tr.tr_header th.vacancy_list_sun{
	background:#8F6F6F;
}

/*======================================

	料金バナー

=======================================*/
/* リンク用 */
#top a#bn_ryoukin{
	width:675px;
	height:110px;
	overflow:hidden;
	margin:0 0 0px 20px;
}

/*======================================

	quoカードバナー

=======================================*/
#top a#bn_quo_s{
	width:225px;
	overflow:hidden;
	margin:0px 0px 10px 20px;
}

#top .bn_quo{
	width:225px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}

/*======================================

	bestrateバナー

=======================================*/
#top a#bn_bestrate{
	display:block;
	width:675px;
	overflow:hidden;
	margin:20px auto 0 auto;
}
/*======================================

	ご予約はこちらから

=======================================*/

#top a.bt_yoyaku_s{
	display:block;
	width:120px;
	overflow:hidden;
	margin:0 0 20px 0;
}

/*======================================

	詳細はこちらから

=======================================*/

#top a.bt_syousai_s{
	display:block;
	width:80px;
	overflow:hidden;
	margin:0 0 20px 0;
}


/*======================================

	サービス

=======================================*/
#top ul#ul_service{
	width:675px;
	clear:both;
	margin:10px auto;
}

#top ul#ul_service li{
	float:left;
	width:157px;
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
}

#top ul#ul_service li.list_nomargin{
	margin:0;
}

#top ul#ul_service li p{
	width:157px;
	margin:12px 0;
	line-height:1.5em;
	color:#3A2C22;
	font-size:0.85em;
}
* html #top ul#ul_service li p{
	font-size:0.7em;
}

#top ul#ul_service li#service_bed a.service_img,
#top ul#ul_service li#service_makura a.service_img,
#top ul#ul_service li#service_card a.service_img,
#top ul#ul_service li#service_business a.service_img{
	clear:both;
	display:block;
	margin:0;
}
/*======================================

	男女別浴場

=======================================*/

#top a#bn_hotspa{
	clear:both;
	display:block;
	width:675px;
	overflow:hidden;
	margin:20px auto;
}

/*======================================

	新着情報

=======================================*/

#top ul#feed{
	width:675px;
	margin:10px auto;	
}

#top ul#feed li{
	list-style:none;
	color:#3A2C22;
	background: url(../images/feed_list_bottom.gif) left bottom repeat-x;
	padding:5px 0;
}

#top ul#feed li span.feed_day{
	margin:0 15px 0 0;
}

/*======================================

	すべてのプラン表示

=======================================*/
#top a#all_plan{
	display:block;
	width:400px;
	overflow:hidden;
	margin:10px auto 0 20px;
}

/*======================================

	プラン グループ表示

=======================================*/
#top #plan_group{
	width:675px;
	clear:both;
	margin:8px auto;
}

#top #plan_group .plans{
	width:128px;
	margin: 0 8px 20px 0;
	float:left;
}

#top #plan_group .plans_nomargin{
	width:128px;
	margin: 0;
	float:left;
}


#top #plan_group .plans h4,
#top #plan_group .plans_nomargin h4{
	width:128px;
	height: 41px;
	clear:both;
	margin: 0 0 10px;
}

#top #plan_group .plans p{
	line-height:1.5em;
}
/*======================================

	googlemap

=======================================*/
#top div#map{
	width:320px;
	height:220px;
	float:left;
	background:#CCCCCC;
	margin:10px 0 0 20px;
	_margin:10px 0 0 10px;
	border: #C5C0BA 1px solid;
}


/*======================================

	tripadvisor

=======================================*/
.tripadvisor {
	margin:auto;
    background: none repeat scroll 0 0 #CAC4AD;
    color: #706640;
    font-size: 10px;
    padding: 5px;
	width:180px;
}


.tripadvisor p{
	margin:auto;
    font-size: 10px;

}

/*======================================

   サブタイトル_今月人気プラン（st_○○○○）
	
=======================================*/

h3.st2{
    margin: 0 auto 10px auto;
	padding: 0 0 0 15px;
	border: 0;
	width: 660px;
	height: 50px;
	line-height: 50px;
	font-weight: normal;
	clear: both;
	background: url(../images/st_bg2.gif) center top no-repeat;

}

h3.st2 p{
	padding: 2px 0 0 35px;
	line-height: 50px;
	font-size:17px;
	color:#2C0300;
}

a:hover img{
	opacity:0.9;
}


#top .bn_yoyaku {
	margin: 0 0 30px 10px;
}