@charset "utf-8";
/* CSS Document */
/*------------------------------------------
guidline:Ver2.1
since:2009/6/11
writer:Yo-sukeFujii
last_editday:2009/6/11
last_editor:Yo-sukeFujii
------------------------------------------*/

body {
	background-image: url(../../images/base/bg.jpg);
	background-repeat: repeat-x;
	background-color: #2a0000;
}
div#mainimg{
	text-indent: -9999px;
	background-image: url(../../images/facial/img_main.jpg);
	width: 876px;
	height: 167px;
	margin: 0;
}
div#navigation {
	width: 874px;
	height: 43px;
	padding: 0 1px;
	background-image: url(../../images/base/navi.jpg);
}
div#navigation ul {
	width: 875px;
	height: 43px;
	margin: 0 auto;
	margin: 0 -1px 0 0 ;
	list-style: none;
}
div#navigation ul li {
	width: 124px;
	height: 43px;
	float: left;
	margin: 0 1px 0 0 ;
	text-indent: -9999px;
}
div#navigation li a {
	width: 124px;
	height: 43px;
	display: block;
	background-image: url(../../images/base/navi.jpg);
}

li.navi_1 a:link, li.navi_1 a:visited { background-position: -1px  -43px; }
li.navi_2 a:link, li.navi_2 a:visited { background-position: -126px 0; }
li.navi_3 a:link, li.navi_3 a:visited { background-position: -251px -43px; }
li.navi_4 a:link, li.navi_4 a:visited { background-position: -376px -43px; }
li.navi_5 a:link, li.navi_5 a:visited { background-position: -501px -43px; }
li.navi_6 a:link, li.navi_6 a:visited { background-position: -626px -43px; }
li.navi_7 a:link, li.navi_7 a:visited { background-position: -751px -43px; }

li.navi_1 a:hover { background-position: -1px 0; }
li.navi_2 a:hover { background-position: -126px 0; }
li.navi_3 a:hover { background-position: -251px 0; }
li.navi_4 a:hover { background-position: -376px 0; }
li.navi_5 a:hover { background-position: -501px 0; }
li.navi_6 a:hover { background-position: -626px 0; }
li.navi_7 a:hover { background-position: -751px 0; }

div#inner-wrapper {
	width: 836px;
	height: auto;
	padding: 5px 10px 5px 30px;
	background-image: url(../../images/base/bg_01.jpg);
	background-repeat: repeat-y;
}

div#contents {
	width: 565px;
	float: left;
}
h2.aroma {
	background-image:url(../../images/facial/h3_1.jpg);
	width: 565px;
	height: 31px;
	text-indent: -9999px;
	margin: 0px auto 20px;
}
p.aroma {
	background-image:url(../../images/facial/img_text1.jpg);
	width: 565px;
	height: 39px;
	text-indent: -9999px;
	margin: 0px auto 10px;
}
div#cosme {
	width: 335px;
	height: 48px;
	padding: 30px 0 0 230px;
	background-image: url(../../images/facial/bg_cosme.jpg);
	margin: 0 auto 20px;
}
div#cosme ul {
	list-style: none;
}
div#cosme ul li {
	width: 150px;
	height: 40px;
	float: left;
	margin: 0 10px 0 0;
}

img.facial {
	width:565px;
	height:301px;
	display: block;
}
h2.sejyutu {
	background-image:url(../../images/facial/h2_1.jpg);
	width: 565px;
	height: 32px;
	text-indent: -9999px;
	margin: 10px auto;
}
div.step {
	width:545px;
	padding: 10px;
	height: auto;
	background-image: url(../../images/base/line_dot.jpg);
	background-repeat: repeat-x;
	background-position:bottom; 
	/*border-bottom: 1px #919191 dotted;*/
	margin: 0 0 10px;
}
div.step-entry {
	width: auto;
	font-size:12px;
	color: #000000;
	float: left;
}
div.step-entry p {
	line-height: 1.5;
}
div.step-entry h3 {
	font-weight: bold;
	font-size:14px;
	margin: 10px 0 10px 0;
}
img.stepimg {
	float: right;
}

div#step-end {
	width:565px;
	height: auto;
	margin: 0 0 10px;
	font-size: 12px;
}
div.end-entry {
	width:325px;
	float:left;
}
div.end-entry h3 {
	width:325px;
	border-bottom: #666666 1px solid;
	border-top: #666666 1px solid;
	padding:5px 10px;
	margin: 0 0 15px;
	font-size: 14px;
}
div.end-entry p {
	line-height:1.3;
	margin:10px;
}
div.end-entry h4 {
	font-weight:bold;
	font-size: 12px;
	margin:25px 10px 10px;
}
div.end-entry ul {
	margin:10px 25px;
}
div#step-end img {
	width: 190px;
	height: 190px;
	margin:0 10px 10px;
	float: right;
}


div#service {
	background-color: #CCCCCC;
	width:555px;
	padding: 5px;
	height: auto;
	margin: 0 0 10px;
	color: #000000;
	font-size: 12px;
}
div#service div.ser-entry {
	float: left;
	padding:5px;
}
div.ser-entry h3 {
	font-size:12px;
	font-weight: bold;
	margin: 0 0 5px;
}
div.ser-entry p.muryou {
	margin: 0 0 15px;
}
div#service img {
	float: right;
}

h2.price {
	background-image:url(../../images/facial/h2_2.jpg);
	width: 565px;
	height: 32px;
	text-indent: -9999px;
	margin: 10px auto;
}

img.price {
	display: block;
	margin: 0px auto;
}

h3.option-h3 {
	width: 545px;
	height: 27px;
	margin:10px auto;
	text-indent: 10px;
	line-height:2.2;
	font-weight: bold;
	background-image: url(../../images/base/obi_pink.jpg);
	font-size: 12px;
}
p.option-h3 {
	width: 545px;
	color: #000000;
	margin:10px auto;
	text-indent: 10px;
	font-size: 12px;
}
div.option-h4 {
	width: 525px;
	height: 15px;
	margin:10px auto;
	padding:2px 10px;
	line-height:1.3;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	font-size: 12px;
}
div.option-h4 h4 {
	font-weight: bold;
	float: left;
	font-size: 12px;
}
div.option-h4 span {
	float: right;
}
p.option-h4 {
	clear: both;
	width: 545px;
	color: #000000;
	margin:10px auto;
	padding: 0 20px;
	font-size: 12px;
	line-height: 1.5;
}

h2.detx {
	background-image:url(../../images/facial/h2_3.jpg);
	width: 565px;
	height: 32px;
	text-indent: -9999px;
	margin: 10px auto;
}
h3.detx {
	height: 21px;
	margin:0px auto 10px;
	padding:2px 10px;
	line-height:2;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	font-size: 12px;
}
div#germanium {
	width:555px;
	padding: 5px;
	height: auto;
	margin: 0 0 10px;
	color: #000000;
	font-size: 12px;
}
div#germanium img {
	float: right;
}
div.ger-entry {
	width: 392px;
	color: #000000;
	float: left;
}
div.ger-entry p {
	margin: 0 10px;
	line-height: 1.5;
	font-size:12px;
}
table.detx  {
	margin: 10px;
	border-collapse: collapse;
}
table.detx tr.geltime th, table.detx tr.geltime td {
	border-bottom: #919191 dotted 1px;
}
table.detx tr th {
	padding:5px 10px;
	text-align: left;
	background-image: url(../../images/base/timebg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
table.detx tr td {
	width: 80px;
	padding:5px 10px;
	text-align: right;
}
div#detx-six p {
	color: #000000;
	font-size: 12px;
	line-height: 1.5;
	padding: 0 10px;
}

div#detx-six p.det-syosai {
	padding: 10px 0 0 10px;
}

ul#menu_btn {
	width: 570px;
	height: 60px;
	list-style: none;
	margin-top: 0;
	margin-right: -5px;
	margin-bottom: 30px;
	margin-left: 0;
}
ul#menu_btn li {
	width: 280px;
	float: left;
	margin: 0 5px 0 0;
}