@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : omotenashi.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */

#contents .con_pgtitle {
	background: url(../rooms/images/bg_title.jpg) center 0 no-repeat;
	/*padding-bottom:128px;*/
	padding-top:47px;
}

#contents .con_pgtitle h2 {
	background: url(../rooms/images/st_title.png) no-repeat;
	width: 1260px;
	margin: 0 auto;
	height: 0;
	padding-top: 81px;
	overflow: hidden;
}

/*イントロ*/
#contents .con_int {
	background: url(../rooms/images/txt_int.jpg) no-repeat;
	overflow: hidden;
	width: 950px;
	height: 420px;
	margin: 0 auto;
}

#contents .con_int .con_welcome {
    padding: 340px 0 0 140px;
}

/*客室*/

#contents .con_rooms {
	width:1260px;
	margin:0 auto;
}

#contents .con_rooms h3 {
	background: url(../rooms/images/sst_line.png) bottom repeat-x;
	padding: 50px 0;
	text-align: center;
}

#contents .con_rooms .det_room {
    padding: 10px;
    overflow: hidden;
    margin: 70px 0;
    border-bottom: 1px solid #9d9d9d;
}

#contents .con_rooms .det_room h4{
    float: left;
    margin-right: 60px;
}
#contents .con_rooms .det_room p.pic {
    float: left;
    margin-right: 60px;
}
#contents .con_rooms .det_room p.txt {
    float: left;
}
#contents .con_rooms .det_room p.btn {
    float: right;
    margin: 100px 20px 20px;
}
#contents .con_rooms .con_det_room {
	overflow:hidden;
}
#contents .con_rooms .det_room_harf {
    padding-left: 96px;
    overflow: hidden;
    margin: 70px 0;
    width:533px;
    float:left;
}
#contents .con_rooms .det_room_harf p.txt {
	float:left;
}
#contents .con_rooms .det_room_harf_l {
    padding: 10px;
    overflow: hidden;
    margin: 70px 0;
    width:609px;
    float:left;
}
#contents .con_rooms .det_room_harf_l {
	border-right: 1px solid #9d9d9d;
}
#contents .con_rooms .det_room_harf h4{
    float: left;
    margin-right: 60px;
}
#contents .con_rooms .det_room_harf_l h4{
    float: left;
    margin-right: 60px;
}
#contents .con_rooms .det_room_harf p.pic {
    float: left;
    /*margin-right: 60px;*/
}
#contents .con_rooms .det_room_harf_l p.pic {
    float: left;
    margin-right: 60px;
}
#contents .con_rooms .det_room_harf p.txt {
    padding-left: 100px;
}
#contents .con_rooms .det_room_harf_l p.txt {
    float: left;
    padding-left: 100px;
}
#contents .con_rooms .det_room_harf p.btn {
    float: right;
    margin: 100px 20px;
}
#contents .con_rooms .det_room_harf_l p.btn {
    float: right;
    margin: 100px 20px;
}

/*お風呂・施設*/
#contents .con_facilities {
	width:1260px;
	margin:0 auto 20px;
	overflow:hidden;
}
#contents .con_facilities h3 {
	background: url(../rooms/images/sst_line.png) bottom repeat-x;
	padding: 50px 0;
	text-align: center;
	margin-bottom:30px;
}
#contents .con_facilities .det_faci {
	padding:30px;
	width:1048px;
	margin:0 auto;
	overflow: hidden;
}

#contents .con_facilities .det_faci h5 {
	width:525px;
}
#contents .con_facilities .det_faci ul {
	width: 525px;
    float: left;
    margin: 10px;
}
#contents .con_facilities .det_faci ul li.time {
    padding-top: 10px;
    float: left;
}
#contents .con_facilities .det_faci ul li.staff{
	float: right;
    text-align: center;
    font-size: 12px;
    padding-top: 58px;
}
#contents .con_facilities .det_faci p.pic {
	float: left;
    margin-left: 50px;
}
#contents .con_facilities .det_faci_02 {
	margin: 0 0 0 108px;
    width: 490px;
    float: left;
}
#contents .con_facilities .det_faci_02 h5 {
	padding-bottom:20px;
}
#contents .con_facilities .det_faci_02 p.pic {
	padding-left:20px;
}
/*テーブル*/
#contents .con_info {
	width:1260px;
	margin:0 auto 50px;
}
#contents .con_info h4 {
	background: url(../rooms/images/sst_info_line.png) bottom repeat-x;
    padding: 50px 570px;
    margin-bottom: 40px;
}
#contents .con_info .box_info {
    width: 1260px;
    border: 1px solid #585858;
}
#contents .con_info .box_info th {
    background-color: #d1eac3;
    border-bottom: 1px solid #A4A4A4;
    font-weight: normal;
    padding: 10px 0 10px 20px;
    text-align: left;
    width: 18%;
}
#contents .con_info .box_info td {
    background-color: #ffffff;
    border-bottom: 1px solid #A4A4A4;
    font-weight: normal;
    padding: 10px 0 10px 20px;
    text-align: left;
    width: 82%;
}