@charset "utf-8";

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

種別 ： 中ページ共通css
適用 ： 中ページ

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

#main_title{
	padding-bottom: 16px;
}
#room{
	width: 530px;
}

/* 客室 リスト
============================================================================================== */
/*-- 箱設定 --*/
#room .box01{
	width:530px;
	background: url("img/list_bg01.jpg") 0 0 repeat-x;
	margin-bottom:18px;
	padding-bottom: 20px;
	padding-top: 20px;
}
#room .box01_02{
	width:530px;
	padding-top: 20px;
	margin-bottom:18px;
	padding-bottom: 20px;
	background: url("img/list_bg02.jpg") 0 0 repeat-x;
}
/*-- タイトル --*/
#room h4{
	border-bottom:1px solid #666633;
	padding-bottom:5px;
	text-align: right;
	width:490px;
	margin-left: 20px;
}
#room h4 span{
	float: left;
}
#room .f_box{
	width:490px;
	margin-left:20px;
	padding-top:12px;
}
#room #dotted_box{
	padding-bottom: 22px;
	margin-bottom: 20px;
	background: url("img/line01.jpg") 0 bottom repeat-x;
}
#room .f_box .col_l{
	float:left;
	width: 184px;
}
#room .f_box .col_l p{
	padding-left: 1px;
	padding-bottom: 12px;
}
#room .f_box .col_l ul{
	padding-left: 1px;
}
#room .f_box .col_l li{
	line-height: 1.6;
	padding: 0;
}
#room .f_box .col_l li span{
	display: block;
	padding-left: 14px;
	background: url("img/ob01.jpg") 0 5px no-repeat;
}
#room .f_box .col_r{
	width: 290px;
	float:right;
	padding-top: 5px;
}

#room #rline{
	margin:20px 0px 10px 20px;
}

/*-- 客室内整備 --*/
#rdetails{
	width:530px;
	padding-top: 20px;
}
#rdetails h5{
	padding-bottom: 10px;
}
#rdetails dl{
}
#rdetails dt{
}
#rdetails dt span{
	display: block;
	padding-left:16px;
	background: url("img/ob02.gif") 0 5px no-repeat;
}
#rdetails dd{
	padding-left:16px;
	padding-bottom: 12px;
}
#rdetails p{
	background-color:#E5DDD8;
	padding:8px 16px 10px 16px;
}


/* 右カラム内　設定
============================================================================================== */

/*-- 空室検索＆ご予約 --*/
#COL_R #search{
	width: 230px;
	margin-bottom:30px;
	padding-top: 12px;
	background: url("img/search_top.jpg") 0 0 no-repeat;
}
#COL_R #search2{
	width: 230px;
	padding-bottom: 12px;
	background: url("img/search_bottom.jpg") 0 bottom no-repeat;
}
#COL_R #search3{
	background: url("img/search_bg02.jpg") 0 0 repeat-y;
}
#COL_R #search4{
	padding: 0 16px;
	background: url("img/search_bg01.jpg") 0 0 no-repeat;
}

#COL_R #search p{
	padding-bottom: 8px;
	padding-left: 0px;
}
#COL_R #search .title{
	padding-bottom: 2px;
	padding-left: 0px;
}
#COL_R #search .s_title{
	padding-bottom: 2px;
	padding-left: 0px;
}
#COL_R #search .btn{
	text-align: center;
	cursor: pointer;
	padding: 0px;
}


/*-- 宿泊情報 --*/
#COL_R .side_col dd{
	padding: 14px 0 16px;
	border-bottom:1px solid #999;
	padding-left: 4px;
}
#COL_R .side_col li{
	line-height: 1.4;
}
#COL_R .side_col dd.none{
	padding: 14px 0 16px;
	border-bottom:none;
	padding-left: 4px;
}
#COL_R .side_col dd.none span{
	text-align: right;
	display: block;
	padding-top: 10px;
}