@charset "shift_jis";

body{
	background:url(../images/back_wrapper.jpg) fixed;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

#wrapper{
	margin:0 auto;
	padding-bottom:20px;
	width:1020px;
	min-height: 100%;
}

#side_bar{
	float:left;
	width:240px;
	position: fixed;
}

#contents{
	width:780px;
	background:url(../images/paper_content.png) repeat-y 244px 0;
	min-height: 100%;
	padding-left:244px;
}

#main{
	padding:30px 30px;
	overflow:hidden;
}

#footer{
	padding:25px 0 10px;
	margin:0 30px;
	text-align:right;
	clear:both;
	background:url(../images/line_footer.gif) no-repeat 0 top;
}

#top #footer{
	padding:25px 0 10px;
	margin:40px 0 0;
	text-align:right;
	clear:both;
	background:url(../images/line_footer_top.gif) no-repeat 0 top;
}

#bottom{
	background:url(../images/paper_bottom.png) 0 0;
	height:10px;
	clear:both;
	margin:0 0 0 244px;
	width:780px;
}

/*---------------------------
    side_bar
---------------------------*/
#logo{
	margin:0 auto 30px;
	width:140px;
}

#logo a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:140px;
	height:280px;
	background:url(../images/logo.png) no-repeat 0 0;
}

ul#navigation{
	margin:0 auto;
	width:174px;
	height:163px;
	padding-bottom:20px;
	background:url(../images/line_side.png) no-repeat center bottom;
}


ul#navigation li{
	margin:0 1px 40px;
	float:right;
}

ul#navigation li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:27px;
	height:163px;
}

li#shoyeido a{
	background:url(../images/nav/gnavi_shoyeido.png) no-repeat 0 top;
}

li#shikishidai a{
	background:url(../images/nav/gnavi_shikishidai.png) no-repeat 0 top;

}

li#plan a{
	background:url(../images/nav/gnavi_plan.png) no-repeat 0 top;
}

li#toukansou a{
	background:url(../images/nav/gnavi_toukansou.png) no-repeat 0 top;
}
li#salon a{
	background:url(../images/nav/gnavi_salon.png) no-repeat 0 top;
}

li#soudan a{
	background:url(../images/nav/gnavi_soudan.png) no-repeat 0 top;
}

li#contact a{
	background:url(../images/nav/gnavi_contact.png) no-repeat 0 top;
}

ul#navigation li a:hover{
	background-position:0 bottom;
}

#shoyeido ul#navigation li#shoyeido a,
#shikishidai ul#navigation li#shikishidai a,
#plan ul#navigation li#plan a,
#toukansou ul#navigation li#toukansou a,
#salon ul#navigation li#salon a,
#soudan ul#navigation li#soudan a,
#contact ul#navigation li#contact a,
#application ul#navigation li#application a{
	background-position:0 bottom;
}

p#banner{
	clear:both;
	text-align:center;
	margin:0 auto;
	width:203px;
	padding-bottom:20px;
	margin-top:18px;/*ie7*/
	background:url(../images/line_side.png) no-repeat center bottom;
}
/*---------------------------
    contents
---------------------------*/
#title,#topimg{
	margin:0 0 20px;
}

.message{
	margin:0 0 20px;
	clear:both;
}

.message p{
	padding-bottom:1em;
}

.column{
	background:#EADEF0;
	padding:1em 1.5em 0;
}
h3{
	margin:0 0 0;
	font-size:120%;
	font-family:"ヒラギノ明朝 Pro W3", "MS P明朝", "Times New Roman", serif;
}

h4{
	margin:0 0 10px;
	font-size:115%;
	font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "MS P明朝", "Times New Roman", serif;
}

p,ul{
	
}
.main_photo{
	float:left;
	max-width:720px;
	margin-bottom:40px;
}

.main_contents{
	float:right;
	max-width:280px;
	margin:0 40px 0 0;
}

.main_contents h2{
	margin:0 0 0 40px;
	float:right;
	
}

.main_contents .txt{
	float:left;
	margin:0 0 0 20px;
}

.left{
	float:left;
	margin:0 15px 0 0;
}

.right{
	float:right;
	margin:0 0 0 10px;
}

.contact,.reserve{
	margin-bottom:20px;
}

.contact a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn_contact.gif) no-repeat 0 top;
	width:150px;
	height:30px;
}

.reserve a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn_reserve.gif) no-repeat 0 top;
	width:150px;
	height:30px;
}

.contact a:hover,
.reserve a:hover{
	background-position:0 bottom;
}