@charset "utf-8";

/* --------------------------------------------------
 brand top Layout
 		- 
-------------------------------------------------- */

.roundTitle .frameTR {
padding:8px 20px 7px 20px;
}

/* colLayout
---------------------------------------- */
.colLayout .colItem {
float:left;
width:368px;
padding:0 0 0 20px;
}
.colLayout .colItem02 {
float:left;
width:475px;
padding:0 0 0 20px;
}
.colLayout .colItem03 {
float:left;
width:271px;
padding:0 0 0 12px;
}

.colLayout .firstItem {
padding:0;
}

/* lineBtm
---------------------------------------- */
.lineBtm {
padding:0 0 5px 0;
border-bottom:1px solid #e5d9a8;
}
.dotLineTop {
margin:30px 0 0 0;
padding:5px 0 0 0;
background: url(/template/images/lineH_bg_01.gif) repeat-x top left;
}

/* subTitle
---------------------------------------- */
.subTitle {
padding:0 0 5px 0;
color:#e26026;
}
.subTitle span {
font-weight:bold;
}

/* colorFrame
---------------------------------------- */
.colorFrame .frameContent {
padding:10px;
}


/* ----------------------------------------
 topMenuBtn
---------------------------------------- */
.topMenuBtn {
width:760px;
background:url(../../skincare/astalift/images/brandTop_bg_btnarea.gif) repeat-y 0 0;
}
#nanofiltArea .topMenuBtn {
background:url(../../skincare/nanofilt/images/brandTop_bg_btnarea.gif) repeat-y 0 0;
}
.topMenuBtn ul.frameB {
padding:10px 0 10px 5px;
}
.topMenuBtn ul.frameB li {
float:left;
padding:0 0 0 10px;
background:none;
}
.topMenuBtn ul.frameB li.shop {
float:right;
padding:0 15px 0 0;
}

/* ----------------------------------------
 brandCaption
---------------------------------------- */
.brandCaption p.lead {
font-size:136%;
}
.brandCaption .colLayout .colItem {
width:245px;
}
.brandCaption .colLayout .firstItem {
width:495px;
}
#nanofiltArea .brandCaption .colLayout .colItem {
width:250px;
padding:0 50px 0 0;
}
#nanofiltArea .brandCaption .colLayout .firstItem {
width:440px;
padding:0 20px 0 0;
}

/* ----------------------------------------
 featureArea
---------------------------------------- */
.featureArea .frameContent {
padding:15px 5px 15px 20px;
}
.featureArea ul {
position:relative;
margin:15px 0 0 0;
}
.featureArea ul li {
float:left;
width:228px;
margin:0 15px 0 0;
}
.featureArea ul li p {
padding:0 0 25px 0;
}
.featureArea ul li p.fatureTitle {
padding:0 0 10px 0;
}
.featureArea ul li p.fatureTitle img {
float:left;
width:19px;
padding:0 4px 0 0;
}
.featureArea ul li p.fatureTitle span {
float:left;
width:205px;
font-weight:bold;
color:#e26026;
}
#nanofiltArea .featureArea ul li p.fatureTitle span {
color:#5bb284;
}
.featureArea ul li ul.anLinkIco {
position:absolute;
margin:10px 0 0 0;
bottom:0;
left:0;
}
.featureArea ul li ul.feature02 {
left:245px;
}
.featureArea ul li ul.feature03 {
left:487px;
}
.featureArea ul li ul.anLinkIco li {
margin:0;
}

/* ----------------------------------------
 skinAstaliftSec
---------------------------------------- */
#skinAstaliftSec {
padding:20px 0 0 0;
background: url(/template/images/lineH_bg_01.gif) repeat-x top left;
}

/* ----------------------------------------
 threeFeature
---------------------------------------- */
.threeFeature .colLayout {
padding:25px 0 0 0;
}
.threeFeature .colLayout dl {
padding:0 1px 0 1px;
}
.threeFeature .colLayout dl dt {
padding:0 0 10px 0;
}
.threeFeature .colLayout dl dt img {
float:left;
width:28px;
padding:0 7px 0 0;
}
.threeFeature .colLayout dl dt span {
float:left;
padding:6px 0 0 0;
font-weight:bold;
color:#e26026;
}
#nanofiltArea .threeFeature dl dt span {
color:#5bb284;
}
.threeFeature #feature03Sec dl dd p img.flL {
float:left;
padding:10px 15px 0 0;
}
.threeFeature #feature03Sec dl dd p span {
display:block;
}
.threeFeature #feature02Sec .colItem {
width:379px;
}
.threeFeature #feature02Sec .colItem p {
text-align:right;
}
#feature02Sec dl dt span {
width:344px;
}

/* frameContent */
.threeFeature .frameContent p.subTitle {
padding:0 0 10px 0;
}
.threeFeature .frameContent .colLayout {
padding:0 0 25px 0;
}
.threeFeature .frameContent .mb0 {
padding:0 0 0 0;
}
.threeFeature .frameContent .colLayout .lftItem {
float:left;
width:480px;
} 
.threeFeature .frameContent .colLayout .rgtItem {
float:right;
}

/* ----------------------------------------
 voiceItem
---------------------------------------- */
.buyerArea .colLayout {
padding:30px 0 0 0;
}
.buyerArea p {
padding:5px 0 10px 0;
}
.buyerArea p.last {
padding:0 0 0 0;
}
.buyerArea .colLayout .colItem {
float:left;
width:500px;
padding:0 0 0 20px;
}
.buyerArea .colLayout .firstItem {
width:240px;
padding:0 0 0 0;
}

.buyerArea .colLayout .colItem02 {
float:left;
width:300px;
padding:0 0 0 20px;
}
.buyerArea .colLayout .firstItem02 {
width:440px;
padding:0 0 0 0;
}

/* ----------------------------------------
 voiceItem
---------------------------------------- */
.voiceLayout {
width:737px;
padding:0 0 0 11px;
}
.voiceLayout .voiceItem {
float: left;
width:360px;
}
.voiceLayout .rgtItem {
float:right;
}

/* ----------------------------------------
 shopArea
---------------------------------------- */
.shopArea .colLayout {
padding:30px 0 0 0;
}
.shopArea .colLayout .colItem {
float:left;
width:592px;
}
.shopArea .colLayout .firstItem {
width:136px;
}

/* ----------------------------------------
 Product Point Section
---------------------------------------- */
#proPointSec {
margin-top:30px;
}
#proPointSec .reccomendPointArea {
padding:15px 10px;
}
#proPointSec .astaliftReccomendPointImg {
float:left;
padding-left:5px;
margin-right:15px;
}
#proPointSec .reccomendPointImg {
float:left;
padding-left:5px;
margin-right:15px;
}
#proPointSec .reccomendPointText {
float:left;
padding-top:6px;
}
#proPointSec .reccomendPointList {
float:left;
width:240px;
margin:0 0 0 10px;
padding-top:15px;
}
#proPointSec .reccomendPointList li {
margin-top:5px;
}

/* --------------------------------------------------
   Unique Layout Style
-------------------------------------------------- */
/* Tab Content Layout
---------------------------------------- */
.tabContentBlock .blockInner_30px {
margin-top:30px;
}
.tabContentBlock .icon_title img {
float:left;
margin:3px 10px 0 0;
}
.tabContentBlock .icon_title strong {
float:left;
}

.tabContentBlock .borderBox .boxContent .colLayout-2 .colItem {
width:330px;
}
.tabContentBlock .borderBox .boxContent .colLayout-3 .col2Item {
width:435px;
}

.point_row3 .reccomendPointList,
.point_row3_2 .reccomendPointList {
padding-top:0!important;
position:relative;
top:2px;
}
.point_row2 .reccomendPointList {
padding-top:0!important;
position:relative;
top:12px;
}
.point_row2 .reccomendPointText {
padding-top:15px!important;
}
.point_row3 .reccomendPointList,
.point_row3_2 .reccomendPointList,
.point_row4 .reccomendPointList {
padding-top:0!important;
}
.point_row3 .reccomendPointText {
padding-top:18px!important;
}
.point_row4 .reccomendPointImg {
padding-top:10px!important;
}
.point_row4 .reccomendPointText {
padding-top:25px!important;
}
.point_row3_2 .reccomendPointImg {
padding-top:10px!important;
}
.point_row3_2 .reccomendPointText {
padding-top:25px!important;
}

/* ----------------------------------------
 Other Product Section
---------------------------------------- */
#otherProSec {
margin-top:45px;
}
#otherProSec .secInner {
margin-top:15px;
}
#otherProSec .reccomendPointArea {
padding:15px 10px;
}
#otherProSec .reccomendPointImg {
float:left;
padding-left:5px;
margin-right:15px;
}
#otherProSec .reccomendPointText {
float:left;
padding-top:6px;
}
#otherProSec .reccomendPointList {
float:left;
width:240px;
margin:0 0 0 10px;
padding-top:15px;
}
#otherProSec .reccomendPointList li {
margin-top:5px;
}

/* ----------------------------------------
 Other Category Section
---------------------------------------- */
#otherCatSec {
margin-top:25px;
}
#otherCatSec .secInner {
margin-top:15px;
}
#otherCatSec .otherCatArea.item2 {
background: url(../images/otherCatSec_bg_02.gif) repeat-y top left;
}
#otherCatSec .otherCatArea.item3 {
background: url(../images/otherCatSec_bg_01.gif) repeat-y top left;
}
#otherCatSec .otherCatItem {
float:left;
padding:20px 10px;
}
#otherCatSec .item2 .otherCatItem {
width:360px;
}
#otherCatSec .item3 .otherCatItem {
width:232px;
}
#otherCatSec .otherCatItem .catImg {
float: left;
}
#otherCatSec .otherCatItem .catInfo {
margin-left:120px;
zoom:1;
}


/* ----------------------------------------
 flash
---------------------------------------- */
.mainVisual {
position:relative;
width:760px;
height:290px;
}

.mainVisual #visualObject {
position:absolute;
top:16px;
right:16px;
}

#stepLineupSec p {
color:#ba9d64;
}

.pl05px{
padding-left:05px;
}

.pl15px{
padding-left:15px;
}

.news-Area{
background-color:#FFFFFF;
padding:15px;
border:solid 1px #EEE3BA;
margin-bottom:10px;
}

.news-Area p span{
font-size:100%;
font-weight:bold;
}

.newsBg{
font-size:85%;
margin-top:5px;
}

.newsLink{
left:36px;
bottom:40px;
font-size:85%;
}

/* ----------------------------------------
 featureArea02
---------------------------------------- */
.featureArea02 .frameContent {
padding:15px 5px 15px 20px;
}
.featureArea02 ul {
position:relative;
margin:15px 0 0 0;
}
.featureArea02 ul li {
float:left;
width:350px;
margin:0 15px 0 0;
}
.featureArea02 ul li p {
padding:0 0 25px 0;
}
.featureArea02 ul li p.fatureTitle {
padding:0 0 10px 0;
}
.featureArea02 ul li p.fatureTitle img {
float:left;
width:19px;
padding:0 4px 0 0;
}
.featureArea02 ul li p.fatureTitle span {
float:left;
width:300px;
font-weight:bold;
color:#e26026;
}
#nanofiltArea02 .featureArea ul li p.fatureTitle span {
color:#5bb284;
}
.featureArea02 ul li ul.anLinkIco {
position:absolute;
margin:10px 0 0 0;
bottom:0;
left:0;
}
.featureArea02 ul li ul.feature02 {
left:364px;
}
.featureArea02 ul li ul.anLinkIco li {
margin:0;
}


/* ----------------------------------------
 astalift-basemake
---------------------------------------- */

.astalift-basemake p{
text-align:center;
}
.astalift-basemake .heading{
text-align:left;
}

#astalift-basemake{
margin:24px auto 0;
width:706px;
}

#astalift-basemake .inlineItems{
width:222px;
float:left;
margin:0 0 0 20px;
}

#astalift-basemake .inlineItems{
width:222px;
float:left;
margin:0 0 0 20px;
}


.inlineItems .inlineItemBtn{
text-align:center;
}

#astalift-basemake .firstItem{
margin:0;
}


#color-chart .color-chart-img{
text-align:center;
}

#color-chart .colorChartContent{
padding:30px;
}


#feature_img{
margin:25px 0 40px 85px;
}

#feature_img li{
float:left;
margin-left:3px;
}

ol.icon_title li.no1 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_1.gif) no-repeat 0 0;
}
ol.icon_title li.no2 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_2.gif) no-repeat 0 0;
}
ol.icon_title li.no3 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_3.gif) no-repeat 0 0;
}
ol.icon_title li.no4 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_4.gif) no-repeat 0 0;
}

#color-chart .roundFrame .frameT{
background-color:#FFFFFF;
}