@charset "UTF-8";

/* ---------------------------------------------------------------- 
 *  TOP PAGE
 * ---------------------------------------------------------------- 
*/ 

/*
#
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%
*/ 



/* ---------------------------------------------------------------- 
 *  STORE LINE UP
 * ---------------------------------------------------------------- 
*/ 

div#st_Banner_Wrap{
	width:960px;
	margin-top:20px;
}


h3#hm{
	margin-top:65px;
}
div.goods_Column_Wrap{
	width:960px;
	height:342px;
	position:relative;
	
	margin-top:34px;

}

div#lotion{
	background:url(../images/store_bg_lotion.jpg) no-repeat left top;
}

div#essence{
	background:url(../images/store_bg_essence.jpg) no-repeat left top;
}

div#cream{
	background:url(../images/store_bg_cream.jpg) no-repeat left top;
}

div#remover{
	background:url(../images/store_bg_remover.jpg) no-repeat left top;
}

div#wash{
	background:url(../images/store_bg_wash.jpg) no-repeat left top;
}

div#uv{
	background:url(../images/store_bg_uv.jpg) no-repeat left top;
}

div.goods_Wrap{
	width:320px;
	float:left;
	position:relative;
}

div.photo_Wrap{
	width:107px;
	float:left;
	position:relative;
}

div.spec_Wrap{
	width:213px;
	float:left;
	position:relative;
}

div#cream div.photo_Wrap,
div#uv div.photo_Wrap{
	width:120px;
}

div#cream div.spec_Wrap,
div#uv div.spec_Wrap{
	width:200px;
}

div.spec{
	padding-top:50px;
	padding-bottom:35px;
}


/* Form Parts
---------------------------------------*/
div.form_input{
	width:160px;
	position:relative;
	
	padding-top:10px;
	padding-bottom:5px;
}

div.form_input div.left{
	width:57px;
	float:left;
	position:relative;
	
	padding-top:5px;
}

div.form_input div.right{
	width:103px;
	float:left;
	position:relative;
}

div.form_input div.right input{
	width:28px;
}


div.details_btn{
	padding-top:10px;
}

/* ---------------------------------------------------------------- 
 *  TRIAL BANNER
 * ---------------------------------------------------------------- 
*/ 

div#trial{
	width:960px;
	position:relative;
	
	padding-top:18px;
	padding-bottom:0px;
}

div#trial_Catch{
	position:absolute;
	top:0px;
	left:-9px;
	
	z-index:1;
}

div#trial div.form_btn{	
	position:absolute;
	top:221px;
	left:806px;
	
	z-index:2;
}


/* ---------------------------------------------------------------- 
 *  ONLINE EXCLUSIVE SET
 * ---------------------------------------------------------------- 
*/ 

h3#ex{
	margin-top: -15px;
}

div.exset_Bg_Upper{
	background:url(../images/exset_bg_upper.gif) no-repeat left top;
	padding-top:2px;
	
	margin-bottom:47px;
}

div.exset_Bg_Middle{
	background:url(../images/exset_bg_middle.gif) repeat-y left top;
	height:100%;
}

div.exset_Bg_Lower{
	background:url(../images/exset_bg_lower.gif) no-repeat left bottom;
	padding-bottom:2px;
}

div.exset_Wrap{
	width:900px;
	position:relative;
	
	padding:20px 30px 0px 30px;
	background:url(../images/exset_bg_main.gif) no-repeat left bottom;
}

div#best_Selling{
	position:absolute;
	top:-21px;
	right:-30px;
	
	z-index:1;
}

div.exset_Photo{
	width:313px;
	float:left;
	position:relative;
}

div.exset_Txt{
	width:587px;
	height:100%;
	float:left;
	position:relative;
}

div.exset_Txt h4{
	padding-top:12px;
	padding-bottom:16px;
}

p.exset_lead{
	font-size:108%;
	line-height:167%;
	color:#687f8b;
	text-align:justify;
	position:relative;
	padding-bottom:14px;
	
	min-height:140px;
	height: auto !important;
	height: 140px;
}

div.exset_spec{
	width:587px;
	position:relative;
}

div.exset_spec div.form_btn{
	position:absolute;
	top:35px;
	left:440px;
	
}
.localnavi {
	margin-bottom: 35px;
	height: 42px;
	background-image: url(../campaign/images/bg_localnavi.gif);
	background-repeat: repeat-x;
}
.localnavi strong {
	padding-right: 22px;
}
.localnavi a {
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 29px;
}
#anti_aging, #adult_ance, #dry_skin {
	display: block;
	margin-bottom: 10px;
}
.how_much_off {
	display: block;
	position: absolute;
	left: 415px;
	top: -35px;
}

