@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: #E6DEC4 url(/images/common/bg/html.gif) repeat 0 0;
}

#container {
  background: url(/images/common/bg/body.gif) repeat-x 0 0;
}

#page {
  text-align: center;
	margin: 0 auto;
	padding: 0;
  width: 860px;
  position: relative;
}

#header {
  position: relative;
  background: url(/images/common/bg/header.gif) no-repeat 100% 40%;
  text-align: left;
}

#header h1 {
  position: absolute;
  font-size: 77%;
  text-align: right;
  left: 280px;
  top: 8px;
  width: 580px;
}

#header p.description {
  position: absolute;
  font-size: 77%;
  text-align: right;
  left: 280px;
  top: 25px;
  width: 580px;
}

/* logo */
#header .logo {
  margin: 0 0 20px;
}

#header h2 a {
  margin:0;
  padding: 67px 0 0 0;
  width: 250px;
  overflow: hidden;
  display: block;
  border: none;
  background: #FFF url(/images/common/logo/logo_h2.png) no-repeat 0 0;
  text-decoration: none;
  height: 0px!important;
  height /**/:67px;/* for ie5.x */	
}

#header h2 a:hover {
  background-position: -250px 0;
}

/* General
-------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-size: 108%;
  color: #100100;
  line-height: 150%;
}

div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address {
  color: #100100;
}

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

p {
  font-size: 93%;
}

strong {
  font-weight: bold;
  background-color: #FFDDDD;
}

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

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

hr {
  margin: 0;
  padding: 0;
  background: #FFF;
  border: 0px solid #FFF;
  height: 0;
  clear: both;
  color: #FFF;
}

span.arrow01 {
  background: url(/images/common/icon/arrow01.gif) no-repeat 0 50%;
  padding: 0 0 0 20px;
}

/* text format
------------------------------------------------------------------------------- */
blockquote {
  padding: 15px 15px 0;
  margin: 0 0 15px;
  border-top: 1px solid #EEE;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 5px solid #ccc;
}

address {
  font-size: 93%;
}

img.center {
  text-align: center;
  margin: 0 auto 1.4em;
  padding: 1em;
}

img.right { 
  float: right;
  margin: 0.2em 0 1em 10px;
  padding: 0;
}

img.left {
  float: left;
  margin: 0 1em 0.5em 0;
  padding: 0.3em 0 0 0;
}

p.breadcrumbs {
  padding: 0;
  margin: 0 auto 15px;
}

/* alpha
------------------------------------------------------------------------- */
#alpha {
  width: 590px;
  float: right;
  margin: 0 0 15px;
  padding: 0;
  text-align: left;
}

#alpha #headerFlash {
  margin: 0 0 15px;
  padding: 0;
}

/* alpha block
-------------------------------------------------------------------------------- */
#alpha .block {
  padding: 18px 15px 0;
  margin: 0 0 20px;
  clear: both;
  border: 1px solid #D9CDC4;
  background: #FFF;
}

#alpha .block .block {
  padding: 0;
  margin: 0 0 20px;
  clear: both;
  background: none;
}

#alpha .end {
  border-bottom: 3px solid #E4DECF;
  padding: 0 0 15px;
}

#alpha div.box {
  border: 1px solid #DFD0B3;
  margin-bottom: 15px;
}

#alpha div.box02 {
  border: 1px solid #DFD0B3;
  background: #F9F8EE;
  margin-bottom: 15px;
  padding: 10px 15px 0;
}

#alpha div.box h3 {
  background: #DFD0B3;
  padding: 10px 15px;
  font-weight: bold;
  margin-bottom: 15px;
}

#alpha div.box p {
  padding: 0 15px;
}

#alpha div.box p.name {
  padding: 5px 15px 0;
  text-align: right;
  border-top: 1px solid #EEE;
}

/* alpha boxleft boxright
-------------------------------------------------------------------------------- */
#alpha .boxleft {
  width: 270px;
  float: left;
  margin-bottom: 15px;
}

#alpha .boxright {
  width: 270px;
  float: right;
  margin-bottom: 15px;
}

/* alpha ul ol
-------------------------------------------------------------------------------- */
#alpha ul {
  padding: 0 30px;
  margin: 0 0 20px;
  list-style: none;
  line-height: 200%;
}

#alpha ul li {
  padding: 0 10px 0 20px;
  margin: 0;
  list-style: none;
  background: url(/images/common/icon/list01.gif) no-repeat 0 0.4em;
}

#alpha ul ul {
  line-height: 170%;
  padding: 0.5em 0 0 0;
  margin: 0 0 10px;
}

#alpha li li {
  border: none;
  font-size: 108%;
  background: url(/images/common/icon/circle02.gif) no-repeat 7px 0.9em;
  margin: 0;
}

#alpha ol {
  padding: 0 0 3px;
  margin: 0 0 15px;
  list-style: decimal;
}

#alpha ol li {
  padding: 0;
  margin: 0 0 3px;
  list-style: decimal;
}

#alpha ol.ordered-text {
  margin:0 1em 2em 2em;
  list-style-type:decimal;
  list-style-position:outside;
  line-height: 180%;
}

#alpha ol.ordered-text li {
	margin-bottom:0.5em;
}

#alpha ol.ordered-text li ul {
  padding-left:1.6em;
  text-indent:-1.6em;
}

#alpha ol.ordered-text li ul li {
  list-style-type: none;
}

#alpha .end-of-section {
	letter-spacing:1em;
}

/* alpha sitemap
-------------------------------------------------------------------------------- */
#alpha ul.sitemap {
  margin: 0 0 15px;
  padding: 0;
}

#alpha ul.sitemap li {
  background: url(/images/common/icon/arrow03.gif) no-repeat 0 0.3em;
}

/* alpha ul bn
-------------------------------------------------------------------------------- */
#alpha ul.bn02 {
  margin: 0 0 15px;
  padding: 0;
}

#alpha ul.bn02 li {
  float: left;
  margin: 0 2px 0 0;
  padding: 0;
  background: none;
  display: block;
}

#alpha ul.bn02 li.end {
  margin: 0;
  border: none;
}

#alpha ul.bn03 {
  margin: 0 0 20px;
  padding: 0 35px;
}

#alpha ul.bn03 li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  background: none;
  display: block;
}

#alpha ul.bn03 li.end {
  margin: 0;
  border: none;
}


/* alpha ul beginner
-------------------------------------------------------------------------------- */
#alpha ul.begin {
  padding: 0;
  margin-bottom: 30px;
}

#alpha ul li.beginner {
  background: none;
}

#alpha ul li.beginner a {
  margin:0;
  padding: 130px 0 0 0;
  width: 520px;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:130px;/* for ie5.x */	
  background:url(/images/common/bn/special_course.gif) no-repeat 0 0;
}

#alpha ul li.beginner a:hover {
  background-position: 0 -130px;
}

/* menunavi */
#alpha ul.menunavi {
  margin: 0 0 15px;
  padding: 0;
}

#alpha ul.menunavi li {
  margin: 0 0 10px;
  padding: 0;
  float: left;
  background: none;
}

ul.menunavi a {
  margin:0;
  padding: 140px 0 0 0;
  width: 182px;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:140px;/* for ie5.x */	
}

ul.menunavi .lomilomi a {
  margin: 0 6px 0 0;
  background:url(/images/common/bn/lomilomi.jpg) no-repeat 0 0;
}

ul.menunavi .hotstone a {
  margin: 0 6px 0 0;
  background:url(/images/common/bn/hotstone.jpg) no-repeat 0 0;
}

ul.menunavi .facial a {
  margin: 0;
  background:url(/images/common/bn/facial.jpg) no-repeat 0 0;
}

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

ul.menunavi .course a {
  margin:0 8px 0 0;
  padding: 140px 0 0 0;
  width: 275px;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:140px;/* for ie5.x */	
  background:url(/images/common/bn/course.jpg) no-repeat 0 0;
}

ul.menunavi .bridal a {
  margin:0;
  padding: 140px 0 0 0;
  width: 275px;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:140px;/* for ie5.x */	
  background:url(/images/common/bn/bridal.jpg) no-repeat 0 0;
}

#alpha ul.menunavi a:hover {
  background-position: 0 -140px;
}

/* alpha h class
-------------------------------------------------------------------------------- */
#alpha h1 {
  padding: 0;
  font-weight: bold;
  margin: 0 0 15px;
}

#alpha h2 {
  padding: 7px 0 7px 27px;
  font-weight: bold;
  margin: 0 0 15px;
  font-size: 123.1%;
}

/* alpha box dl
------------------------------------------------------------------------- */
#alpha .block dl {
  padding: 1em 1em 0.6em;
  margin: 0.8em 0 1.8em;
  border: 1px solid #DFD0B3;
}

#alpha .block dt {
  padding: 0 0 0.5em;
  margin: 0 0 0.2em;
  background: url(/images/common/bg/dotline.gif) repeat-x 0 100%;
  font-weight: bold;
}

#alpha .block dd {
  padding: 0 0 0.6em;
  margin: 0 0 0.6em;
}

/* beta
------------------------------------------------------------------------- */
#beta {
	width: 250px;
	float: left;
	margin: 0 0 15px;
	padding: 0;
	text-align: left;
}

/* h level */
#beta h3, #beta h4 {
  background: #F3F1EB;
  font-size: 0.9em;
  padding: 0.5em 0.8em;
  margin: 0;
}

/* p */
#beta p {
  margin: 0 0 10px;
}

#beta p.feed {
  float: left;
  padding: 0;
  margin: -7px 0 5px 0;
}

#beta p.news {
  float: right;
  margin: -5px 0 5px 0;
}

/* beta block
-------------------------------------------------------------------------------- */
#beta .block {
  padding: 15px 15px 5px;
  margin: 0 0 15px;
  clear: both;
  background: #FFF;
}

#beta .newbox {
  background: #F9F8F1;
  border: 1px solid #D9CDC4;
}

#beta .specialbox {
  background: #F9F8F1 url(/images/common/bg/special.gif) no-repeat 100% 0;
  border: 1px solid #D9CDC4;
}

#beta .specialbox p {
  font-size: 77%;
}

#beta .reservebox {
  padding: 0;
  line-height: 150%;
  background: none;
}

#beta .reservebox address {
  display: block;
  width: 100%;
  padding: 90px 0 0;
  margin: 0;
  overflow: hidden;
  height: 0px!important;
  height /**/:90px;/* for ie5.x */
  background: url(/images/common/bn/reserve_bottom.gif) no-repeat 0 0;
}

#beta .bn {
  padding: 0;
  background: none;
}

/* beta ul
-------------------------------------------------------------------------------- */
#beta ul {
  padding: 0;
  margin: 0;
  list-style: none;
	text-align: left;
  display: block;
}

#beta li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
}

/* specialbox */
#beta .specialbox ul {
  margin-bottom: 10px;
  line-height: 150%;
}

#beta .specialbox ul li {
  background: url(/images/common/icon/arrow03.gif) no-repeat 0 6px;
  padding: 3px 0 3px 17px;
}

/* reservebox */
#beta .reservebox ul, #beta .reservebox ul li.online {
  margin: 0;
  padding: 0;
}

#beta .reservebox ul li.online a {
  display: block;
  width: 100%;
  padding: 56px 0 0;
  margin: 0;
  overflow: hidden;
  height: 0px!important;
  height /**/:56px;/* for ie5.x */
  background: url(/images/common/bn/reserve.gif) no-repeat 0 0;
}

#beta .reservebox ul li.online a:hover {
  background-position: 0 -56px;
}

#beta .reservebox ul.inlinelist {
  margin: 0;
  padding: 5px 0 5px 0;
}

#beta .reservebox ul.inlinelist li {
  display: inline;
  background: url(/images/common/icon/arrow02.gif) no-repeat 0 50%;
  padding: 0 10px 0 17px;
}

/* bn */
#beta .bn ul {
  padding: 0;
}

#beta .bn ul li {
  margin-bottom: 10px;
}

#beta .bn ul li a {
  display: block;
  width: 100%;
  padding: 70px 0 0;
  margin: 0;
  overflow: hidden;
  height: 0px!important;
  height /**/:70px;/* for ie5.x */
}

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

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

#beta .bn ul li a:hover {
  background-position: 0 -70px;
}

#beta .newbox ul {
  margin-bottom: 10px;
}

#beta .newbox ul li {
  display: block;
  background: url(/images/common/icon/arrow03.gif) no-repeat 0 3px;
  padding-left: 17px;
  padding-bottom: 5px;
  margin-bottom: 6px;
}

/* beta box dl
------------------------------------------------------------------------- */
#beta dl {
  margin: 0;
  padding: 0;
  display: block;
  line-height: 150%;
}

#beta dt {
  padding: 0.6em 0 0;
  margin: 0;
	display: block;
}

#beta dd {
  padding: 0 0 5px;
  margin: 0 0 5px;
  display: block;
}

/* newbox */
#beta .newbox dt {
  margin-bottom: 5px;
}

#beta .newbox dd {
  background: url(/images/common/bg/dotline.gif) repeat-x 0 100%;
  margin-bottom: 12px;
  padding-bottom: 10px;
}

#beta .newbox dd a {
  display: block;
  background: url(/images/common/icon/arrow03.gif) no-repeat 0 3px;
  padding-left: 17px;
}

#beta .newbox dt {
  background: url(/images/common/icon/media.gif) no-repeat 0 0;
  padding: 2px 0 2px 87px;
}

#beta .newbox dt.media {
  background: url(/images/common/icon/media.gif) no-repeat 0 0;
}

#beta .newbox dt.news {
  background: url(/images/common/icon/news.gif) no-repeat 0 0;
}

#beta .newbox dt.seminar {
  background: url(/images/common/icon/seminar.gif) no-repeat 0 0;
}

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

.pagetop a {
  margin:0 0 15px;
  padding: 16px 0 0 0;
  width: 105px;
  overflow: hidden;
  display: block;
  border: none;
  background: #FFF url(/images/common/bn/pagetop.gif) no-repeat 0 0;
  text-decoration: none;
  height: 0px!important;
  height /**/:16px;/* for ie5.x */
}

.pagetop a:hover {
  background-position: 0 -16px;
}

/* footer
------------------------------------------------------------------------- */
#footer {
  clear: both;
  text-align: center;
  padding: 0;
  background: #F3EFE2 url(/images/common/bg/footnavi.gif) repeat-x 0 1px;
  border: 1px solid #DACEA8;
  margin-bottom: 15px;
}

#footer p.navi {
  padding: 8px 0;
  margin: 0;
  text-align: center;
}

#footer p {
  padding: 5px 0;
  margin: 0;
  text-align: center;
}

#footer p.navi a {
  color: #333333;
  text-decoration: none;
}

#footer p.navi a:hover {
  color: #666666;
  text-decoration: underline;
}

/* copyright
-------------------------------------------------------------------------------- */
#copyright {
  margin: 0;
  text-align: center;
  padding: 20px 0 0 0;
  background: #3B2717 url(/images/common/bg/footer.gif) repeat-x 0 0;
}

#copyright h3 {
  padding: 1em 0.5em 0 0;
  display: inline;
  font-size: 77%;
  margin: 0;
}

#copyright a {
  color: #C5BFBA;
  text-decoration: none;
}

#copyright a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

#copyright p {
  color: #C5BFBA;
  margin: 0;
}

.copyinner {
  width: 860px;
  margin: 0 auto;
  text-align: left;
  padding: 0 0 40px;
  background: url(/images/common/logo/footer_logo.gif) no-repeat 100% 20%;
}

#copyright p.copy {
  display: inline;
  font-size: 85%;
  margin: 0;
}

/* google map */
#alpha #map {
  width: 552px;
  height: 300px;
  padding: 0px;
}

#alpha #mapback {
	border: 1px solid #BBB;
	padding: 2px;
	margin-bottom: 1em;
}

/* Blog
------------------------------------------------------------------------- */
#alpha .comments-open {
  margin-bottom: 15px;
}

p.date-header {
  margin-bottom: 5px;
}

#alpha .entry-footer {
  background: url(/images/common/bg/dotline.gif) repeat-x 0 0;
  padding-top: 5px;
  margin-bottom: 40px;
}

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

#body, #header, .clear, #page, #beta, #alpha dd, .block, ul.tab {
  zoom: 100%;
} /* ie */