@charset "utf-8";


/* 基本箱設定
=============================================== */
html{
}
body{
	margin: 0 auto;
	text-align: center;/* IE6 centering */
	background: #EADEC4;
	color:#FFFFFF;
	line-height: 1.8;
}
li{
	line-height: 1.1;
}
img {
	vertical-align: bottom;
}
table{
	line-height: 1.6;
	color:#3C2410;
}

/* 大枠設定
=============================================== */
#AREA_ALL{
	width: 930px;
	margin: 0 auto;
	text-align: left;
	background: url("../img/back.jpg") 0 0 repeat-y;
}
#AREA_ALL2{
	background: url("../img/back_head.jpg") 0 0 no-repeat;
}
#AREA_ALL3{
	/*width: 908px;*/
	padding-left:22px;
	background: url("../img/back_foot.jpg") 0 bottom no-repeat;
}

/* ヘッダ設定
=============================================== */
/*-- 箱設定 ------------------------*/
#HEADER{
	width: 100%;
	padding-top:5px;
	position: relative;
}
#HEADER .hd_col{
	width:100%;
}
/*-- 要素設定 ------------------------*/
/**-- h1テキスト --**/
#HEADER h1{
	font-size:82%;
	padding-bottom:12px;
}
/**-- ロゴ --**/
#HEADER  h2{
	width: 295px;
	float: left;
}
#HEADER h2 a{
	width: 245px;
	height: 39px;
	display:block;
	background: url("../img/logo.jpg") 0 bottom no-repeat;
}
#HEADER h2 a strong{
	display: block;
	text-indent: -9999px;
}
/**-- お問い合わせ--**/
#HEADER  .tel{
	width: 391px;
	float: left;
}
/**-- ネット予約ボタン--**/
#HEADER  .reservation{
	width: 221px;
	height: 51px;
	float: left;
	background: url("../img/reservation.jpg") 0 0 no-repeat;
}
#HEADER .reservation a{
	margin-left:10px;
	width: 194px;
	height: 42px;
	display:block;
	text-indent: -9999px;
}
/**-- サブナビ --**/
#HEADER #snav{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 82%;
	padding-top:7px;
}
#HEADER #snav li{
	display: inline;
	margin-right:15px;
	line-height: 1.6;
}
#HEADER #snav li a{
	color: #fff;
}
#HEADER #snav li a:hover{
	color: #F39700;
	text-decoration: none;
}
#HEADER #snav li strong{
	color: #F39700;
}



/* コンテンツ設定
=============================================== */
/*-- 箱設定 ------------------------*/
#CONTENTS{
	/*width: 908px;*/
	width:100%;
padding-bottom: 40px;
}
/* 左カラム設定
=============================================== */
#CONTENTS #COL_L{
	width: 684px;
	float: left;
}
/* 右カラム設定
=============================================== */
#CONTENTS #COL_R{
	width: 224px;
	float: right;
}
/* グローバルナビ
=============================================== */
#GNAV{
	width: 221px;
	height:655px;
	background: url("../img/menu.jpg") 0 0 no-repeat;
	margin-bottom: 20px;
}
#GNAV h2{
	padding-bottom: 8px;
	margin-left: 9px;
}
#GNAV #gnav_stay{
	padding-top: 1px;
}
#GNAV #gnav_spa{
	padding-bottom: 6px;
}
#GNAV #gnav_public{
	padding-bottom: 9px;
}
#GNAV #gnav_bridal{
	padding-bottom: 9px;
}
/*- リンク設定・現在位置--*/
#GNAV a{
	width: 195px;
	height: 51px;
	display: block;
	text-indent: -9999px;
}
#GNAV strong{
	width: 195px;
	height: 51px;
	display: block;
	text-indent: -9999px;
}
#GNAV #gnav_stay a:hover{
	background: url("../img/menu.jpg") -230px -1px;
}
#GNAV #gnav_stay strong{
	background: url("../img/menu.jpg") -230px -1px;
}
#GNAV #gnav_day a:hover{
	background: url("../img/menu.jpg") -230px -60px;
}
#GNAV #gnav_day strong{
	background: url("../img/menu.jpg") -230px -60px;
}
#GNAV #gnav_spa a:hover{
	background: url("../img/menu.jpg") -230px -119px ;
}
#GNAV #gnav_spa strong{
	background: url("../img/menu.jpg") -230px -119px ;
}
#GNAV #gnav_cuisine a:hover{
	background: url("../img/menu.jpg") -230px -176px ;
}
#GNAV #gnav_cuisine strong{
	background: url("../img/menu.jpg") -230px -176px ;
}
#GNAV #gnav_tenpyou a:hover{
	background: url("../img/menu.jpg") -230px -235px ;
}
#GNAV #gnav_tenpyou strong{
	background: url("../img/menu.jpg") -230px -235px ;
}
#GNAV #gnav_room a:hover{
	background: url("../img/menu.jpg") -230px -294px ;
}
#GNAV #gnav_room strong{
	background: url("../img/menu.jpg") -230px -294px ;
}
#GNAV #gnav_public a:hover{
	background: url("../img/menu.jpg") -230px -353px ;
}
#GNAV #gnav_public strong{
	background: url("../img/menu.jpg") -230px -353px ;
}
#GNAV #gnav_nara a:hover{
	background: url("../img/menu.jpg") -230px -413px ;
}
#GNAV #gnav_nara strong{
	background: url("../img/menu.jpg") -230px -413px ;
}
#GNAV #gnav_access a:hover{
	background: url("../img/menu.jpg") -230px -472px ;
}
#GNAV #gnav_access strong{
	background: url("../img/menu.jpg") -230px -472px ;
}
#GNAV #gnav_bridal a:hover{
	background: url("../img/menu.jpg") -230px -531px ;
}
#GNAV #gnav_bridal strong{
	background: url("../img/menu.jpg") -230px -531px ;
}
#GNAV #gnav_banka a:hover{
	background: url("../img/menu.jpg") -230px -591px ;
}
#GNAV #gnav_banka strong{
	background: url("../img/menu.jpg") -230px -591px ;
}


/* サイドナビ
=============================================== */
#SIDENAV{
	width: 221px;
	height:171px;
	background: url("../img/menu2.jpg") 0 0 no-repeat;
}
#SIDENAV li{
	padding-bottom: 8px;
	margin-left: 9px;
}
#SIDENAV #sidenav_member{
	padding-top: 8px;
}
/*- リンク設定--*/
#SIDENAV a{
	width: 194px;
	height: 43px;
	display: block;
	text-indent: -9999px;
}
#SIDENAV strong{
	width: 194px;
	height: 43px;
	display: block;
	text-indent: -9999px;
}
#SIDENAV #sidenav_member a:hover{
	background: url("../img/menu2.jpg") -230px -8px no-repeat;
}
#SIDENAV #sidenav_member strong{
	background: url("../img/menu2.jpg") -230px -8px no-repeat;
}
#SIDENAV #sidenav_topics a:hover{
	background: url("../img/menu2.jpg") -230px -59px no-repeat;
}
#SIDENAV #sidenav_topics strong{
	background: url("../img/menu2.jpg") -230px -59px no-repeat;
}
#SIDENAV #sidenav_link a:hover{
	background: url("../img/menu2.jpg") -230px -110px no-repeat;
}
#SIDENAV #sidenav_link strong{
	background: url("../img/menu2.jpg") -230px -110px no-repeat;
}




/* フッター
=============================================== */
#FOOT{
	padding-left:150px;
	padding-bottom:20px;
}
/*-- コピーライト --*/
#FOOT .logo2{
	float: left;
	height:35px;
	margin-right:10px;
}

/*--リンク--*/
a{text-decoration: none; cursor:pointer; color:#FFFFFF;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}
a:active{text-decoration: none;}

/* 特殊設定
=============================================== */
/*---- フロートクリア ----*/
.clear{
clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size:0;
	line-height:0;
}
.clearfix {
min-height: 1px;
}
/*---- firefox 点線非表示 ----*/
a{
overflow:hidden;
}