@charset "utf-8";

/**base**/
/*html { overflow-x:hidden;}*/
body {
	background:url(../img/bg.jpg) center 0 #232323;
	color:#dcdad6;
	letter-spacing:0.03em;
	font-size:0.75em;
	line-height:22px;
	font-family:"メイリオ","ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
}


/**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;}
a { overflow:hidden; outline: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**/

/*#info_btn { display:none;}*/

/* header */
#wrapper { width:100%; height:100%; background:url(../img/bg_top.jpg) no-repeat center 0;}
#h_wrapper { width:100%; height:365px; background:url(../img/gnavi_bg.jpg) no-repeat center 82px; position:relative;}
h1 { width:425px; font-size:0.9em; line-height:20px; position:absolute; top:5px; left:50%; margin-left:-345px;}
#header { width:1000px; height:183px; position:absolute; top:0; left:50%; margin-left:-500px; z-index:100;}
#logo { float:left; width:134px; height:169px; padding:14px 0 0 0; margin-left:-2px;}
#header h1 { float:left; width:425px; font-size:0.9em; line-height:20px; padding:25px 20px 0 25px;}
#header .inquiry_col { float:left; width:194px; padding:25px 0 0 470px;}
#header .inquiry_col dl { height:20px;}
#header .inquiry_col dt { float:left; width:138px;}
#header .inquiry_col dd { float:right; width:52px;}


#header #textsizer { float:right; width:187px; padding:22px 0 0 0;}
#header #textsizer p { padding-bottom:6px;}
/*#header #textsizer a#english_link { float:left; display:block; display:none; width:62px; height:17px; margin-right:11px;}*/
#header #textsizer ul { float:left; width:114px; height:17px; padding-left:73px;}
#header #textsizer li { float:left;}


#title { width:100%; height:238px; position:absolute; top:127px;}
#h_side { width:250px; height:238px; background:url(../img/side_bg.png) no-repeat; position:absolute; top:127px; left:50%; margin-left:250px;}
#h_side #search_col { width:230px; background:url(../img/ser_bg.jpg) ; font-size:11px; margin:5px auto 0 auto; padding-bottom:10px;}
#h_side #search_col select { font-size:11px;}
#h_side #search_col div { text-align:center; height:80px;}
#h_side #search_col table { width:100%; text-align:center; margin-top:10px;}
#h_side #search_col #tr_button_489ban input { display:block; width:178px; height:27px; background:url(../img/ser_btn.gif) no-repeat; text-indent:-9999px; border:none; cursor:pointer; margin-top:5px; }
#h_side #search_col #tr_button_489ban input:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}
#h_side #search_col a { width:224px; display:block; margin:10px 0 0 3px;}
#h_side p#confirm { width:231px; margin:3px auto 0 auto;}

#search_489ban{ margin: 0 auto; padding: 5px 10px; width: 230px; box-sizing: border-box; color:#000;
}#search_489ban button { margin-top:10px; width:210px;}


/* gnavi */
#gnavi { float:right; width:870px; height:45px; padding:11px 0 0 0; margin-left:-2px;}

/*#gnavi { width:1000px; height:45px; padding:11px 0 0 0;}*/
#gnavi li { float:left; height:45px;}
#gnavi li.navi1 { width:80px;}
#gnavi li.navi2 { width:69px;}
#gnavi li.navi3 { width:71px;}
#gnavi li.navi4 { width:73px;}
#gnavi li.navi5 { width:98px;}
#gnavi li.navi6 { width:71px;}
#gnavi li.navi7 { width:70px;}
#gnavi li.navi8 { width:117px;}
#gnavi li.navi9 { width:122px; background:url(../img/gnavi9_off.jpg) no-repeat;}
#gnavi li.navi10 { width:96px; background:url(../img/gnavi10_off.jpg) no-repeat 3px 0; padding-left:3px;}

#gnavi li a { display:block; height:45px;}
#gnavi li a:hover { background:url(../img/gnavi_on.png);}
#gnavi li.navi9 a:hover { background:url(../img/gnavi9_on.jpg);}
#gnavi li.navi10 a:hover { background:url(../img/gnavi10_on.jpg);}

#home        #gnavi li.navi1 a { background:url(../img/gnavi_on.png);}
#room        #gnavi li.navi2 a { background:url(../img/gnavi_on.png);}
#rocca       #gnavi li.navi2 a { background:url(../img/gnavi_on.png);}
#spa         #gnavi li.navi3 a { background:url(../img/gnavi_on.png);}
#cuisine     #gnavi li.navi4 a { background:url(../img/gnavi_on.png);}
#omotenashi  #gnavi li.navi5 a { background:url(../img/gnavi_on.png);}
#facilities  #gnavi li.navi6 a { background:url(../img/gnavi_on.png);}
#access      #gnavi li.navi7 a { background:url(../img/gnavi_on.png);}
#sightseeing #gnavi li.navi8 a { background:url(../img/gnavi_on.png);}
#dayplan     #gnavi li.navi10 a { background:url(../img/gnavi10_on.jpg);}


/* 下層ページタイトル */
#h_wrapper #title_col { width:100%; height:247px; text-align:center; background:url(../img/bg_h2.jpg) repeat-x center top; position:absolute; z-index:1;}


/* 下層ページ共通 */
#container { width:1000px; margin:0 auto;}
#contents { width:1000px; padding-bottom:16px; overflow:hidden;}


/* パンくずリスト */
#breadcrumbs { width:1000px; text-align:right; padding:5px 0 0 0; margin:0 auto;}
#breadcrumbs li { display:inline; font-size:0.85em; color:#dcdad6;}
#breadcrumbs li span { display:inline-block; padding:0 7px;}
#breadcrumbs li a { color:#dcdad6; text-decoration:none;}
#breadcrumbs li a:hover { text-decoration:underline;}


/* f_contact */
#f_contact { width:1000px; height:99px; background:url(../img/contact_bg.jpg) no-repeat 0 80px; padding-top:80px;}
#f_contact dt { float:left; width:379px; padding:26px 0 0 343px;}
#f_contact dd { float:left; width:125px; padding:46px 7px 0 0;}


/* pagetop */
#pagetop { text-align:right; padding-top:50px;}
#pagetop a { font-size:0.9em; color:#bdb4a9;}


/* f_bnr */
#f_bnr { width:1006px; padding-top:30px;}
#f_bnr li { float:left; padding-right:6px;}


/* fnavi */
#fnavi { padding:35px 30px 0 0;}
#fnavi li { float:right; padding-left:22px;}


/* footer */
#f_wrapper { background:url(../img/f_line.png) repeat-x; padding-bottom:30px;}
#footer { width:1000px; margin:0 auto;}

#footer .logo_col { float:left; width:405px;}
#footer .logo_col img { display:block; padding:17px 0 10px 0;}

#footer p.top_link { padding-top:30px;}
#footer p.top_link a { color:#dcdad6; font-size:0.9em; text-decoration:none;}
#footer p.top_link a:hover { text-decoration:underline;}

#footer ul { float:left; padding:0px 40px 0 0;}
#footer ul.right { padding:0;}
#footer ul li a { display:block; color:#dcdad6; font-size:0.9em; text-decoration:none;}
#footer ul li a:hover { text-decoration:underline;}

#footer .inquiry_col { float:right; width:220px; padding-top:0px;}
#footer .inquiry_col dt { float:left; width:138px;}
#footer .inquiry_col dd { float:right; width:82px;}
#footer p.line { padding-top:20px;}