@charset "UTF-8";

@import "/lib/cmn_css/component.css";
@import "/products/css/products_comp.css";


#contents div.mv {
 background:url(/products/natural_make/images/vi_natural.jpg) top left no-repeat;
	margin-bottom: 10px;
	height: 60px;
 width: 780px;
}

#contents div.longBox {
	background: url(/products/basic/images/bg_cleansing_02.gif) left top repeat-y;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	width: 530px;
}

#contents div.pdBox {
	background: url(/products/natural_make/images/bg_natural_blue.gif) left top no-repeat;
	clear: both;
	padding: 22px 0 6px 0;
	width: 530px;
}

#contents div.pdInner {
	margin: 0 0 0 10px;
	width: 510px;
}

#contents div.pdL {
	float: left;
	margin-right: 10px;
	width: 155px;
}

#contents div.pdR {
	float: left;
	width: 340px;
}

#contents div.bsSepa {
	border-top: 1px solid #5DAECE;
	height: 22px;
	margin-bottom: 4px;
	padding-top: 8px;
	width: 340px;
}

#contents div.bsSepa p {
	float: right;
	line-height: 100%;
	padding-bottom: 0;
}

#contents div.bsSepa h2 {
	float: left;
	height: 22px;
}

#contents div.bsSepa p img {
	margin-right: 2px;
}

#contents h2.pdHead01 {
 background: url(/products/natural_make/images/h_natural_02.gif) top left no-repeat;
	width: 220px;
}

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

/* except IE7 */
html>/**/body h2 a span { 
	display:block;
}
/* except IE7 */

#contents .btmDott {
	background: url(/products/basic/images/bg_orange_dott.gif) left bottom repeat-x;
	margin-bottom: 15px;
	padding-bottom: 4px;
	width: 100%;
}

#contents .btmDott02 {
	background: url(/products/natural_make/images/bg_blue_dott.gif) left bottom repeat-x;
	margin-bottom: 3px;
	padding-bottom: 3px;
	width: 310px;
}

#contents p.night {
	background: url(/products/basic/images/icon_night.gif) right bottom no-repeat;
	padding: 8px 0 4px 0;
	width: 100%;
}

#contents div.codebox{
text-align:right;
margin-top:10px;
margin-right:5px;
}

#contents h3.clearHead {
	clear: both;
}

#contents div.useArea {
	background: url(/products/natural_make/images/bg_natural_blue_02.gif) left bottom no-repeat;
	margin-bottom: 30px;
	padding-bottom: 10px;
	width: 507px;
}

#contents div.clImage {
	float: left;
	display: inline;
	margin: 0 16px 0 10px;
	width: 158px;
}

#contents div.clRight {
	float: left;
	width: 310px;
}

#contents div.useL {
	float: left;
	margin-right: 13px;
	width: 50px;
}

#contents div.useR {
	float: left;
	width: 240px;
}

#contents div.useR p {
	padding-bottom: 0;
}

#contents h3.lineHd {
	border-bottom: 1px solid #8CBFD1;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 2px;
	width: 100%;
}

#contents ul.elementList {
	width: 100%;
}

#contents ul.elementList li {
	float: left;
	margin-right: 6px;
}

#contents p.elDetail {
	clear: both;
	display: block;
	margin-top: 20px;
	text-align: right;
}