/*-----------------------------------
DEFAULT CSS
FILE DATA: layout.css
-----------------------------------*/
body,div,p,address,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
body{
	line-height:140%;
	color:#444444;
	font-size: 0.8em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:url(../images/bg_back.jpg);
}
a{
	color:#444444;
	outline:none;
	text-decoration:none;
}
a:hover{
	color:#;
	text-decoration:underline;
	filter: alpha(opacity=80 style=0);
	opacity:0.8;
	-moz-opacity:0.8;
}
html>/**/body a:hover{
	filter: alpha(opacity=80 style=0);
	opacity:0.8;
	-moz-opacity:0.8;
}
a:active{
	color:#;
	text-decoration:none;
}
ul,li{
	margin:0;
	padding:0;
	list-style:none;
}
img{
	border-style:none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}





/*-----------------------------------
BACKGROUND & CONTAINER
-----------------------------------*/
#background{
	width:100%;
	height:auto;
	margin:0 auto;
	background:url(../images/bg_gura.jpg) repeat-x;
}
#container{
	width:1000px;
	height:auto;
	margin:0 auto;
}





/*-----------------------------------
HEADER
-----------------------------------*/
#head{
	width:900px;
	height:68px;
	padding:0 50px;
}
#head h1 img{
	width:335px;
	height:45px;
	margin:23px 0 0 18px;
	float:left;
}

/*SUB_MENU_ABOVE
-----------------------------------*/
#head .sub_menu_above{
	width:519px;
	height:28px;
	margin:0;
	background:url(../images/sub_menu_head_line.gif) no-repeat right;
	float:right;
}
#head .sub_menu_above li{
	width:auto;
	height:15px;
	margin:0 10px 0 0;
	padding:12px 0 0 10px;
	background:url(../images/sub_menu_head_line.gif) no-repeat;
	float:left;
}

/*SUB_MENU_UNDER
-----------------------------------*/
#head .sub_menu_under{
	width:270px;
	height:15px;
	margin:20px 0 0 0;
	float:right;
}
#head .sub_menu_under li{
	width:auto;
	height:15px;
	margin:0 12px 0 0;
	float:left;
}

/*FONT_SIZE
-----------------------------------*/
#head .font_size{
	width:163px;
	height:25px;
	margin:14px 0 0 0;
	float:right;
}
#head .font_size li{
	width:21px;
	height:23px;
	margin:2px 0 0 3px;
	float:left;
}
#head .font_size .font_size_text{
	width:80px;
	height:15px;
	margin:6px 4px 0 0;
	float:left;
}





/*-----------------------------------
NAVI
-----------------------------------*/
#navi{
	width:900px;
	height:51px;
	padding:28px 50px 0 50px;
	background:url(../images/bg_navi.jpg) no-repeat;
}
#navi ul{
	width:870px;
	height:51px;
	margin:0 auto;
	background:#050000;
}
#navi li{
	width:174px;
	height:51px;
	float:left;
}
#navi li a{
	text-indent:-10000em;
	display:block;
	height:51px;
	background-repeat: no-repeat;
	background-position:0 0;
}
/*#navi li a:hover{
	background-position:0 -53px;
}*/
#navi .navi_bt_omotenashi a{
	background-image: url(../images/navi_bt_omotenashi.gif);
}
#navi .navi_bt_kodawari a{
	background-image: url(../images/navi_bt_kodawari.gif);
}
#navi .navi_bt_guestroom a{
	background-image: url(../images/navi_bt_guestroom.gif);
}
#navi .navi_bt_cuisine a{
	background-image: url(../images/navi_bt_cuisine.gif);
}
#navi .navi_bt_hotspring a{
	background-image: url(../images/navi_bt_hotspring.gif);
}
/*下位ページ
-----------------------------------*/
#navi2{
	width:900px;
	height:51px;
	padding:28px 50px 0 50px;
	background:url(../images/bg_navi2.jpg) no-repeat;
}
#navi2 ul{
	width:870px;
	height:51px;
	margin:0 auto;
	background:#050000;
}
#navi2 li{
	width:174px;
	height:51px;
	float:left;
}
#navi2 li a{
	text-indent:-10000em;
	display:block;
	height:51px;
	background-repeat: no-repeat;
	background-position:0 0;
}
/*#navi li a:hover{
	background-position:0 -53px;
}*/
#navi2 .navi_bt_omotenashi a{
	background-image: url(../images/navi_bt_omotenashi.gif);
}
#navi2 .navi_bt_kodawari a{
	background-image: url(../images/navi_bt_kodawari.gif);
}
#navi2 .navi_bt_guestroom a{
	background-image: url(../images/navi_bt_guestroom.gif);
}
#navi2 .navi_bt_cuisine a{
	background-image: url(../images/navi_bt_cuisine.gif);
}
#navi2 .navi_bt_hotspring a{
	background-image: url(../images/navi_bt_hotspring.gif);
}




/*-----------------------------------
MAIN_IMAGE
-----------------------------------*/
#main_image{
	width:900px;
	height:400px;
	padding:0 50px;
	background:url(../images/bg_main.jpg) no-repeat;
}
#main_image div{
	width:870px;
	height:400px;
	margin:0 auto;
}
/*下位ページ
-----------------------------------*/
#main_image2{
	width:900px;
	height:150px;
	padding:0 50px;
	background:url(../images/bg_main2.jpg) no-repeat;
}
#main_image2 div{
	width:870px;
	height:150px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: 0px;
}
#main_image2 div a{
	display:block;
	width:83px;
	height:106px;
	text-indent:-9999px;
	font-size:0;
	line-height:100%;
	margin:0 0 0 20px;
	background:url(../images/kashikiri_btn.gif) no-repeat 0 0;
}




/*-----------------------------------
BODY
-----------------------------------*/
#body{
	width:900px;
	height:auto;
	padding:20px 50px 0px 50px;
	background:url(../images/bg_body.gif) repeat-y;
}
.body_bg{
	width:100%;
	height:auto;
	background:url(../images/body_bg.gif) repeat-y 125px 0;
}
#topic-path {
	width:auto;
	height:15px;
	font-size:0.85em;
	letter-spacing:0.1em;
	margin:0 0 15px 0;
}
#topic-path ul li {
	padding:0 5px 0 0;
	float:left;
}
#topic-path ul li a {
	color:#0071BC;
	text-decoration:none;
}
#topic-path ul li a:hover {
	text-decoration:underline;
}
.gotop{
	float:right;
	margin:60px 0 0 0;
}
.gotop a:hover{
	/*float:right;*/
	filter: alpha(opacity=80 style=0);
	opacity:0.8;
	-moz-opacity:0.8;
}



/*-----------------------------------
OTHERS
-----------------------------------*/
#others {
	width:803px;
	height:auto;
	padding:0px 22px 0 175px;
	background:url(../images/bg_body.gif) repeat-y;
}
/*RESERVATION_INQUIRY
-----------------------------------*/
.reservation_inquiry {
	width:562px;
	height:85px;
	margin:60px auto 0 auto;
	padding:71px 0 0 0;
	background:url(../images/reservation_inquiry.gif) no-repeat;
}
.reservation_inquiry .reservation_inquiry_text {
	width:363px;
	height:15px;
	margin:10px 0 0 12px;
	float:left;
}
* html body .reservation_inquiry .reservation_inquiry_text {
	margin:10px 0 0 6px;
}
.reservation_inquiry_text02{
	font-size:0.85em;
	color:#dd4949;
	text-align:center;
	padding-bottom:17px;
	line-height:110%;
}
.reservation_inquiry .reservation_inquiry_list {
	width:185px;
	height:21px;
	margin:4px 0 0 0;
	float:right;
}
/*SUB_MENU_FOOT2
-----------------------------------*/
.sub_menu_foot2{
	width:770px;
	height:auto;
	float:left;
	border-left:1px solid #e1c7c7;
}

/*LEFT_RIGHT
-----------------------------------*/
.sub_menu_foot_left2{
	float:left;
	margin:25px 0 0 0;
}
.sub_menu_foot_left2 li{
	float:left;
	border-right:1px solid #b68d8d;
	margin:0 0 0 12px;
	padding:0 12px 0 0;
}
.sub_menu_foot_left2 .sub_menu_foot_left_li{
	float:left;
	border-right:none;
	margin:0 0 0 12px;
	padding:0 12px 0 0;
}
* html body .sub_menu_foot_left2 li{margin:0 0 0 6px;padding:0 6px 0 0;}

.sub_menu_foot_right2{
	float:right;
	margin:25px 0 0 0;
}
.sub_menu_foot_right2 li{
	float:left;
	margin:0 12px 0 0;
}
* html body .sub_menu_foot_right2 li{margin:0 6px 0 0;}





/*-----------------------------------
FOOTER
-----------------------------------*/
#foot{
	width:900px;
	height:auto;
	padding:15px 50px 0 50px;
	background:url(../images/bg_foot.jpg) no-repeat;
}
#foot p{
	width:400px;
	margin:0 0 0 12px;
	float:left;
}
* html body #foot p{margin:0 0 0 6px;}

/*SUB_MENU_FOOT
-----------------------------------*/
#foot .sub_menu_foot{
	width:900px;
	height:30px;
}

/*SUB_MENU_FOOT_LEFT
-----------------------------------*/
#foot .sub_menu_foot_left{
	float:left;
}
#foot .sub_menu_foot_left li{
	float:left;
	border-right:1px solid #b68d8d;
	margin:0 0 0 12px;
	padding:0 12px 0 0;
}
#foot .sub_menu_foot_left .sub_menu_foot_left_li{
	float:left;
	border-right:none;
	margin:0 0 0 12px;
	padding:0 12px 0 0;
}
* html body #foot .sub_menu_foot_left li{margin:0 0 0 6px;padding:0 6px 0 0;}

/*SUB_MENU_FOOT_RIGHT
-----------------------------------*/
#foot .sub_menu_foot_right{
	float:right;
}
#foot .sub_menu_foot_right li{
	float:left;
	margin:0 12px 0 0;
}
* html body #foot .sub_menu_foot_right li{margin:0 6px 0 0;}

/*ADDRESS
-----------------------------------*/
#foot address{
	width:280px;
	height:15px;
	text-indent:-10000em;
	background:url(../images/copyright.gif) no-repeat;
	float:right;
	margin:0 10px 0 0;
}
* html body #foot address{margin:0 5px 0 0;}

/*LINK
-----------------------------------*/
#foot .foot_link{
	width:453px;
	height:50px;
	margin:10px auto;
	padding:0 0 0 47px;
	background:url(../images/bg_link.jpg) no-repeat;
}

#foot .foot_link li{
	float:left;
	margin:5px 17px 0 0;
}
#foot .foot_link .foot_link_li{
	float:left;
	margin:5px 26px 0 13px;
}

/*下位ページ
-----------------------------------*/
#foot2{
	width:900px;
	height:auto;
	padding:10px 50px 0 50px;
	background:url(../images/bg_foot2.jpg) no-repeat;
}
#foot2 p{
	width:400px;
	margin:0 0 0 12px;
	float:left;
}
* html body #foot2 p{margin:0 0 0 6px;}
#foot2 .sub_menu_foot{
	width:900px;
	height:30px;
}
#foot2 address{
	width:280px;
	height:15px;
	text-indent:-10000em;
	background:url(../images/copyright.gif) no-repeat;
	float:right;
	margin:0 10px 0 0;
}
* html body #foot2 address{margin:0 5px 0 0;}
#foot2 .foot_link{
	width:453px;
	height:50px;
	margin:10px auto;
	padding:0 0 0 47px;
	background:url(../images/bg_link.jpg) no-repeat;
}

#foot2 .foot_link li{
	float:left;
	margin:5px 17px 0 0;
}
#foot2 .foot_link .foot_link_li{
	float:left;
	margin:5px 26px 0 13px;
}