@charset "utf-8";

/**base**/
body {
	background:#fff;
	color:#402512;
	font-size:0.75em;
	line-height:1.8em;
	font-family:"メイリオ","ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
}
a {	color:#1d1f1a; text-decoration:none; overflow:hidden;}
a:hover { color:#1d1f1a; text-decoration:underline;}

/**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**/

/*header*/
#header_wrapper { background:#f7eae3;}
#header { width:1100px; margin:0 auto;}
#header h1 { float:left; font-size:10px; margin:0; padding:20px 0 0 30px; line-height:1.7em; }
#header #h_logo { float:left; width:326px;}
/*#header h1 { float:left; width:326px;}*/
#header dl { float:left; width:194px; padding:0 0 0 40px;}
#header dl dt { padding:16px 0 5px 4px;}
#header p { float:left; width:240px; padding:16px 0 0 15px; }


/*gnavi*/

#gnavi { background:url(../img/gnavi_bg.gif) repeat-x; height:52px;}
#gnavi ul { width:1100px; margin:0 auto;}
#gnavi ul li { float:left; height:52px;}

#dish        #gnavi ul li.navi01 a,
#bath        #gnavi ul li.navi02 a,
#room        #gnavi ul li.navi03 a,
#facilities  #gnavi ul li.navi04 a,
#access      #gnavi ul li.navi05 a,
#sightseeing #gnavi ul li.navi06 a
/*# #gnavi ul li.navi07 a*/{ display:block; text-indent:-9999px; height:52px;}

#dish        #gnavi ul li.navi01 a { background:url(../img/gnavi1_on.gif) no-repeat; width:158px;}
#bath        #gnavi ul li.navi02 a { background:url(../img/gnavi2_on.gif) no-repeat; width:136px;}
#room        #gnavi ul li.navi03 a { background:url(../img/gnavi3_on.gif) no-repeat; width:124px;}
#facilities  #gnavi ul li.navi04 a { background:url(../img/gnavi4_on.gif) no-repeat; width:176px;}
#access      #gnavi ul li.navi05 a { background:url(../img/gnavi5_on.gif) no-repeat; width:178px;}
#sightseeing #gnavi ul li.navi06 a { background:url(../img/gnavi6_on.gif) no-repeat; width:158px;}
/*# #gnavi ul li.navi07 a { background:url(../img/gnavi7_on.gif) no-repeat; width:170px;}*/


#wrapper { background:url(../img/bg_body.gif) repeat-x; padding:15px 0 0 0;}
#wrapper #container { width:1100px; margin:0 auto;}


/*contents*/

/*breadcrumbs*/
ul#breadcrumbs { background:url(../img/bg_bread.gif) repeat-x; height:24px; text-align:right; padding:3px 15px 0 0;}
ul#breadcrumbs li { display:inline; font-size:0.9em;}
ul#breadcrumbs li span { display:inline-block; padding:0 7px;}
ul#breadcrumbs li a { color:#98454f; font-size:1.1em; text-decoration:underline;}


/* footer_top */
#bottom_area_wrapper { background:url(../img/footer_bg.gif) repeat-x; height:54px; margin-top:50px;}
#bottom_area { width:1100px; margin:0 auto;}
#bottom_area p#copy { float:left; padding-top:25px; color:#fff;}
#bottom_area p#pagetop { float:right; padding:23px 0 16px 0;}


/* footer */
#footer { background:#f7eae3; color:#654037;}
#footer #footer_top { width:1100px; margin:0 auto;}
#footer #footer_top img.left { float:left; width:205px; padding-top:21px;}
#footer #footer_top dl#logo { float:left; width:273px; padding:21px 0 0 13px;}
#footer #footer_top dl#logo dt { padding-bottom:10px;}
#footer #footer_top dl#logo dd { padding-left:20px; line-height:1.6em;}
#footer #footer_top ul { float:left; width:117px; padding:29px 0 0 39px;}
#footer #footer_top ul li { float:left; width:22px; padding-right:7px;}
#footer #footer_top div.right { float:right; width:442px; margin-top:29px; background:#f9f7f5; border:1px sollid #e4d5c4;}
#footer #footer_top div.right dl { float:left; width:240px; height:128px; padding:10px 0 0 19px;}
#footer #footer_top div.right dt { padding-bottom:4px;}
#footer #footer_top div.right dd { text-align:right; padding:2px 0;}
#footer #footer_top div.right p { float:right; width:90px; font-size:0.8em; line-height:1.6em; padding:10px 25px 0 0;}

#footer #footer_bottom { width:1100px; margin:0 auto; padding:30px 0;}
#footer #footer_bottom div.left { float:left; width:800px;}
#footer #footer_bottom div.left ul li { float:left;}
#footer #footer_bottom div.left ul li span { display:inline-block; padding:0 5px;}
#footer #footer_bottom div.left ul li a { color:#654037;}
#footer #footer_bottom p.mobile { float:right; width:257px;}
#footer #footer_bottom div.left p.f_text { font-size:10px; width:500px; line-height:1.7em; padding:10px 0 0 0;}
#footer #footer_bottom div.right { float: right; width: 150px; }
#footer #footer_bottom div.right a img { padding-right: 5px; }


#summer {
	width: 260px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}