@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 */
@import url("print.css"); /* print 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 {
	padding: 0;
	color: #333;
	background-color: #E4F1E6;
	text-align: center;
	margin: 0px;
}

#page {
	width: 750px;
	margin: auto;
	padding: 0px;
}

/* header
------------------------------------------------------------------------- */
#header {
  margin: 0 auto 10px;
  padding-top: 15px;
	text-align: left;
  background: url(/wellness/images/common/logo/logo.gif) no-repeat 350px 15px;
}

/* Logo
-------------------------------------------------------------------------------- */
.logo {
  margin: 0 0 15px;
  text-align: left;
  width: 302px;
  padding-left: 25px;
}


/* General
-------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-size: 108%;
  margin-bottom: 15px;
}
ul, ol, dl {
  padding: 0;
  margin: 0;
  list-style: none;
}

strong {
  font-weight: bold;
}
#bodyback {
	background-image: url(../images/common/bg/body.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


/* anchor
------------------------------------------------------------------------- */
a {
  color: #488C4E;
	text-decoration: underline;
}

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

hr {
  margin: 10px 0;
  border: 1px solid #E6E6E3;
  clear: both;
}

/* text format
------------------------------------------------------------------------------- */
blockquote {
  margin: 0;
}

blockquote p {
  margin: 0;
}

#contents .green p {
  color: #5BAB61;
}  
#top_navi {
	padding: 0px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.top_navi_item {
	font-size: 12px;
	line-height: 1.3em;
	float: left;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.top_navi_item a {
	text-decoration: none;
}

.top_navi_item a:link {
	color: #000000;
}


.top_navi_item a:visited {
	color: #5BAB61;
}

.top_navi_item a:hover {
	color: #996666;
	text-decoration: underline;
}

.top_navi_item a:active {
	color: #99CCCC;
}


p {
  line-height: 140%;
}

span.green {
  color: #5BAB61;
}  

span.red {
  color: #E10000;
}

h3.side {
  margin-left: 30px;
}

.block .side {
  margin-left: 45px;
}

#contents .side01 {
  padding: 0 20px;
}



#contents .side02 {
  padding: 0 0 0 250px;
}

.block .bar {
  background: url(/wellness/images/price/bar01.gif) no-repeat 43px 0;
}

.bar .attention {
  background: url(/wellness/images/price/bg01.gif) no-repeat 100% 100%;
  border-bottom: 1px dotted #5BAB62;
}

em.red {
  color: #993300;
}

.block p.box {
  border: 1px solid #CCC;
  padding: 10px;
}

.block .bord {
  border-bottom: 1px solid #5BAA62;
  padding-bottom: 10px;
  margin-bottom: 25px;
}


.block p.arrow {
  background: url(/wellness/images/sitemap/arrow01.gif) no-repeat 0 50%;
  padding: 3px 0 3px 22px;
}

/* image float
------------------------------------------------------------------------- */
.center {
  text-align: center;
  margin: 0 auto 15px;
}

img.right {
  float: right;
  margin: 2px 0 15px 15px;
  padding: 0;
}

img.left {
  float: left;
  margin: 0 15px 15px 0;
  padding: 2px 0 0 0;
}

/* content
------------------------------------------------------------------------- */
#body {
	font-size: 93%;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
}

.right {
	float: right;
}


p.breadcrumbs {
  margin: 0;
  height: 50px;
  clear: both;
}

/* alpha
------------------------------------------------------------------------- */
#alpha {
	text-align: left;
	float: left;
	line-height: 170%;
	width: 436px;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

p.main {
  margin-bottom: 15px;
}

/* alpha block
-------------------------------------------------------------------------------- */
#alpha .block {
	margin: 0 0 20px;
	padding: 0;
	clear: both;
}

.block p {
	margin: 0 0 20px;
}

#alpha .box1 {
	background: url(/images/common/bg/title32_bg.jpg) repeat-x;
}


#alpha .box2 {
	background-color: #F0EEDB;
	border: 1px solid #DDDAAE;
	padding: 25px;
}

/* alpha ul ol
-------------------------------------------------------------------------------- */


/* alpha hx
-------------------------------------------------------------------------------- */
#alpha h1, #alpha h2, #alpha h3 {
  margin: 0 0 15px;
  font-weight: bold;
  font-size: 138.5%;
}

/* beta
------------------------------------------------------------------------- */
#beta {
	margin: 0 0 20px;
	width: 225px;
	text-align: left;
	float: right;
}

/* beta block
-------------------------------------------------------------------------------- */
#beta .block {
	margin: 0 0 15px;
}

/* beta ul
-------------------------------------------------------------------------------- */
#beta ul {
  margin: 0 0 5px;
}

#beta ul li {
  list-style: none;
  margin-bottom: 10px;
}
.top_navi_item a:active {
	color: #99CCCC;
}


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

/* contents
------------------------------------------------------------------------- */
#contents {
  clear: both;
  text-align: left;
  margin-bottom: 25px;
}

#contents h3 {
  font-weight: bold;
}

#contents .block {
  margin-bottom: 30px;
}

#page #body #contents .block green p {
  color: 5BAB61;
}

#contents ul {
  margin-bottom: 15px;
}

#contents ul.bn li {
  float: left;
  margin-right: 11px;
}

#contents ul.bn li.end {
  margin: 0;
}

#contents .small h3, #contents .small p {
  font-size: 93%;
}

#contents .reaves {
  background: url(/wellness/images/showroom/bg01.jpg) no-repeat 100% 50%;
}

dl.flow, dl.flow01 {  
  display: block;
}  

dl.flow dt, dl.flow01 dt {
  float:left;
  width:120px;
  clear:both;
}  

dl.flow dt.plan {
  float: left;
  width: 354px;
  clear: both;
}

dl.flow dd.plan {
  margin-left: 364px;
  margin-bottom: 15px;
  padding-top: 19px;
}

dl.flow dd {
  display: block;
  margin-left:130px;
  line-height: 130%;
  margin-bottom: 20px;
  color: #654727;
}

dl.flow01 dd {
  display: block;
  margin-left:130px;
  line-height: 130%;
  margin-bottom: 20px;
  color: #654727;
}

dl.flow dd.end {
  margin-bottom: 35px;
}

dl.flow01 dd.end01 {
  margin-bottom: 0;
  line-height: 110%;
}

dl.flow dd.none {
  margin: 0 0 25px;
}

/* news dl
------------------------------------------------------------------------- */
dl.news {
	display: block;
	margin-bottom: 15px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 15px;
	height: 100px;
}  

dl.news dt {
  float:left;
  width:120px;
  clear:both;
}  

dl.news dd {
  display: block;
  margin-left:130px;
  line-height: 130%;
  margin-bottom: 20px;
}

.news dd.tt p {
  color: #009900;
  font-weight: bold;
}

dl.news dd.mor {
  margin-left: 185px;
  font-weight: normal;
}

/* price
------------------------------------------------------------------------- */
#contents .pricetop {
  float: left;
  width: 166px;
}

#contents .prices {
  width: 520px;
  float: right;
}

#contents .prices p {
  padding: 0 30px;
  font-size: 93%;
}

#contents .price01 {
  background: url(/wellness/images/price/price01.gif) no-repeat 0 0;
  padding: 25px 0 0;
}

#contents .price02 {
  background: url(/wellness/images/price/price02.gif) no-repeat 0 0;
  padding: 25px 0 0;
}

#contents .price04 {
  background: url(/wellness/images/price/price04.gif) no-repeat 0 0;
  padding: 25px 0 0;
}

#contents .price05 {
  background: url(/wellness/images/price/price05.gif) no-repeat 0 0;
  padding: 25px 0 0;
}

#contents .price06 {
  background: url(/wellness/images/price/price06.gif) no-repeat 0 0;
  padding: 25px 0 0;
}

#contents .price07 {
  background: url(/wellness/images/price/price07.gif) no-repeat 0 0;
  padding: 25px 0 0;
}

#contents .price09 {
  background: url(/wellness/images/price/price09.gif) no-repeat 0 0;
  padding: 25px 0 0;
}

#contents .prices p.pp {
  padding: 0 50px;
}

#contents .leftbox {
  float: left;
  width: 120px;
}

.rightbox p {
	margin-left: 130px;
}

.rightbox h2 {
  border-bottom: 2px solid #76B87A;
  margin-left: 130px;
  padding: 0 0 0 210px;
  font-weight: bold;
  line-height: 130%;
}

.rightbox h2 a {
  color: #333;
  font-weight: bold;
}

.rightbox h2 a:hover {
  text-decoration: none;
}

.block .bord p {
  margin-left: 240px;
}

/* sitemap
------------------------------------------------------------------------- */
ul.sitemap {
  margin: 0;
}

ul.sitemap li {
  padding: 0 0 0 22px;
  background: url(/wellness/images/sitemap/arrow01.gif) no-repeat 0 50%;
  margin-bottom: 5px;
}

/* footer
------------------------------------------------------------------------- */
#footer {
	background: url(/wellness/images/common/bg/bg01.gif) no-repeat 0 0;
	clear: both;
	text-align: right;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

/* copyright
-------------------------------------------------------------------------------- */
.copyright {
  color: #666666;
  text-align: right;
  float: right;
  font-size: 77%;
  padding: 15px 0;
}

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

#body, #header, .clear, #page, #beta {
  zoom: 100%;
} /* ie */
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
}
.top_menu {
	font-size: 10px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 35px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: right;
}
.side01 .clear bord {
	margin-bottom: 25px;
	padding-bottom: 5px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #BBDCBE;
}
#page #body #contents .block .side01 .clear bord p {
	margin-bottom: 20px;
	margin-left: 240px;
}
#page #body #contents .block .side01 .clear bord {
	margin-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AFD6B3;
}
#page #body #contents .block .side01 .link bord {
	height: 100px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AFD6B3;
}
#page #body #contents .staff block {
	margin-bottom: 25px;
	float: left;
	width: 700px;
}
#page #body #contents .staff block .staffbox {
	float: left;
	width: 120px;
	background-position: right top;
}
.staff_text {
	float: left;
	margin-left: 20px;
	width: 540px;
	margin-right: 20px;
	margin-top: 20px;
	line-height: 1.4em;
	background-image: url(../images/staff/bg01.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.staffbox {
	float: left;
	width: 114px;
}
.staff_name {
	font-size: 14px;
	font-weight: bold;
	color: #006633;
	text-align: right;
	float: left;
	width: 540px;
	margin-right: 20px;
	margin-left: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009966;
	line-height: 1.5em;
}

#topic_path {
	font-size: 12px;
	text-align: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 20px;
}