@charset "utf-8";

/* -----------------------------------------------------------
  lineup layout
------------------------------------------------------------ */

/* subTitle 
------------------------------------------------------------ */
p.subTitle {
margin-bottom:18px;
}

div.step01Title {
width:740px;
margin-bottom:9px;
}


/* each products
------------------------------------------------------------ */
/* stepFrame 
---------------------------------------- */
div.stepFrame {
width:740px;
margin-bottom:3px;
}
div.stepFrame:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
div.stepFrame {display:inline-block;}
/* Hides from IE-mac \*/
* html div.stepFrame {height:1%;}
div.stepFrame {display:block;}
/* End hide from IE-mac */


/* stepheading 
---------------------------------------- */
div.stepHeading {
position:relative;
float:left;
width:185px;
}
div.stepHeading h2 {
margin-top:32px;
}
div.stepHeading h2.arrow {
height:66px;
}
/* skincare */
div.skincareStep div.stepHeading h2.arrow {background:url(/freeplus/lineup/images/skincare_arrow_01.gif) no-repeat 36px 34px;}
/* agingcare */
div.agingcareStep div.stepHeading h2.arrow {background:url(/freeplus/lineup/images/agingcare_arrow_01.gif) no-repeat 36px 34px;}
/* whitening */
div.whiteningStep div.stepHeading h2.arrow {background:url(/freeplus/lineup/images/whitening_arrow_01.gif) no-repeat 36px 34px;}
/* reddish */
div.reddishStep div.stepHeading h2.arrow {background:url(/freeplus/lineup/images/reddish_arrow_01.gif) no-repeat 36px 34px;}
/* oilcontrol */
div.oilcontrolStep div.stepHeading h2.arrow {background:url(/freeplus/lineup/images/oilcontrol_arrow_01.gif) no-repeat 36px 34px;}

div.stepHeading p {
position:absolute;
top:40px;
}
div.stepHeading p.eveningIco {
left:148px;
}
div.stepHeading p.morningIco {
left:109px;
}


/* stepProductsList
---------------------------------------- */
div.stepProductsListFrame {
float:right;
width:555px;
padding-bottom:3px;
}
/* skincare */
div.skincareStep div.stepProductsListFrame {background:url(/freeplus/lineup/images/skincare_bgLine_01.gif) repeat-x left bottom;}
/* agingcare */
div.agingcareStep div.stepProductsListFrame {background:url(/freeplus/lineup/images/agingcare_bgLine_01.gif) repeat-x left bottom;}
/* whitening */
div.whiteningStep div.stepProductsListFrame {background:url(/freeplus/lineup/images/whitening_bgLine_01.gif) repeat-x left bottom;}
/* basemake */
div.basemakeStep div.stepProductsListFrame {background:url(/freeplus/lineup/images/basemake_bgLine_01.gif) repeat-x left bottom;}
/* reddish */
div.reddishStep div.stepProductsListFrame {background:url(/freeplus/lineup/images/reddish_bgLine_01.gif) repeat-x left bottom;}
/* oilcontrol */
div.oilcontrolStep div.stepProductsListFrame {background:url(/freeplus/lineup/images/oilcontrol_bgLine_01.gif) repeat-x left bottom;}

div.stepProductsList {
padding:8px 0 8px 7px;
background-color:#fff;
}
div.stepProductsList:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
div.stepProductsList {display:inline-block;}
/* Hides from IE-mac \*/
* html div.stepProductsList {height:1%;}
div.stepProductsList {display:block;}
/* End hide from IE-mac */

/* skincare */
div.skincareStep div.bgColor {background-color:#f6fefd;}
/* agingcare */
div.agingcareStep div.bgColor {background-color:#fff9fb;}
/* whitening */
div.whiteningStep div.bgColor {background-color:#f8f8f8;}
/* reddish */
div.reddishStep div.bgColor {background-color:#f8f9ff;}
/* oilcontrol */
div.oilcontrolStep div.bgColor {background-color:#f7fBf2;}


/* subCopy
---------------------------------------- */
div.stepProductsList p.subCopy {
margin:0 0 9px 5px;
}
div.trialSet div.stepProductsList p.subCopy {
margin:11px 0 0 5px;
}


/* stepProducts
---------------------------------------- */
div.stepProducts {
float:left;
width:182px;
margin-right:3px;
}
div.stepProducts:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
div.stepProducts {display:inline-block;}
/* Hides from IE-mac \*/
* html div.stepProducts {height:1%;}
div.stepProducts {display:block;}
/* End hide from IE-mac */

div.stepProducts3col{
width:178px;
margin-right:0;
}

div.stepProducts3col{
width:178px;
margin-right:0;
}
.stepProductsText {
float:right;
width:98px;
margin-top:3px;
}
.stepProductsText p {
margin-top:30px;
}
.stepProductsText p.line2 {
margin-top:15px;
}

#reddishItem01 .stepProductsText p.icoSet01 {
margin-top:27px;
}

#reddishItem01 .stepProductsText p.icoSet01 a {
padding:3px 37px 3px 0;
background:url(../../lineup/images/reddish_ico_01.gif) no-repeat 100% 0;
}

.stepProductsImg {
float:left;
width:78px;
}


div.trialSet h3 {
margin-top:8px;
}


/* skincare */
#skincare div.trialSet .stepProductsText {
text-align:center;
}

/* agingcare */
#agingcare div.trialSet div.stepProducts {
width:219px;
}
#agingcare div.trialSet .stepProductsText {
width:136px;
text-align:center;
}

/* whitening */
#whitening div.trialSet div.stepProducts {
width:219px;
}
#whitening div.trialSet .stepProductsText {
width:136px;
text-align:center;
}

/* oilcontrol */
#oilcontrol div.trialSet div.stepProducts {
width:219px;
}
#oilcontrol div.trialSet .stepProductsText {
width:136px;
text-align:center;
}


/* skincareItem01 */
div#skincareItem01 {
position:relative;
width:249px;
}
div#skincareItem01 div.stepProductsText {
width:165px;
}
div#skincareItem01 p.csImg {
position:absolute;
top:0;
left:193px;
}

/* whiteningItem01 */
div#whiteningItem01,
div#reddishItem01,
div#reddishItem02 {
width:222px;
}
div#whiteningItem01 div.stepProductsText,
div#reddishItem01 div.stepProductsText,
div#reddishItem02 div.stepProductsText {
width:139px;
}

/* basemakeSecondRow */
div.basemakeSecondRow {
margin-left: 30px;
}

/* basemakeItem01 */
div#basemakeItem01 {
width:260px;
}
div#basemakeItem01 div.stepProductsText {
width:176px;
}