@charset "utf-8";
@import "http://";


/* Reset */
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote, pre, table, caption, address, form, fieldset, legend, object {
	margin: 0;
	padding: 0;
}
h5, h6, pre, table, code, kbd, samp, acronym, input, textarea { font-size: 100%; }
a, ins { text-decoration: none; }
address, em, cite, dfn, var { font-style: normal; }
input, textarea {
	font-family: sans-serif;
	font-weight: normal;
}
img { vertical-align: baseline; }
a img { border: none; }

/* Body */
body {
	background-color: #fff;
	color: #666;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	margin: 0;
	padding: 0;
}

/* Whole */
#whole {
	margin: 0 auto;
	overflow: hidden;
	width: 800px;
}

/* Header */
h1 {
	color: #f30;
	font-size: 90%;
	font-weight: normal;
	float: right;
	margin-top: 8px;
}

/* Menu */
#menu {
	background: url(../img/bt_menu.gif) no-repeat bottom;
	display: block;
	height: 42px;
	list-style: none;
	margin: 0;
	/*\*/
	overflow: hidden;
	/**/
	padding: 0;
	text-indent: -9999px;
	width: 800px;
}
#menu li, #menu li a {
	display: block;
	float: left;
	height: 42px;
	width: 112px;
}
#menu li a:hover { background-image: url(../img/bt_menu.gif); }
#menu07 { margin-left: 6px; _margin-left: 5px; }
#menu07 a:hover { background-position: -6px top; }
#menu01 a:hover { background-position: -118px top; }
#menu02 a:hover { background-position: -230px top; }
#menu03 a:hover { background-position: -342px top; }
#menu04 a:hover { background-position: -454px top; }
#menu05 a:hover { background-position: -566px top; }
#menu06 a:hover { background-position: -678px top; }


/* Top */
#top {
	background: url(../img/bg_shadow.gif) repeat-x top;
	height: 390px;
	padding: 0 10px;
}
#flash {
	float: left;
	width: 465px;
}
#news_w {
	float: right;
	overflow: hidden;
	padding-top: 6px;
	width: 300px;
}
#news_w h2 { margin-bottom: 5px; }
#news_win {
	height: 268px;
	overflow: auto;
}
.date {
	line-height: 120%;
	margin-bottom: 5px;}
.date01 {
	background: url(../img/ic_border.gif) no-repeat left;
	margin-top: 6px;
	padding-left: 7px;
}
.date02 { margin-left: 7px; }
#qr {
	background: url(../img/bg_code.jpg) no-repeat center top;
	float: right;
	height: 53px;
	line-height: 140%;
	margin-top: 10px;
	padding: 35px 90px 0 15px;
	width: 144px;
}

/* Shop Info */
.shopinfo, .shopinfo01 {
	background: url(../img/bg_shopinfo.gif) no-repeat bottom #c8beb7;
	display: inline;
	float: left;
	font-size: 90%;
	overflow: hidden;
	width: 184px;
}
.shopinfo01 { margin: 10px 0 0 10px; }
.shopinfo { margin: 10px 0 0 14px; }
.shopinfo h2, .shopinfo h2 a,
.shopinfo01 h2, .shopinfo01 h2 a {
	background-image: url(../img/bt_shopmenu.gif);
	display: block;
	height: 19px;
	/*\*/
	overflow: hidden;
	/**/
	text-indent: -9999px;
	width: 184px;
}
.shopinfo h2 a:hover, .shopinfo01 h2 a:hover { background: none; }
#sh_menu01 { background-position: left top; }
#sh_menu01 a { background-position: left 19px; }
#sh_menu02 { background-position: -198px top; }
#sh_menu02 a { background-position: -198px 19px; }
#sh_menu03 { background-position: -396px top; }
#sh_menu03 a { background-position: -396px 19px; }
#sh_menu04 { background-position: -594px top; }
#sh_menu04 a { background-position: -594px 19px; }
.shop_txt {
	display: block;
	height: 75px;
	margin: 8px;
	line-height: 130%;
}
.shop_add {
	line-height: 130%;
	margin: 8px;
}
.shop_ste {
	line-height: 150%;
	margin: 8px;
}
.shop_tipt {
	background: url(../img/ic_time.gif) no-repeat left center;
	padding: 1px 0 0 45px;
}
.shop_tipd {
	background: url(../img/ic_day.gif) no-repeat left center;
	padding: 1px 0 0 45px;
}
.shop_tiptel {
	background: url(../img/ic_tel.gif) no-repeat left center;
	padding: 1px 0 0 45px;
}
.time_tri {
	background: url(../img/ic_tri.gif) no-repeat left center;
	padding-left: 10px;
}

/* Footer */
#footermenu {
	line-height: 140%;
	margin: 15px 10px;
	text-align: right;
}
#footermenu a {
	color: #999;
	text-decoration: none;
}
#footermenu a:hover { color: #f30; }
address {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 90%;
	margin-top: 10px;
}

/* Second Top */
#top02 {
	background: url(../img/bg_shadow.gif) repeat-x top;
	padding: 10px;
}
#pan { margin: 15px 0; }
.title {
	color: #fff;
	display: block;
	background: url(../img/ti_title.gif) no-repeat;
	font-size: 100%;
	height: 19px;
	margin: 0 0 7px 0;
	padding: 6px 0 0 13px;
	width: 767px;
}
.content { margin-bottom: 10px; }
.shop_intro {
	float: right;
	width: 370px;
}
.s_txt {
	line-height: 140%;
	padding: 5px 0;
}
.staff01 {
	float: left;
	margin-bottom: 15px;
	width: 385px;
}
.staff02 {
	float: right;
	margin-bottom: 15px;
	width: 385px;
}
.shop_price01, .shop_price02,.shop_price03, .shop_price04 {
	border-collapse: collapse;
	float: left;
	margin: 10px 20px 20px 0;
}
.shop_price01 { width: 330px; }
.shop_price02 { width: 550px; }
.shop_price03 {	width: 760px; }
.shop_price04 {	width: 410px; }
.price_b01 {
	border-left: 3px #ab8c71 solid;
	font-weight: bold;
	padding-left: 8px;
}
.price_b02 {
	border-left: 3px #5b4d41 solid;
	font-weight: bold;
	padding-left: 8px;
}
.price { text-align: right; }
.txt_c { text-align: center; }
.bg01 { background-color: #fee; }
.bg02 { background-color: #fed; }
.att { padding-left: 10px; }
.staff_space { background: url(../img/gr_staff_space.gif) no-repeat 480px 30px; }
.dash_b { border-bottom: 1px #ccc dashed; }
.left { float: left; }
.map {
	margin: 3px 0;
	text-align: right;
}
.title_menu { margin: 30px 0 5px 0;}

/* Salon Concept */
#concept_top {
	background: url(../img/bg_con01.jpg) no-repeat right bottom;
	line-height: 200%;
	padding: 20px 0 100px 30px;
}
.key {
	line-height: 140%;
	margin-bottom: 10px;
}
/* Hair Catalog */
.sent {
	line-height: 140%;
	margin-bottom: 10px;
}
.cata_box { margin: 10px 0 25px 0; }
.cata_box img { margin: 0 6px 6px 0; }
.cata_tb {
	margin: 10px auto 0 auto;
	overflow: hidden;
	width: 550px;
}
.cata_tb td {
	padding: 5px;
	line-height: 140%;
}
.c_name {
	background: url(../img/bg_name.gif) no-repeat right bottom;
	color: #fff;
	font-size: 90%;
	height: 37px;
}
.c_name02 { padding: 6px 0 0 437px; }
.c_name_n {
	background: url(../img/bg_name_n.gif) no-repeat right bottom;
	color: #fff;
	font-size: 90%;
}
.c_name_n02 { padding: 225px 0 0 188px; }

/* Reservation */
.sheet td {
	border-bottom: 1px #ccc dashed;
	padding: 10px 5px;
}
/* Reserve */
.wid { width: 160px; }
.wid02 { width: 200px; }

/* Contact */
.ques {
	border-bottom: 2px #b97 solid;
	font-size: 100%;
	margin: 15px 0 3px 0;
	padding-bottom: 5px;
}
.txt {
	line-height: 140%;
	margin-bottom: 30px;
}
.mail {
	background: url(../img/ic_mail.gif) no-repeat left;
	font-weight: bold;
	margin: 10px 0;
	padding: 0 0 0 20px;
}
.tel {
	background: url(../img/ic_tels.gif) no-repeat left;
	font-weight: bold;
	padding: 0 0 0 20px;
}
/* Privacy */
.privacy { margin: 10px 0 10px 20px; }
.privacy li { list-style: circle; }

/* Color,Font,Border */
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix { zoom: 1; }
a {
	color: #863;
	text-decoration: underline;
}
a:hover {
	color: #f30;
	text-decoration: none;
}
.fonts { font-size: 90%; }
.b { font-weight: bold; }
.red { color: #f00; }
.ore { color:#f30; }




/*追加CSS*/

p.add_firstlink,
p.add_firstlink a,
p.add_firstlink a:hover{
	color: #f30;
	font-size: 90%;
	font-weight: normal;
	float: left;
	text-decoration:none;
	margin : 4px 0 0 0;
	padding:0 0 0 2px;
}

p.add_firstlink a{
background-image:url(../img/logo_top.gif);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#FFFFFF;

width:190px;
height:86px;

}


