@charset "utf-8";

body {
	background:url(../../images/common/bg.jpg) repeat-x #f0ede7;
	color:#220e10;
	font-size:small;
	line-height:1.6em;
	font-family:"メイリオ","ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
}

a { color:#926e66; text-decoration:none; overflow:hidden;}
a:hover { color:#926e66; 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 {
	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;}
/*hr { display:none;}*/
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}

.clear{ clear:both;}

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

*html .iepngfix { behavior:expression(IEPNGFIX.fix(this));}
*html .iepngfix { behavior: url(iepngfix.htc);}

/*layout*/


/*head*/
#head { width:999px; margin:0 auto; background:url(../../images/common/bg_top.gif) no-repeat bottom; padding:0 2px 2px 2px;}
#head p.logo { width:181px; float:left;}
#head_middle { float:left; width:484px; padding-left:30px; color:#906f72; font-size:0.9em;}
#head_middle h1 { padding:58px 0 0 0;}
#head_middle p { margin-top:-3px;}
#head_right { float:right; width:304px; margin-top:34px;}
#head_right ul li{ float:left;}


/*gnavi*/
#gnavi { background:url(../../images/common/line.gif) no-repeat 2px bottom; padding-bottom:14px;}
#gnavi ul { width:1000px; margin-left:2px;}
#gnavi ul li { float:left; height:63px;}

#omotenashi  #gnavi ul li.navi02 { background:url(../../images/common/gnavi_02_on.gif) no-repeat; width:117px;}
#spa         #gnavi ul li.navi03 { background:url(../../images/common/gnavi_03_on.gif) no-repeat; width:77px;}
#cuisine     #gnavi ul li.navi04 { background:url(../../images/common/gnavi_04_on.gif) no-repeat; width:76px;}
#room        #gnavi ul li.navi05 { background:url(../../images/common/gnavi_05_on.gif) no-repeat; width:75px;}
#facility    #gnavi ul li.navi06 { background:url(../../images/common/gnavi_06_on.gif) no-repeat; width:101px;}
#access      #gnavi ul li.navi08 { background:url(../../images/common/gnavi_08_on.gif) no-repeat; width:119px;}
#sightseeing #gnavi ul li.navi09 { background:url(../../images/common/gnavi_09_on.gif) no-repeat; width:113px;}
#dayplan     #gnavi ul li.navi10 { background:url(../../images/common/gnavi_10_on.gif) no-repeat; width:102px;}

#omotenashi  #gnavi ul li.navi02 a,
#spa         #gnavi ul li.navi03 a,
#cuisine     #gnavi ul li.navi04 a,
#room        #gnavi ul li.navi05 a,
#facility    #gnavi ul li.navi06 a,
#access      #gnavi ul li.navi08 a,
#sightseeing #gnavi ul li.navi09 a,
#dayplan     #gnavi ul li.navi10 a { display:none;}


#wrapper { background:url(../../images/common/bg_middle.png); width:1003px; margin:0 auto;}
.top_photo { margin-left:4px;}


/* footer_01 */
#footer_01 { background:url(../../images/common/line.gif) no-repeat; width:999px; margin-top:10px; padding:25px 0 15px 0;}
#footer_01 ul { float:left; width:700px;}
#footer_01 ul li { float:left; padding-left:20px;}
.footer_01_04 { background:url(../../images/common/triangle_mark.gif) no-repeat 20px 50%; margin-top:-4px;}
.footer_01_04 a { font-size:0.8em; padding-left:12px;}
#footer_01 p a { float:right; width:242px; margin-right:25px;}


/*footer*/
#footer { width:1000px; background:url(../../images/common/bg_bottom.gif) no-repeat; margin:0 auto; padding:10px 0 0 3px;}
#footer #footer_left { float:left; width:350px;}
#footer ul li { float:left; padding-right:20px; font-size:0.9em;}
#footer ul li a { font-size:0.9em;}
#footer_left p { margin-top:7px;}
#footer_left p a.yuyu { display:block; font-size:0.8em; margin:-42px 0 0 120px;}
#footer_left p a.qa { background:url(../../images/common/qa.jpg) no-repeat; display:block; width:100px; height:20px; text-indent:-9999px;}
#footer_left p a.qa:hover { background:url(../../images/common/qa.jpg) 0 -20px no-repeat;}

#address { float:right; width:650px; font-style:normal; padding-bottom:20px;}
#address dd { float:left; font-size:0.9em;}
#address dd a { color:#220e10;}
#address dt { float:right; font-size:0.9em;}
#copyright { width:650px;}
#copyright dt { font-size:x-small;}
#contents_wrapper { width:999px; margin-left:2px;}