@charset "utf-8";
/*====================================================================================
■01.RESET HTML
■02.CLEAR FLOAT
■03.MARGIN DEFAULT
■04.LAYOUT
■05.USE MEDIA
■06.OTHER
■07.PAGE UP
■08.HEADER
■09.GOLABLE NAVIGATION
■10.FOOTER
====================================================================================*/
/*====================================================================================
■01.RESET HTML
====================================================================================*/
ul, li { list-style:none; }
img { margin:0px; padding:0px; border:0px;transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease; }
.ov_hover:hover img { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70)"; }
a { color: #333; text-decoration:underline; }
a:hover { text-decoration: none; }
body { font-size:14px; font-family: "Meiryo","メイリオ","MS PGothic","MS Pゴシック",sans-serif; color: #735b2d; word-break: break-word; word-wrap: break-word; }
/*====================================================================================
■02.CLEAR FLOAT
====================================================================================*/
.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
/*====================================================================================
■03.MARGIN DEFAULT
====================================================================================*/
/*--------------------------------------------------
	margin 
-------------------------------------------------- */ 
.m00 { margin: 0px !important; }
.m05 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt33 { margin-top: 33px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 30px !important; }
.mt45 { margin-top: 35px !important; }
.mr00 { margin-right: 0px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
/* 
--------------------------------------------------
	padding
-------------------------------------------------- */
.p00 { padding: 0px !important; }
.p05 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pr00 { padding-right: 0px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl00 { padding-left: 0px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
/*====================================================================================
■04.LAYOUT
====================================================================================*/
#wrapper { background: url(../images/bg_wrapper.jpg) left top repeat-x #fffcf2; padding-top: 17px; }
.container { position: relative; width: 950px; margin: 0 auto; }
/*====================================================================================
■05.USE MEDIA
====================================================================================*/
.pull_left { float:left !important; }
.pull_right { float:right !important; }
.media, .media-body { overflow:hidden; }
.media > .pull_left { margin-right:20px; }
.media > .pull_right { margin-left:20px; }
.media-text:after { clear: both; display: block; content: ""; height: 0px; visibility: hidden; }
.pic_l .image { float:left; margin: 5px 10px 5px 0; }
.pic_r .image { float:right; margin:5px 0 5px 10px; }
.document p { margin-bottom: 10px; }
/*====================================================================================
■06.OTHER
====================================================================================*/
.text_normal { font-weight:normal !important }
.text_bold { font-weight:bold !important }
.text_left { text-align:left !important }
.text_right { text-align:right !important }
.text_center { text-align:center !important }
/*====================================================================================
■07.PAGE UP
====================================================================================*/
.page_up { }
/*====================================================================================
■08.HEADER
====================================================================================*/
#header h1 { position: absolute; top: 25px; left: 25px; }
#header span { position: absolute; top: 120px; left: 10px; }
#header .bnr_contact_small { position: absolute; bottom: 9px; left: 26px; }
#header .bnr_contact_small a { position: absolute; bottom: 43px; left: 33px; }
/*====================================================================================
■09.MAIN
====================================================================================*/
#main { background: #dfae4e; }
.bnr_contact { position: relative; }
.bnr_contact a { position: absolute;
    top: 45px;
    right: 39px;
}
.entry_cap{ position: absolute;
right: 15px; font-size: 10px;
    top: 205px;
}

.cnt01 { background: url(../images/bg_cnt01.png) top center no-repeat; text-align: center; padding-bottom: 15px; }
.cnt01 h2 { margin-bottom: 20px; }
.point { position: relative; color: #735b2d; font-size: 14px; text-align: left; }
.point h3 { position: absolute; top: 30px; left: 94px; }
.point .text_btm { position: absolute; bottom: 52px; left: 95px; }
#point01, #point02 { position: absolute; width: 285px; top: 255px; left: 44px; }
#point01 h4, #point02 h4{ margin-bottom: 167px; }
#point02 { left: auto; right: 26px; }
#point03 { position: absolute; bottom: 210px; right: 30px; left: 30px; }
#point03 h4 { float: left; }
#point03 p { float: right; width: 296px; }
.cnt02 { padding: 15px; position: relative; }
.cnt02 h2 { position: absolute; top: 50px; left: 148px;  }
.cnt03 { padding: 15px 15px 0; }
.cnt03 .inner { background: #fff; text-align: center; padding: 33px 0 25px; }
.cnt04 { background: url(../images/bg_cnt04_top.jpg) top center no-repeat #fff; margin: 15px; }
.cnt04 .inner { background: url(../images/bg_cnt04_btm.jpg) bottom center no-repeat; padding: 29px 20px 56px; }
.cnt04 h2 { text-align: center; margin-bottom: 40px; }
.box_voice { background: url(../images/bg_voice.png); border: 1px solid #edd39e; padding: 35px 20px 25px; margin-bottom: 15px; }
.box_voice h3 { float: left; width: 280px; padding-top: 19px; }
.box_voice.right h3 { float: right; text-align: right; }
.box_voice .text { float: left; width: 550px; color: #735b2d; line-height: 2.1; }
.cnt05 { background: #f6f1dc; padding: 3px; margin: 40px auto 0; width: 950px; }
.cnt05_inner { border: 1px solid #e1cfad; padding: 1px; }
.cnt05_top { background: #fbf8ea; text-align: center; padding-bottom: 17px; }
.cnt05_top h3 { padding: 20px 0 12px; }
.cnt05_top ul { padding: 0 8px; }
.cnt05_top li { float: left; width: 33.3%; margin-bottom: 10px; }
.cnt05_btm { background: #fbf8ea; }
#salon_list { margin-right: -11px; padding: 13px 13px; }
.salonbox { background: #fff; float: left; width: 165px; padding: 5px; margin-right: 11px; }
.salonbox span { background: #e6daa8; color: #876d39; display: block; text-align: center; font-weight: bold; padding-top: 1px; margin-bottom: 8px;}
.salonbox a {    color: #649320;
    line-height: 2.6;
    padding-left: １0px;
    display: block;
    font-size: 12px; }
.salonbox > a { margin: 5px 0;  }
.salonbox li { border-top: 1px dotted #e6daa8; }
.salonbox li:first-child { border-top: none; }
.attention { border-top: 3px double #e6daa8; color: #747163; font-size: 11px; margin: 10px; padding: 10px 20px 5px; line-height: 1.7; }
.attention li { text-indent: -11px; margin-left: 20px; }
/*==========================================
■10.FOOTER
====================================================================================*/
#footer { text-align: center; padding: 30px 0 40px; }
/*==========================================