/* -- 共通スタイルシート -- */

* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image:url(images/bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
		}

div, p, span, ul, li ,td {
	font-size: 95%;
	color: #333333;
	line-height:120%;
	font-family:'ＭＳ Ｐゴシック' , 'ＭＳ ゴシック' , 'ＭＳ 明朝' , 'Osaka' ;
}

img {
	border: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	font-size:95%;
	font-weight:normal;
	text-align:left;
	float:left;
}

br.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

div#all{
	width:751px;
	margin:0 auto;
	text-align:left;
		}

div#head{
	width:751px;
	height:94px;
		}

div#head div#head_l{
	background-image:url(images/head_l.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:10px;
	height:94px;
	float:left;
	}

div#head div#head_r{
	background-image:url(images/head_r.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:10px;
	height:94px;
	float:left;
	}

div#head div#head_main{
	border-top:5px solid #256C54;
	border-bottom:1px solid #C8C3C3;
	width:731px;
	height:88px;
	float:left;
	background-color:#FFFFFF;
	}
	
h1#logo{
	width:262px;
	height:35px;
	float:left;
	margin:20px 0 0 10px;
}

h2#head_r_area{
	width:146px;
	float:right;
	margin:12px 10px 0 0;
	text-align:left;
}


div#headmenu{
	width:203px;
	margin:2px 7px 4px 0;
	float:right;
	text-align:right;
	}

div#main{
	width:749px;
	text-align:left;
	border:1px solid #C8C3C3;
	background-image:url(images/main_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
	padding-bottom:15px;
	margin-top:20px;
			}

#main:after {
    display:block;
    content:"";
    clear:both;
}



div#mainleft{
	width:156px;
	float:left;
		}

div#mainright{
	width:593px;
	float:left;
	text-align:left;
			}

p.menu{
	width:156px;
	height:39px;
	border-bottom:1px solid #C8C3C3;
	float:left;
	}
	
.tel{
	margin:10px 0 0 5px;
	}

p#top_img{
	width:593px;
	height:269px;
	float:left;
	background-image:url(images/top_img.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}

div#contents{
	width:563px;
	float:left;
	margin:20px 0 20px 8px;
	text-align:left;
	}

p.ttl{
	margin:20px 0 20px 0;
	border-bottom:1px solid #C8C3C3;
	width:563px;
	height:37px;
	float:left;
	padding-left:2px;
	padding-bottom:2px;
	}

p.textarea1{
	width:340px;
	text-align:left;
	float:left;
	}

p.textarea2{
	width:281px;
	text-align:left;
	float:left;
	margin-bottom:20px;
	}

p.sttl{
	height:13px;
	float:left;
	text-align:left;
	line-height:100%;
	font-size:80%;
	}

div#menu_area{
	width:413px;
	float:left;
	margin:10px 0 10px 8px;
	background-color:#F5F9E4;
	padding:15px 48px;
	}

div#menu_area p.b_menu{
	width:350px;
	text-align:left;
	margin-left:5px;
	float:left;
	}

div#menu_area p.pay{
	width:50px;
	text-align:right;
	margin-right:5px;
	float:right;
	}

p.line_dot01{
	width:433px;
	height:1px;
	background-image:url(images/line_dot01.gif);
	background-position:left top;
	background-repeat:no-repeat;
		}


div#room_left{
	width:394px;
	margin:10px 0 0 0;
	float:left;
	text-align:left;
	}



		
div#room_area{
	width:366px;
	margin-left:8px;
	margin-bottom:18px;
	background-color:#F5F9E4;
	padding:12px;
	float:left;
	font-size:100%;
	}
	
div#room_area p.type{
	width:210px;
	margin-left:5px;
	text-align:left;
	float:left;
	}
	
div#room_area p.room{
	width:60px;
	text-align:left;
	float:left;
	}

div#room_area p.r_pay{
	width:70px;
	text-align:right;
	float:left;
	}


div#room_area p.type2{
	margin-left:5px;
	text-align:left;
	float:left;
	}

div#img_area{
	width:150px;
	float:right;
	margin-top:10px;
	}

.img_text{
	font-size:90%;
	float:right;
	line-height:150%;
	}


div#banner_area{
	width:392px;
	margin-left:8px;
	float:left;
	text-align:left;
	margin-top:10px;
	}


div#service{
	width:537px;
	margin:10px 8px 20px 8px;
	float:left;
	}

div#service div#ser_01{
	width:151px;
	height:160px;
	float:left;
	background-image:url(images/service_01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}


div#service div#ser_02{
	width:151px;
	height:160px;
	background-image:url(images/service_02.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}

div#service div#ser_03{
	width:151px;
	height:160px;
	background-image:url(images/service_03.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	}




p.text01{
	width:131px;
	margin:45px 0 0 5px;
	float:left;
	text-align:left;
	color:#FFFFFF;
	font-size:100%;
	}




div#service p.arrow{
	width:23px;
	height:23px;
	float:left;
	background-image:url(images/arrow.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:64px 8px 0 8px;
	}


p#map{
	width:537px;
	margin:10px 8px 20px 8px;
	float:left;
	text-align:left;
		}

div#footer{
	width:751px;
	height:40px;
	float:left;
	background-color:#507B6C;
	padding-top:20px;
	text-align:center;
			}


/*reserve*/

p#rsv_img{
	width:593px;
	height:269px;
	float:left;
	background-image:url(images/rsv_img.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}

p.ttl2{
	margin:0 0 20px 0;
	border-bottom:1px solid #C8C3C3;
	width:563px;
	height:37px;
	float:left;
	padding-left:2px;
	padding-bottom:2px;
	}

p.textarea3{
	width:250px;
	text-align:left;
	float:left;
	margin-left:8px;
	}

div#button_area{
	width:180px;
	padding:3px;
	float:right;
	background-color:#DEDDBC;
	margin-bottom:10px;
	}

div.rsv_area{
	width:563px;
	border-top:5px solid #5F5A04;
	background-color:#F8FBF1;
	margin:30px 0 20px 0;
	padding:5px 0 15px 0;
	}

.r_sttl{
	float:left;
	margin-left:5px;
	margin-top:3px;
	margin-bottom:5px;
	}

.r_button{
	float:right;
	margin-right:5px;
	margin-bottom:5px;
	}


.rsv_tb{
	text-align:left;
	margin-top:10px;
	font-size:120%;
	margin-bottom:10px;
	}

.f_g{
	color:#4F5E50;
	}


.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear: both;
}

/*margin*/

.mb5{
	margin-bottom:5px;
	}

.mt2{
	margin-top:2px;
	}

.mtb5{
	margin:5px 0;
	}

.mt5{
	margin-top:5px;
	}

.mt10{
	margin-top:10px;
	}

.mb2{
	margin-bottom:2px;
	}

.mlt10{
	margin-left:20px;
	margin-top:5px;
	}


/*font*/

.f_90{
	font-size:85%;
	line-height:150%;
	}

.f12{
	font-size:12px;
	line-height:200%;
	}



A:link{color:#333333;text-decoration:underline;}
A:visited{color:#333333;text-decoration:underline;}
A:hover{color:#EB0404;text-decoration:underline;}