@charset "utf-8";

/**base**/
body {
	background:url(../img/bg.jpg);
	color:#443837;
	font-size:0.8em;
	line-height:1.8em;
}

/**reset**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
img { vertical-align:top;}
hr { display:none;}

/**clear**/	
.clear{ clear:both;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block;}
.clearfix {overflow:hidden;}
/* End hide from IE-mac */


/**layout**/
#wrapper { background:url(../img/h_bg.jpg) repeat-x center 0;}

/*header*/
#header { margin:0 auto; width:950px;}
#header:after { content:" " ; clear:both; display:block; height:0;}
#header a#logo { float:left; display:block; width:318px; height:86px; margin:25px 0 0 7px;}
#header div { float:right; width:434px;}
#header div h1 { font-size:12px; line-height:1em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; padding:20px 0 0 0;}
#header div p { text-align:right; padding:15px 0 18px 0;}
#header div ul li { float:left;}
#header div ul li#link_group { padding:0 10px 0 5px;}
#header div ul li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
/*#header #link_col ul li { float:left;}*/

/*gnavi*/
#gnavi { background:url(../img/bg_gnavi.gif) repeat-x; clear:both; margin:0 auto;}
#gnavi ul { background:url(../img/nav_bg.gif) no-repeat; margin:0 auto; width:950px;}
#gnavi ul:after{ content:" " ; clear:both; display:block; height:0;}
#gnavi li { float:left; height:48px; display:inline-block;}
#gnavi li a { display:block; height:48px;}
#gnavi li a:hover img { -ms-filter: "alpha( opacity=10 )"; filter: alpha( opacity10 ); opacity:0.10;}
#policy    #gnavi li.navi1 a,
#room      #gnavi li.navi2 a,
#hotspring #gnavi li.navi3 a,
#cuisine   #gnavi li.navi4 a,
#ceremony  #gnavi li.navi5 a,
#facility  #gnavi li.navi6 a,
#access    #gnavi li.navi7 a { -ms-filter: "alpha( opacity=10 )"; filter: alpha( opacity10 ); opacity:0.10;}

#gnavi li.navi1 a { width:146px;}
#gnavi li.navi2 a { width:132px;}
#gnavi li.navi3 a { width:124px;}
#gnavi li.navi4 a { width:131px;}
#gnavi li.navi5 a { width:132px;}
#gnavi li.navi6 a { width:146px;}
#gnavi li.navi7 a { width:139px;}
/*
#gnavi li.navi1 a { width:145px; background:url(../img/gnavi1_off.gif) no-repeat;}
#gnavi li.navi2 a { width:131px; background:url(../img/gnavi2_off.gif) no-repeat;}
#gnavi li.navi3 a { width:124px; background:url(../img/gnavi3_off.gif) no-repeat;}
#gnavi li.navi4 a { width:132px; background:url(../img/gnavi4_off.gif) no-repeat;}
#gnavi li.navi5 a { width:132px; background:url(../img/gnavi5_off.gif) no-repeat;}
#gnavi li.navi6 a { width:145px; background:url(../img/gnavi6_off.gif) no-repeat;}
#gnavi li.navi7 a { width:141px; background:url(../img/gnavi7_off.gif) no-repeat;}

#gnavi li.navi1 a:hover { background:url(../img/gnavi1_on.gif) no-repeat;}
#gnavi li.navi2 a:hover { background:url(../img/gnavi2_on.gif) no-repeat;}
#gnavi li.navi3 a:hover { background:url(../img/gnavi3_on.gif) no-repeat;}
#gnavi li.navi4 a:hover { background:url(../img/gnavi4_on.gif) no-repeat;}
#gnavi li.navi5 a:hover { background:url(../img/gnavi5_on.gif) no-repeat;}
#gnavi li.navi6 a:hover { background:url(../img/gnavi6_on.gif) no-repeat;}
#gnavi li.navi7 a:hover { background:url(../img/gnavi7_on.gif) no-repeat;}

#policy    #gnavi li.navi1 a { background:url(../img/gnavi1_on.gif) no-repeat;}
#room      #gnavi li.navi2 a { background:url(../img/gnavi2_on.gif) no-repeat;}
#hotspring #gnavi li.navi3 a { background:url(../img/gnavi3_on.gif) no-repeat;}
#cuisine   #gnavi li.navi4 a { background:url(../img/gnavi4_on.gif) no-repeat;}
#ceremony  #gnavi li.navi5 a { background:url(../img/gnavi5_on.gif) no-repeat;}
#facility  #gnavi li.navi6 a { background:url(../img/gnavi6_on.gif) no-repeat;}
#access    #gnavi li.navi7 a { background:url(../img/gnavi7_on.gif) no-repeat;}
*/


/* 下層ページ共通 */
#container { background:url(../img/bg_title.jpg) repeat-x center 0;}
#title { width:950px; margin:0 auto;}
#contents { width:950px; background:#321f22; color:#fff; padding-bottom:50px; border-top:4px solid #ae9050; margin:0 auto 50px auto;}


/* パンくずリスト */
#breadcrumbs { width:950px; text-align:right; padding:10px 0 20px 0; margin:0 auto;}
#breadcrumbs li { display:inline; color:#443736;}
#breadcrumbs li span { display:inline-block; padding:0 7px;}
#breadcrumbs li a { color:#443736; text-decoration:underline;}


/* footer */
#footer { background:url(../img/bg_bottom2.jpg) repeat-x center 0 !important;}
#footer #f_container { width:950px; margin:0 auto;}

#footer #fnavi1:after { content:" " ; clear:both; display:block; height:0;}
/*#footer #fnavi1 li {}
#footer #fnavi1 li { float:right; background:url(../img/f_mark.gif) no-repeat 0 50%; padding:0 15px 0 18px;}
#footer #fnavi1 li.no_bg { background:none;}
#footer #fnavi1 li a { text-decoration:none; color:#473a43;}
#footer #fnavi1 li a:hover { text-decoration:underline;}
#footer #fnavi1 li#facebook { background:none; padding:2px 20px 0 0;}*/
#footer #fnavi1 { font-size:13px; height:28px;}
#footer #fnavi1 li { float:left; background:url(../img/f_mark.gif) no-repeat 0 50%; padding:0 10px 0 15px;}
#footer #fnavi1 li.no_bg { background:none;}
#footer #fnavi1 li a { font-size:11.5px;text-decoration:none; color:#473a43;}
#footer #fnavi1 li a:hover { text-decoration:underline;}
#footer #fb_col { float:right; margin:-30px 8px 0 0; position:relative; width:240px;}
#u_0_5 { font-size:0.7em;}
.pluginConnectButton { margin-top:10px !important;}
#footer #n_pagetop { float:right; margin-top:-8px; position:relative;}

#footer #fnavi_col { float:left; width:590px; background:url(../img/f_line.gif) no-repeat right 50px; padding:50px 55px 0 0;}
#footer #fnavi_col:after { content:" " ; clear:both; display:block; height:0;}
#footer #f_reserve { background:url(../img/footer_bg_tel.gif) no-repeat; height:68px; width:590px;}
#footer #f_reserve:after { content:" " ; clear:both; display:block; height:0;}
#footer #f_reserve p { float:left; width:320px; padding:19px 28px 28px 15px;}
#footer #f_reserve a { float:left; width:201px; height:40px; padding-top:15px;}

#footer #fnavi2 { width:590px; padding:15px 0 0 10px;}
#footer #fnavi2:after { content:" " ; clear:both; display:block; height:0;}
#footer #fnavi2 li { float:left; padding:0 25px 3px 0; white-space:nowrap;}
#footer #fnavi2 li a { text-decoration:none; color:#473a43;}
#footer #fnavi2 li a:hover { text-decoration:underline;}

#footer #address_col { float:right; width:280px; padding:40px 0 0 0; }
#footer address { padding:10px 0;}

#footer #language li { display:inline;}
#footer #language li a { display:inline-block; text-decoration:none; color:#473a43; padding-right:3px;}
#footer #language li a:hover { text-decoration:underline;}

#copy_col { text-align:right; padding:10px 10px 10px 0;}
#footer a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}