@charset 'utf-8';

/* keyVisual
-------------------------------------------------- */

#keyVisual {
	width: 910px;
	height: 222px;
	padding: 0px;
	margin: 0px;
	position: relative;
	background: none;
}

/* skincareTwoColumnsBox
-------------------------------------------------- */

.skincareTwoColumnsBox {
	width: 711px;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	background: url(../images/box_bottomline.gif) bottom no-repeat;
	clear:both;
}

.skincareTwoColumnsBox_020 {
	width: 355px;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	background: url(../images/box_bottomline_020.gif) bottom no-repeat;
	clear:both;
}

#firstParagraph, #thirdParagraph {
	width: 348px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#secondParagraph, #fourthParagraph {
	width: 348px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .skincareTwoColumnsBox ul.link,
#mainArea .skincareTwoColumnsBox_020 ul.link {
	margin: 0px;
	padding: 1px 0px;
	text-align: right;
	clear: both;
}

#mainArea .skincareTwoColumnsBox ul.link,
#mainArea .skincareTwoColumnsBox_020 ul.link {
	margin: 0px;
	padding: 1px 0px;
	text-align: right;
	clear: both;
}
/* ȍ~Mac IE 5݂̂ɓKp \*//*/
#mainArea .skincareTwoColumnsBox ul.link,
#mainArea .skincareTwoColumnsBox_020 ul.link {
	margin: 0px;
	padding: 0px;
	width: 8.5em;
	float: right;
}

/* ȍ~Mac IE 5ȊOɂKp */


/* firstParagraph
-------------------------------------------------- */

#mainArea .skincareTwoColumnsBox #firstParagraph h2,
#mainArea .skincareTwoColumnsBox_020 #firstParagraph h2 {
	width: 348px;
	height: 27px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background: none;
	border: none;
}

#mainArea .skincareTwoColumnsBox #firstParagraph h3,
#mainArea .skincareTwoColumnsBox_020 #firstParagraph h3 {
	height: 34px;
	padding: 0px;
	margin: 0px 0px 12px 12px;
	background: none;
	border: none;
}

#mainArea .skincareTwoColumnsBox #firstParagraph p.copy,
#mainArea .skincareTwoColumnsBox_020 #firstParagraph p.copy {
	margin: 0px !important;
	padding: 0px 12px 0px 0px;
}

#mainArea .skincareTwoColumnsBox #firstParagraph div.leftPict,
#mainArea .skincareTwoColumnsBox_020 #firstParagraph div.leftPict {
	height: 110px;
	margin: 0px !important;
	padding: 6px 10px 0px 12px;
}

/* secondParagraph
-------------------------------------------------- */

#mainArea .skincareTwoColumnsBox #secondParagraph h2,
#mainArea .skincareTwoColumnsBox_020 #secondParagraph h2 {
	width: 348px;
	height: 27px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background: none;
	border: none;
}

#mainArea .skincareTwoColumnsBox #secondParagraph h3,
#mainArea .skincareTwoColumnsBox_020 #secondParagraph h3 {
	height: 34px;
	padding: 0px;
	margin: 0px 0px 12px 12px;
	background: none;
	border: none;
}

#mainArea .skincareTwoColumnsBox #secondParagraph p.copy,
#mainArea .skincareTwoColumnsBox_020 #secondParagraph p.copy {
	margin: 0px !important;
	padding: 0px 12px 0px 0px;
}

#mainArea .skincareTwoColumnsBox #secondParagraph div.leftPict,
#mainArea .skincareTwoColumnsBox_020 #secondParagraph div.leftPict {
	height: 110px;
	margin: 0px !important;
	padding: 6px 10px 0px 12px;
}


/* thirdParagraph
-------------------------------------------------- */

#mainArea .skincareTwoColumnsBox #thirdParagraph h2,
#mainArea .skincareTwoColumnsBox_020 #thirdParagraph h2 {
	width: 348px;
	height: 27px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background: none;
	border: none;
}

#mainArea .skincareTwoColumnsBox #thirdParagraph h3,
#mainArea .skincareTwoColumnsBox_020 #thirdParagraph h3 {
	height: 34px;
	padding: 0px;
	margin: 0px 0px 12px 12px;
	background: none;
	border: none;
}

#mainArea .skincareTwoColumnsBox #thirdParagraph p.copy,
#mainArea .skincareTwoColumnsBox_020 #thirdParagraph p.copy {
	margin: 0px !important;
	padding: 0px 12px 0px 0px;
}

#mainArea .skincareTwoColumnsBox #thirdParagraph div.leftPict,
#mainArea .skincareTwoColumnsBox_020 #thirdParagraph div.leftPict {
	height: 110px;
	margin: 0px !important;
	padding: 6px 10px 0px 12px;
}


/* fourthParagraph
-------------------------------------------------- */

#mainArea .skincareTwoColumnsBox #fourthParagraph h2,
#mainArea .skincareTwoColumnsBox_020 #fourthParagraph h2 {
	width: 348px;
	height: 27px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background: none;
	border: none;
}

#mainArea .skincareTwoColumnsBox #fourthParagraph h3,
#mainArea .skincareTwoColumnsBox_020 #fourthParagraph h3 {
	height: 34px;
	padding: 0px;
	margin: 0px 0px 12px 12px;
	background: none;
	border: none;
}

#mainArea .skincareTwoColumnsBox #fourthParagraph p.copy,
#mainArea .skincareTwoColumnsBox_020 #fourthParagraph p.copy {
	margin: 0px !important;
	padding: 0px 12px 0px 0px;
}

#mainArea .skincareTwoColumnsBox #fourthParagraph div.leftPict,
#mainArea .skincareTwoColumnsBox_020 #fourthParagraph div.leftPict {
	height: 110px;
	margin: 0px !important;
	padding: 6px 10px 0px 12px;
}

/* skinInfoBox
-------------------------------------------------- */

#mainArea .skinInfoBox {
	padding: 3px;
	margin: 0px 0px 20px 0px;
	background: #d8d8d8;
	clear: both;
}

#mainArea .skinInfoBox div.boxBodyTopSpacer {
	height: 1px;
	padding: 0px;
	margin: 0px 0px 1px 0px !important;
}

#mainArea .skinInfoBox div.boxBodyBottomSpacer {
	height: 1px;
	padding: 0px;
	margin: 1px 0px 0px 0px !important;
}

#mainArea .skinInfoBox .body {
	padding: 10px;
	margin: 0px;
	border: 1px solid #ffffff;
	background: #f7f7f7;
}

#mainArea h3 {
	padding: 1px 0px 9px;
	margin: 0px 0px 10px 0px;
	font-size: 110%;
	_fo\nt-size: 100%;
	font-size: 110%;
	line-height: 130%;
	color:#000000;
	border-bottom: 1px solid #0d82ae;
}

#mainArea h3 {
	padding: 1px 0px 9px;
	margin: 0px 0px 10px 0px;
	font-size: 110%;
	_fo\nt-size: 100%;
	font-size: 110%;
	line-height: 130%;
	color:#000000;
	border-bottom: 1px solid #0d82ae;
}

#mainArea h3 {
	/*\*//*/
	revise: MacIE5.0bug;
	padding-left: 17px;
	text-indent: -17px;
	/**/
}
#mainArea .skinInfoBox div.leftPict {
	padding: 3px 0px 0px 0px;
}
#mainArea .skinInfoBox p.caption {
	width: 105px;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	font-weight: normal;
	color: #666666;
	text-align: center;
}
#mainArea .skinInfoBox p.intro {
	width: 560px;
	float: right;
}

/* 摜W[
-------------------------------------------------- */

.leftPict {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}
.rightPict {
	margin: 0px 0px 0px 10px;
	padding:0px;
	float: right;
}

/* clear-after rules
-------------------------------------------------- */

#mainArea .skincareTwoColumnsBox:after, #mainArea .skincareTwoColumnsBox .contBox:after, #mainArea .skinInfoBox .body:after, #mainArea .skincareTwoColumnsBox .bottomBox:after,
#mainArea .skincareTwoColumnsBox_020:after, #mainArea .skincareTwoColumnsBox_020 .contBox:after, #mainArea .skinInfoBox .body:after, #mainArea .skincareTwoColumnsBox_020 .bottomBox:after {
	content: "."; 
	display: block; 
	position:relative; /*works better in IE5.5 or float in float situations*/
	height: 0; 
	clear: both; 
	visibility: hidden;
}
		
/* hide from ie/mac  needed for IE \*/
* html #mainArea .skincareTwoColumnsBox, * html #mainArea .skincareTwoColumnsBox .contBox, * html #mainArea .skinInfoBox .body, * html #mainArea .skincareTwoColumnsBox .bottomBox,
* html #mainArea .skincareTwoColumnsBox_020, * html #mainArea .skincareTwoColumnsBox_020 .contBox, * html #mainArea .skinInfoBox .body, * html #mainArea .skincareTwoColumnsBox_020 .bottomBox {
	height: 1%;
	}
/**/
/* ie/mac \*//*/
#mainArea .skincareTwoColumnsBox, #mainArea .skincareTwoColumnsBox .contBox, #mainArea .skinInfoBox .body, #mainArea .skincareTwoColumnsBox .bottomBox{
	display: inline-table;
	}
/**/