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

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

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background: #2e1302;
	color: #090909;
	font-size: small;
	font-family: Verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

a:link {
	color: #090909;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #8f060b;
	text-decoration: underline;
}

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


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

.img_l {
	float: left;
}

.txt_r {
	text-align: right;
}

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


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 100%;
	text-align: left;
}

/* パンくず */
#contents ul.topicpath {
	padding:10px 13px;
	margin-bottom:25px;
	background:url(../acc/images/bg_pan.gif) repeat-y 0 0;
	color:#f8f4e7;
	overflow:hidden;
}

#contents ul.topicpath li {
	float:left;
}

#contents ul.topicpath li a {
	color:#f8f4e7;
	text-decoration:underline;
}

#contents ul.topicpath li a:hover {
	color:#f8f4e7;
	text-decoration:none;
}

/*----------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------*/
#header_wrap {
	width: 1280px;
	height: 114px;
	margin:0 auto;
}

#header {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}

#header h1 {
	float: left;
}

/* #unav
-----------------------------------------------*/
#header #unav {
	width: 335px;
	height: 40px;	
	margin: 0;
	float: right;
	overflow: hidden;
}

#header #unav li {
	float: right;
}

#header #unav .japanese {
	margin: 0 7px 0 0;
	float:left;
}


/* #gnav
-----------------------------------------------*/
#header #gnav {
	width: 692px;
	height: 63px;
	margin: 0 3px 0 0 ;
	float: right;
	overflow: hidden;
	filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}

#header #gnav li {
	height: 63px;
	float: left;
}

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

/* ご宿泊 */
#header #gnav .gn_room {
	width: 115px;
}

#header #gnav .gn_room a:hover {
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

/* レストラン */
#header #gnav .gn_res {
	width: 151px;
}

#header #gnav .gn_res a:hover {
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

/* 館内施設 */
#header #gnav .gn_fac {
	width: 132px;
}

#header #gnav .gn_fac a:hover {
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

/* アクセス */
#header #gnav .gn_acc {
	width: 119px;
}

#header #gnav .gn_acc a:hover {
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

/* ご宿泊プラン一覧 */
#header #gnav .gn_pla {
	width: 175px;
}

#header #gnav .gn_pla a:hover {
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}





/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents_wrap {
	width: 100%;
	background: url(../images/bg_contents_wrap.jpg) repeat-x #5d1305;
}

#contents_body {
	width: 950px;
	margin: 0 auto;
	background: url(../images/bg_contents_body.gif) repeat-y;
}

#contents {
	width: 950px;
	background: url(../images/bg_contents_bottom.gif) no-repeat left bottom;
}

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



/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	width: 692px;
	padding: 12px 0 0 0;
	float: right;
}




/* .wrap_box グレードット背景＋白背景の汎用クラス
-----------------------------------------------*/
#main .wrap_box {
	padding: 5px;
	background: url(../images/bg_box.gif) repeat;
}

#main .wrap_box .inner_box {
	background-color: #fff;
}


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

/* #search 検索
-----------------------------------------------*/
#search {
	width: 240px;
	margin: 0 0 20px 0;
	font-size: 86%;
}

#search .box_search {
	width: 198px;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
	background-color: #ede4bc;
	border-left: 1px #5d3f1c solid;
	border-right: 1px #5d3f1c solid;
	border-bottom: 1px #5d3f1c solid;
	overflow: hidden;
}

#search .box_search p {
	margin: 0 0 10px 0;
}

#search .box_search .txt_se {
	clear: both;
}

#search .box_search .se_l {
	width: 65px;
	margin: 0 0 5px 0;
	float: left;
}

#search .box_search .se_r {
	width: 125px;
	margin: 0 0 5px 0;
	float: right;
}

#search .box_search .txt_se img,
#search .box_search .se_l img,
#search .box_search .se_r img {
	margin: 0 0 2px 0;
}

#search .box_search .bt_search,
#search .box_search .bt {
	text-align: center;
}

#search .box_search .bt_search input {
	width: 171px;
	height: 38px;
	background: url(../images/btn_se_search.gif) no-repeat 0 0;
	border: none;
	cursor: pointer;
	text-indent: -9999px;
	display: block;
	margin:0 auto;
}

#search .box_search .bt img {
	margin: 0 0 2px 0;
}


/* .s_bn バナーエリア[共通]
-----------------------------------------------*/
#side .s_bn {
	margin: 0 0 20px 10px;
}

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

#side .s_bn p img {
	vertical-align: top;
}

/* .snav サイドメニュー
-----------------------------------------------*/
#side .snav {
	width: 220px;
	margin: 0 0 20px 10px;
	padding: 0 0 10px 0;
	background: url(../images/ic_s_line.gif) no-repeat left bottom;
}

#side .snav h3 {
	margin: 0 0 10px 0;
}

#side .snav li {
	margin: 0 0 1px 0;
}

#side .snav li img {
	vertical-align: top;
}

/* .weather 天気予報
-----------------------------------------------*/
#side .weather {
	width: 220px;
	margin: 0 0 20px 10px;
	padding: 2px 0;
	background-color: #6e4623;
}

#side .weather .box_weather {
	width: 205px;
	height: 74px;
	margin: 0 auto;
}

#side .weather .box_weather iframe {
	width: 205px;
	height: 74px;
}

/*feelnarita*/

#side .weather p{
	margin:5px auto;
	overflow:hidden;
	width:205px;
}

/*feelnarita*/

#side .bn_mus{
	margin:0 auto 5px auto;
	overflow:hidden;
	width:220px;
}
#side .bn_mus p.bn_guide {
	margin-top: 20px;
}
#side .bn_mus a{
	display:block;
}


/*----------------------------------------------------
	#footer
		フッター
----------------------------------------------------*/
#footer {
	width: 100%;
	padding: 0 0 5px 0;
	background-color: #3a1302;
	color: #d7cea7;
	clear: both;
}

#footer a {
	color: #d7cea7;
	text-decoration: none;
}

/* #fnav フッターナビゲーション
-----------------------------------------------*/
#footer #fnav {
	width: 100%;
	height: 47px;
	background: url(../images/bg_fnav.gif) repeat-x;
}

#footer #fnav ul {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	height: 47px;
	background: url(../images/menu_fnav.gif) no-repeat top right;
	text-indent: -9998px;
}

#footer #fnav ul li {
	height: 47px;
	float: right;
}

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

/* 会社概要 */
#footer #fnav ul .fn_com {
	width: 67px;
	float: right;
/*	margin: 0 0 0 664px;*/
}

/* プライバシーポリシー */
#footer #fnav ul .fn_pri {
	width: 133px;
}

/* お問い合わせ */
#footer #fnav ul .fn_con {
	width: 85px;
}

/* #txtarea テキストエリア
-----------------------------------------------*/
#footer #txtarea {
	width: 950px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}

/* #hotel ホテル情報
------------------------------------------*/
#footer #txtarea #hotel {
	width: 230px;
	float: left;
}

#footer #txtarea #hotel p {
	margin: 0 0 5px 0;
}

#footer #txtarea #hotel span {
	font-size: 86%;
}

/* #txtnav テキストナビゲーション・携帯
------------------------------------------*/
#footer #txtarea #txtnav {
	width: 710px;
	float: right;
}

#footer #txtarea #txtnav ul {
	padding: 0 0 0 15px;
	float: left;
	background: url(../images/ic_line_ftxtnav.gif) repeat-y 0 0;
	font-size: 90%;
	font-weight: bold;
}

#footer #txtarea #txtnav .tn01 {
	width: 135px;
}

#footer #txtarea #txtnav .tn02,
#footer #txtarea #txtnav .tn03 {
	width: 145px;
	padding-top: 1.5em;
}

#footer #txtarea #txtnav p {
	padding: 0 0 0 20px;
	float: left;
	background: url(../images/ic_line_ftxtnav.gif) repeat-y 0 0;
}

/* #copyright コピーライト
------------------------------------------*/
#footer #copyright {
	width: 100%;
	padding: 5px 0;
	background: url(../images/bg_copyright.gif) repeat-x #d7cea7;
}

#footer #copyright p {
	width: 950px;
	margin: 0 auto;
	color: #3a1302;
	text-align: center;
}





/*----------------------------------------------------
	予約ページ
----------------------------------------------------*/



/* 背景画像・タイトルバー
----------------------------------------------------*/
#reserv #header_wrap {
	width: 100%;
	height: 114px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	background: url(https://www.489pro.com/asp/data/user_data/12000014/files/reserv/images/bg_title.jpg) no-repeat center;
}

#reserv #main h2{
	padding-bottom:8px;
}



/*------------------------------------------
.tabnav2 予約プロページタブメニュー
------------------------------------------*/

#reserv .con_plan .tabnav2 {
	width: 692px;
	height: 47px;
	margin: 0 0 10px 0;
	background: url(https://www.489pro.com/asp/data/user_data/12000014/files/english/images/home/menu_plan.gif) no-repeat 0 0;
	text-indent: -9998px;
}

#reserv .con_plan .tabnav2 li {
	height: 47px;
	float: left;
}

#reserv .con_plan .tabnav2 li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

/* スタンダード */
#reserv .con_plan .tabnav2 .tb_sta {
	width: 343px;
}

#reserv .con_plan .tabnav2 .tb_sta a:hover,
#reserv .con_plan .tabnav2 .tb_sta .active {
	background: url(https://www.489pro.com/asp/data/user_data/12000014/files/english/images/home/menu_plan.gif) no-repeat 0 -46px;
}



/* デイユース */
#reserv .con_plan .tabnav2 .tb_day {
	width: 349px;
}

#reserv .con_plan .tabnav2 .tb_day a:hover,
#reserv .con_plan .tabnav2 .tb_day .active {
	background: url(https://www.489pro.com/asp/data/user_data/12000014/files/english/images/home/menu_plan.gif) no-repeat -343px -46px;
}





/* テーブル */
table {
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:12px;
	color: #3e301f;
}

table th {
	text-align: center;
	color: #3e301f;
	background: #e7d2b9;
}

table td {	
	text-align: left;
	background: #f3e6d7;
}

table td.time {
	width:16px;
}

table td,
table th{
	padding:10px 7px;
	border-top:1px dotted #9D9D9D;
	border-bottom:1px dotted #9D9D9D;
	border-left:1px solid #9D9D9D;
	border-right:1px solid #9D9D9D;
	
}

table td span {
	color: #3e301f;
	font-weight: normal;
	line-height: 15px;
}

table td.td_b {
	text-align: center;
	color: #03C;
	font-weight: bold;
	background: #ebdccb;
}

table td.td_c {
	background: #FFF;
}



/*予約PRO　IE6*/


#ypro_body #ypro_wrapper .plan_box .left_box{
width:320px;
margin:10px 0 0;
}


#ypro_body #ypro_wrapper .plan_box .left_box .box_l{
margin:0px;
}

#ypro_body table{border-collapse:collapse;}
#ypro_body th,td{padding:0;}

/*-----------------------------------
		     宿泊プラン
-----------------------------------*/

#ypro_body #main #ypro_wrapper{
	width: 692px;
	margin: 0 auto;
}



/*-----------------------------------
		プラン下ページの先頭へ
-----------------------------------*/
#ypro_body #main .nv_anchor a{
	color:#D7CEA7;	
}

#ypro_body #main .nv_anchor a:hover{
	color:#997342;	
}

#ypro_wrapper .under_button span{
	display:none;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #contents ul.topicpath {
	zoom:1;
}