@charset "UTF-8";
/* -------------------------
ベース
------------------------- */
html {
    height:100%;
}
body {
    height:100%;
	color: #533c10;
	background-color: #fef8f8;
	font-size: 80%;
	line-height: 1.6;
}
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
hr {
	display: none;
}
div#container{
    min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 903px;
    margin:0px auto;
    position:relative;
	background-color: #FFFFFF;
	border-right: 1px solid #f4dfd8;
	border-left: 1px solid #f4dfd8;
}
body > #container {
    height: auto;
}
div#main {
	padding-bottom:120px;
}
/* -------------------------
リンクスタイル
------------------------- */
a img {
	border-style: none;
}
a:link {
	color: #b32b29;
	text-decoration: none;
}
a:visited {
	color: #e9716a;
	text-decoration: none;
}
a:hover {
    color: #b32b29;
	text-decoration: underline;
}
a:active {
	color: #FFFFFF;
	background-color: #e9716a;
	text-decoration: none;
	left: 1px;
	top: 1px;
}
/* -------------------------
文字
------------------------- */
h1 {
	font-size: 80%;
	line-height: 1.4em;
	font-weight: normal;
}
h2 {
	color: #b32b29;
	font-size: 115%;
	display: inline;
}
h3 {
	color: #333333;
	font-size: 110%;
	display: inline;
}
h4 {
	color: #7baf40;
	font-size: 105%;
	display: inline;
}
h5 {
	color: #608a40;
	font-size: 105%;
	display: inline;
}
em {color: #b32b29}
strong {
	font-size: 105%;
	color: #b32b29;
}
/* -------------------------
ヘッダー
------------------------- */
#header {
	width: 903px;
	margin: 0px;
	padding: 0px;
	height: 146px;
	position: absolute;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.head {
	width: 588px;
	float: left;
	padding-top: 10px;
	padding-left: 140px;
	margin: 0px;
	height: 94px;
}
#header #res {
	margin-top: 10px;
}
#header #cal {
	margin-top: 3px;
}
#header ul#navi {
    list-style:none;
	width: 903px;
	position: absolute;
	left: 0px;
	top: 94px;
}
#header ul#navi li {
    list-style:none;
	float:left;
	width: 129px;
}
#header ul#navi a {
    text-indent: -9999em;
    display: block;
	text-decoration: none;
    width: 129px;
    height: 42px;
	overflow: hidden;
	background-image: url(images/headnavi.jpg);
}
#navi #home a { background-position: 0 0px; }
#navi #salon a { background-position: -129px 0px; }
#navi #access a { background-position: -258px 0px; }
#navi #price a { background-position: -387px 0px; }
#navi #trial a { background-position: -516px 0px; }
#navi #recruit a { background-position: -645px 0px; }
#navi #contact a { background-position: -774px 0px; }
#navi #home a:hover { background-position: 0 -42px; }
#navi #salon a:hover { background-position: -129px -42px; }
#navi #access a:hover { background-position: -258px -42px; }
#navi #price a:hover { background-position: -387px -42px; }
#navi #trial a:hover { background-position: -516px -42px; }
#navi #recruit a:hover { background-position: -645px -42px; }
#navi #contact a:hover { background-position: -774px -42px; }
/* -------------------------
メイン
------------------------- */
#wrapper {
	padding-top: 156px;
}
#peeling_wrapper {
	padding-top: 156px;
	padding-left: 30px;
}
#leftmenu {
	width: 169px;
	margin-right: 0px;
	position: absolute;
	margin-left: 15px;
}
.menu #fa a { background-image: url(images/menu1.gif); }
.menu #bo a { background-image: url(images/menu2.gif); }
.menu #br a { background-image: url(images/menu3.gif); }
.menu #gi a { background-image: url(images/menu4.gif); }
.menu #et a { background-image: url(images/menu5.gif); }
.menu ul {
	margin: 0px;
	padding: 0px;
}
.menu li {
	list-style-type: none;
}
.menu li a {
	display: block;
	width: 169px;
	line-height: 50px;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden;
}
.menu li a:hover {
    background-position: 0px -50px;
}
.submenu #ma a { background-image: url(facial/images/menu_1.gif); }
.submenu #pa a { background-image: url(facial/images/menu_2.gif); }
.submenu #be a { background-image: url(facial/images/menu_3.gif); }
.submenu #co a { background-image: url(facial/images/menu_4.gif); }
.submenu ul {
	margin: 0px;
	padding: 0px;
}
.submenu li {
	list-style-type: none;
}
.submenu li a {
	display: block;
	width: 169px;
	line-height: 40px;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden;
}
.submenu li a:hover {
    background-position: 0px -40px;
}
.blogmenu #in a { background-image: url(images/blog_botton_in.jpg); }
.blogmenu #vo a { background-image: url(images/blog_botton_vo.jpg); }
.blogmenu #men a { background-image: url(images/blog_botton_men.jpg); }
.blogmenu ul {
	margin: 0px;
	padding: 0px;
}
.blogmenu li {
	list-style-type: none;
	margin-top: 5px;
}
.blogmenu li a {
	display: block;
	width: 169px;
	line-height: 80px;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden;
}
.blogmenu li a:hover {
    background-position: 0px -80px;
}
/* -------------------------
TOPの新着情報
------------------------- */
#topics {
	margin: 10px 0px 30px 5px;
	line-height: 1.8;
	width: 420px;
	float: left;
}
#topics dl {
	padding: 5px 5px 0px;
	margin-top: 2px;
}
#topics dt {
	line-height: 24px;
	padding-left: 20px;
	background-image: url(images/t_kei_n.gif);
}
#topics dd {
	line-height: 24px;
	padding-left: 20px;
	background-image: url(images/t_kei.gif);
}
#bottom {
	padding-bottom: 20px;
}
#info {
	margin: 10px 0px 20px 6px;
	margin-left : auto ;
	width: 250px;
}
#info .ilink {
	padding-top: 5px;
}

#topics a { background-image:url(images/topics_title.jpg); }

#topics a {
	display: block;
	width: 420px;
	height:165px;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden;
}
#topics a:hover {
    background-position: 0px -165px;
}



.yoyaku #form a { background-image: url(images/yoyaku_form.gif); }
.yoyaku #cal a { background-image: url(images/yoyaku_cal.gif); }
.yoyaku ul {
	margin: 0px;
	padding: 0px;
}
.yoyaku li {
	list-style-type: none;
	margin-top: 5px;
}
.yoyaku li a {
	display: block;
	width: 250px;
	line-height: 80px;
	text-indent: -9999em;
	text-decoration: none;
	overflow: hidden;
}
.yoyaku li a:hover {
    background-position: 0px -80px;
}
/* -------------------------
コンテンツ
------------------------- */
#content {
	padding: 0px 0px 15px;
	width: 686px;
	margin-left: 199px;
}
#content #menimg {
	margin-left: 6px;
}
table.waku {
	width: 100%;
	padding: 20px 10px;
}
.waku td.wa {
	padding: 5px;
}
.waku th.red {
	background-color: #ec7972;
	color: #FFFFFF;
	padding: 10px;
}
table.gift {
	width: 100%;
	background-color: #FEF9F0;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px;
}
table.hyo {
	width: 100%;
	border-top: 1px solid #e9716a;
	border-left: 1px solid #e9716a;
	border-collapse: collapse;
	margin-bottom: 15px;
}
.hyo th {
	background-color: #fbe3e1;
	color: #b32b29;
	font-size: 95%;
	padding: 10px;
	border-right: 1px solid #e9716a;
	border-bottom: 1px solid #e9716a;
}
.hyo td {
	padding-left: 20px;
	padding: 10px;
	border-right: 1px solid #e9716a;
	border-bottom: 1px solid #e9716a;
}
.hyo th.ue {
	background-color: #ec7972;
	color: #FFFFFF;
}
.hyo td.cen {
	color: #333333;
	text-align: center;
}
#ene_ue {
	line-height: 2em;
	width: 97%;
}
.pr {
	background-color: #fcefef;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
td.mi {
	font-size: 90%;
}
td.sumi {
	font-size: 90%;
	color: #333333;
	text-align: right;
	vertical-align: top;
	line-height: 1.6em;
}
#pagetop {
	float: right;
}
/* -------------------------
メンズ
------------------------- */
table.mentitle {
	width: 100%;
	background-color: #e5ead4;
	border-collapse: collapse;
	color: #333333;
}
.mentitle td {
	padding-left: 5px;
	padding: 8px;
}
table.menmid {
	width: 100%;
	background-color: #608a40;
	border-collapse: collapse;
	color: #FFFFFF;
}
.menmid td {
	padding: 3px 6px;
}
table.menbox {
	width: 100%;
	border-collapse: collapse;
	font-size: 95%;
	color: #333333;
}
.menbox td {
	padding: 1px;
	line-height: 1.3;
}
.menbox td.com {
	padding: 10px;
	font-size: 100%;
	line-height: 1.6;
}
.menbox td.att {
	padding: 15px 10px 20px 30px;
	font-size: 100%;
	line-height: 1.5;
}
table.menbox2 {
	width: 100%;
	border-collapse: collapse;
	font-size: 95%;
	color: #333333;
}
.menbox2 td {
	padding: 3px;
	line-height: 1.3;
	vertical-align: top;
}
/* -------------------------
フッター
------------------------- */
#footer{
	position:absolute;
	bottom:0px;
	height:80px;
	width:100%;
	font-size: 80%;
	background-color: #e9716a;
	color: #FFFFFF;
}
#footlink {
	background-color: #FFFFFF;
	font-size: 120%;
	color: #777777;
	text-align: center;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}
#foot {
	margin-top: 7px;
	float: left;
	margin-left: 10px;
	color: #f4dfd8;
}
#copy {
	margin-top: 7px;
	text-align: right;
	margin-right: 10px;
}

