@charset "UTF-8";

/* ---------------------------------------------------------------- 
 *  PRODUCTS : DETAILS
 * ---------------------------------------------------------------- 
*/ 

/*
#
10px = 77%     11px = 85%     12px = 93%     13px = 100%
#
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
#
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
#
22px = 167%    23px = 174%    24px = 182%    25px = 189%
#
26px = 197%
*/ 



/* ---------------------------------------------------------------- 
 *  WRAP
 * ---------------------------------------------------------------- 
*/ 

#products_Lotion_Wrap{
	width:660px;
	background:#FFFFFF url(../lotion/images/products_bg_lotion.jpg) no-repeat 0px 115px;
}

#products_Essence_Wrap{
	width:660px;
	background:#FFFFFF url(../essence/images/products_bg_essence.jpg) no-repeat 0px 115px;
}

#products_Cream_Wrap{
	width:660px;
	background:#FFFFFF url(../cream/images/products_bg_cream.jpg) no-repeat 0px 115px;
}


#products_Remover_Wrap{
	width:660px;
	background:#FFFFFF url(../remover/images/products_bg_remover.jpg) no-repeat 0px 115px;
}

#products_Wash_Wrap{
	width:660px;
	background:#FFFFFF url(../wash/images/products_bg_wash.jpg) no-repeat 0px 115px;
}

#products_UV_Wrap{
	width:660px;
	background:#FFFFFF url(../uv/images/products_bg_uv.jpg) no-repeat 0px 115px;
}



/* ---------------------------------------------------------------- 
 *  PHOTO
 * ---------------------------------------------------------------- 
*/ 
#products_Photo{
	width:160px;
	float:left;
	position:relative;
	
}

/* ---------------------------------------------------------------- 
 *  INFORMATION
 * ---------------------------------------------------------------- 
*/ 

#lotion_Info_Wrap{
	width:500px;
	float:left;
	padding-top:57px;
	
	background:url(../lotion/images/products_catch_lotion-trans.png) no-repeat left top;
}

#essence_Info_Wrap{
	width:500px;
	float:left;
	padding-top:57px;
	
	background:url(../essence/images/products_catch_essence-trans.png) no-repeat left top;
}

#cream_Info_Wrap{
	width:500px;
	float:left;
	padding-top:57px;
	
	background:url(../cream/images/products_catch_cream-trans.png) no-repeat left top;
}

#remover_Info_Wrap{
	width:500px;
	float:left;
	padding-top:57px;
	
	background:url(../remover/images/products_catch_remover-trans.png) no-repeat left top;
}

#wash_Info_Wrap{
	width:500px;
	float:left;
	padding-top:77px;
	
	background:url(../wash/images/products_catch_wash-trans.png) no-repeat left top;
}

#uv_Info_Wrap{
	width:500px;
	float:left;
	padding-top:57px;
	
	background:url(../uv/images/products_catch_uv-trans.png) no-repeat left top;
}


#products_Info{
	padding-left:25px;
}

#products_Info #spec{
	padding-bottom:15px;
}
#products_Info #howto{
	padding-bottom:5px;
}

#products_Info p{
	font-size:108%;
	line-height:167%;
	color:#56578d;
	text-align:justify;
}

#products_Info p#spec_Lead,
#products_Info p#howto_Lead {
	padding-bottom:30px;
}


#products_Info p#howto_cap{
	padding-bottom:30px;
}

/* Exchange Link
_______________________________________ */
p#exchange{
	font-size:93%;
	margin-top:5px;
	text-indent:8px;
	margin-bottom:35px;
	
	background:url(../images/specification_bg_arrow.gif) no-repeat left 3px;
}


/* Sub Spec
_______________________________________ */
#sub_Spec{
	width:475px;
	position:relative;
	padding-bottom:30px;
	height:42px;
}

#icon_Use{
	width:315px;
	float:left;
	position:relative;
	
	padding-top:9px;
}

#btn_Buy{
	width:160px;
	float:left;
	position:relative;
}


/* Extrct Link
_______________________________________ */
#Specification_Area_1{
	width:475px;
	position:relative;
	padding-bottom:25px;
}
#Specification_Area_1 p{
	font-size:108%;
	line-height:108%;
	text-indent:8px;
	
	background:#fff url(../images/specification_bg_arrow.gif) no-repeat left 4px;
}


/* Link Setting
_______________________________________ */
#products_Info a:link, #products_Info a:visited {
	color: #d578a9;
	text-decoration: none;
}
#products_Info a:hover {
	color: #e6afcc;
	text-decoration: underline;
}
#products_Info a:active {
	color: #e6afcc;
	text-decoration: underline;
}

/* ---------------------------------------------------------------- 
 *  SPECIAL CARE
 * ---------------------------------------------------------------- 
*/ 
div.sp_Bg_Upper{
	background:url(../images/specialcare_bg_upper.gif) no-repeat left top;
	padding-top:15px;
	
	margin-bottom:8px;
}

div.sp_Bg_Middle{
	background:url(../images/specialcare_bg_middle.gif) repeat-y left top;
	padding:0px 20px 0px 25px;
	height:100%;
}

div.sp_Bg_Lower{
	background:url(../images/specialcare_bg_lower.gif) no-repeat left bottom;
	padding-bottom:15px;
}



div.spcare{
	width:430px;
	height:100%;
	position:relative;
}

div.spcare h5{
	padding-bottom:18px;
}

div.special_Text{
	width:283px;
	float:left;
	position:relative;
}

div.special_Figure{
	width:147px;
	float:right;
	position:relative;
	
	text-align:right;
	padding-bottom:24px;
}

div.special_Text h6{
	padding-bottom:10px;
}

div.spcare p.special_Lead{
	font-size:108%;
	line-height:167%;
	color:#56578d;
	text-align:justify;
	
	padding-bottom:18px;
}

div.spcare p.special_Cap_Top{
	font-size:93%;
	line-height:146.5%;
	color:#56578d;
	text-align:justify;
	
	background:url(../images/specialcare_hr.gif) no-repeat top;	
	padding-top:15px;
	padding-bottom:15px;
}

div.spcare p.special_Cap{
	font-size:93%;
	line-height:146.5%;
	color:#56578d;
	text-align:justify;
	
	padding-bottom:15px;
}

div.spcare div.other_fig{
	padding:10px 0px 10px 0px;
}

div.spcare h5#uv_head{
	font-size:123.1%;
	line-height:138.5%;
	color:#f88888;
	text-align:justify;
	font-weight:bold;
	
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #f7e0e3;
	margin-bottom:10px;
}

div.spcare p.uv_lead{
	font-size:108%;
	line-height:167%;
	color:#56578d;
	text-align:justify;
	
	padding-bottom:13px;
}


/* ---------------------------------------------------------------- 
 *  INGREDIENTS
 * ---------------------------------------------------------------- 
*/ 

div.ing_Bg_Upper{
	background:url(../images/ingredients_bg_upper.gif) no-repeat left top;
	padding-top:15px;
	
	margin-bottom:8px;
}

div.ing_Bg_Middle{
	background:url(../images/ingredients_bg_middle.gif) repeat-y left top;
	padding:15px 25px 15px 25px;
}

div.ing_Bg_Lower{
	background:url(../images/ingredients_bg_lower.gif) no-repeat left bottom;
	padding-bottom:15px;
}

#ingredients h5{
	padding-bottom:15px;
}

#ingredients p.ingredients_Lead{
	font-size:100%;
	line-height:161.6%;
	color:#494572;
}

/* ---------------------------------------------------------------- 
 *  COMPONENT
 * ---------------------------------------------------------------- 
*/ 
#component_Wrap{
	padding-bottom:50px;
}

#component_Wrap ul {
	width:475px;
	float:left;
	position:relative;
}

#component_Wrap ul li{
	display:inline;
}

ul#component_List_1{
	
	padding-bottom:7px;
}

li#c_list_1,
li#c_list_2,
li#c_list_4,
li#c_list_5 {
	margin-right:8px;
}

/* ---------------------------------------------------------------- 
 *  3STEP
 * ---------------------------------------------------------------- 
*/ 
#simple3step_Wrap{
	width:660px;
	position:relative;
}

#simple3step_Wrap h3{
	padding-bottom:30px;
}

#simple3step_Wrap p{
	font-size:108%;
	line-height:182%;
	color:#56578d;
	
	padding-bottom:25px;
}


ul#simple3step_figure{
	width:660px;
	height:314px;
	float:left;
	background-color:#3333CC;
}

ul#simple3step_figure li{
	display:inline;
}

#Specification_Area_2{
	padding-top:20px;
}



/* ---------------------------------------------------------------- 
 *  What's SPA
 * ---------------------------------------------------------------- 
*/ 
div#whats_SPA{
	width:660px;
	position:relative;
}

div#whats_SPA h3{
	text-align:center;
	padding:15px 0px 10px 0px;
	background-color:#ffb69c;
}

div#spa_Lead{
	border:solid 1px #ffb69c;
}

div#spa_Lead p{
	font-size:108%;
	line-height:182%;
	color:#db5728;
	text-align:justify;
	
	padding:20px 30px 20px 30px;
}








.Specification_Area_1 {
	width:475px;
	position:relative;
	padding-bottom:25px;
}