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

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

/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */


a:hover img {
	/* for IE */
	filter: alpha(opacity=80);
  -moz-opacity: 0.8;
	/* CSS3 standard */
	opacity: 0.8;
}
a:hover {
  cursor: pointer;
}
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
/*html {
	background: url(../images/bg_page.gif) repeat;
}*/
body {
	color: #5a5443;
	font-size: small;
	font-family: Verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	background: none;
	background: url(../img/bg_page.gif) repeat;
}

a:link {
	color: #8c1e14;
	text-decoration: underline;
}

a:visited {
	color: #8c1e14;
	text-decoration: underline;
}

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

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


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

.img_l {
	float: left;
}


.txt_c {
	text-align: center;
}

.txt_r {
	text-align: right;
}



/* -----------------------------------------------------------
	汎用class
----------------------------------------------------------- */
/* clearfix */
#hoge:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}


/* -----------------------------------------------------------
	#page

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


/* -----------------------------------------------------------
	#header
	　ヘッダー
----------------------------------------------------------- */
#header {
	margin-bottom: 35px;
	width: 950px;
}



/* #gnav
----------------------------------------------------------- */

#header .gnav_wrap {
	background: url(../img/bg_gnav.gif) repeat-x bottom;
	position: relative;
	z-index: 100;
	width: 950px;
	height: 145px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
	margin-top: -70px;
	}

#header .gnav_wrap h1 img{
	vertical-align: bottom;
	}
#header .gnav_wrap h1{
	padding-left: 20px;
	}
#header .gnav_wrap .ninsyo {
	width: 123px;
	float: left;
	margin: 20px;
}

#header #nav_group {
	overflow: hidden;
	width: 325px;
}

#header #nav_group li{
	float: left;
	margin-left:6px;
}

#header #nav_group li a{
	display: block;
	height:0;
	overflow: hidden;
}

#header #nav_group #gnav{
	overflow: hidden;
	}

#header #nav_group #gnav li a{
	padding: 144px 0 0 0;
	width: 29px;
	}

/*プラン・ご予約*/
#header #nav_group #gnav .gnav_plan a{
	background: url(../img/gnav_plan.gif) no-repeat  0 -144px;
	}

#header #nav_group #gnav .gnav_plan a:hover,
#rooms #header #nav_group #gnav .gnav_plan a.active{
	background: url(../img/gnav_plan.gif) no-repeat  0 0;
	}

/*空室検索*/
#header #nav_group #gnav .gnav_sea a{
	background: url(../img/gnav_sea.gif) no-repeat  0 -144px;
	}

#header #nav_group #gnav .gnav_sea a:hover,
#dishes #header #nav_group #gnav .gnav_sea a.active{
	background: url(../img/gnav_sea.gif) no-repeat  0 0;
	}


/*特別フロア「王朝」*/
#header #nav_group #gnav .gnav_exe a{
	background: url(../img/gnav_exe.gif) no-repeat  0 0;
	}

#header #nav_group #gnav .gnav_exe a:hover,
#executive #header #nav_group #gnav .gnav_exe a.active{
	background: url(../img/gnav_exe.gif) no-repeat  0 -144px;
	}

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

#header #nav_group #gnav .gnav_roo a:hover,
#rooms #header #nav_group #gnav .gnav_roo a.active{
	background: url(../img/gnav_roo.gif) no-repeat  0 -144px;
	}

/*お料理*/
#header #nav_group #gnav .gnav_dis a{
	background: url(../img/gnav_dis.gif) no-repeat  0 0;
	}

#header #nav_group #gnav .gnav_dis a:hover,
#dishes #header #nav_group #gnav .gnav_dis a.active{
	background: url(../img/gnav_dis.gif) no-repeat  0 -144px;
	}

/*温泉*/
#header #nav_group #gnav .gnav_hot a{
	background: url(../img/gnav_hot.gif) no-repeat  0 0;
	}

#header #nav_group #gnav .gnav_hot a:hover,
#hotspring #header #nav_group #gnav .gnav_hot a.active{
	background: url(../img/gnav_hot.gif) no-repeat  0 -144px;
	}

/*朝食バイキング*/
#header #nav_group #gnav .gnav_bre a{
	background: url(../img/gnav_bre.gif) no-repeat  0 0;
	}

#header #nav_group #gnav .gnav_bre a:hover,
#breakfast #header #nav_group #gnav .gnav_bre a.active{
	background: url(../img/gnav_bre.gif) no-repeat  0 -144px;
	}


/*アクセス*/
#header #nav_group #gnav .gnav_acc a{
	background: url(../img/gnav_acc.gif) no-repeat  0 0;
	}

#header #nav_group #gnav .gnav_acc a:hover,
#access #header #nav_group #gnav .gnav_acc a.active{
	background: url(../img/gnav_acc.gif) no-repeat  0 -144px;
	}

/*フォトギャラリー*/
#header #nav_group #gnav .gnav_pho a{
	background: url(../img/gnav_pho.gif) no-repeat  0 0;
	}

#header #nav_group #gnav .gnav_pho a:hover{
	background: url(../img/gnav_pho.gif) no-repeat  0 -144px;
	}

/*お客様の声*/
#header #nav_group #gnav .gnav_cus a{
	background: url(../img/gnav_cus.gif) no-repeat  0 0;
	}

#header #nav_group #gnav .gnav_cus a:hover{
	background: url(../img/gnav_cus.gif) no-repeat  0 -144px;
	}



/* ホバーとアクティブ状態 */
#header #gnav li a:hover,
#rooms #header #gnav li.gnav_roo a,
#rooms #header #gnav li.gnav_roo a,
#hotspring #header #gnav li.gnav_hot a,
#dishes #header #gnav li.gnav_dis a,
#facilities #header #gnav li.gnav_fac a{
	background-position: -144px 0;
}


/* -----------------------------------------------------------
	#contents
	　コンテンツ
----------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
}


/* -----------------------------------------------------------
	#main　メイン
----------------------------------------------------------- */
#main {
	width: 720px;
	float: left;
}


/* -----------------------------------------------------------
	#side　サイド
----------------------------------------------------------- */
#side {
	width: 202px;
	float: right;
	position: relative;
}
#side .box_s_sea {
	background-color: #fff;
	border-right: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	text-align: center;
	overflow: hidden;
	padding-top: 75px;
}
#side .box_s_sea .st_s_search {
	position: absolute;
	top: 0;
	left: 0;
}
#side .box_s_sea .btn_s_search {
	margin-bottom: 7px;
}
#side .box_s_sea .btn_s_plan {
	margin-bottom: 7px;
}
#side .box_s_sea .btn_s_ana {
	margin-bottom: 13px;
}
#side .bn_s_tel {
	background-color: #fff;
	margin-bottom: 10px;
	/*padding-bottom: 15px;*/
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
}
#side .bn_exe {
	margin-bottom: 10px;
}
#side .box_s_acc {
	background-color: #fff;
	border: 1px solid #c2c2c2;
	color: #000;
	line-height: 1.2;
	margin-bottom: 5px;
}
#side .box_s_acc .txt_s_acc {
	padding: 10px;
}
#side .box_s_acc .txt_s_acc span {
	font-weight: bold;
	line-height: 1.5;
}
#side .bn_s_pho {
	margin-bottom: 5px;
}
#side .bn_pre {
	margin-bottom: 5px;
}
#side .bn_mag {
	margin-bottom: 5px;
}
#side .bn_cus {
	margin-bottom: 5px;
}


#side .box_s_acc{
	margin-top:8px;
	}

/* -----------------------------------------------------------
	#footer
	　フッター
----------------------------------------------------------- */
.box_f_ptop {
	margin: 50px auto 0 auto;
	width: 950px;
	clear: both;
	background: url(../img/bg_f_ptop.gif) repeat-x left top;
}

.box_f_ptop .btn_f_ptop {
	margin-right: 20px;
}

/* -----------------------------------------------------------
	#footer
	　フッター
----------------------------------------------------------- */
#footer {
	margin: 0 auto;
	width: 920px;
	clear: both;
	background: url(../img/bg_footer.gif) repeat-x left top;
	height: 210px;
	padding: 35px 20px 0 10px;
	color: #fff;
}
#footer .site_name{
	font-weight: bold;
	font-size: 12px;
	margin: 13px 0 5px 20px;
}
#footer .f_add{
	font-size: 10px;
	margin-left: 20px;
}
#footer .box_f_search{
	background: url(../img/bg_f_search.gif) repeat-x left top;
	padding: 52px 38px 0 38px;
	width: 516px;
	height: 110px;
}
#footer .box_f_search a{
	display: block;
	height: 56px;
}
#footer .box_f_search .btn_f_search{
	margin-bottom: 19px;
}
#footer .box_f_search .btn_f_plan{
	margin-bottom: 19px;
}
#footer .box_f_search .bn_f_tel{
	clear: both;
	margin: 0 0 20px 0;
	height: 42px;

}



/* -----------------------------------------------------------
	テーブル BASIC
----------------------------------------------------------- */
table.tbl_basic{
	font-size:11px;
	line-height:1.5;
	color:#000000;
	border-top:1px dotted #576e39;
	border-collapse:collapse;
}

table.tbl_basic th{
	text-align:center;
	font-weight:normal;
	color: #ffffff;
	background-image: url(../img/table_bg.jpg) ;
	background-repeat: repeat;
	background-color:#576e39;
	border-bottom:1px dotted #ffffff;
	padding:4px;
}

table.tbl_basic td{
	text-align:left;
	font-weight:normal;
	border-bottom:1px dotted #576e39;
	background-color:#f5fde8;
	padding:10px 8px;
}






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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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