@charset "utf-8";

/* TOP
---------------------------------------------------- */
#top-banner li{
	list-style:none;
	float:left;
}
#top-banner li a{
	display:block;
	width:190px;
	text-indent:-9999px;
}
#banner1 a{background:url(../images/top/banner1.jpg) no-repeat; height:142px;}
#banner2 a{background:url(../images/top/banner2.jpg) no-repeat; height:142px; margin:0 8px 0 7px;}
#banner3 a{background:url(../images/top/banner3.jpg) no-repeat; height:142px;}

#banner1 a:hover{background:url(../images/top/banner1.jpg) no-repeat 0 -142px; height:142px;}
#banner2 a:hover{background:url(../images/top/banner2.jpg) no-repeat 0 -142px; height:142px; margin:0 8px 0 7px;}
#banner3 a:hover{background:url(../images/top/banner3.jpg) no-repeat 0 -142px; height:142px;}


#news{
	width:345px;
	float:left;
}
#news h3{
	margin-bottom:10px;
}
#news dl{
	margin-left:11px;
}
#news dt{
	clear:left;
	float:left;
	width:5.5em;
	padding:0px 1em 15px 0;
	margin-bottom:5px;
}
#news dd{
	margin-left:0;
	padding:0px 0 15px 7em;
	margin-bottom:5px;
	background:url(../images/top/border1.gif) no-repeat bottom;
}
#news dd img{
	margin-left:10px;

}


#calendar{
	width:220px;
	float:right;
}
#calendar a{
	color:#3c82aa;
	text-decoration:none;
}
#calendar a:hover{
	color:#5ec2df;
	text-decoration:none;
}
#calendar h3{
	margin-bottom:10px;
}
#calendar table{
	width:100%;
}
#calendar table caption{
	background:url(../images/top/border2.gif) repeat-x bottom;
	padding-bottom:10px;
	text-align:center;
	font-size:12px;
}
#calendar table th{
	text-align:center;
	padding:0 0 10px 0;
	font-size:10px;
	background:url(../images/top/border2.gif) bottom repeat-x;
}
#calendar table td{
	text-align:center;
	padding:2px;
	font-size:12px;
}
.holiday{color:#c76c32;}
.holiday-info{
	text-align:right;
	background:url(../images/top/border2.gif) top no-repeat;
	padding-top:10px;
}
.holiday-info img{
	vertical-align:baseline;
	margin-right:3px;
}



/* Salon
---------------------------------------------------- */
.data-table{
	width:555px;
	margin:0 15px 50px 15px;
	border-collapse:collapse;
}
.data-table td,
.data-table th{
	border:1px solid #54493f;
	padding:5px 8px ;
}
.data-table th{
	width:130px;
	background:#413931;
	color:#da0245;
	text-align:left;
	font-weight:normal;
}


/* Price
---------------------------------------------------- */
.price-table{
	width:555px;
	margin:0 15px 30px 15px;
	border-collapse:collapse;
}
.price-table td,
.price-table th{
	border:1px solid #463e36;
	padding:5px 8px;
	background:#514942;
}
.price-table th{
	width:120px;
	background:#413931;
	color:#da0245;
	text-align:left;
	font-weight:normal;
}


/* Staff
---------------------------------------------------- */
.staff-photo{
	float:left;
	width:235px;
	margin:5px 0 0px 0;
}
.staff-photo p a{
	display:block;
	width:229px;
	height:245px;
	border:3px solid #8b8682;
	text-indent:-9999px;
}
#staff01 a{background:url(../images/staff/01.jpg) no-repeat;}
#staff02 a{background:url(../images/staff/02.jpg) no-repeat;}
#staff03 a{background:url(../images/staff/03.jpg) no-repeat;}
#staff04 a{background:url(../images/staff/04.jpg) no-repeat;}
#staff05 a{background:url(../images/staff/05.jpg) no-repeat;}
#staff06 a{background:url(../images/staff/06.jpg) no-repeat;}
#staff07 a{background:url(../images/staff/07.jpg) no-repeat;}
#staff08 a{background:url(../images/staff/08.jpg) no-repeat;}
#staff09 a{background:url(../images/staff/09.jpg) no-repeat;}
#staff10 a{background:url(../images/staff/10.jpg) no-repeat;}
#staff11 a{background:url(../images/staff/11.jpg) no-repeat;}
#staff12 a{background:url(../images/staff/12.jpg) no-repeat;}

#staff01 a:hover{background:url(../images/staff/01b.jpg) no-repeat; border:3px solid #aade23;}
#staff02 a:hover{background:url(../images/staff/02b.jpg) no-repeat; border:3px solid #aade23;}
#staff03 a:hover{background:url(../images/staff/03b.jpg) no-repeat; border:3px solid #aade23;}
#staff04 a:hover{background:url(../images/staff/04b.jpg) no-repeat; border:3px solid #aade23;}
#staff05 a:hover{background:url(../images/staff/05b.jpg) no-repeat; border:3px solid #aade23;}
#staff06 a:hover{background:url(../images/staff/06b.jpg) no-repeat; border:3px solid #aade23;}
#staff07 a:hover{background:url(../images/staff/07b.jpg) no-repeat; border:3px solid #aade23;}
#staff08 a:hover{background:url(../images/staff/08b.jpg) no-repeat; border:3px solid #aade23;}
#staff09 a:hover{background:url(../images/staff/09b.jpg) no-repeat; border:3px solid #aade23;}
#staff10 a:hover{background:url(../images/staff/10b.jpg) no-repeat; border:3px solid #aade23;}
#staff11 a:hover{background:url(../images/staff/11b.jpg) no-repeat; border:3px solid #aade23;}
#staff12 a:hover{background:url(../images/staff/12b.jpg) no-repeat; border:3px solid #aade23;}


.staff-text{
	float:right;
	width:330px;
	background:url(../images/staff/bg-profile-top.gif) no-repeat top #5c544d;
	margin:5px 0 20px 0;
}
.staff-text-inner{
	padding:10px;
	background:url(../images/staff/bg-profile-bottom.gif) no-repeat bottom;
}

.staff-text-inner table{
	width:100%;
}
.staff-text-inner table td,
.staff-text-inner table th{
	padding:2px 5px;
	vertical-align:top;
}
.staff-text-inner table th{
	width:80px;
	font-weight:normal;
}
.staff-comment{
	color:#aade23;
}

/* Guest
---------------------------------------------------- */
#guest-list{
	margin-left:7px;
	_margin-left:4px;
	margin-bottom:20px;
}
#guest-list li{
	list-style:none;
	float:left;
	margin:4px;
}
#guest-list li a{
	border:3px solid #8b8682;
	display:block;
	float:left;
	width:100px;
	height:70px;
	overflow:hidden;
}
#guest-list li a:hover{
	border:3px solid #aade23;
	display:block;
	float:left;
}

#guest-detail h2{
	color:#da0245;
	padding:0 0 5px 0;
	margin:15px 0 10px 0;
	font-size:18px;
	background:url(../images/guest/border.gif) no-repeat bottom;
}

#guest-detail h3{
	border:1px solid #706559;
	margin-bottom:5px;
}
#guest-detail #name{
	text-align:right;
	margin-bottom:20px;
}
#back{
	text-align:center;
	margin-top:30px;
}
#back input{
	border:1px solid #372c21;
	background:#3e352c;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#c1beba;
	cursor:pointer;
}
#back input:hover{
	border:1px solid #372c21;
	background:#463e36;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#c1beba;
	cursor:pointer;
}


/* News&Blog
---------------------------------------------------- */
#blog-body{
	float:left;
	width:425px;
}
#blog-body .day{
	margin:0 0 3px 0;
	font-size:11px;
}
#blog-body h3{
	background:url(../images/news/border.gif) no-repeat bottom;
	font-size:14px;
	margin-bottom:10px;
	padding-bottom:5px;
	color:#da0245;
}
#blog-body h3 a{ 
	font-size:14px;
	color:#da0245;
	text-decoration:none;
}
#blog-body h3 a:hover{ 
	font-size:14px;
	color:#980835;
	text-decoration:none;
}

.post-info{
	text-align:right;
	background:url(../images/news/border.gif) no-repeat top;
	margin:20px 0 20px 0;
	padding:5px 0 0 0;
}

#blog-side{
	float:right;
	width:140px;
}
#blog-side h4{
	font-size:12px;
	background:url(../images/news/border.gif) no-repeat bottom;
	padding:0 0 3px 0;
	margin-bottom:3px;
}

#blog-side ul{
	margin-bottom:20px;
}
#blog-side ul li{
	list-style:none;
	margin-bottom:5px;
}


#comment{
	margin:30px 0 0 0;
}
#blog-body h5{
	color:#da0245;
	font-size:12px;
	margin:10px 0 5px 0;
}
#blog-body h5 span{
	font-weight:normal;
	color:#d4d2d0;
	font-size:10px;
	margin-left:10px;
}
.comment-body{
	background:url(../images/news/comment-top.gif) no-repeat top #5c544d;
	width:425px;
	margin-bottom:20px;
}
.comment-inner{
	background:url(../images/news/comment-bottom.gif) no-repeat bottom;
	padding:15px;
}


/* Contact
---------------------------------------------------- */
#content table input,
#content table textarea{
	background:#acacac;
	border:#acacac 1px solid;
}