@charset "utf-8";

div#beetle {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	width: 780px;
}

div#beetle h2{
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
}

/* ---------------------------
wb_[
--------------------------- */	
div#header_top {
	margin: 0px;
	padding: 0px;
	height: 263px;
	width: 780px;
	background-image: url(images/header_top.jpg);
	background-repeat: no-repeat;
  background-position: left bottom;
	text-indent: -5000px;
}

div#header_under {
	margin: 0px;
	padding: 0px;
	height: 356px;
	width: 780px;
	background-image: url(images/header_under.jpg);
	background-repeat: no-repeat;
　background-position: left bottom; 
  text-indent: -5000px;
/*vertical-align: text-bottom;*/
}

/* ---------------------------
before style
--------------------------- */
div#before_top {
	margin: 0px;
	padding: 0px;
	height: 196px;
	width: 780px;
	background-image: url(images/before_top.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
/*vertical-align: text-bottom;*/
}

div#before_top p{
	width: 380px;
	padding: 0px;
	margin-top: 0px;  
	margin-left: 373px;
	color: #663300;
	line-height: 24px;
/*vertical-align: text-bottom;*/	
}
	
div#before_under {
	margin: 0px;
	padding: 0px;
	height: 111px;
	width: 780px;
	background-image: url(images/before_under.jpg);
	background-repeat: no-repeat;
  background-position: left top;
}	

div#before_under p{
	width: 260px;
	padding: 0px;
	margin-top: 0px;  
	margin-left: 240px;
	color: #663300;
	line-height: 24px;
}

/* ---------------------------
{p style
--------------------------- */
div#style {
	margin: 0px;
	padding: 0px;
	height: 336px;
	width: 780px;
	background-image:url(images/style.jpg);
	background-repeat: no-repeat;
  background-position: left top;
}

div#style_under {
	margin: 0px;
	padding: 0px;
	height: 141px;
	width: 780px;
	background-image: url(images/style_comment.jpg);
	background-repeat: no-repeat;
  background-position: left top;
	vertical-align: text-bottom;
}

div#style_under p{
	width: 208px;
	margin: 0px;
	float: left;
	padding: 0px 0px 0px 40px;
	color: #663300;
	line-height: 22px;
}

/* ---------------------------
after style
--------------------------- */

div#after_top{
	margin: 0px;
	padding: 0px;
	height: 369px;
	width: 780px;
	background-image: url(images/after_top.jpg);
	background-repeat: no-repeat;
  background-position: left top;
}

div#after_top p{
	width: 400px;
	margin: 0px;
	float: left;
	padding: 136px 0px 0px 20px;
	line-height: 40px;
	color: #663300;
	line-height: 24px;
}

div#after_top h2{
	text-indent:-5555px;}

div#after_under{
	margin: 0px;
	padding: 0px;
	height: 289px;
	width: 780px;
	background-image: url(images/after_under.jpg);
	background-repeat: no-repeat;
  background-position: left top;
}

div#after_under p{
	width: 410px;
	margin: 0px;
	float: left;
	padding: 70px 0px 0px 40px;
	line-height: 40px;
	color: #ffffff;
	line-height: 22px;
}

/* ---------------------------
saloninformation
--------------------------- */

div#saloninfo_top{
	margin: 0px;
	padding: 0px;
	height: 354px;
	width: 780px;
	background-image: url(images/saloninfo_top.jpg);
	background-repeat: no-repeat;
  background-position: left top;
}

div#saloninfo_top p{
	width: 690px;
	margin: 0px;
	float: left;
	padding: 103px 0px 0px 45px;
	line-height: 40px;
	color: #663300;
	line-height: 24px;
}

div#saloninfo_top h2{
	text-indent:-5555px;}

div#saloninfo_under{
	margin: 0px;
	padding: 0px;
	height: 193px;
	width: 780px;
	background-image: url(images/saloninfo_under.jpg);
	background-repeat: no-repeat;
  background-position: left top;
}

div#saloninfo_under table{
	margin: 0px;
	color: #683c0f;
  /*_margin-top: 90px;*/
	margin-left: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/* ---------------------------
footer 
--------------------------- 

div#footer{
  width: 780px;
	height: 76px;
	background-image: url(images/arrow_backgraundimage.jpg);
  background-position: left top;
}

div#arrow01 a{
	text-indent:-9999px;
	float:left;
	margin: 10px 10px 0px 14px;
  display: block;
	width: 237px;
	height: 49px;
	background-image: url(images/arrow_01.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}	

div#arrow02 a{
	text-indent:-9999px;
	float:left;
	margin: 10px 10px 0px 0px;
  display: block;
	width: 237px;
	height: 49px;
	background-image: url(images/arrow_02.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}	

div#arrow03 a{
	text-indent:-9999px;
	float:left;
	margin: 10px 14px 0px 0px;
  display: block;
	width: 237px;
	height: 49px;
	background-image: url(images/arrow_03.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}	*/

/* ---------------------------
footer ロールオーバー
--------------------------- 
div#arrow01 a:hover{
	text-indent:-9999px;
	float:left;
	margin: 10px 10px 0px 14px;
  display: block;
	width: 237px;
	height: 49px;
	background-image: url(images/arrow_01_ov.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}	

div#arrow02 a:hover{
	text-indent:-9999px;
	float:left;
	margin: 10px 10px 0px 0px;
  display: block;
	width: 237px;
	height: 49px;
	background-image: url(images/arrow_02_ov.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}	

div#arrow03 a:hover{
	text-indent:-9999px;
	float:left;
	margin: 10px 14px 0px 0px;
  display: block;
	width: 237px;
	height: 49px;
	background-image: url(images/arrow_03_ov.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}	*/