@charset "utf-8";
/* CSS Document */

@import "reset.css";
@import "base.css";

/*----------------------------------------------
 TOP
----------------------------------------------*/
/*--キャッチコピー--*/
#catch{
	padding: 0 0 0 5px;
	min-height: 265px;
	background: url(../img/index/catch_img.png) no-repeat right 5px;
	}
#catch h2{
	margin-bottom: 10px;
	/*height: 29px;
	text-indent: -9999px;
	background: url(../img/index/catch_title.png) no-repeat 0 0;*/
	}
#catch h3{
	margin-bottom: 15px;
	/*height: 45px;
	text-indent: -9999px;
	background: url(../img/index/catch_sub.png) no-repeat 0 0;*/
	}
#catch p{
	padding: 0 280px 0 5px;
	line-height: 1.8;
	}
#catch div.btn{
	padding: 10px 280px 0 5px;
	text-align: right;
	}
	
/*--新着情報--*/
#news{
	margin: 0 0 40px;
	}
#news dt,
.hiduke{
	float: left;
	padding: 0 0 0 5px;
	}
#news dd,
.text_con{
	margin: 0 0 12px;
	padding: 0 0 10px 150px;
	border-bottom: 1px dotted #8F847C;
	}
#news strong{
	display: block;
	color: #461313;
	font-weight: bold;
	}
#news dd img.photo{
	float: right;
	margin: 0 5px 5px 15px;
	}


	
/*----------------------------------------------
 コンセプト
----------------------------------------------*/
#concept{
	}
#concept h2{
	margin-bottom: 20px;
	height: 65px;
	text-indent: -9999px;
	background: url(../img/concept/catch.png) no-repeat center;
	}
.concept{
	padding: 10px 0;
	}
.concept div.txt{
	padding: 60px 0 0;
	width: 560px;
	}
.concept h3{
	padding: 0 0 9px 170px;
	font-size: 18px;
	color: #441F05;
	}
.concept p{
	padding: 0 0 0 170px;
	line-height: 190%;
	}
	
.c01 .txt,
.c03 .txt{
	float: left;
	}
.c01 .img,
.c03 .img{
	float: right;
	}
	
.c02 .txt{
	float: right;
	margin: 0 0 0 0;
	}
.c02 .img{
	float: left;
	}
	
.c01{	background: url(../img/concept/concept01.jpg) no-repeat 0 50%;}
.c02{	background: url(../img/concept/concept02.jpg) no-repeat 285px 50%;}
.c03{	background: url(../img/concept/concept03.jpg) no-repeat 0 50%;}
	
	
/*----------------------------------------------
 メニュー＆料金
----------------------------------------------*/
.menu{
	padding: 0 0 10px!important;
	}
.menu .txt{
	float: left;
	padding: 0 0 70px;
	width: 560px;
	min-height: 105px;
	}
.menu table{
	width: 560px;
	}
.menu table th,
.menu table td{
	padding: 8px 5px;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px dotted #8F847C;
	}
.menu table th{ width: 270px; }
.menu table td{ width: 130px; }
.menu table td.price{
	text-align: right;
	font-weight: bold;
	color: #762626;
	}
.menu table td.price span{
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #D05E5E;
	}
.menu img.img{
	float: right;
	margin: 7px 4px 0;
	box-shadow: 1px 1px 4px #B7A997;
	-moz-box-shadow: 1px 1px 4px #B7A997; 
	-webkit-box-shadow: 1px 1px 4px #B7A997;
	}

#cut .txt{ background: url(../img/menu/cut_bg.png) no-repeat bottom right;}
#perm .txt{ background: url(../img/menu/perm_bg.png) no-repeat bottom right;}
#color .txt{ background: url(../img/menu/color_bg.png) no-repeat bottom right;}
#others .txt{ background: url(../img/menu/others_bg.png) no-repeat bottom right;}
	
/*----------------------------------------------
 スタッフ紹介
----------------------------------------------*/
#staff{
	}
.staff{
	margin: 0 0 17px;
	padding: 0 5px 15px;
	background: url(../img/staff/dot.gif) repeat-x bottom;
	}
.staff div.txt{
	float: right;
	width: 550px;
	}
.staff div.txt h2{
	margin: 0 0 15px;
	color: #331B11;
	font-size: 28px;
	}
.staff div.txt h2 span{
	padding: 0 15px;
	font-size: 18px;
	}
.staff div.txt dt{
	float: left;
	padding: 0 0 10px;
	}
.staff div.txt dd{
	padding: 0 0 20px 155px;
	line-height: 180%;
	}
.staff img.img{
	float: left;
	box-shadow: 1px 1px 4px #B7A997;
	-moz-box-shadow: 1px 1px 4px #B7A997; 
	-webkit-box-shadow: 1px 1px 4px #B7A997;
	}
.nb{
	padding-bottom: 0;
	background: none;
	}
	
/*----------------------------------------------
 サロン案内
----------------------------------------------*/
/*--サロン案内--*/
#salon{
	}
#salon div.txt{
	float: left;
	width: 425px;
	}
#salon div.txt dt{
	float: left;
	padding: 0 0 0 5px;
	}
#salon div.txt dd{
	margin: 0 0 12px;
	padding: 0 0 10px 120px;
	border-bottom: 1px dotted #8F847C;
	}
#salon div.txt ul li{
	padding: 0 0 0 12px;
	list-style-type: none;
	color: #D05E5E;
	font-size: 10px;
	text-indent: -9px;
	}
	
#salon div.img{
	float: right;
	width: 400px;
	}
#salon div.img ul li{
	padding: 0 3px 5px 5px;
	float: left;
	width: 125px;
	list-style-type: none;
	}
#salon div.img ul li img{
	box-shadow: 1px 1px 2px #CCBBA6;
	-moz-box-shadow: 1px 1px 2px #CCBBA6; 
	-webkit-box-shadow: 1px 1px 2px #CCBBA6;
	}
	
	
/*--アクセスマップ--*/
#access{
	}
#access iframe{
	margin: 0 2px;
	border: 3px solid #FFF;
	}
#access p{
	margin: 0 2px 10px;
	text-align: right;
	}
#access li{
	padding: 0 0 4px 12px;
	list-style-type: none;
	background: url(../img/salon/arrow.gif) no-repeat 2px 7px;
	}