@charset "UTF-8";
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, p, blockquote, th, td, input, textarea {
  margin: 0;
  padding: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal; }

table {
  /*border-collapse: collapse;*/
  /*border-spacing: 0;*/ }

caption, th {
  text-align: left; }

object, embed {
  vertical-align: top; }

hr, legend {
  display: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

img, abbr, acronym, fieldset {
  border: 0; }

li {
  list-style-type: none; }

a img {
  border: 0; }

a:link, a:visited {
  color: #EA553A;
  text-decoration: none; }

a:hover, a:active {
  color: #6A1917;
  text-decoration: underline; }

/*
strong {
	color: #e0542f;
}
*/
em {
  font-style: normal; }

/*--- default */
.hide {
  display: none; }

img {
  -ms-interpolation-mode: bicubic; }

html:first-child body {
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  padding-bottom: 1px; }

html, body {
  margin: 0px;
  padding: 0px;
  color: #555;
  /*background: url(../img/bg_pink.jpg) repeat;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #8E898B; }

.clearfix {
  display: inline-block;
  zoom: 100%; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Hides from IE-mac \*/
/* End hide from IE-mac */
/*----------------------*/
#wrap {
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  width: 100%;
  background: url(../../img/bg_pink.jpg) repeat 0px 0px;
  /*position: relative;
  z-index: -99;*/ }

#container {
  width: 940px;
  margin-right: auto;
  margin-left: auto; }

/* HEAD
-----------*/
#header {
  height: 180px;
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  position: relative; }

#header div.logo {
  float: left;
  height: 160px;
  width: 150px; }

#header div.tel {
  height: 50px;
  width: 500px;
  float: right;
  background: url(../../img/head_tel.png) no-repeat right 0px;
  text-indent: -9999px;
  margin-top: 20px; }

* + html body #wrap {
  font-family: "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

/* header */
div.banner img {
  margin-bottom: 10px; }

/* CONTENT */
/*
#contents p{
	line-height: 180%;
	padding-bottom: 1em;
}
*/
/*
#contents strong{
	font-size: 1.2em;
	font-weight: bold;
}
*/
#contents blockquote {
  margin: 1em; }

/*
-------------------------------*/
p.clr, .clr {
  clear: both;
  padding: 0;
  margin: 0;
  background: none; }

/**/
/*
=================================== Horizontal Navigation ================================*/
#gnavi {
  width: 500px;
  height: 80px;
  float: right; }

#hnav {
  position: absolute;
  top: 90px;
  left: 400px;
  width: 500px;
  height: 60px;
  background: url(/img/gnavi.gif) no-repeat; }

#hnav ul, #hnav li {
  list-style: none; }

#hnav li {
  position: absolute;
  left: 0;
  height: 60px; }

#hnav li a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 60px;
  text-indent: -9999em; }

#hnav #navi01 {
  width: 100px;
  left: 0px; }

#hnav #navi02 {
  width: 100px;
  left: 100px; }

#hnav #navi03 {
  width: 100px;
  left: 200px; }

#hnav #navi04 {
  width: 100px;
  left: 300px; }

#hnav #navi05 {
  width: 100px;
  left: 400px; }

/**/
/* page-top
------------------------------ */
/*
#page-top {
	position: fixed;
	bottom: 60px;
	right: -2px;
	font-size: 77%;
	z-index: 1;
	
}
#page-top a {
	background: url(/_common/img/page_top.gif) no-repeat 0px 0px;
	color: #FFF;
	text-decoration: none;
	width: 60px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	
}
#page-top a:hover {
	text-decoration: none;
	background: url(/_common/img/page_top.gif) no-repeat 0px -100px;
}
*/
#page-top {
  position: fixed;
  bottom: 50px;
  right: 10px;
  font-size: 77%;
  z-index: 1; }

#page-top a {
  background: url(/img/btn_goto_top.png) no-repeat 0px 0px;
  width: 65px;
  display: block;
  text-indent: -9999px;
  height: 65px; }

#page-top a:hover {
  background: url(/img/btn_goto_top.png) no-repeat 0px -70px; }

/* PageTop Navigation
------------------------------------------*/
#pageDown {
  height: 50px;
  width: 50px;
  position: fixed;
  top: 50px;
  right: -3px;
  left: auto;
  bottom: auto; }

#pageUp {
  height: 50px;
  width: 50px;
  position: fixed;
  right: -3px;
  left: auto;
  bottom: 50px;
  top: auto; }

#pageDown a,
#pageUp a {
  zoom: 1;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; }

#pageDown a:hover,
#pageUp a:hover {
  zoom: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0; }

#pageDown, #pageUp {
  _display: none; }

.link-out {
  background: url(/img/icon_newwindow.gif) no-repeat right 0px;
  padding-right: 20px; }

#page_bottom {
  width: 100%;
  background: #8E898B;
  padding-bottom: 30px;
  color: #FFF;
  padding-top: 20px; }

div.foot_space {
  clear: both;
  float: none;
  height: 35px; }

#footer {
  width: 900px;
  height: auto;
  color: #FFF;
  margin-right: auto;
  margin-left: auto; }

#footer h3 {
  display: block;
  float: left;
  height: 60px;
  width: 160px; }

div.footer_shadow {
  background: url(../../img/footer-bg.png) repeat-x 0px 0px;
  height: 30px; }

/*
div.sns{
	float: right;
	width: 400px;
	text-align: right;
	margin-top: 20px;
}

div.sns img{
	
	margin: 5px;
}
*/
div.foot-shop {
  float: left;
  width: 400px;
  position: relative; }

div.foot-shop h4 {
  line-height: 25px; }

div.foot-shop p {
  line-height: 160%;
  font-size: 80%; }

.ico-insta {
  clear: both;
  float: none;
  width: 140px;
  margin: 0 0 15px;
  position: relative; }
  .ico-insta img {
    width: 100%; }

/*
#footer a {
	color:#fff;
	font-weight:normal;
}

#footer span {
	color:#fff;
}
*/
#footer .name {
  font-size: 0.9em;
  float: left; }

#footer .addresTxt {
  width: 250px;
  line-height: 18px; }

#footer .copyright {
  letter-spacing: 1px;
  padding-top: 10px;
  float: none;
  font: normal 80% "Times New Roman", Times, serif;
  text-align: left;
  clear: both; }

#footer .foot-banner {
  float: right;
  width: 250px;
  text-align: right;
  margin-right: 50px; }

/*------------------------------------------*/
.dotX {
  background: url(/img/dot_x.gif) repeat-x 0px center; }

.floatClear {
  clear: both;
  float: none; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.imgBorder {
  padding: 1px;
  border: 1px solid #E3E3E9; }

.txt80 {
  font-size: 80% !important; }

.txt85 {
  font-size: 85% !important; }

.txt90 {
  font-size: 90% !important; }

.txt110 {
  font-size: 110% !important; }

.txt120 {
  font-size: 120% !important; }

.txtEG1 {
  font: 150% Arial, Helvetica, sans-serif;
  padding-right: 0.3em;
  letter-spacing: 1px; }

.txtEG2 {
  font: 1.1em "Arial Black", Gadget, sans-serif;
  padding-right: 0.3em;
  padding-left: 0.3em; }

.txtMincho {
  font: 1.1em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  letter-spacing: 1px; }

.txtMinchoB {
  font: bold 1.1em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  letter-spacing: 1px; }

.txtRed {
  color: #C00 !important;
  font-family: Verdana, Geneva, sans-serif; }

.point-up {
  color: #C63;
  font-size: 1.7em; }

.txt-priceR {
  font: 1.4em Arial, Helvetica, sans-serif;
  color: #C00; }

a.arrow {
  background: url(/img/icon_arrow.png) no-repeat 0px center;
  display: block;
  padding-left: 20px;
  font-weight: bold; }

/* FILTER control  */
div.hide {
  display: none; }

a:hover.bnFilter {
  zoom: 1;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6; }

/* LIST STYLE */
ul.list-disc li {
  list-style: disc;
  margin-left: 2em;
  padding-bottom: 0.8em; }

ol.list-num li {
  list-style: decimal;
  margin-left: 2em;
  padding-bottom: 0.8em;
  line-height: 180%; }

ol.list-alpha li {
  list-style: upper-alpha;
  margin-left: 2em;
  padding-bottom: 0.8em; }

/* Width
------------------------------*/
.w100 {
  width: 100px; }

.w120 {
  width: 120px; }

.w150 {
  width: 150px; }

.w200 {
  width: 200px; }

.w220 {
  width: 220px; }

.w250 {
  width: 250px; }

.w280 {
  width: 280px; }

.w300 {
  width: 300px; }

.w320 {
  width: 320px; }

.w350 {
  width: 350px; }

.w400 {
  width: 400px; }

/* Margin All
------------------------------*/
.mA10 {
  margin: 10px; }

.mA15 {
  margin: 15px; }

.mA20 {
  margin: 20px; }

/* Margin TOP & BOTTOM
------------------------------*/
.mTB10 {
  margin-top: 10px;
  margin-bottom: 10px; }

/* Margin TOP
------------------------------*/
.mT10 {
  margin-top: 10px; }

.mT20 {
  margin-top: 20px; }

.mT30 {
  margin-top: 30px; }

.mT40 {
  margin-top: 40px; }

/* Margin BOTTOM
------------------------------*/
.mB10 {
  margin-bottom: 10px; }

.mB20 {
  margin-bottom: 20px; }

.mB30 {
  margin-bottom: 30px; }

/* Margin LEFT
------------------------------*/
.mL10 {
  margin-left: 10px; }

.mL20 {
  margin-left: 20px; }

.mL30 {
  margin-left: 30px; }

.mL40 {
  margin-left: 40px; }

.mL50 {
  margin-left: 50px; }

.mL100 {
  margin-left: 100px; }

.mL120 {
  margin-left: 120px; }

.mL130 {
  margin-left: 130px; }

.mL150 {
  margin-left: 150px; }

.mL160 {
  margin-left: 160px; }

.mL170 {
  margin-left: 170px; }

.mL180 {
  margin-left: 180px; }

.mL200 {
  margin-left: 200px; }

.mL220 {
  margin-left: 220px; }

.mL230 {
  margin-left: 230px; }

.mL250 {
  margin-left: 250px; }

.mL260 {
  margin-left: 260px; }

.mL270 {
  margin-left: 270px; }

.mL280 {
  margin-left: 280px; }

.mL300 {
  margin-left: 300px; }

.mL320 {
  margin-left: 320px; }

.mL330 {
  margin-left: 330px; }

.mL340 {
  margin-left: 340px; }

.mL350 {
  margin-left: 350px; }

.mL400 {
  margin-left: 400px; }

.mL420 {
  margin-left: 420px; }

/* Margin RIGHT
------------------------------*/
.mR10 {
  margin-right: 10px; }

.mR20 {
  margin-right: 20px; }

.mR30 {
  margin-right: 30px; }

.mR40 {
  margin-right: 40px; }

.mR120 {
  margin-right: 120px; }

.mR130 {
  margin-right: 140px; }

.mR140 {
  margin-right: 140px; }

.mR150 {
  margin-right: 150px; }

.mR220 {
  margin-right: 220px; }

.mR230 {
  margin-right: 230px; }

.mR250 {
  margin-right: 250px; }

.mR270 {
  margin-right: 280px; }

.mR280 {
  margin-right: 280px; }

.mR300 {
  margin-right: 300px; }

.mR320 {
  margin-right: 320px; }

.mR350 {
  margin-right: 350px; }

.mR400 {
  margin-right: 400px; }

#main_visual {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  height: 405px;
  background: url(../img/shadow900.png) no-repeat center 100%;
  margin-bottom: 20px; }

#main_visual img {
  border: 2px solid #FFF; }

/* COLUMN COMMON
----------------------------*/
/* Single COLUMN
--------------------------------*/
#contents {
  width: 900px;
  margin: 10px auto;
  font-size: 90%;
  position: relative;
  z-index: 1; }

#contents h2 {
  display: block;
  margin-bottom: 30px;
  font: 1.2em/40px Arial, Helvetica, sans-serif;
  letter-spacing: 1px; }

/* H3 */
#contents h3 {
  margin: 10px 0px 20px;
  color: #622D18;
  font-size: 150%;
  display: block;
  font-weight: normal;
  padding-left: 25px;
  line-height: 25px;
  background: url(../img/icon_h3.png) no-repeat 0px 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #contents h3 {
    font-size: 140%; } }
#contents h3.concept {
  background: url(../img/icon_concept.png) no-repeat 0px 0px;
  line-height: 25px;
  padding-left: 30px; }

#contents h3.salon {
  background: url(../img/icon_salon.png) no-repeat 5px 0px;
  line-height: 25px;
  padding-left: 35px; }

/**/
#contents h4 {
  font-size: 120%;
  color: #666;
  border-bottom: 1px dotted #8E898B;
  margin-bottom: 1em;
  line-height: 20px; }

/*---------------------------------*/
#contents div.docs {
  background: #FFF;
  margin-bottom: 30px;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 2px 6px 0px  #C2C1BC;
  behavior: url(/pie/PIE.htc);
  padding: 20px 30px; }

.effect {
  position: relative; }

.effect:before, .effect:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg); }

.effect:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto; }

.shadow {
  background: url(../img/shadow900.png) no-repeat 50% 100%;
  padding-bottom: 10px; }

/**/
#contents p {
  line-height: 180%;
  margin-bottom: 0.5em; }

#contents blockquote {
  padding: 1em; }

#contents ul.disc {
  margin-top: 10px;
  margin-bottom: 10px; }

#contents ul.disc li {
  margin-left: 2em;
  list-style: disc;
  line-height: 180%; }

/*----home menu----*/
#top_menu {
  margin: 20px auto 10px;
  width: 900px;
  position: relative; }

#top_menu dl.t-menu01,
#top_menu dl.t-menu02,
#top_menu dl.t-menu03,
#top_menu dl.t-menu04 {
  display: block;
  width: 180px;
  float: left;
  margin-right: 20px;
  margin-left: 20px; }

#top_menu dl {
  text-align: center; }

#top_menu dt {
  display: block; }

#top_menu dt img {
  padding: 1px; }

#top_menu dd {
  display: block;
  margin-top: 5px;
  font-size: 0.8em; }

#top_menu dd strong {
  display: block;
  font: normal 120% Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  letter-spacing: 1px; }

#top_menu a img {
  display: block;
  padding: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  width: 160px;
  height: auto; }

/* iframe
--------------------------------*/
dl.access {
  display: block;
  margin-bottom: 1em;
  border-bottom: 1px dotted #CCC;
  padding: 0.5em; }

dl.access dt {
  display: block;
  /*float: left;*/
  width: 10em;
  padding-bottom: 0.5em;
  font-weight: bold;
  color: #666; }

dl.access dd {
  display: block;
  margin-left: 1em;
  padding-bottom: 0.5em; }

div.gmap {
  width: 840px;
  margin-top: 10px; }

div.gmap iframe {
  padding: 1px;
  width: 838px;
  border: 1px solid #CCC;
  margin: 0px;
  height: 400px;
  border-style: none; }

/* MENU
--------------------------------*/
#menu h3 {
  display: block;
  float: left;
  width: 350px; }

#menu div.menu-table {
  margin-left: 380px;
  border-left: 3px solid #8E898B;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/pie/PIE.htc); }

#menu table {
  width: 420px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 5px; }

#menu th {
  padding: 0.5em;
  border-bottom: 1px dotted #CCC;
  width: 9em;
  white-space: nowrap;
  font-size: 0.9em; }

#menu td {
  padding: 0.5em;
  border-bottom: 1px dotted #CCC; }

#menu td.t-price {
  text-align: center;
  font-family: Verdana, Geneva, sans-serif; }

#menu div.menu-space {
  clear: both;
  height: 10px;
  /*border-top: 1px dotted #CCC;*/ }

#menu td.t-name {
  text-align: center;
  font-size: 0.75em; }

div.dot-space {
  clear: both;
  height: 10px;
  border-top: 1px dotted #CCC; }

/* Notes
------------------------------*/
.notesDot {
  background: #F5F5F5;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px dotted #CCC;
  color: #000; }

.notesBeige {
  background: #FCF9E6;
  border: 1px solid #BFA489;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.notesAmber {
  background: #FFF9F5;
  border: 1px solid #E6C0C0;
  padding: 20px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/* STAFF */
#staff {
  margin: 20px auto 10px;
  width: 800px;
  position: relative;
  background: #FFF;
  /*border: 2px solid #E6C0C0;*/
  padding: 20px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.9em;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }

#staff h3 {
  margin-bottom: 10px; }

#staff table {
  width: 800px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  border-top: 2px solid #FF745D;
  border-bottom: 2px solid #FF745D; }

#staff th, #staff td {
  padding: 6px 10px;
  vertical-align: top;
  border-bottom: 1px dotted #EF857D; }

#staff th {
  padding-left: 1em;
  color: #594E52; }

#staff table tr:nth-child(2n+1) {
  background: #FFF9F4; }

#staff tr.last th,
#staff tr.last td {
  border-bottom-style: none; }

#staff td.tel {
  font: 1.3em Arial, Helvetica, sans-serif;
  letter-spacing: 1px; }

#staff li {
  line-height: 2em; }

#staff li em {
  color: #FF745D;
  padding-right: 5px; }