@charset "Shift_JIS";

body {
	font-size: 85%;
	margin: 0;
	padding: 0;
	color:#333;
	background:#EAF0E1;
}
img{
	vertical-align:bottom;
}
h1,h2,h3,h4,h5,p,form{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}
table {
	border-collapse:collapse;
}
td{
	vertical-align:top;
}
table.allcenter td{
	text-align:center;
	vertical-align:middle;
}
.clr{
	clear:both;
}
.blue{
	color:#5089E6;
}
.green{
	color:#74973B;
}

#topicpath{
	margin-bottom:20px;
}
#topicpath a{
	color:#6E7D57;
}

/* header
--------------------------------------------------------------------*/
#header {
	width: 770px;
	height:145px;
	margin-left:0px;
	background:url(img/header.jpg) no-repeat;
}
#header p{
padding:106px 0 0 519px;
}
#header a{
display:block;
float:left;
width:100px;
height:35px;
text-indent:-9999px;
}
/* container
--------------------------------------------------------------------*/
#container {
	width: 770px;
	margin-left: auto;
	margin-right:auto;
	background:#fff;
}

/* contents
--------------------------------------------------------------------*/
#content_index {
	float:left;
	margin-left: 10px;
	padding:0;
	line-height:130%;
	width:580px;
}
#content {
	float:left;
	margin-left: 40px;
	padding:0;
	line-height:140%;
	width:480px;
}
h1.cont_head{
	color:#999;
	font-size:28px;
	border-bottom:3px solid #A5C74C;
	height:36px;
	line-height:36px;
	margin-bottom:20px;
}
h2.title{
	color:#3E69B1;
	border-left:3px solid #5089E6;
	height:24px;
	line-height:24px;
	padding-left:1em;
	margin:30px 0 10px 0;
}

/* menu
--------------------------------------------------------------------*/
#menu {
	float:left;
	left:0px;
	width: 180px;
	margin-top:0px;
}
#menu_head{
}
#menu_foot{
}

#menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li{
	padding:0;
	margin:0;
	margin-bottom:0px;
	width:180px;
}
#menu li.normal{
	margin-bottom:0px;
	height:30px;
	background:url(img/menu_off.gif) no-repeat 15px 50%;
}
#menu li.home{
	margin-bottom:0px;
	height:30px;
	background:url(img/li_home.gif) no-repeat 20px 50%;
}
#menu li.blog{
	margin-bottom:0px;
	height:30px;
	background:url(img/li_blog.gif) no-repeat 20px 50%;
}
#menu li.gallery{
	height:45px;
	background:url(img/menu_gallery.jpg) no-repeat 50%;
	margin-top:5px;
}
#menu li.salon{
	height:45px;
	background:url(img/menu_salon.jpg) no-repeat 50%;
	margin-top:10px;
}
#menu li.self{
	height:45px;
	background:url(img/menu_self.jpg) no-repeat 50%;
	margin-top:10px;
}
#menu li.gallery a,#menu li.salon a,#menu li.self a{
	text-indent:-9999px;
	height:40px;
}
#menu li a{
	display:block;
	font-size:14px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	padding:0 0 0 28px;
	margin:0 0 0 0px;
	color:#333;
}
#menu li.gallery a,#menu li.salon a,#menu li.self a,{
	height:40px;
}

#menu li.normal a:hover,#menu li.normal a:active{
	color:#839569;
	background:url(img/menu_on.gif) no-repeat 15px 50%;
}
#menu li.home a:hover,#menu li.home a:active{
	color:#839569;
}
#menu li.blog a:hover,#menu li.blog a:active{
	color:#839569;
}
/* footer
--------------------------------------------------------------------*/
#footer{
	clear:both;
	color:#666;
	font-size:14px;
	line-height:18px;
	background:#ccc;
	height:100px;
	text-align:right;
	margin-top:50px;
}
#footer p{
	padding-right:40px;
	padding-top:18px;
}


/* index
--------------------------------------------------------------------*/
#content_index{
text-align:center;
}
#content_index p{
margin-top:20px;
color:#666;
}
#flash{
	margin-top:20px;
}
/* gallery
--------------------------------------------------------------------*/
#gallery ul{
	list-style:none;
	padding:0;
	margin:20px 0 0 25px;
}
#gallery li{
	width:400px;
	padding:0;
	margin:0 0 5px 0;
}
#gallery li a{
	color:#6E7D57;
	height:2em;
	line-height:2em;
	display:block;
	border:3px solid #ccc;
	padding-left:40px;
	background:url(img/li_blog.gif) no-repeat 20px 50%;
}
#gallery li a:hover{
	border:3px solid #86A88F;
}

/* schedule
--------------------------------------------------------------------*/
#schedule table{
	background:#bbb;
	width:450px;
	padding:5px;
}

/* feature
--------------------------------------------------------------------*/
#feature h2{
	border-left:2px solid #5CA76F;
	border-bottom:1px solid #ccc;
	padding:5px 10px;
	margin-bottom:10px;
	background:#eee;
	font-weight:bold;
}
/* rental
--------------------------------------------------------------------*/
#rental{
	text-align:center;
	line-height:200%;
}
#rental table{
	width:400px;
	border:4px solid #ccc;
	padding:4px;
	margin:20px 0;
}
#rental td{
	text-align:left;
}
#rental p{
	margin-top:10px;
}
/* salon
--------------------------------------------------------------------*/
#salon{
	text-align:center;
	line-height:180%;
}
#salon p{
	margin:30px 0;
}
/* classic
--------------------------------------------------------------------*/
#classic h2{
	border-left:2px solid #d3ab80;
	padding:5px 10px;
	margin:20px 0;
	background:#eee;
	font-weight:bold;
}
/* antique
--------------------------------------------------------------------*/
#antique h2{
	border-left:2px solid #d3ab80;
	padding:5px 10px;
	margin:20px 0;
	background:#eee;
}
#antique p{
	margin-top:5px;
}

/* soul
--------------------------------------------------------------------*/
#soul h2{
	border-left:2px solid #d3ab80;
	padding:5px 10px;
	margin:20px 0;
	background:#eee;
	font-weight:bold;
}
#soul p{
	margin-top:5px;
}

/* self
--------------------------------------------------------------------*/
#self ul{
	list-style:none;
	padding:0;
	margin:20px 0 0 25px;
}
#self li{
	width:400px;
	padding:0;
	margin:0 0 5px 0;
}
#self li a{
	color:#6E7D57;
	height:2em;
	line-height:2em;
	display:block;
	border:3px solid #ccc;
	padding-left:40px;
	background:url(img/li_blog.gif) no-repeat 20px 50%;
}
#self li a:hover{
	border:3px solid #CDA190;
}

/* counseling
--------------------------------------------------------------------*/
#counseling{
	text-align:center;
}
#counseling_bn{
	margin-top:20px;
}
#counseling_bn a{ display:block; }
#counseling_bn img{ border: 3px solid #9ADD9A; }
#counseling_bn a:hover img{ border: 3px solid #bbb; }

#counseling a{ color:#389738; }
#counseling a:hover{ color:#999; }

/* access
--------------------------------------------------------------------*/
#access table{
	margin-bottom:10px;
}
#access td{
	padding:3px 10px;
	margin:2px;
	border-bottom:1px solid #ccc;
}
#access td.c1{
	background:#D9F0DF;
	border:2px solid #fff;
}
#access b{
	color:#555;
}