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

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

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
html {
	background: url(../images/bg_html.gif) repeat;
}

body {
	background: url(../images/bg_body.gif) repeat-x;
	color: #503e27;
	font-size: small;
	font-family: verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

a:link {
	color: #4a9479;
	text-decoration: underline;	
}

a:visited {
	color: #4a9479;
	text-decoration: underline;
}

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

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


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

.img_l {
	float: left;
}

.txt_r {
	text-align: right;
}

.txt_c {
	text-align: center;
}

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


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 100%;
	background: url(../images/bg_page.jpg) no-repeat center 0;
	text-align: left;
}


/*----------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------*/
#header {
	width: 950px;
	margin: 0 auto 10px auto;
	font-size: 0;
	overflow: hidden;
}

/* logo
-----------------------------------------------*/
#header h1 {
	margin: 15px 0 0 0;
	float: left;
}

/* #hnav
-----------------------------------------------*/
#header #hnav {
	width: 451px;
	float: right;
}

#header #hnav p {
	margin: 0 0 10px 0;
	float: right;
}

#header #hnav ul {
	width: 451px;
	float: right;
	overflow: hidden;
}

#header #hnav ul li {
	margin: 0 0 0 1px;
	float: left;
}



/*----------------------------------------------------
	#pageimage
----------------------------------------------------*/
#pageimage {
	width: 950px;
	margin: 0 auto;
}



/*----------------------------------------------------
	#gnav
----------------------------------------------------*/
#gnav {
	width: 950px;
	height: 75px;
	margin: 0 auto;
	background: url(../images/menu_gnav.gif) no-repeat 0 0;
	text-indent: -9998px;
	overflow: hidden;
}

#gnav li {
	height: 75px;
	float: left;
}

#gnav li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

/* 5つのポイント */
#gnav .gn_point {
	width: 200px;
}

#gnav .gn_point a:hover,
#points #gnav .gn_point a{
	background: url(../images/menu_gnav.gif) no-repeat 0 -75px;
}

/* お料理 */
#gnav .gn_dining {
	width: 150px;
}

#gnav .gn_dining a:hover,
#cuisine #gnav .gn_dining a {
	background: url(../images/menu_gnav.gif) no-repeat -200px -75px;
}

/* 天然温泉 */
#gnav .gn_spa {
	width: 150px;
}

#gnav .gn_spa a:hover,
#hotspring #gnav .gn_spa a {
	background: url(../images/menu_gnav.gif) no-repeat -350px -75px;
}

/* 客室 */
#gnav .gn_room {
	width: 150px;
}

#gnav .gn_room a:hover,
#rooms #gnav .gn_room a {
	background: url(../images/menu_gnav.gif) no-repeat -500px -75px;
}

/* 館内施設 */
#gnav .gn_faci {
	width: 150px;
}

#gnav .gn_faci a:hover,
#facilities #gnav .gn_faci a {
	background: url(../images/menu_gnav.gif) no-repeat -650px -75px;
}

/* ご予約 */
#gnav .gn_res {
	width: 150px;
}

#gnav .gn_res a:hover,
#reserve #gnav .gn_res a {
	background: url(../images/menu_gnav.gif) no-repeat -800px -75px;
}



/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 950px;
	margin: 0 auto;
}

#contents .pagetop {
	clear: both;
	text-align: right;
}


/*	.topicpath	パンクズ
----------------------------------------------------*/
#contents .topicpath {
	margin:10px 0;
	width:700px;
	font-size:85%;
}

#contents .topicpath li {
	display:inline;
	color: #1e749a;
}

#contents .topicpath li a {
	margin-right:5px;
	padding-right:10px;
	background:url(../images/ic_topicpath.gif) right 3px no-repeat;
}

#contents .topicpath li a:link, 
#contents .topicpath li a:visited{
	color: #1e749a;
	text-decoration: underline;
}

#contents .topicpath li a:hover, 
#contents .topicpath li a:active{
	color: #1e749a;
	text-decoration: none;
}


/* #main_contact コンテンツ下部ナビゲーション
-----------------------------------------------*/
#contents #main_contact {
	width: 660px;
	height: 80px;
	margin: 0 0 50px 20px;
	background: url(../images/bg_maincontact.gif) no-repeat 0 0;
	position: relative;
	clear: both;
}

#contents #main_contact p {
	width: 190px;
	height: 60px;
	text-indent: -9998px;
}

#contents #main_contact p a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}


#contents #main_contact .mc_contact {
	position: absolute;
	top: 10px;
	left: 250px;
}

#contents #main_contact .mc_reserve {
	position: absolute;
	top: 10px;
	left: 455px;
}



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

/* 共通
-----------------------------------------------*/

/* テーブル */
#main .tb_main {
	border-top: 1px #90aebd dashed;
}

#main .tb_main th {
	padding: 10px;
	border-bottom: 1px #90aebd dashed;
	text-align: center;
}

#main .tb_main td {
	padding: 10px;
	border-bottom: 1px #90aebd dashed;
}

/* .pagenav ページナビゲーション 調整は個別CSSにて
-----------------------------------------------*/
#main .pagenav {
	width: 560px;
	height: 32px;
	text-indent: -9998px;
	overflow: hidden;s
}

#main .pagenav li {
	height: 32px;
	float: left;
}

#main .pagenav li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}


/*----------------------------------------------------
	#side
		サイドバー、サブ
----------------------------------------------------*/
#side {
	width: 220px;
	float: right;
}

/* #con_search ナビゲーション
-----------------------------------------------*/
#side #con_search {
	width: 220px;
	margin: 0 0 20px 0;
}

#side #con_search #box_search {
	width: 200px;
	padding: 10px 10px 5px 10px;
	background: url(../images/bg_search.gif) repeat-y;
	font-size: 90%;
}


#side #con_search #box_search h3,
#side #con_search #box_search h4,
#side #con_search #box_search p {
	margin: 0 0 5px 0;
}

#side #con_search #box_search .bt_plan {
	width: 200px;
	overflow: hidden;
}

/* .foreign 多言語リンク
-----------------------------------------------*/
#side .foreign{
	clear: both;
	overflow: hidden;
	margin: 0 0 20px;
}

#side .foreign p.st{
	margin: 0 0 10px;
}

#side .foreign p.bt{
	float: left;
}

#side .foreign p.bt_l{
	float: left;
	margin: 0 10px 10px 0;
}


/* #snav ナビゲーション
-----------------------------------------------*/
#side #snav {
	width: 220px;
	height: 435px;
	margin: 0 0 20px 0;
	background: url(../images/menu_snav.jpg) no-repeat 0 0;
	text-indent: -9998px;
}

#side #snav li {
	width: 220px;
}

#side #snav li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

/* よくあるご質問 */
#side #snav .sn_faq {
	height: 40px;
}

/* パンフレット請求・ダウンロード */
#side #snav .sn_pamphlet {
	height: 40px;
}

/* お客様の声 */
#side #snav .sn_review {
	height: 100px;
}

/* 会員登録のご案内 */
#side #snav .sn_member {
	height: 95px;
}

/* アクセス方法のご案内 */
#side #snav .sn_access {
	height: 160px;
}

/* #bnarea ナビゲーション
-----------------------------------------------*/
#side #bnarea {
	margin: 0 0 20px 0;
}

#side #bnarea p {
	margin: 0 0 10px 0;
}

/*----------------------------------------------------
	#footer
		フッター
----------------------------------------------------*/
#footer_wrap {
	width: 100%;
	background: url(../images/bg_footer_wrap.gif) repeat-x #f3f2ed;
	clear: both;
}

#footer_wrap #footer {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	background: url(../images/bg_footer.jpg) no-repeat 0 28px;
	overflow: hidden;
}

/* #fnav ナビゲーション
-----------------------------------------------*/
#footer_wrap #footer #fnav {
	width: 587px;
	height: 30px;
	margin: 0 0 0 363px;
	background: url(../images/menu_fnav.gif) no-repeat 0 0;
	text-indent: -9998px;
	overflow: hidden;
}

#footer_wrap #footer #fnav li {
	height: 30px;
	float: left;
}

#footer_wrap #footer #fnav li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

/* プライバシーポリシー */
#footer_wrap #footer #fnav .fn_privacy {
	width: 155px;
}

/* サイトマップ */
#footer_wrap #footer #fnav .fn_sitemap {
	width: 100px;
}

/* 宿泊料金のご案内 */
#footer_wrap #footer #fnav .fn_price {
	width: 122px;
}

/* お問合せ */
#footer_wrap #footer #fnav .fn_contact {
	width: 86px;
}

/* ページ先頭へ戻る */
#footer_wrap #footer #fnav .fn_pagetop {
	width: 122px;
}

/* #address 連絡先
-----------------------------------------------*/
#footer_wrap #footer #address {
	width: 250px;
	padding: 25px 0 0 0;
	font-size: 90%;
	float: left;
}

#footer_wrap #footer #address p {
	margin: 0 0 10px 0;
}

/* #tnav ナビゲーション
-----------------------------------------------*/
#footer_wrap #footer #tnav {
	width: 690px;
	margin: 0 0 40px 0;
	padding: 25px 0 0 0;
	font-size: 86%;
	float: right;
}

#footer_wrap #footer #tnav ul {
	margin: 0 60px 0 0;
	float: left;
}

#footer_wrap #footer #tnav ul li {
	margin: 0 0 5px 0;
}

#footer_wrap #footer #tnav ul li a {
	color:#378a71;
}

/* #copyright コピーライト
-----------------------------------------------*/
#footer #copyright {
	text-align: center;
	font-size: 86%;
	clear: both;
}

#footer #copyright a {
	color: #503e27;
	text-decoration: none;
}



/*----------------------------------------------------
	テーブル BASIC
----------------------------------------------------*/
table.tbl_basic {
	border: none;
	font-size:90%;
}

table.tbl_basic th,
table.tbl_basic td {
	border-top:1px dotted #90aebd;
	border-bottom:1px dotted #90aebd;
}

table.tbl_basic th {
	padding:0 10px;
	text-align:center;
}

table.tbl_basic td {
	padding:10px;
	text-align:left;
}








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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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