/* 全体的な設定 ---------------------------------------------------------------- */
*{ 
    margin:0;
	padding:0; 
} 

body {
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #34251D;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}
p, ul, ol, dl, address, blockquote, table, div, input, select {
	line-height: 150%;
}
table {
  font-size: 100%;
}

/***  リンク  ***/
a {
	color: #003366;
}
a:link {
	color: #003366;
}
a:visited {
	color: #003366;
}
a:hover {
	color: #A31B36;
}
a img {
	border: 0px;
}

/* レイアウト ---------------------------------------------------------------- */

#container {
	width: 926px;
	text-align: left;
	background-image: url(../images/bg_c2.jpg);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container2 {
	width: 100%;
	background-image: url(../images/bg_c1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#container3 {
	width: 900px;
	margin-top: 0;
	margin-right: 13px;
	margin-bottom: 0;
	margin-left: 13px;
}

#content {
	background-color: #F9F6D5;
	line-height: 1.5em;
	background-image: url(../images/sha_navi.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	width: 100%;
	overflow: hidden;
}
/*\*/
* html #content {
    height: 1em;
    overflow: visible;
}
/**/
#content a:hover,
#footer a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

#alpha {
	width: 610px;
	float: left;
}
#beta {
	width:250px;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

/***  ヘッダー  ***/
#summary-box {
	height: 10px;
	width: 880px;
	font-size: 10px;
	font-weight: normal;
	color: #A68E6F;
	text-align: right;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
}

/***  ロゴ ***/
#header-img {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header-img1 {
	background-image: url(../images/header_image1.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 100%;
}
#logo {
	background-image: url(../images/bg_logo.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 100%;
}

#header-img1 a,#logo a {
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
	overflow: hidden;
}
#header-img1 a:hover,#logo a:hover {
	position: relative;
	left: 0px;
	top: 0px;
}
#header-img1 a:hover img,#logo a:hover img {
  position: relative;
  top: -200px;
  left: 0px;
}

#header-img2 {
	background-image: url(../images/header_image2.jpg);
	background-repeat: no-repeat;
	height: 109px;
	width: 100%;
}

#header-img3 {
	background-image: url(../images/header_image3.jpg);
	background-repeat: no-repeat;
	height: 136px;
	width: 100%;
}
#header-img3 .in {
	padding-top: 71px;
	padding-left: 659px;
}
#header-img3 .in a {
	display:block;
	width:218px;
	height:43px;
	text-decoration:none;
	overflow: hidden;
}
#header-img3 a:hover {
  position: relative;
  top: 0px;
  left: 0px;
}
#header-img3 a:hover img {
  position: relative;
  top: -200px;
  left: 0px;
}

/***  ナビ  ***/
#navi-box {
	width: 900px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	height: 52px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#navi ul{
	width: 100%;
}
#navi li {
	list-style-type: none;
	float: left;
}
#navi li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	height: 52px;
}

#navi li#navi1 {
	width: 92px;
}
#navi li#navi2 {
	width: 95px;
}
#navi li#navi3 {
	width: 138px;
}
#navi li#navi4 {
	width: 105px;
}
#navi li#navi5 {
	width: 122px;
}
#navi li#navi6 {
	width: 105px;
}
#navi li#navi7 {
	width: 106px;
}
#navi li#navi8 {
	width: 137px;
}

#navi li a:hover {
	position: relative;
	left: 0px;
	top: 0px;
}

#navi li a:hover img {
  position: relative;
  top: -100px;
}

/***  サイドページメニュー  ***/
#smenu {
	width: 250px;
	background-image: url(../images/bg_information.jpg);
	background-repeat: no-repeat;
	height: 222px;
	padding: 0px;
	background-position: 0px 41px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#smenu ul{
	width: 100%;
}
#smenu li {
	list-style-type: none;
	display: inline;
}
#smenu li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	height: 42px;
	width: 250px;
}

#smenu li a:hover {
	position: relative;
	left: 0px;
	top: 0px;
}

#smenu li a:hover img {
  position: relative;
  top: -100px;
}

/* フッター */

#footer {
	width: 100%;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 75px;
}
.footer-navi {
	width: 100%;
	text-align: center;
	padding: 5px 3px;
}
.footer-navi a,
.footer-navi a:link,
.footer-navi a:visited,
.footer-navi a:active {
	color: #34251D;
	text-decoration: none;
}
.footer-navi a:hover {
	color: #CCBBB0;
}

#produced-by {
	font-size: 10px;
	line-height: normal;
	padding-top: 28px;
	margin-left: 5px;
}
#produced-by a {
	display: block;
	float: left;
	padding: 1px;
	text-decoration: none;
}
#produced-by a:link,
#produced-by a:visited {
	color: #A68E6F;
	border: 1px solid #A68E6F;
}
#produced-by a:active,
#produced-by a:hover {
	color: #CCBBB0;
	border: 1px solid #CCBBB0;
}
#footer-summary {
	font-size: 10px;
	color: #A68E6F;
	text-align: center;
}
#footer-summary a,
#footer-summary a:link,
#footer-summary a:visited,
#footer-summary a:active {
	color: #A68E6F;
	text-decoration: none;
}
#footer-summary a:hover {
	color: #CCBBB0;
	position: relative;
	left: 1px;
	top: 1px;
}


/*** 半透明ボタン ***/
a:hover img.alfa {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


/* ボックス  ---------------------------------------------------------------- */
.box1-1 {
	border: 1px solid #34251D;
	padding: 5px;
	background-color: #FFFFFF;
}
.box1-2 {
	border: 1px solid #34251D;
}
.box1-3 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #34251D;
	border-bottom-color: #34251D;
	border-left-color: #34251D;
}
.innerbox {
	width: 232px;
	margin-right: 8px;
	margin-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.box2 {
	background-color: #CCBBB1;
	border: 5px solid #594B42;
}
/*\*/
* html .box2 {
    height: 1em;
    overflow: visible;
}
/**/

/* 余白  ---------------------------------------------------------------- */
.in-top20 {
	margin-top: 20px;
}
.in-top10 {
	margin-top: 10px;
}
.in-top8p {
	padding-top: 8px;
}
.in-top5 {
	margin-top: 5px;
}
.in-tb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.in-left10 {
	margin-left: 10px;
}
.in-left15 {
	margin-left: 15px;
}
.in-left30 {
	margin-left: 30px;
}
.in-left20 {
	margin-left: 20px;
}

.in-left8 {
	margin-left: 8px;
}
.in-left5 {
	margin-left: 5px;
}
.in-t10l30 {
	margin-top: 10px;
	margin-left: 30px;
}
.in-tl10 {
	margin-top: 10px;
	margin-left: 10px;
}
.in5 {
	margin: 5px;
}
.in20 {
	margin: 20px;
}



/* フォント  ---------------------------------------------------------------- */
.font_p {
	color: #A31B36;
}
.font_pb {
	color: #A31B36;
	font-weight: bold;
}
.font_pbb {
	color: #A31B36;
	font-weight: bold;
	font-size: 1.1em;
}
.font_br {
	color: #645A4B;
}
.font_brbb {
	color: #645A4B;
	font-weight: bold;
	font-size: 1.1em;
}
.font_bgb {
	color: #008397;
	font-weight: bold;
}
.font_s {
	font-size: 0.8em;
}


/* float  ---------------------------------------------------------------- */
.float-left {
	float: left;
}
.float-left10 {
	float: left;
	margin-left: 10px;
}
.float-l400 {
	float: left;
	margin-left: 10px;
	width: 400px;
}
.float-left8r {
	float: left;
	margin-right: 8px;
}
.float-r {
	float: right;
}

/* clear  ---------------------------------------------------------------- */
#beta:after,
#content:after,
#navi:after,
#produced-by:after,
.box2:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	overflow: hidden;
}

.clear {
	clear: both;
}
.clear2 {
   content : "";  
   display : block;  
   visibility: hidden;  
   height : 0.1px;  
   clear : both;  
	font-size: 0;
	line-height: 0;
}

.uline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #34251D;
	padding-bottom: 5px;
}

.title-q {
	font-weight: bold;
	color: #34251D;
	background-image: url(../images/faq/qestion.gif);
	background-repeat: no-repeat;
	background-color: #CCBBB0;
	background-position: 3px 3px;
	height: 37px;
	font-size: 120%;
	padding-left: 37px;
}
.title1 {
	background-image: url(../images/bg_title1.jpg);
	background-repeat: repeat-x;
	height: 26px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 120%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #34251D;
}
.title3 {
	font-weight: bold;
	background-color: #C4DCFB;
	height: 32px;
	font-size: 120%;
	border: 1px solid #999999;
}

/***  テーブル  ***/
table.ta1 {
	border-collapse: collapse;
	width: 400px;
	margin-top: 1px;
	line-height: normal;
}
table.ta2 {
	border-collapse: collapse;
	width: 550px;
	line-height: normal;
	margin-left: auto;
	margin-right: auto;
}
th.t1,td.t1 {
	padding: 3px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #65594B;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #65594B;
}
th.t2,td.t2 {
	padding: 3px;
	background-color: #CCBBB0;
	vertical-align: top;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #65594B;
	border-bottom-color: #65594B;
}
th.borles,td.borles {
	padding: 3px;
	vertical-align: top;
}
td.t3 {
	padding: 4px;
}
td.t4 {
	padding: 5px;
	border: 1px solid #FF7777;
}
.ind_1em {
	padding-left: 1em;
}
.ind_b1em {
	text-indent: -1em;
	padding-left: 1em;
}

.bg_flower {
	background-image: url(../images/bg_flower.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: visible;
}

/***  トップコースメニュー  ***/
#top-menu1 {
	background-image: url(../images/c_facial.jpg);
	background-repeat: no-repeat;
	height: 136px;
	width: 587px;
}
#top-menu2 {
	background-image: url(../images/c_body.jpg);
	background-repeat: no-repeat;
	height: 136px;
	width: 587px;
	margin-top: 15px;
}
#top-menu3 {
	background-image: url(../images/c_massage.jpg);
	background-repeat: no-repeat;
	height: 136px;
	width: 587px;
	margin-top: 15px;
}
#top-menu4 {
	background-image: url(../images/c_skincare.jpg);
	background-repeat: no-repeat;
	height: 136px;
	width: 587px;
	margin-top: 15px;
}
#top-menu5 {
	background-image: url(../images/c_school.jpg);
	background-repeat: no-repeat;
	height: 136px;
	width: 587px;
	margin-top: 15px;
}
#top-menu1 .in, #top-menu2 .in, #top-menu3 .in, #top-menu4 .in, #top-menu5 .in {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 227px;
	line-height: 1.2em;
	position: relative;
	padding-top: 43px;
}
#top-menu1 .in a, #top-menu2 .in a, #top-menu3 .in a, #top-menu4 .in a, #top-menu5 .in a {
	display: block;
	width: 182px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#top-menu1 .in a {
	background-image: url(../images/b_facial_f2.jpg);
	background-repeat: no-repeat;
}
#top-menu2 .in a {
	background-image: url(../images/b_body_f2.jpg);
	background-repeat: no-repeat;
}
#top-menu3 .in a {
	background-image: url(../images/b_massage_f2.jpg);
	background-repeat: no-repeat;
}
#top-menu4 .in a {
	background-image: url(../images/b_skincare_f2.jpg);
	background-repeat: no-repeat;
}
#top-menu5 .in a {
	background-image: url(../images/b_school_f2.jpg);
	background-repeat: no-repeat;
}

#top-menu1 .in a:hover, #top-menu2 .in a:hover, #top-menu3 .in a:hover, #top-menu4 .in a:hover, #top-menu5 .in a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

#top-menu1 .in a:hover img, #top-menu2 .in a:hover img, #top-menu3 .in a:hover img, #top-menu4 .in a:hover img, #top-menu5 .in a:hover img {
  position: relative;
  top: -100px;
}

a.totop {
	display: block;
	padding: 1px;
	text-decoration: none;
	font-size: 10px;
	line-height: normal;
	color: #ffffff;
	background-color: #A68E6F;
	float: right;
}
a.totop:link, a.totop:visited {
	color: #FFFFFF;
	background-color: #A68E6F;
}
a.totop:hover {
	color: #FFFFFF;
	background-color: #CCBBB0;
}