@charset 'utf-8';

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

#keyVisual {
	margin: 0px 0px 20px;
}

/* cosmedicsBox
-------------------------------------------------- */

#mainArea #cosmedicsBox {
	width: 880px;
	padding: 0px;
	margin: 25px 0px 36px;
}

#mainArea #cosmedicsBox .text {
	width: 483px;
	float: left;
}

#mainArea #cosmedicsBox .figure {
	width: 367px;
	padding: 38px 0px 0px;
	float: right;
}

#mainArea #cosmedicsBox .text dl {
	width: 483px;
}

#mainArea #cosmedicsBox .text dl dt {
	padding: 0px 0px 16px;
}

#mainArea #cosmedicsBox .text dl dd.cosmedicsList_010 {
	padding: 0px 0px 16px;
}

#mainArea #cosmedicsBox .text dl dd.cosmedicsList_020 {
	padding: 0px 0px 15px;
}

#mainArea #cosmedicsBox .text dl dd.cosmedicsList_030 {
	padding: 0px 0px 17px;
}

#mainArea #cosmedicsBox .text dl dd.cosmedicsList_040 {
	padding: 0px 0px 11px;
}

/* storyBox
-------------------------------------------------- */

#mainArea #storyBox {
	width: 880px;
	padding: 0px;
	margin: 0px;
}

#mainArea #storyBox .text {
	width: 623px;
	float: left;
}

#mainArea #storyBox .picture {
	width: 242px;
	padding: 6px 0px 0px;
	float: right;
}

#mainArea h2.changeMarginBottom {
	margin: 0px 0px 22px;
}

#mainArea p.changeMarginBottom {
	margin: 0px 0px 11px;
}

#mainArea #storyBox .text h3{
	color: #578e1c;
	font-weight: bold;
	padding: 6px 0px 0px;
	margin: 0px 0px 9px;
}

#mainArea ul.notes {
	padding: 0px;
	margin: 12px 0px 0px;
}

#mainArea #storyBox .picture .pic {
	padding: 0px;
}

#mainArea #storyBox .picture .picEnd {
	padding: 10px 0px 0px;
}

#mainArea .caption {
	padding: 5px 0px 3px;
	margin: 0px;
	font-size: 75%;
	color: #666666;
}

#mainArea #storyBox p {
	padding: 0px 10px 0px 0px;
}

/* multiArea
-------------------------------------------------- */

#multiArea {
	width: 930px;
	margin: 20px 0px 0px;
	background: url(/ulos/about/feature/images/multi_bg.gif) left top repeat-y;
}

#multiArea #featureBox {
	width: 930px;
	padding: 1px 0px 0px;
	background: url(/ulos/about/feature/images/feature_top.gif) left top no-repeat;
}

/* featureBase
-------------------------------------------------- */

#multiArea #featureBase {
	width: 608px;
	_width: 930px;
	_w\idth: 608px;
	min-height: 478px;
	height: auto !important;
	height: 478px;
	padding: 0px 297px 0px 25px;
	margin: 0px;
	background: url(/ulos/about/feature/images/featurebase_bg.jpg) left bottom no-repeat;
}

#multiArea #featureBase h2 {
	padding: 23px 0px 12px;
}

#multiArea #featureBase h3 {
	padding: 15px 0px 9px;
}

#multiArea #featureBase h4 {
	padding: 11px 0px 0px;
}

#multiArea #featureBase .timeToUse {
	width: 593px;
	padding: 0px 0px 12px;
}

#multiArea #featureBase .timeToUse h4 {
	width: 199px;
	float: left;
	padding: 0px;
}

#multiArea #featureBase .timeToUse p {
	width: 394px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#multiArea #featureBase #fourFeatureBase {
	width: 593px;
	height: 151px;
	padding: 0px 0px 24px;
	margin: 9px 0px 0px;
	position: relative;
}

#multiArea #featureBase #fourFeatureBase ul {
	padding: 0px;
	margin: 0px;
}

#multiArea #featureBase #fourFeatureBase ul li {
	padding: 0px;
	margin: 0px;
}

#multiArea #featureBase #fourFeatureBase li.list_010 {
	width: 297px;
	height: 76px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#multiArea #featureBase #fourFeatureBase ul li.list_020 {
	width: 296px;
	height: 76px;
	position: absolute;
	top: 0px;
	left: 297px;
}

#multiArea #featureBase #fourFeatureBase ul li.list_030 {
	width: 297px;
	height: 75px;
	position: absolute;
	top: 76px;
	left: 0px;
}

#multiArea #featureBase #fourFeatureBase ul li.list_040 {
	width: 296px;
	height: 75px;
	position: absolute;
	top: 76px;
	left: 297px;
}

#multiArea #featureBase p {
	padding: 0px 12px 0px 0px;
}

/* featureUV
-------------------------------------------------- */

#multiArea #featureUV {
	width: 593px;
	_width: 930px;
	_w\idth: 593px;
	min-height: 376px;
	height: auto !important;
	height: 376px;
	padding: 0px 312px 0px 25px;
	margin: 0px;
	background: url(/ulos/about/feature/images/featureuv_bg.jpg) left bottom no-repeat;
}

#multiArea #featureUV h3 {
	padding: 23px 0px 10px;
}

#multiArea #featureUV .timeToUseUV {
	width: 593px;
	height: 71px;
	padding: 0px;
	margin: 0px 0px 13px;
}

#multiArea #featureUV .timeToUseUV h4 {
	width: 199px;
	float: left;
	padding: 0px;
}

#multiArea #featureUV .timeToUseUV p {
	width: 394px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#multiArea #featureUV #nineFeatureUV {
	width: 593px;
	height: 326px;
	padding: 0px;
	margin: 17px 0px 0px;
	position: relative;
}

#multiArea #featureUV #nineFeatureUV ul {
	padding: 0px;
	margin: 0px;
}

#multiArea #featureUV #nineFeatureUV ul li {
	padding: 0px;
	margin: 0px;
}

#multiArea #featureUV #nineFeatureUV ul li.list_010 {
	width: 198px;
	height: 109px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#multiArea #featureUV #nineFeatureUV ul li.list_020 {
	width: 198px;
	height: 109px;
	position: absolute;
	top: 0px;
	left: 198px;
}

#multiArea #featureUV #nineFeatureUV ul li.list_030 {
	width: 197px;
	height: 109px;
	position: absolute;
	top: 0px;
	left: 396px;
}

#multiArea #featureUV #nineFeatureUV ul li.list_040 {
	width: 198px;
	height: 109px;
	position: absolute;
	top: 109px;
	left: 0px;
}

#multiArea #featureUV #nineFeatureUV ul li.list_050 {
	width: 198px;
	height: 109px;
	position: absolute;
	top: 109px;
	left: 198px;
}

#multiArea #featureUV #nineFeatureUV ul li.list_060 {
	width: 197px;
	height: 109px;
	position: absolute;
	top: 109px;
	left: 396px;
}

#multiArea #featureUV #nineFeatureUV ul li.list_070 {
	width: 198px;
	height: 108px;
	position: absolute;
	top: 218px;
	left: 0px;
}

#multiArea #featureUV #nineFeatureUV ul li.list_080 {
	width: 198px;
	height: 108px;
	position: absolute;
	top: 218px;
	left: 198px;
}

#multiArea #featureUV #nineFeatureUV ul li.list_090 {
	width: 197px;
	height: 108px;
	position: absolute;
	top: 218px;
	left: 396px;
}

#multiArea #featureUV p {
	padding: 0px 4px 0px 0px;
}

/* notes Element
-------------------------------------------------- */

#multiArea ul.notes {
	padding: 0px 0px 21px;
	margin: 9px 0px 0px;
	font-size: 85%;
	color: #666666;
}

#multiArea ul.notes li {
	padding: 0px 0px 0px 1.5em;
	margin: 0px;
	text-indent: -1.5em;
}

#multiArea ul.notes li span.notesNum {
	padding: 0px 3px 0px 0px;
	color: #ff5a00;
}