@charset "utf-8";

@import url("common.css"); /* common stylesheet */
@import url("title.css"); /* title stylesheet */
@import url("fonts.css"); /* fonts stylesheet */
@import url("tab.css"); /* tab stylesheet */
@import url("table.css"); /* table stylesheet */

/*
CSS Name: style.css
Date: 2007.5
Version: 1.2
Author: Defsystem & SAP
Author URI: http://www.dweb-design.com/
http://www.salonad.com/
*/

/* main
------------------------------------------------------------------------- */
body {
  background: #FCF9F1;
}

#page {
  width: 810px;
  text-align: left;
	margin: 0 auto;
}

/* format
------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
  margin-bottom: 10px;
}

p, ul, dl, ol {
  font-size: 93%;
}

ul ul, ol ul {
  font-size: 108%;
}

#alpha p {
  margin-bottom: 15px;
  line-height: 160%;
}

a {
  color: #AD6636;
  text-decoration: underline;
}

a:hover {
  color: #704223;
  text-decoration: none;
}

span.arrow01 {
  display: block;
  background: url(/images/common/icon/arrow01.gif) no-repeat 0 0.4em;
  padding: 0 0 0 17px;
}

img.left {
  float: left;
  border: 2px solid #C1A08E;
  margin: 3px 10px 10px 0;
}

img.right {
  float: right;
  border: 2px solid #C1A08E;
  margin: 3px 0 10px 10px;
}

strong {
  font-weight: bold;
}

ol.ordered-text {
  margin: 0 30px 15px;
  line-height: 150%;
}

ul.sitemap {
  margin: 0 30px;
  line-height: 180%;
}

ul.sitemap ul {
  margin: 0 20px;
}

/* blog format
------------------------------------------------------------------------- */
.entry h2 {
  font-weight: bold;
  background: url(/images/information/title-back.gif) no-repeat 0 100%;
  padding: 0 0 5px;
  font-size: 108%;
}

.entry h2.archive {
  background-color: #78563D;
  color: #FFF;
  padding: 10px 10px;
}

/* block
------------------------------------------------------------------------- */
#alpha .block {
  clear: both;
  margin-bottom: 15px;
}

#beta .block {
  clear: both;
  margin-bottom: 15px;
}

/* header
------------------------------------------------------------------------- */
#header {
  background: url(../images/common/bg/header.gif) no-repeat 100% 0;
  position: relative;
}

#header p.logo {
  padding: 21px 0 0 36px;
  margin-bottom: 45px;
}

#header ul.tab {
  display: block;
  background: url(../images/common/bg/navi-back.gif) no-repeat 0 0;
  padding: 0 0 0 2px;
  margin-bottom: 10px;
}

/* tops
------------------------------------------------------------------------- */
#tops {
  background: url(/images/common/bg/container-top.gif) no-repeat 0 0;
  padding: 20px 0 0 0;
}

/* contents
------------------------------------------------------------------------- */
#container {
  clear: both;
  background: url(/images/common/bg/container.gif) repeat-y 0 10px;
  padding: 0 25px;
}

#container .mainimg {
  margin-bottom: 20px;
}

#container .mainimg h1 {
  background: url(/images/top/title01.jpg) no-repeat 0 0;
  display: block;
  width: 553px;
  overflow: hidden;
  height: 0px!important;
  height /**/:230px;/* for ie5.x */
  padding: 230px 0 0 0;
  margin: 0;
  line-height: 150%;
  float: left;
}

#container .mainimg p {
  background: url(/images/top/title02.jpg) no-repeat 0 0;
  display: block;
  width: 207px;
  overflow: hidden;
  height: 0px!important;
  height /**/:230px;/* for ie5.x */
  padding: 230px 0 0 0;
  margin: 0;
  line-height: 150%;
  float: right;
}

/* alpha
------------------------------------------------------------------------- */
#alpha {
  width: 540px;
  float: right;
}

#alpha ul.list {
  margin: 0 30px;
}

#alpha ul.ft01, #alpha ul.ft01 li,
#alpha ul.ft02, #alpha ul.ft02 li,
#alpha ul.ft03, #alpha ul.ft03 li {
  float: left;
  display: block;
  list-style: none;
}

ul.ft01 li.osusume-ue a {
  display: block;
  width: 168px;
  overflow: hidden;
  height: 0px!important;
  height /**/:105px;/* for ie5.x */
  padding: 105px 0 0 0;
  margin: 0;
  line-height: 150%;
  float: left;
  background: url(/images/common/bn/osusume-ue.jpg) no-repeat 0 0;
}

ul.ft01 li.osusume-sita a {
  display: block;
  width: 164px;
  overflow: hidden;
  height: 0px!important;
  height /**/:105px;/* for ie5.x */
  padding: 105px 0 0 0;
  margin: 0;
  line-height: 150%;
  float: left;
  background: url(/images/common/bn/osusume-sita.jpg) no-repeat 0 0;
}

ul.ft01 li.osusume {
  display: block;
  width: 208px;
  overflow: hidden;
  height: 0px!important;
  height /**/:105px;/* for ie5.x */
  padding: 105px 0 0 0;
  margin: 0;
  line-height: 150%;
  float: left;

  background: url(/images/common/bn/osusume.jpg) no-repeat 0 0;
}

ul.ft01 li a:hover {
  background-position: 0 -105px;
}

ul.ft02 li a {
  display: block;
  width: 267px;
  overflow: hidden;
  height: 0px!important;
  height /**/:86px;/* for ie5.x */
  padding: 86px 0 0 0;
  margin: 0;
  line-height: 150%;
  float: left;
}

ul.ft02 li.aromatherapy a {
  background: url(/images/common/bn/aromatherapy.jpg) no-repeat 0 0;
  margin-right: 2px;
}

ul.ft02 li.reflexology a {
  background: url(/images/common/bn/reflexology.jpg) no-repeat 0 0;
}

ul.ft03 li a {
  display: block;
  width: 177px;
  overflow: hidden;
  height: 0px!important;
  height /**/:86px;/* for ie5.x */
  padding: 86px 0 0 0;
  margin: 0;
  line-height: 150%;
  float: left;
}

ul.ft03 li.facial a {
  background: url(/images/common/bn/facial.jpg) no-repeat 0 0;
  margin-right: 2px;
}

ul.ft03 li.body a {
  background: url(/images/common/bn/body.jpg) no-repeat 0 0;
  margin-right: 2px;
}

ul.ft03 li.detox a {
  background: url(/images/common/bn/detox.jpg) no-repeat 0 0;
}

ul.ft02 li a:hover,
ul.ft03 li a:hover {
  background-position: 0 -86px;
}

#alpha .box01 {
  border: 1px solid #DFD7D2;
  background: #FCF9F1;
  padding: 10px 10px 0;
  margin-bottom: 10px;
}

#alpha .price p {
  font-weight: bold;
  color: #AF5229;
  margin-bottom: 10px;
}

/* #map
------------------------------------------------------------------------- */
#alpha .mapback {
  margin: 0 0 20px;
  border: 2px solid #C1A08E;
  padding: 3px;
}

#alpha #map {
  margin: 0;
  height: 300px;
}

#alpha .mapback .map {
  margin: 0;
  height: 300px;
}

/* pagetop
------------------------------------------------------------------------- */
.pagetop {
  clear: both;
  padding: 0 0 15px;
}

.pagetop ul, .pagetop ul li {
  list-style: none;
}

.pagetop ul li a {
  display: block;
  width: 100px;
  overflow: hidden;
  height: 0px!important;
  height /**/:15px;/* for ie5.x */
  padding: 15px 0 0 0;
  margin: 0;
  line-height: 150%;
  float: left;
  background: url(/images/common/bn/pagetop.gif) no-repeat 0 0;
}

.pagetop ul li a:hover {
  background-position: 0 -15px;
}

/* sidebar
------------------------------------------------------------------------- */
#beta {
  width: 200px;
  float: left;
}

ul.ff01, ul.ff01 ul li,
ul.ff02, ul.ff02 ul li {
  list-style: none;
}

ul.ff01 li a {
  display: block;
  width: 200px;
  overflow: hidden;
  height: 0px!important;
  height /**/:65px;/* for ie5.x */
  padding: 65px 0 0 0;
  margin: 0;
  line-height: 150%;
}

ul.ff01 li.reservation a {
  background: url(/images/common/bn/reservation.gif) no-repeat 0 0;
}

ul.ff01 li a:hover {
  background-position: 0 -65px;
}

ul.ff02 li a {
  display: block;
  width: 200px;
  overflow: hidden;
  height: 0px!important;
  height /**/:43px;/* for ie5.x */
  padding: 43px 0 0 0;
  margin: 0 0 10px;
  line-height: 150%;
}

ul.ff02 li.faq a {
  background: url(/images/common/bn/faq.gif) no-repeat 0 0;
}

ul.ff02 li.voice a {
  background: url(/images/common/bn/voice.gif) no-repeat 0 0;
}

ul.ff02 li a:hover {
  background-position: 0 -43px;
}

#beta dl {
  padding: 0 10px;
}

#beta dd {
  background: url(/images/common/icon/dotted-line.gif) repeat-x 0 100%;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.circle01 {
  background: url(/images/common/icon/circle01.gif) no-repeat 10px 4px;
  padding: 0 25px;
}

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

#beta ul.link1 {
  padding: 0 10px;
}

#beta ul.link1 li {
  background: url(/images/common/icon/dotted-line.gif) repeat-x 0 100%;
  padding: 0 0 7px;
}

/* footer
------------------------------------------------------------------------- */
#footer {
  clear: both;
  background: url(/images/common/bg/container-footer.gif) no-repeat 0 0;
  padding-top: 35px;
}

#footer ul.tab {
  display: block;
  padding: 0 0 0 2px;
  margin-bottom: 10px;
}

/* copyright
------------------------------------------------------------------------- */
.copyright {
  background: url(/images/common/bg/footer.gif) no-repeat 99% 0;
  height: 85px;
  clear: both;
  font-size: 83%;
  color: #825A45;
  padding: 0 5px;
}

.copyright h3 {
  font-size: 93%;
  display: inline;
  padding-right: 5px;
  clear: both;
}

.copyright ul {
  list-style: none;
  font-size: 108%;
  margin-bottom: 8px;
}

.copyright li {
  background: url(/images/common/icon/circle02.gif) no-repeat 0 2px;
  padding: 0 8px 0 12px;
  float: left;
}

.copyright a {
  color: #825A45;
}


/* hack clearfix 回り込みハック
-------------------------------------------------------------------------------- */
#container:after, #header:after, #header ul.tab:after, .clear:after, #page:after, .mainimg:after, #alpha:after, #alpha .block:after, #footer ul.tab:after, .copyright ul:after {
  content:  ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#container, #body, #header, #header ul.tab, .clear, #page, .mainimg, #alpha, #alpha .block, #footer ul.tab, .copyright ul {
  zoom: 100%;
} /* ie */