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

 file name  :rooms.css
 author     :Ability Consultant
style info  :客室
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
ul#gnav li.gnav_roo a {
	background-position: 0 56px;
}

/* -----------------------------------------------------------
	.con_res mb
----------------------------------------------------------- */
.con_res {
	margin-bottom: 60px !important;
}

/* -----------------------------------------------------------
	.intro
----------------------------------------------------------- */
.intro {
	margin: 0 auto;
	background: url(https://www.hotel-suiko.jp/rktn/images/common/path_bottom_shadow.png) bottom left repeat-x #fff;
	padding-bottom: 30px;
}

.intro h2 {
	text-align: center;
	padding-top: 10px;
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
	margin: 30px 0 80px;
}

.con_intro h3 {
	margin: 0 auto 20px;
	text-align: center;
}

.con_intro .txt {
	text-align: center;
	margin-bottom: 20px;
}

.con_intro .col_intro {
	overflow: hidden;
	height: 0;
	background: url(https://www.hotel-suiko.jp/rktn/rooms/images/img_view.jpg) 0 0 no-repeat;
	width: 950px;
	padding-bottom: 438px;
	position: relative;
}

.con_intro .col_intro .del_intro {
	position: absolute;
	top: 280px;
	left: 20px;
}

.con_intro .col_intro .del_intro h4 {
	margin-bottom: 20px;
}

.con_intro .col_intro .del_intro .txt {
	width: 360px;
	text-align: left;
}

/* -----------------------------------------------------------
	.con_nav
----------------------------------------------------------- */
.con_nav {
	margin-bottom: 60px;
}

.con_nav ul {
	overflow: hidden;
	*zoom: 1;
	width: 950px;
	margin: 0 auto;
}

.con_nav li {
	width: 317px;
}

.con_nav ul li {
	float: left;
}

.con_nav ul li a{
	display: block;
	background: url(https://www.hotel-suiko.jp/rktn/rooms/images/nav_rooms.jpg) 0 0 no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 53px;
}

.con_nav ul li a:hover{
	background-position: 0 bottom;
}

.con_nav ul li.barrierfree a {
	background: url(https://www.hotel-suiko.jp/rktn/rooms/images/nav_rooms.jpg) -318px 0 no-repeat;
}

.con_nav ul li.barrierfree a:hover {
	background-position: -318px bottom;
}

.con_nav ul li.west {
	width: 316px;
}

.con_nav ul li.west a {
	background: url(https://www.hotel-suiko.jp/rktn/rooms/images/nav_rooms.jpg) -635px 0 no-repeat;
}

.con_nav ul li.west a:hover {
	background-position: -635px bottom;
}


/* -----------------------------------------------------------
	.con_rooms
----------------------------------------------------------- */
.con_rooms{
	margin-bottom: 60px;
	overflow: hidden;
}
.con_rooms h3{
	margin-bottom: 20px;
}
.con_rooms .del_room{
	overflow: hidden;
	clear: both;
}
.con_rooms .inner_room{
	float: left;
}
.con_rooms .inner_room .txt{
	width: 490px;
	margin-bottom: 20px;
}
.con_rooms .inner_room .bn{
	margin-bottom: 20px;
}
.con_rooms ul li{
	float: left;
	margin-right: 10px;
}
.con_rooms ul li.last{
	margin-right: 0;
}

/* table */
.con_rooms table{
	float: right;
	width: 440px;
}
.con_rooms table tr{
	border-bottom: 1px dotted #d8dada;
}
.con_rooms table th{
	width: 140px;
	padding: 10px 10px 10px 14px;
	background: url(https://www.hotel-suiko.jp/rktn/images/common/pt_tex_gray.gif) repeat-x scroll 0 0;
}
.con_rooms table tr.head th {
	border-top: 3px solid #b0ccde;
}
.con_rooms table td{
	padding: 10px 10px 10px 14px;
	border: none;
}
.con_rooms table tr.head td{
	border-top: 3px solid #d8dada;
}


/* #west */
#west{
	background: url(https://www.hotel-suiko.jp/rktn/images/common/pt_border.gif) repeat-x top center;
	padding-top: 50px;
}
#west .img{
	float: left;
}
#west .del_room{
	float: right;
	width: 440px;
	clear: none;
}
#west ul{
	clear: both;
	margin-top: 20px;
	display: inline-block;
}


/* -----------------------------------------------------------
	.box_guidance
----------------------------------------------------------- */
.box_guidance h3 {
	margin-bottom: 20px;
}

.box_guidance table {
	width: 950px;
	margin: 0 auto;
}

.box_guidance table .head {
	border-bottom: 1px dotted #d8dada;
}

.box_guidance table .head th {
	width: 210px;
	border-top: 3px solid #b0ccde;
}

.box_guidance table .head td {
	border-top: 3px solid #d8dada;
	background: #fff;
}

.box_guidance table th {
	background: url(https://www.hotel-suiko.jp/rktn/images/common/pt_tex_gray.gif) 0 0 repeat-x;
}

.box_guidance table tr {
	border-bottom: 1px dotted #d8dada;
}

.box_guidance table tr th {
	padding: 10px 10px 10px 14px;
}

.box_guidance table tr td {
	background: #fff;
	padding: 10px 10px 10px 14px;
	border: none;
}