@charset "UTF-8";
@import "/lib/cmn_css/component.css"; 

/* CSS Document */

/* H1,H2 head */
#contents .h1Head {
	background: url(/service/images/h_full_esthe_h1.gif) left top no-repeat;
	display: block;
	height: 29px;
	margin-bottom: 40px;
	width: 143px;
}

#contents .h1HeadIndex {
	background: url(/service/images/h_index_h1.gif) left top no-repeat;
	display: block;
	height: 36px;
	margin-bottom: 30px;
	width: 326px;
}

#contents .h1HeadDock {
	background: url(/service/images/h_dock_01.gif) left top no-repeat;
	display: block;
	height: 55px;
	margin: 18px 0 40px 0;
	width: 193px;
	float:left;
}

#contents .h2HeadDock {
	background: url(/service/images/h_dock_02.gif) left top no-repeat;
	display: block;
	height: 19px;
	margin-bottom: 8px;
	width: 237px;
}

#contents .h1HeadFood {
	background: url(/service/images/h_health_food.gif) left top no-repeat;
	display: block;
	height: 36px;
	width: 139px;
	margin-bottom: 30px;
}

#contents .h1HeadBeauty {
	background: url(/service/images/h_beauty_01.gif) left top no-repeat;
	display: block;
	height: 36px;
	margin-bottom: 30px;
	width: 374px;
}

#contents .h1HeadMake {
	background: url(/service/images/h_bodymake_01.gif) left top no-repeat;
	display: block;
	height: 57px;
	margin-bottom: 40px;
	width: 250px;
}

#contents .h1HeadCounseling {
	background: url(/service/images/h_counseling_01.gif) left top no-repeat;
	display: block;
	height: 57px;
	margin-bottom: 30px;
	width: 400px;
	float:left;
}

#contents h1 span,
#contents h2 span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}

/* index.html */

#contents div.svcIndexVi {
	background: url(/service/images/vi_ser_index.jpg) left top no-repeat;
	height:205px;
	margin-bottom:50px;
	padding:15px 0 10px;
	width: 600px;
}

#contents div.svcIndexViInr {
	margin-left:15px;
	width: 385px;
}

#contents div.svcIndexViInr p {
line-height:100%!important;
	padding:0!important;
}

#contents div.svcOrdLR {
	width: 385px;
}

#contents p.svcOrdL {
	float:left;
	margin-bottom:10px;
	width: 92px;
}

#contents div.svcOrdR {
	float:right;
	margin-bottom:10px;
	width: 117px;
}

#contents div.svcL {
	float: left;
	margin-right: 8px;
	width: 89px;
}

#contents div.svcR {
	float: left;
	width: 186px;
}

#contents table.serviceTable {
	width: 600px;
}

#contents table.serviceTable td {
	vertical-align: top;
}

#contents table.serviceTable td.svcBkL {
	background: url(/service/images/bg_service_table.gif) right bottom no-repeat;
	padding: 10px 0 30px 0;
	width: 52%;
}

#contents table.serviceTable td.svcBkR {
	background: url(/service/images/bg_service_table.gif) left bottom no-repeat;
	padding: 10px 0 30px 0;
	width: 48%;
}

#contents table.serviceTable td.svcBkLBtm {
	background: url(/service/images/bg_service_table_btm.gif) right bottom no-repeat;
	padding: 10px 0 20px 0;
	width: 52%;
}

#contents table.serviceTable td h2 {
	font-size: 0;
	line-height: 100%;
	margin-bottom: 10px;
}


/* dock.html */

#contents .h1Headdock {
	background: url(/service/images/h_dock_01.gif) left top no-repeat;
	display: block;
	height: 72px;
	margin-bottom: 30px;
	width: 470px;
}

#mainDock {
	float: left;
	padding-top: 87px;
	width: 600px;
}

#contents div.dockPrice{
	float:right;
	width:251px;
	height:73px;
	margin-right:126px;
}

#contents div.blockDock {
	clear: both;
	margin: 0 0 20px 0;
	width: 600px;
}

#contents div.dockBox {
	background: url(/service/images/bg_dock_box.gif) right bottom no-repeat;
	width: 600px;
}

#contents div.dockL {
	float: left;
	width: 278px;
}

#contents div.dockR {
	background: url(/service/images/bg_dock_box_top.gif) left top no-repeat;
	float: left;
	padding-top: 10px;
	width: 321px;
}

#contents div.dockRPack {
	margin-left: 10px;
	padding-bottom: 0px;
	width: 300px;
}

#contents div.dockPack p {
	padding: 0 !important;
}

#contents div.dockBox01 {
	background: url(/service/images/bg_dockbox01_btm.gif) left bottom no-repeat;
	padding-bottom: 30px;
	width: 278px;
}

#contents div.dockInner01 {
	background: url(/service/images/bg_dockbox01_top.gif) left top no-repeat;
	padding-top: 8px;
	width: 278px;
}

#contents div.dockBox02 {
	background: url(/service/images/bg_dockbox02_btm.gif) left bottom no-repeat;
	padding-bottom: 25px;
	width: 278px;
}

#contents div.dockInner02 {
	background: url(/service/images/bg_dockbox02_top.gif) left top no-repeat;
	padding-top: 8px;
	width: 278px;
}

#contents div.dockBox03 {
	background: url(/service/images/bg_dockbox02_btm2.gif) left bottom no-repeat;
	padding-bottom: 5px;
	width: 278px;
}

#contents div.dockPack {
	margin: 0 7px;
	width: 245px;
}

#contents p.squareIndent {
	color: #F26363;
	font-weight: bold;
	margin-bottom: 5px;
	text-indent: -19px;
	padding-left: 19px;
}


/* self_esthe */
#contents .h1HeadSelf {
	background: url(/service/images/h_selfesthe_01.gif) left top no-repeat;
	display: block;
	height: 72px;
	margin-bottom: 25px;
	width: 569px;
}

#contents .selfStep1 {
	background: url(/service/images/h_selfesthe_02.gif) left top no-repeat;
	display: block;
	height: 55px;
	margin-bottom: 10px;
	width: 595px;
}

#contents .selfStep2 {
	background: url(/service/images/h_selfesthe_03.gif) left top no-repeat;
	display: block;
	height: 50px;
	margin-bottom: 10px;
	width: 188px;
}

#contents .selfStep3 {
	background: url(/service/images/h_selfesthe_04.gif) left top no-repeat;
	display: block;
	height: 50px;
	margin-bottom: 10px;
	width: 188px;
}

#contents .selfStep4 {
	background: url(/service/images/h_selfesthe_05.gif) left top no-repeat;
	display: block;
	height: 50px;
	margin-bottom: 10px;
	width: 188px;
}

#contents .selfStep5 {
	background: url(/service/images/h_selfesthe_06.gif) left top no-repeat;
	display: block;
	height: 50px;
	margin-bottom: 10px;
	width: 188px;
}

#contents .selfStep6 {
	background: url(/service/images/h_selfesthe_07.gif) left top no-repeat;
	display: block;
	height: 50px;
	margin-bottom: 10px;
	width: 188px;
}

#contents #flaBlk {
	height: 374px;
	margin-bottom: 25px;
	width: 600px;
}

#contents div.grDotBlk {
background: url(/lib/cmn_img/bg_grdottline.gif) left bottom repeat-x;
padding-bottom:20px;
width:600px;
}

#contents div.steam01,
#contents div.steam01fst {
	background: url(/service/images/bg_steam01.gif) right top no-repeat;
	float: left;
	width: 206px;
}

#contents div.steam01 p,
#contents div.steam01fst p {
	display:block;
	width: 188px;
}

#contents div.steam01fst {
	background: url(/service/images/bg_steam01fst.gif) right top no-repeat;
}

#contents div.steam02 {
	float: right;
	width: 188px;
}

#contents div.steam03 {
	float: left;
	width: 188px;
}


#contents div.moreKnow {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	text-align: right;
	margin-bottom: 15px;
	padding: 20px 0;
	width: 600px;
}

#contents div.esthePhoto {
	float: left;
	margin-right: 16px;
	width: 215px;
}

#contents div.estheTxt {
	float: left;
	width: 364px;
}

#contents div.equip {
	text-align: right;
	margin: 100px 0 0 0;
}

#contents div.cccline {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
	padding: 0 0 20px 0;
}

#contents div.attStep01 {
	background: url(/service/images/bg_self_attstep01.gif) left bottom no-repeat;
	clear:both;
	padding-bottom:5px;
	width:600px;
}

#contents div.attStep01Inr {
	background: url(/service/images/bg_self_attstep01inr.jpg) left top no-repeat;
	padding:15px 0 30px;
	width:600px;
}

#contents div.attStep01txt {
	margin-left:150px;
	width:430px;
}

#contents div.attStep02 {
	background: url(/service/images/bg_self_attstep02.gif) left bottom no-repeat;
	clear:both;
	padding-bottom:5px;
	width:364px;
}

#contents div.attStep02Inr {
	background: url(/service/images/bg_self_attstep02inr.jpg) left top no-repeat;
	padding:12px 0 0;
	width:364px;
}

#contents div.attStep02txt {
	margin-left:120px;
	width:230px;
}

#contents div.attStep03 {
	background: url(/service/images/bg_self_attstep03.gif) left bottom no-repeat;
	clear:both;
	padding-bottom:5px;
	width:364px;
}

#contents div.attStep03Inr {
	background: url(/service/images/bg_self_attstep03inr.jpg) left top no-repeat;
	padding:12px 0 10px;
	width:364px;
}

#contents div.attStep03txt {
	margin-left:120px;
	width:230px;
}

#contents div.attStep01txt p,
#contents div.attStep02txt p,
#contents div.attStep03txt p {
	font-size:70%;
}


/* food.html */
#contents div.healthL {
	float: left;
	margin-right: 20px;
	width: 256px;
}

#contents div.healthR {
	float: right;
	width: 320px;
}

#contents div.blueBox {
	background: url(/service/images/bg_food_bluebox_mdl.gif) left top repeat-y;
	border-bottom: 1px solid #BEDCFF;
	margin-bottom: 20px;
	padding-bottom: 15px;
	width: 600px;
}

#contents div.blueBoxPack {
	background: url(/service/images/bg_food_bluebox_top.gif) left top no-repeat;
	padding-top: 15px;
	width: 600px;
}

#contents div.blueBoxInner {
	margin: 10px 0;
	padding-bottom: 12px;
	width: 600px;
}

#contents div.blueBoxPack h2 img {
	vertical-align: middle;
}

#contents div.blueBoxInner h2 {
	border-bottom: 1px solid #BEDCFF;
	clear: both;
	display: block;
	line-height: 100%;
	margin-bottom: 20px;
	width: 100%;
}

#contents div.blueBoxInner h2 img {
	margin: 0px 0 5px 8px;
}

#contents div.supportArray {
	float: left;
	text-align: center;
	margin-bottom: 5px;
	width: 140px;
}

#contents div.supportArray p span {
	display: block;
	margin: 8px 8px 0 8px;
	line-height: 140%;
	width: 124px;
}

#contents div.otherArray01 {
	float: left;
	width: 150px;
}

#contents div.otherArray02 {
	float: left;
	display: inline;
	margin: 0 20px;
	width: 240px;
}

#contents p.sleeveL {
	float: left;
	text-align: center;
	width: 115px;
}

#contents p.sleeveR {
	float: right;
	text-align: center;
	width: 115px;
}


#contents div.svcCompLR {
	width: 600px;
}

#contents div.svcinCompL {
	float:left;
	margin:10px 10px 0px 0px;
}

#contents div.svcinCompR {
	float:right;
	margin-top:10px;
}

#contents div.svcCompL {
	float:left;
	margin-bottom:30px;
	width: 260px;
}

#contents div.svcCompR {
	float:right;
	margin-bottom:30px;
	width: 320px;
}

#contents img.bm10 {
	margin-bottom:10px;
}

#contents img.lm10 {
	margin-left:10px;
}

#contents ul.chartUl {
	margin:40px 0 0 30px;
}

/* counseling */
#contents div.counselingPrice{
	float:right;
	width:37px;
	height:21px;
	margin:36px 220px 0 0;
}

/* bodymake */
#contents .logoBoxBtm ul.logoBox li{
	float:left;
	margin:10px 0px 10px 20px;
}

#contents .logoBoxBtm ul.logoBox li.logoBoxFirst{
	margin-left:24px;
}

#contents .logoBoxBtm ul.logoBox li.logoBoxLast{
	margin-right:20px;
}

#contents .logoTytle {
	background: url(/service/images/bodymake_logo.gif) left top no-repeat;
	display: block;
	height: 24px;
	width: 600px;
}

#contents .logoTytle span {
 	display:block;
 	text-indent:-9999px;
 	overflow:hidden;
}

#contents .logoBoxBtm{
	background: url(/service/images/bodymake_logo_btm.gif) left bottom no-repeat;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 600px;
}

.top20{
margin-top:20px;
}

/* upcoming */
#rightMenu ul#serviceMenu li#bodymakeUC, #rightMenu ul#serviceMenu li#bodymakeUC a {
	background-position: 0 -285px;
	height: 30px;
	width: 244px;
}

#rightMenu ul#serviceMenu li#foodUC, #rightMenu ul#serviceMenu li#foodUC a {
	background-position: 0 -315px;
	height: 40px;
	width: 244px;
}

#rightMenu ul#serviceMenu li#bodymakeUC a:hover,
#rightMenu ul#serviceMenu li#bodymakeUC a.current {
	background-position: -254px -285px;
	height: 30px;
	width: 244px;
}

#rightMenu ul#serviceMenu li#foodUC a:hover,
#rightMenu ul#serviceMenu li#foodUC a.current {
	background-position: -254px -315px;
	height: 40px;
	width: 244px;
}