<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* ===================================================================
CSS information

 file name  :stay.css
 author     :Ability Consultant
style info  :各客室ページ設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	.con_st_rest 	客室見出し
----------------------------------------------------------- */
#stay .con_st_room {
	margin-bottom: 25px;
	text-align: center;
	font-size: 140%;
	font-weight: normal;
}


/* -----------------------------------------------------------
	.con_slide 	レストランスライド
----------------------------------------------------------- */
#stay .con_slide {
	margin-bottom: 40px;
	padding-bottom: 40px;
	height: 285px;
	overflow: hidden;
	position:relative;
}

#stay .con_slide p.ic_view{
	bottom: 10px;
    position: absolute;
    right: 10px;
	z-index:100;
}

#stay .bxslide_rest .bx-viewport,
#stay .bxslide_rest .bx-viewport li{
	height: 285;
	overflow: hidden;
}


/* LOADER */
#stay .bxslide_rest .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
#stay .bxslide_rest .bx-wrapper .bx-pager {
	margin-top: -40px;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 999;
}

/* PAGER */
#stay .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

#stay .bx-wrapper .bx-pager .bx-pager-item,
#stay .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#stay .bx-wrapper .bx-pager.bx-default-pager a {
	background: #f00;
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 13px;
	margin: 0 3px;
	outline: 0;
	background: url(../images/bg_dotted.png) 0 0 no-repeat;
}

#stay .bx-wrapper .bx-pager.bx-default-pager a:hover,
#stay .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position: 0 -13px;
}


/* -----------------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------------- */
#stay .con_intro {
	margin-bottom: 20px;
	text-align: center;
}


/* -----------------------------------------------------------
	.con_information		客室のご案内
----------------------------------------------------------- */
#stay .con_information {
	/*background: url(../rooms/images/arrow_line.gif) center bottom no-repeat;*/
	overflow: hidden;
	padding-bottom: 50px;
}

#stay .con_information h4 {
	text-align: center;
}

#stay .con_information dl {
	padding: 15px;
	clear: both;
	border: 1px dotted #B7B7B7;
}

#stay .con_information dl dt {
	margin-bottom: 10px;
	font-weight: bold;
}


/* .box_layout		間取り図
----------------------------------------------------------- */
#stay .con_information .box_layout {
	padding-top: px;
	width: 500px;
	float: left;
	position:relative;
}

/* インドアビューボタン */

#stay .con_information .box_layout a{
	position:absolute;
	background: url(../rooms/images/rooms/ic_view_map.png) no-repeat center bottom;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:50px;
	height:55px;
}

#stay .con_information .box_layout a:hover {
	background: url(../rooms/images/rooms/ic_view_map.png) no-repeat center top;
}

#stay .con_information .box_layout .luxury_style a{
	top:100px;
	left:240px;
}

#stay .con_information .box_layout .deluxe_style a{
	top:70px;
	left:245px;
}

#stay .con_information .box_layout .deluxe_you a{
	top:120px;
	left:238px;
}

#stay .con_information .box_layout .deluxe_wayoub a{
	top:110px;
	left:233px;
}

#stay .con_information .box_layout .executive_suite4 a{
	top:97px;
	left:250px;
}

#stay .con_information table.rooms {
	width: 100%;
	margin-bottom: 10px;
}

#stay .con_information table.rooms caption{
	font-size: 130%;
	margin-bottom: 3px;
}

#stay .con_information table.rooms td{
	padding: 7px 15px;
}

/* .box_l		左カラム 詳細
----------------------------------------------------------- */
#stay .con_information .box_l {
	padding-top: 30px;
	width: 420px;
	float: left;
	margin-bottom: 40px;
}

/* .box_fac		右カラム 客室設備
----------------------------------------------------------- */
#stay .con_information .box_fac {
	padding-top: 30px;
	width: 530px;
	float: right;
	margin-bottom: 40px;
}

/* .box_r		右カラム
----------------------------------------------------------- */
#stay .con_information .box_r {
	padding-top: 30px;
	width: 430px;
	float: right;
	margin-bottom: 40px;
}

#stay.dogfriendly .con_information .box_r {
	margin-bottom: 30px;
}

#stay .con_information .box_r table {
	margin-bottom: 10px;
}

#stay .con_information .box_r table th {
	width: 160px;
}

#stay .con_information .btn_terms {
	padding-top: 5px;
}

#stay .con_information .box_r td ul {
	padding: 10px 0 10px 20px;
}

#stay .con_information .box_r td ul li {
	margin-bottom: 5px;
	list-style: circle outside;
}

#stay .con_information .box_r .comment{
	font-size: 80%;
	margin-bottom: 20px;
}



/* .con_iframe		右カラム
----------------------------------------------------------- */
#stay .con_iframe {
	margin: 0 auto;
	width: 570px;
}

#stay .con_iframe h2 {
	margin-bottom: 30px;
	padding-top: 15px;
	text-align: center;
	width: auto;
}

/* テーブル設定 */
table.tbl_iframe {
	width: 100%;
}
table.tbl_iframe th {
	width: 150px;
	border: 1px solid #fff;
	text-align: left;
	padding: 10px;
	background: #e3e3e3;
	color:#666666;
	font-weight:normal;
}

table.tbl_iframe th.bg03 {
	background: #efefef;
	width: 80px;
}

table.tbl_iframe td {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 15px;
	text-align: center;
	text-align: left;
	color:#666666;
	font-weight:normal;
	border:1px solid #efefef;
}

table.tbl_iframe .left {
	text-align: left;
	padding: 5px 15px;
}

/* .box_impediment		バリアフリー対応
----------------------------------------------------------- */
.box_impediment {
	margin: 0 0 70px 30px;
}
.box_impediment .wrp_impediment {
	padding: 20px;
	border: 2px solid #ccc;
	background-color: rgb(247,247,247);
}
.box_impediment .wrp_impediment h4 {
	margin-bottom: 20px;
}
.box_impediment .wrp_impediment .photo {
	text-align: center;
}
.box_impediment .wrp_impediment .photo img {
	width: 95%;
	margin-bottom: 20px;
}
.box_impediment .wrp_impediment .btn_suite {
	text-align: center;
	margin-bottom: 10px;
	padding-top: 25px;
}

/* -----------------------------------------------------------
	.con_360view		360°パノラマビュー
----------------------------------------------------------- */
#stay .con_view {
	margin-bottom: 40px;
	padding: 20px 0 ;
	background: url(../images/bg_contents_line.gif) center top no-repeat ;
	overflow: hidden;
}
#stay .con_view h4 {
	text-align: center;
	padding-bottom:20px;
}
#stay .box_view iframe{
	padding-bottom:10px;
	border:1px solid #CCC;
	padding:4px;
	margin-bottom:7px;
}
#stay .box_view a.lmap img{
	padding-left:5px;
}

/* -----------------------------------------------------------
	.m_rooms		客室タイプメニュー
----------------------------------------------------------- */
#stay .m_rooms {
	margin-bottom: 40px;
	padding: 15px 0 0 15px;
	background: url(../images/bg_contents_line.gif) center top no-repeat;
	overflow: hidden;
}

#stay .m_rooms h4 {
	text-align: center;
}

#stay .m_rooms h5 {
	margin: 45px 0 15px 0;
	text-align: center;
	background: #efefef;
}

#stay .m_rooms h5.standard {
	margin: 25px 0 15px 0!important;
}

#stay .m_rooms h5.st_exe {
	background: #e3e3e3;
}

#stay .m_rooms h5.st_pet {
	background: #c9c9c9;
}

#stay .m_rooms ul {
	overflow: hidden;
}

#stay .m_rooms ul.line {
	border-bottom: 1px solid #efefef;
}

#stay .m_rooms ul li {
	border-left: 1px solid #efefef;
	float: left;
	font-size: 0;
	line-height: 0;
}

#stay .m_rooms ul li:first-child {
	border-left: none;
}

#stay .m_rooms ul li:hover,
#stay.superior_style .m_rooms ul li.btn_superior_style,
#stay.deluxe_style .m_rooms ul li.btn_deluxe_style,
#stay.luxury_style .m_rooms ul li.btn_luxury_style,
#stay.premium_deluxe .m_rooms ul li.btn_premium_deluxe,
#stay.executive .m_rooms ul li.btn_executive,
#stay.superior_room .m_rooms ul li.btn_superior_room,
#stay.deluxe_you .m_rooms ul li.btn_deluxe_you,
#stay.deluxe_wayoua .m_rooms ul li.btn_deluxe_wayoua,
#stay.deluxe_wayoub .m_rooms ul li.btn_deluxe_wayoub,
#stay.luxury_room .m_rooms ul li.btn_luxury_room,
#stay.dogfriendly .m_rooms ul li.btn_dogfriendly,
#stay.superior_deluxe .m_rooms ul li.btn_superior_deluxe,
#stay.superior_luxury .m_rooms ul li.btn_superior_luxury,
#stay.junior_suite .m_rooms ul li.btn_junior_suite,
#stay.luxury_suite .m_rooms ul li.btn_luxury_suite,
#stay.premium_room .m_rooms ul li.btn_premium_room,
#stay.premium_corner .m_rooms ul li.btn_premium_corner,
#stay.executive_suite2 .m_rooms ul li.btn_executive_suite2,
#stay.executive_suite4 .m_rooms ul li.btn_executive_suite4,
#stay.presidential_suite .m_rooms ul li.btn_presidential_suite {
	background: #ebebeb;
}





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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}</pre></body></html>