/*-----------------
reset
-------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

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

/*-----------------
base
-------------------*/
body {
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 1px; }

a:link, a:visited {
  color: #39dbd1;
  text-decoration: none; }
a:hover, a:active {
  color: #42fff2;
  text-decoration: underline; }

h1 {
  color: gray;
  background: #f2f2f2;
  border-bottom: 1px solid #eeeeee;
  z-index: 1; }
  h1 span {
    font-size: 10px;
    line-height: 29px;
    letter-spacing: 1px;
    display: block;
    width: 980px;
    margin: 0 auto; }

#header {
  clear: both;
  width: 980px;
  height: 90px;
  margin: 0 auto;
  position: relative; }
  #header ul {
    position: absolute;
    left: 190px;
    top: 54px; }
  #header li {
    font-size: 0;
    line-height: 0;
    float: left;
    margin-left: 60px; }

#logo {
  position: absolute;
  left: 0;
  top: 15px;
  z-index: 100; }

#tel {
  position: absolute;
  right: 0;
  top: -22px; }

#mainimage {
  position: relative;
  width: 980px;
  height: 300px;
  overflow: hidden;
  clear: both;
  margin: 0 auto 40px auto;
  font-size: 0;
  line-height: 0;
  z-index: 1; }
  #mainimage div {
    z-index: 1; }

#mainimage-lv2 {
  position: relative;
  width: 980px;
  height: 300px;
  overflow: hidden;
  clear: both;
  margin: 0 auto 20px auto;
  font-size: 0;
  line-height: 0;
  z-index: 1; }
  #mainimage-lv2 div {
    z-index: 1; }

#topicpath {
  font-size: 10px;
  clear: both;
  margin-bottom: 20px;
  color: #333333; }
  #topicpath h2 {
    display: inline !important;
    border-bottom: 0 !important;
    height: auto !important;
    font-size: 10px !important;
    line-height: 1.6em !important;
    margin-bottom: 0 !important; }
  #topicpath a:link, #topicpath a:visited {
    color: #333333; }

#contents {
  width: 980px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.8em; }
  #contents h2 {
    border-bottom: 3px solid #c8c8c8;
    height: 29px;
    font-size: 0;
    line-height: 0;
    margin-bottom: 20px; }
  #contents .tright {
    text-align: right; }
  #contents .ttl01 {
    font-size: 18px;
    margin-bottom: 20px; }
  #contents .ttl02 {
    font-size: 16px;
    margin-bottom: 10px; }
  #contents .ttl03 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    background: #d02c6e;
    color: #fff;
    text-align: center;
    width: 40%; }
  #contents p strong {
    color: #d02c6e !important;
    font-weight: bold; }

#saloninformation-area {
  width: 605px;
  float: left;
  position: relative; }
  #saloninformation-area .btn01 {
    position: absolute;
    right: 45px;
    top: 51px; }
  #saloninformation-area p {
    margin-bottom: 15px; }
  #saloninformation-area dt {
    float: left;
    width: 105px;
    clear: both;
    font-weight: bold;
    font-size: 0;
    line-height: 0;
    margin-bottom: 5px; }
  #saloninformation-area dd {
    margin-left: 115px;
    line-height: 20px;
    margin-bottom: 5px; }

#saloninformation-area-lv2 {
  width: 980px;
  clear: both;
  margin-bottom: 40px;
  position: relative; }
  #saloninformation-area-lv2 h3 {
    font-weight: bold;
    clear: both;
    margin-bottom: 15px;
    font-size: 14px;
    letter-spacing: 1px; }
  #saloninformation-area-lv2 .btn01 {
    position: absolute;
    left: 400px;
    top: 91px; }
  #saloninformation-area-lv2 .btn02 {
    position: absolute;
    left: 490px;
    top: 51px; }
  #saloninformation-area-lv2 .btn03 {
    position: relative;
    top: 4px;
    left: 10px; }
  #saloninformation-area-lv2 .btn01-b {
    position: absolute;
    left: 400px;
    top: 128px; }
  #saloninformation-area-lv2 .btn02-b {
    position: absolute;
    left: 490px;
    top: 86px; }
  #saloninformation-area-lv2 p {
    margin-bottom: 15px; }
  #saloninformation-area-lv2 dt {
    float: left;
    width: 105px;
    clear: both;
    font-weight: bold;
    font-size: 0;
    line-height: 0;
    margin-bottom: 5px; }
  #saloninformation-area-lv2 dd {
    margin-left: 115px;
    line-height: 20px;
    margin-bottom: 5px; }
  #saloninformation-area-lv2 table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px; }
  #saloninformation-area-lv2 th {
    text-align: left;
    width: 200px;
    vertical-align: top;
    padding: 0 0 10px;
    letter-spacing: 3px; }
  #saloninformation-area-lv2 td {
    text-align: left;
    padding: 0 0 20px; }

#welcome-area {
  width: 355px;
  float: right; }

#second-area,
#third-area {
  clear: both;
  width: 1020px;
  margin-right: -40px;
  padding-top: 40px; }

#third-area {
  margin-bottom: 40px; }

#schedule-area,
#access-area {
  width: 300px;
  float: left;
  margin-right: 40px; }

#schedule-area-lv2 {
  width: 480px;
  float: right;
  position: relative; }
  #schedule-area-lv2 .btn01 {
    position: absolute;
    right: 200px;
    top: 51px; }

#access-area-lv2 {
  width: 480px;
  float: left; }
  #access-area-lv2 .inner {
    padding-top: 40px;
    padding-left: 40px; }

#logo-area {
  width: 489px;
  height: 480px;
  float: left;
  border-right: 1px solid #c8c8c8;
  text-align: center;
  position: relative; }
  #logo-area img {
    margin-bottom: 10px;
    clear: both; }

#topics-area {
  float: right;
  width: 470px; }
  #topics-area h2 {
    border-bottom: 3px solid #c8c8c8 !important;
    height: 10px;
    /*29px*/
    font-size: 0;
    line-height: 0;
    margin-bottom: 20px; }
  #topics-area ul {
    width: 470px;
    height: 370px;
    overflow: auto; }
  #topics-area li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-right: 10px;
    border-bottom: 1px dotted #f2f2f2; }
  #topics-area span {
    display: block;
    clear: both;
    color: #e883b4 !important; }
  #topics-area a {
    display: block; }
    #topics-area a:link, #topics-area a:visited {
      color: #333333;
      text-decoration: none; }
    #topics-area a:hover, #topics-area a:active {
      color: #39dbd1;
      text-decoration: none; }

#access-area .inner {
  width: 300px;
  height: 300px;
  overflow: hidden; }

#menu-area,
#staff-area,
#catalogue-area {
  width: 300px;
  margin-right: 40px;
  float: left; }
  #menu-area img,
  #staff-area img,
  #catalogue-area img {
    float: left;
    margin-right: 10px; }
  #menu-area a,
  #staff-area a,
  #catalogue-area a {
    display: block;
    display: block; }
    #menu-area a:link, #menu-area a:visited,
    #staff-area a:link,
    #staff-area a:visited,
    #catalogue-area a:link,
    #catalogue-area a:visited {
      color: #333333; }
    #menu-area a:hover, #menu-area a:active,
    #staff-area a:hover,
    #staff-area a:active,
    #catalogue-area a:hover,
    #catalogue-area a:active {
      color: #39dbd1;
      text-decoration: none; }

#lv2-footer {
  width: 640px;
  float: left; }

#footer {
  padding-top: 40px;
  clear: both;
  font-size: 10px;
  text-align: center;
  position: relative; }
  #footer #totop {
    position: absolute;
    right: 50%;
    margin-right: -490px;
    top: 30px;
    font-size: 0;
    line-height: 0; }
  #footer li {
    display: inline;
    padding: 0 10px; }
    #footer li a {
      padding-left: 10px;
      background: url(../img/common/arrow01.gif) no-repeat 0 4px; }
      #footer li a:link, #footer li a:visited {
        color: #fff; }
      #footer li a:hover, #footer li a:active {
        color: #fff; }
  #footer p {
    background: #f2f2f2;
    border-top: 1px solid #eeeeee;
    line-height: 30px;
    text-align: center;
    color: gray; }

#footer-navi01 {
  text-align: center;
  background: #e89cc1;
  color: #fff;
  line-height: 30px;
  z-index: 2; }

#footer-navi02 {
  text-align: center;
  background: #999999;
  border-top: 1px solid #cccccc;
  color: #fff;
  line-height: 30px; }

#modal-win {
  width: 100%;
  position: absolute; }

#modal-win-inner {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  position: relative;
  z-index: 101; }

#modal-bg {
  width: 100%;
  height: 100%;
  background-color: #000000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  cursor: pointer; }

.modal-box {
  display: none;
  position: relative;
  background: #fff;
  width: 600px;
  height: 600px;
  text-align: center; }
  .modal-box img {
    position: relative;
    margin-top: 30px; }

.btn-next img,
.btn-back img {
  margin: 0; }

.btn-next {
  position: absolute;
  width: 45px;
  height: 14px;
  right: 230px;
  bottom: 30px;
  background-image: url(../img/common/btn-next_off.gif);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.btn-next:hover {
  background-image: url(../img/common/btn-next_on.gif); }

.btn-back {
  position: absolute;
  bottom: 30px;
  left: 230px;
  width: 45px;
  height: 14px;
  background-image: url(../img/common/btn-back_off.gif);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.btn-back:hover {
  background-image: url(../img/common/btn-back_on.gif); }

.modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 16px;
  height: 16px;
  background-image: url(../img/common/btn-close_off.gif);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.modal-close:hover {
  background-image: url(../img/common/btn-close_on.gif); }

/*-----------------
menu
-------------------*/
#menu #contents table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #cccccc;
  margin-bottom: 20px; }
#menu #contents th, #menu #contents td {
  font-size: 14px;
  border-bottom: 1px solid #cccccc;
  padding: 15px 10px; }
#menu #contents th {
  text-align: left;
  background: url(../img/common/arrow02.gif) no-repeat 2px 21px; }
  #menu #contents th p {
    font-size: 12px;
    padding-top: 10px;
    font-weight: normal; }
#menu #contents td {
  text-align: right; }

/*-----------------
recruit
-------------------*/
#recruit #contents p {
  margin-bottom: 1em; }
#recruit #contents table {
  border-spacing: 1px;
  border-collapse: separate;
  width: 100%;
  margin-bottom: 20px;
  background: #cccccc; }
#recruit #contents th, #recruit #contents td {
  font-size: 12px;
  padding: 10px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #fff; }
#recruit #contents th {
  background: #f2f2f2; }
#recruit #contents td {
  background: #fff; }

/*-----------------
sitemap link
-------------------*/
#sitemap-area {
  margin-bottom: 40px; }
  #sitemap-area p {
    border-bottom: 1px solid #cccccc;
    background: url(../img/common/arrow02.gif) no-repeat 0 17px;
    padding: 10px;
    font-size: 14px; }
  #sitemap-area ul {
    width: 430px;
    float: left;
    margin-left: 40px; }
    #sitemap-area ul li {
      border-bottom: 1px solid #cccccc;
      background: url(../img/common/arrow02.gif) no-repeat 0 17px;
      padding: 10px; }
  #sitemap-area a:link, #sitemap-area a:visited {
    color: #333333; }

#link-area {
  clear: both;
  margin-bottom: 40px; }
  #link-area li {
    font-size: 14px;
    border-bottom: 1px solid #cccccc;
    background: url(../img/common/arrow02.gif) no-repeat 0 17px;
    padding: 10px; }
    #link-area li p {
      font-size: 12px;
      padding-top: 10px; }
  #link-area a:link, #link-area a:visited {
    color: #333333; }

/*-----------------
privacy
-------------------*/
#privacy #contents p {
  margin-bottom: 1em; }
#privacy #contents .ttl02 {
  margin-top: 30px; }

/*-----------------
staff
-------------------*/
#staff h3 {
  padding-bottom: 5px;
  font-size: 10px;
  /*font-family: serif;*/
  position: relative;
  font-weight: bold; }
  #staff h3 span {
    clear: both;
    font-size: 12px;
    display: block;
    margin-bottom: 3px; }
  #staff h3 strong {
    font-size: 12px; }
#staff .profile {
  display: none;
  width: 360px;
  height: 320px;
  background: #fff;
  margin: 0 auto;
  padding: 25px 20px 0; }
  #staff .profile .text {
    font-size: 12px;
    line-height: 1.8em; }
  #staff .profile h3 {
    padding-bottom: 5px;
    padding-left: 60px;
    font-size: 10px;
    position: relative;
    font-weight: bold;
    margin-bottom: 20px; }
    #staff .profile h3 span {
      clear: both;
      font-size: 12px;
      display: block;
      margin-bottom: 10px; }
    #staff .profile h3 strong {
      font-size: 16px; }
  #staff .profile .modal-close {
    position: absolute;
    top: 300px;
    right: 170px;
    width: auto !important;
    height: 20px;
    background-image: none;
    background-repeat: no-repeat;
    text-indent: 0;
    text-align: center;
    overflow: hidden; }

#staff-list {
  width: 980px;
  overflow: hidden; }
  #staff-list ul {
    padding-left: 20px;
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 20px; }
  #staff-list .last {
    border-bottom: none !important; }
  #staff-list li {
    float: left;
    width: 300px;
    margin-right: 20px;
    margin-bottom: 10px; }
  #staff-list .box01 {
    width: 180px;
    margin: 0 auto; }
  #staff-list .btn {
    width: 190px;
    margin-right: -10px;
    overflow: hidden; }
    #staff-list .btn a {
      display: block;
      width: 85px;
      height: 20px;
      font-size: 0;
      float: left;
      margin-right: 10px;
      margin-bottom: 10px; }

/*-----------------
Access
-------------------*/
#access .map {
  float: left;
  margin-right: 20px; }
#access #contents p {
  margin-bottom: 1em; }

/*-----------------
catalogue
-------------------*/
#style #contents p {
  margin-bottom: 1em; }
#style #contents .coution {
  color: #e883b4; }

#style-list {
  margin: 0 auto 30px auto;
  overflow: hidden;
  padding: 0 0 40px 85px;
  background: #f2f2f2;
  overflow: hidden; }
  #style-list li {
    width: 130px;
    float: left;
    font-size: 0;
    line-height: 0;
    margin: 0 40px 0 0;
    padding-top: 40px; }
  #style-list a:hover img {
    margin: -5px;
    border: solid 5px #e883b4; }

/*-----------------
catalogue
-------------------*/
#style #contents p {
  margin-bottom: 1em; }
#style #contents .coution {
  color: #e883b4; }

#style-list {
  margin: 0 auto 30px auto;
  overflow: hidden;
  padding: 0 0 40px 85px;
  background: #f2f2f2;
  overflow: hidden; }
  #style-list li {
    width: 130px;
    float: left;
    font-size: 0;
    line-height: 0;
    margin: 0 40px 0 0;
    padding-top: 40px; }
  #style-list a:hover img {
    margin: -5px;
    border: solid 5px #e883b4; }

/*-----------------
works
-------------------*/
#works #contents p {
  margin-bottom: 1em; }
#works #contents .coution {
  color: #e883b4; }
#works #contents table {
  border-spacing: 1px;
  border-collapse: separate;
  width: 100%;
  margin-bottom: 20px;
  background: #cccccc; }
#works #contents th, #works #contents td {
  font-size: 12px;
  padding: 10px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #fff; }
#works #contents th {
  background: #f2f2f2;
  width: 200px; }
#works #contents td {
  background: #fff; }
#works #contents strong {
  color: #d02c6e !important; }
#works h3 {
  border-bottom: 3px solid #c7c7c7;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 20px;
  font-size: 18px;
  font-family: serif;
  position: relative; }
  #works h3 span {
    clear: both;
    font-size: 12px;
    display: block;
    margin-bottom: 5px; }

#works-list {
  margin: 0 auto 30px auto;
  overflow: hidden;
  padding: 0 0 40px 85px;
  background: #f2f2f2;
  overflow: hidden; }
  #works-list li {
    width: 130px;
    float: left;
    font-size: 0;
    line-height: 0;
    margin: 0 40px 0 0;
    padding-top: 40px; }
  #works-list a:hover img {
    margin: -5px;
    border: solid 5px #e883b4; }

/*-----------------
contact
-------------------*/
#contact #contents p {
  margin-bottom: 1em; }
#contact #contents table {
  border-spacing: 1px;
  border-collapse: separate;
  width: 100%;
  margin-bottom: 20px;
  background: #cccccc; }
#contact #contents th, #contact #contents td {
  font-size: 12px;
  padding: 10px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #fff; }
#contact #contents th {
  background: #f2f2f2;
  width: 200px; }
#contact #contents td {
  background: #fff; }
#contact #contents strong {
  color: #d02c6e !important; }

.btn-container {
  width: 230px;
  height: 20px;
  clear: both;
  margin: 0 auto; }
  .btn-container input {
    border: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 105px;
    height: 20px;
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer; }

#btn-confirm {
  background-image: url(../img/common/btn-confirm_off.gif);
  margin: 0 auto; }

#btn-confirm:hover {
  background-image: url(../img/common/btn-confirm_on.gif); }

#btn-return {
  background-image: url(../img/common/btn-return_off.gif);
  float: left; }

#btn-return:hover {
  background-image: url(../img/common/btn-return_on.gif); }

#btn-send {
  background-image: url(../img/common/btn-send_off.gif);
  float: right; }

#btn-send:hover {
  background-image: url(../img/common/btn-send_on.gif); }

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

.clearfix {
  display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */