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

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	color: #303030;
	font-size: small;
	font-family: Arial, Verdana, Helvetica, sans-serif,"ＭＳ Ｐゴシック","MS PGothic";
	line-height: 1.5em;
	background: url(../images/bg_page.gif) center 0 repeat-y;
}

a:link { color: #303030; text-decoration: underline; font-weight: bold; }

a:visited { color: #303030; text-decoration: underline; font-weight: bold; }

a:hover { color: #303030; text-decoration: none; }

a:active { color: #303030; text-decoration: underline; }

a:hover img {
	/* for IE */
	filter:alpha(opacity=80);
  -moz-opacity:0.8;
	/* CSS3 standard */
	opacity:0.8;
}

/* フロート */
.fleft {float: left;}

.fright {float: right;}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.img_r {
	float: right;
}

.img_l {
	float: left;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0.1px;
	line-height: 0.1px;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
.clearfix  {
	display: block; 
}
/* End hide from IE-mac */


.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}



/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	margin: 20px auto;
	width: 950px;
	text-align: left;
}


/* -----------------------------------------------------------
	.m_banner	ヘッダーのバナー
	
----------------------------------------------------------- */
.m_banner {
	padding: 20px 0;
	overflow: hidden;
}

.m_banner p {
	text-align: center;
	margin-bottom: 10px;
}

.m_banner p img {
	margin: 0 auto 10px;
	display: block;
}

.m_banner p a {
	font-size: 115%;
	color: #0044cc;
}



/* -----------------------------------------------------------
	#header	ヘッダー
	
----------------------------------------------------------- */
#header {
	width: 950px;
	overflow: hidden;
	background: url(../images/bg_header.jpg) 0 0 no-repeat #f3f3f3;
}

#header h1,
#header p {
	float: left;
}

#header address {
	padding: 25px 0 0 0;
	float: right;
	width: 250px;
	font-size: 90%;
}


/* #gnav	グローバルメニュー
----------------------------------------------------------- */
#header #gnav {
	width:950px;
	height:53px;
	overflow:hidden;
}

#header #gnav li {
	width:190px;
	height:53px;
	float:left;
}

#header #gnav li a {
	height:0;
	padding-top:53px;
	display:block;
	overflow:hidden;
}

/* 魅力 */
#header #gnav li.gnav_poi { width:191px;}
#header #gnav .gnav_poi a {
	background:url(../images/menu/gnav_poi.gif) 0 0 no-repeat;
}

/* 客室 */
#header #gnav .gnav_roo a {
	background:url(../images/menu/gnav_roo.gif) 0 0 no-repeat;
}

/* 周辺マップ */
#header #gnav li.gnav_spo { width:189px;}
#header #gnav .gnav_spo a {
	background:url(../images/menu/gnav_spo.gif) 0 0 no-repeat;
}

/* 交通案内 */
#header #gnav .gnav_acc a {
	background:url(../images/menu/gnav_acc.gif) 0 0 no-repeat;
}

/* 宿泊プラン */
#header #gnav .gnav_rsv a {
	background:url(../images/menu/gnav_rsv.gif) 0 0 no-repeat;
}

#header #gnav .gnav_poi a:hover,
#header #gnav .gnav_roo a:hover,
#header #gnav .gnav_spo a:hover,
#header #gnav .gnav_acc a:hover,
#header #gnav .gnav_rsv a:hover,

#points #header #gnav .gnav_poi a,
#rooms #header #gnav .gnav_roo a,
#spots #header #gnav .gnav_spo a,
#access #header #gnav .gnav_acc a {
	background-position: 0 -53px;
}


/*----------------------------------------------------
	#contents	コンテンツ
	
----------------------------------------------------*/
#contents {
	width: 950px;
	overflow: hidden;
	background:url(../images/side/bg_side.gif) right 0 repeat-y;
}

/* Page Top ボタン */
.btn_ptop {
	padding-top: 40px;
	clear: both;
	text-align: right;
}


/*----------------------------------------------------
	#main	メイン
----------------------------------------------------*/
#main {
	padding-top: 10px;
	width: 718px;
	float: left;
}

/* .topicpath　パンくずリスト
----------------------------------------------------------- */
#main .topicpath {
	margin-bottom: 15px;
}

#main .topicpath li {
	margin-right: 3px;
	display: inline;
	font-size: 86%;
}

#main .topicpath li a {
	font-weight: normal;
	padding-right: 15px;
	background: url(../images/ic_topicpath.gif) right 3px no-repeat;
}

/* .btn_ptop_in　ページの先頭へ戻る（内部ページ）
----------------------------------------------------------- */
#main .btn_ptop_in {
	margin: 30px 0;
	padding-right: 22px;
	text-align: right;
}


/*----------------------------------------------------
	#side	サイド
----------------------------------------------------*/
#side {
	width: 232px;
	float: right;
}


/*	.con_reserves 	オンライン予約
----------------------------------------------------*/
#side .con_rsv {
	margin-bottom: 25px;
	padding: 64px 0 0 19px;
	width: 213px;
	height: 149px;
	background: url(../images/side/bg_reserves.jpg) 0 0 no-repeat;
}

#side .con_rsv li {
	margin-bottom: 8px;
	font-size: 0;
	line-height: 0;
}


/*	.bn_side 	バナー
----------------------------------------------------*/
#side .bn_side {
	margin-bottom: 25px;
}

#side .bn_side li {
	font-size: 0;
	line-height: 0;
}


/*	.con_info	インフォメーション
----------------------------------------------------*/
#side .con_info {
	margin-bottom: 25px;
	padding-top: 265px;
	width: 232px;
	height: 29px;
	text-align: center;
	background: url(../images/side/img_info.gif) 0 0 no-repeat;
}



/* -----------------------------------------------------------
	#footer	フッター
	
----------------------------------------------------------- */
#footer {
	padding: 1px 0 40px 0;
	width: 950px;
	background:#3d3d3d;
	margin: 0 auto;
}

/*	.logo 	ロゴ+リンク先
----------------------------------------------------*/
#footer .logo {
	width:950px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 90%;
	margin-bottom: 10px;
}

#footer address {
	margin-left:20px;
	color:#fff;
}

/*	.con_reserves 	オンライン予約
----------------------------------------------------*/
#footer .con_rsv {
	width: 950px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#footer .con_rsv h5 {
	margin-right: 25px;
}

#footer .box_rsv {
	display: flex;
}

#footer .box_rsv li {
	line-height: 0;
	margin-right: 20px;
}

#footer .box_rsv li:last-child {
	margin-right: 0;
}


/*	.tel 	楽天トラベルお問い合わせ
----------------------------------------------------*/
#footer .tel {
	width:205px;
	float: right;
	margin:30px 20px 0 15px;
}

#footer .tel h5 {
	margin:0 0 15px 0;
}


/*----------------------------------------------------
	テーブル BASIC
----------------------------------------------------*/
table.tbl_basic {
	border: 1px solid #cfcfcf;
	border-bottom: none;
}

table.tbl_basic th,
table.tbl_basic td {
	border: 1px solid #cfcfcf;
}

table.tbl_basic th {
	text-align: center;
	background: #f4f4f4;
	white-space: nowrap;
	padding: 5px 20px;
}

table.tbl_basic td {
	padding: 8px;
}

/* 背景 濃グレー */
table.tbl_basic .col_g {
	background: #303030;
	color: #fff;
}



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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}