@charset "UTF-8";

/* ------------------------------------------------------
 BASE SETTING
------------------------------------------------------ */
body {
margin:0;
border:0;
padding:0;
color:#4d4d4d;
background:#fff;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, div, form, address, table, td, th, em, strong {
margin:0;
padding:0;
border:0;
font-weight:normal;
font-style:normal;
list-style-type:none;
}

input,label {
margin:0;
padding:0;
}

input, textarea {
font-family:Osaka, "ＭＳ Ｐゴシック", sans-serif;
font-size:100%;
}

img {
border:none;
vertical-align:bottom;
}

/* ------------------------------------------------------
 FONTS SETTING
------------------------------------------------------ */
body {font:12px/1.231 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
* html body {font-size:84%; letter-spacing:-1px;} /* for IE6 */
*:first-child+html body {font-size:84%; letter-spacing:-1px;} /* for IE7 */

/* ------------------------------------------------------
 MODULE SETTING
------------------------------------------------------ */
/* reader */
.reader {
position:absolute;
z-index:100;
top:0px;
right:0px;
display:run-in;
width:1px;
height:1px;
margin:0;
padding:0;
border-style:none;
overflow:hidden;
}

/* float */
.left {float:left;}
.right {float:right;}
.bold {font-weight:bold;}

/* clear */
.clear {clear:both;}

/* margin */
.mt03 {margin-top:3px;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mr30 {margin-right:30px;}

/* padding */
.pt10 {padding-top:10px;}
.pt25 {padding-top:25px;}

/* align */
.alignL {text-align:left;}
.alignR {text-align:right;}

/* pageTopLink */
.pageTopLink {
width:855px;
margin-top:8px;
text-align:right;
}
.pageTopLink p {font-size:100%;}
.pageTopLink a {color:#333;}
.pageTopLink a:link,
.pageTopLink a:visited {text-decoration:underline;}
.pageTopLink a:hover,
.pageTopLink a:active,
.pageTopLink a:focus {text-decoration:none;}

/* ------------------------------------------------------
 COMMON SETTING
------------------------------------------------------ */
body {text-align:center;}

/* ------------------------------------------------------
 TOP SETTING
------------------------------------------------------ */
#top #container {
width:868px;
margin:0 auto;
text-align:left;
border-left:1px solid #c8020f;
border-right:1px solid #c8020f;
}

/* header */
#top #header {
width:834px;
margin-left:20px;
}
#top #header #logo {
float:left;
width:287px;
padding-top:6px;
}
#top #header #utility {
float:right;
width:490px;
}
#top #header #utility dl dt {
width:102px;
margin-left:19px;
}
#top #header #utility dl.left {
width:272px;
margin-top:6px;
border-left:1px solid #c8020f;
}
#top #header #utility dl.left dt {
width:196px;
margin:2px 0 0 18px;
}
#top #header #utility dl.left dd {
width:253px;
margin:3px 0 0 18px;
}
#top #header #utility dl.right {
width:210px;
height:55px;
border-left:1px solid #c8020f;
background:url(img/header_inquiry_m_03.gif) no-repeat top right;
}
#top #header #utility dl.right_a {
width:206px;
border-left:1px solid #c8020f;
margin-left:10px;
float:left;

}
#top #header #utility dl.right dt {
width:142px;
margin:2px 0 0 11px;
}
#top #header #utility dl.right dd {
width:115px;
margin:3px 0 0 11px;
}

/* main */
#top #main {
width:868px;
margin-top:8px;
position:relative;
border-top:1px solid #c8020f;
}
#top #main #inquiryBtn01 {
width:368px;
position:absolute;
top:393px;
left:433px;
}

/* lnav */
#top #lnav {
width:859px;
padding-left:9px;
background:url(img/lnav_bg_01.jpg) no-repeat top left;
}
#top #lnav ul li {display:inline;}

/* reason */
#top #reason {
width:844px;
margin:8px 0 0 12px;
}
#top #reason {
width:844px;
margin:8px 0 0 12px;
}
#top #reason dl {float:left;}
#top #reason #item01 {width:557px;}
#top #reason #item02 {
float:right;
width:286px;}

#top #reason #item03 {
clear:both;
width:844px;}

/* voice01 */
#top #voice01 {
width:842px;
margin:12px 0 0 13px;
}
#top #voice01 div.sectionWrap {width:842px; background:url(img/voice_bg_01.jpg) repeat-y top left;}
#top #voice01 div.section {width:842px; background:url(img/voice_bg_02.jpg) no-repeat top left;}
#top #voice01 div.sectionInner {
width:754px;
padding:0 46px 44px 42px;
background:url(img/voice_bg_03.jpg) no-repeat bottom left;
}
#top #voice01 dl {width:345px;}
#top #voice01 dl dt {width:341px; padding-top:23px;}
#top #voice01 dl dd {width:331px; margin-top:13px; padding:5px 0 0 12px; line-height:1.5; border-left:3px solid #ad7f67;}
#top #voice01 dl dd.pb18 {width:333px; padding-bottom:18px;}

/* cmnInquiry */
#top div.cmnInquiry {
width:842px;
margin:19px 0 0 13px;
}

/* secret */
#top #secret {
width:844px;
margin:28px 0 0 12px;
}
#top #secret div.columnWrap {
width:844px;
background:url(img/secret_bg_01.gif) repeat-y top left;
}
#top #secret div.column {
width:844px;
padding-bottom:29px;
background:url(img/secret_bg_02.gif) no-repeat bottom left;
}
#top #secret div.column h3 {
width:804px;
margin-left:20px;
}
#top #secret div.column div.section {
width:802px;
margin-left:20px;
padding-bottom:15px;
border:1px solid #e37d84;
border-top:none;
background-color:#fff;
}
#top #secret div.column div.section p.pt25 {
width:696px;
margin-left:49px;
}
#top #secret div.column div.section #secretList {
width:742px;
margin:20px 0 0 34px;
}
#top #secret div.column div.section dl {
float:left;
width:138px;
margin-right:13px;
}
#top #secret div.column div.section dl.lastItem {margin-right:0;}
#top #secret div.column div.section dl dd {
width:134px;
margin:7px 0 0 2px;
line-height:1.3;
}
#top #secret div.column div.section p.mt25 {
width:746px;
margin-left:31px;
}
#top #secret div.column #secret02Inner {
width:744px;
margin-left:31px;
padding-top:34px;
}
#top #secret div.column #secret02Inner div.right {width:488px;}
#top #secret div.column #secret02Inner div.left {width:239px;}

/* cost */
#top #cost {
width:816px;
margin:20px 0 0 33px;
}
#top #cost #costInner {width:776px; margin-left:18px;}
#top #cost #costInner div.left {width:403px;}
#top #cost div.left h3 {
width:399px;
margin:13px 0 0 3px;
}
#top #cost div.left p {
width:403px;
margin-top:12px;
line-height:1.3;
}
#top #cost #costInner div.right {width:358px;}
#top #cost div.right p {width:358px;}

/* customer */
#top #customer {
width:844px;
margin:10px 0 0 12px;
}
#top #customer div.sectionWrap {
width:844px;
background:url(img/customer_bg_01.gif) repeat-y top left;
}
#top #customer div.section {
width:844px;
background:url(img/customer_bg_02.jpg) no-repeat top left;
}
#top #customer div.sectionInner {
width:844px;
background:url(img/customer_bg_03.gif) no-repeat bottom left;
}
#top #customer dl {
width:788px;
margin-left:34px;
padding:16px 0 19px;
background:url(img/dot_bg_01.gif) repeat-x bottom left;
}
#top #customer dl.firstItem {padding-top:19px;}
#top #customer dl.lastItem {background:none;}
#top #customer dl dt {width:600px;}
#top #customer dl dd {
width:605px;
margin:7px 0 0 2px;
line-height:1.6;
}
#top #customer dl dd.w700 {width:730px;}
#top #customer p.notes {
width:844px;
margin-top:7px;
text-align:right;
font-size:92%;
color:#666;
}

/* interest */
#top #interest {
width:842px;
margin:22px 0 0 13px;
}

/* salon */
#top #salon {
width:842px;
margin:19px 0 0 13px;
}

/* plan */
#top #rplan {
width:844px;
margin:32px 0 0 12px;
}
#top #hplan {
width:847px;
margin:32px 0 0 12px;
}

.hinichi{
background:url(img/back_line.gif) left repeat-y;
height:30px;
text-align:right;
font-size:92%;
color:#666;
padding: 0 20px 0 0;
}

/* footer */
#top #footer {
width:832px;
margin-top:29px;
padding:11px 13px 5px 23px;
border-top:1px solid #c8020f;
}
#top #footer p {
float:left;
width:171px;
}
#top #footer address {
float:right;
width:273px;
margin-top:1px;
}

/* pop up */
#popup_main {
width:430px;
margin:0 auto;
}
div.title {
width:394px;
margin:10px 15px 0 15px;
padding:3px;
font-size:15px;
font-weight:bold;
color:#c8020f;
background-color:#fce3e5;
}

/* salon information */
.salon_info {
width:400px;
margin:10px auto;
text-align:left;
line-height:140%;
}
.salon_map {
	float:left;
	margin-top:20px;
}
.salon_access {
width:160px;
float:right;
line-height:130%;
margin-top:20px;
margin-bottom:10px;
}
.salon_access .img {margin-top:10px;}
.salon_photo{margin-bottom:5px;}
div.line_ {
width:400px;
border-bottom:1px solid #c8020f;
margin-top:20px;
text-align:right;
}
div.line_ img {margin-bottom:3px;}
.close {margin-top:10px;}

/* company */
#company div.title {
width:400px;
padding:0;
text-align:left;
background-color:#fce3e5;
}
#company div.title p {
width:394px;
padding:3px;
text-align:center;
font-size:15px;
font-weight:bold;
color:#c8020f;
}
#company #outline {
width:400px;
margin:0px 15px 5px;
}
#company #outline table {
font-size:100%;
text-align:left;
border-collapse:collapse;
}
#company #outline th {
width:27%;
padding:8px 4px;
text-align:center;
font-weight:bold;
background-color:#f0f0f0;
border-bottom:1px dotted #ccc;
}
#company #outline th.left_last {
width:27%;
border-bottom:1px solid #ccc;
padding:8px 4px;
background-color:#f0f0f0;
font-weight:bold;
text-align:center;
}
#company #outline td {
width:73%;
border-bottom:1px dotted #ccc;
padding:8px 4px;
}
#company #outline td img {
margin-bottom:3px;
line-height:140%;
}
#company #outline td.last {
border-bottom:1px solid #ccc;
padding:8px 4px;
line-height:140%;
}
#company .privacy {
width:394px;
margin:10px 0 0 15px;
text-align:left;
line-height:1.5;
}
#company .privacy strong {font-weight:bold;}
/*----- tatewaki -----*/
.price_news_btn {
	width:844px;
	margin:20px auto 0 auto;
}

