@charset "utf-8";

/**************************************************************************************************

TEXT MODULE

**************************************************************************************************/

/*
#mainColumn h1{
margin:0 0 30px;
}
*/
#mainColumn h2{
margin:0 0 20px;
}
#mainColumn h3{
margin:0 0 10px;
}

#mainColumn .headding01{
padding-left:15px;
background:url(../img/bullet_border_2px_white.jpg) no-repeat left 0.4em;
}

#mainColumn p{
margin-bottom:20px;
font-size:92%;
color:#000000;
line-height:1.8;
}
#mainColumn ul,
#mainColumn ol{
margin:0 0 20px;
color:#000000;
}
#mainColumn li{
margin-bottom:5px;
font-size:92%;
line-height:1.5;
}
#mainColumn dt,
#mainColumn dd{
font-size:92%;
line-height:1.5;
}

#mainColumn .textCaption{
font-size:80%;
color:#999 !important;
}
#mainColumn .textCaption *{
color:#999 !important;
}
#mainColumn p span.textCaption{
color:#ccc !important;
}
#mainColumn p em.textCaption{
color:#999 !important;
}
#mainColumn .textCaution{
color:#FF0000;
}

#mainColumn .textCaptionAlighTop{
font-size:80%;
color:#999 !important;
vertical-align:top;
}


#mainColumn p .colorTip img{
vertical-align:middle;
}

.alignRight{
text-align:right;
}

.alignCenter{
text-align:center;
}
.alignCenter *{
margin-left:auto;
margin-right:auto;
}




/**************************************************************************************************

BULLET MODULE
CLASS : .linkList[xx]

**************************************************************************************************/


.bulletBorder01 li{
padding-left:15px;
color:#222;
background:url(../../asset_img/bullet/bullet_border_01.gif) no-repeat left 7px;
}

.asteriskList li{
padding-left:18px;
color:#666666 !important;
font-size:78% !important;
}
.asteriskList .bullet01{
background:url(../../../common/asset_img/bullet/bullet_asterisk_01.gif) no-repeat left center;
}
.asteriskList .bullet02{
background:url(../../../common/asset_img/bullet/bullet_asterisk_02.gif) no-repeat left center;
}

#products .asteriskList .bullet01{
background:url(../../../common/asset_img/bullet/bullet_asterisk_num_01.gif) no-repeat left 3px;
}
#products .asteriskList .bullet02{
background:url(../../../common/asset_img/bullet/bullet_asterisk_num_02.gif) no-repeat left 3px;
}
#products .asteriskList .bullet03{
background:url(../../../common/asset_img/bullet/bullet_asterisk_num_03.gif) no-repeat left 3px;
}


ul.unorderedList li{
list-style:disc;
margin-left: 1.5em;
margin-bottom: 1em;
}

ol.orderedList li {
list-style: decimal;
margin-left: 2em;
margin-bottom: 1em;
}

.unorderedList.initMargin{
margin-bottom:0px !important;
}

.linklist01{
padding-left:10px;
background:url(../img/bullet_arrow_01.gif) no-repeat 0px 0.9em;
}

.itemList01{
padding-bottom:20px;
}
.itemList01 dt{
margin:0 0 5px;
padding:5px 0 0;
font-weight:bold;
color:#015A9B !important;
}
.itemList01 dd{
margin:0 0 5px;
padding:0 0 0 12px;
background:url(../img/bullet_disc_blue.gif) no-repeat 0px 0.5em;
}




.itemList02 dt{
margin:0 0 5px;
color:#666666;
font-size:80% !important;
}
.itemList02 dd{
font-size:80% !important;
margin:0 0 5px;
padding:0 0 0 12px;
background:url(../img/bullet_disc_blue.gif) no-repeat 0px 0.5em;
}
.itemList02.indent{
padding-left:10px;
}

#summer_festival .itemList02 dd{
background:url(../img/bullet_disc_purple.gif) no-repeat 0px 0.5em;
}




.productList01 .grid01{
width:215px;
}

.productList01 .grid03{
width:433px;
}

.productList01 .grid01 a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}
.productList01 h3{
font-weight:bold;
font-size:85%;
}





/**************************************************************************************************

ANCHOR ELEMTNTS

**************************************************************************************************/

a{
/* *****************COLOR***************** */
color:#630565;
}
a:hover{
/* *****************COLOR***************** */
color:#630565;
text-decoration:none;
}

.anchorArrow{
margin-left:0 !important;
list-style:none !important;
}

.anchorArrow a{
height:1em;
padding:0 0 0 15px;
text-decoration:none;
background:url(../../asset_img/bullet/bullet_arrow_circle_05.gif) no-repeat left 1px;
}
.anchorArrow a:hover{
color:#222222;
background:url(../../asset_img/bullet/bullet_arrow_circle_03_on.gif) no-repeat left 1px;
}

#newsDetail .anchorArrow a{
display:block;
height:auto;
}

/**************************************************************************************************

SECTION MODULE

**************************************************************************************************/

.section{
padding:0 0 40px;
}

.section .section{
padding:0 0 20px;
}


/**************************************************************************************************

GRID MODULE
full column = 4 module
2column     = 2 + 2

**************************************************************************************************/

.grid01{
float:left;
margin-right:40px;
}

.grid02{
float:left;
width:324px;
margin-right:40px;
display:inline;
}

.grid03{
float:left;
margin-right:40px;
}


.column03 li{
float:left;
width:212px;
margin:0 26px 0 0;
padding:0 0 20px;
line-height:1;
}

.clearBoth{
clear:both;
}

.initMargin{
margin-right:0 !important;
}


/**************************************************************************************************

BOX MODULE

**************************************************************************************************/

.circleCorner{
position:relative;
margin:0;
background:url(/img/specials/eyes/products/es_lasting_gel_brow/bg_corner_circle_body.gif) repeat-y;
}
.circleCorner h2{
padding:0 20px;
background:url(/img/specials/eyes/products/es_lasting_gel_brow/bg_corner_circle_head.gif) no-repeat left top;
}
.circleCorner .inner{
padding:0 40px 30px !important;
background:url(/img/specials/eyes/products/es_lasting_gel_brow/bg_corner_circle_foot.gif) no-repeat left bottom;
}
.circleCorner .grid01{
width:142px;
margin-right:20px;
}
.circleCorner .grid02{
width:284px;
}
.circleCorner .grid03{
width:446px;
}


#diamond_glow #diamondContent01 h2{
padding:10px 30px 0;
background:url(../../../product/diamond_glow/img/kiraback1.jpg) no-repeat;
}

#diamond_glow .circleCorner{
width:688px;
background:url(../../../product/diamond_glow/img/kiraback2.jpg) repeat-y;
}

#diamond_glow .circleCorner .inner {
background:none;
padding:0 40px 0px !important;
}

#diamond_glow #diamondContent02 h2{
background:url(../../../product/diamond_glow/img/kiraback3.jpg) no-repeat;
padding:95px 30px 0;
}

#diamond_glow #diamondContent03 h2{
background:url(../../../product/diamond_glow/img/kiraback4.jpg) no-repeat;
padding:95px 30px 0;
}

#diamond_glow #diamondContent03 .inner {
padding-bottom:20px !important;
background:url(../../../product/diamond_glow/img/kiraback5.jpg) no-repeat left bottom;
}




#lashexte_ds .circleCorner{
position:relative;
margin:0;
background:url(../../../product/lash_exte_ds/img/bg_corner_circle_body_02.gif) repeat-y;
}
#lashexte_ds #mainColumnBody h2{
background:#000 url(../../../product/lash_exte_ds/img/bg_corner_circle_head_02.gif) no-repeat left bottom;
}
#lashexte_ds .circleCorner .inner{
width:608px;
padding:10px 40px 30px !important;
background:url(../../../product/lash_exte_ds/img/bg_corner_circle_foot_02.gif) no-repeat left bottom;
}
#lashexte_ds .circleCorner .repeat{
width:608px;
padding:10px 40px 30px !important;
background:url(../../../product/lash_exte_ds/img/bg_corner_circle_foot_02_repeat.gif) no-repeat left bottom !important;
}



#impact_express_eyeliner .circleCorner{
position:relative;
margin:0;
background:url(../../../product/impact_express/img/bg_corner_circle_body.gif) repeat-y;
}
#impact_express_eyeliner .circleCorner h2{
padding:20px 35px 0;
background:url(../../../product/impact_express/img/bg_corner_circle_head.gif) no-repeat left top;
}
#impact_express_eyeliner .circleCorner .inner{
padding:0 40px 30px !important;
background:url(../../../product/impact_express/img/bg_corner_circle_foot.gif) no-repeat left bottom;
}




#slim_eyeliner .circleCorner{
position:relative;
margin:0;
background:url(../../../product/slim_eyeliner/img/bg_corner_circle_body.jpg) repeat-y;
}
#slim_eyeliner .circleCorner h2{
padding:11px 31px 0;
background:url(../../../product/slim_eyeliner/img/bg_corner_circle_head.jpg) no-repeat left top;
}
#slim_eyeliner .circleCorner .inner{
padding:0 40px 30px !important;
background:url(../../../product/slim_eyeliner/img/bg_corner_circle_foot.jpg) no-repeat left bottom;
}




#spikycomb .circleCorner{
position:relative;
margin:0;
background:url(../../../product/spikycomb/img/bg_corner_circle_body.gif) repeat-y;
}
#spikycomb .circleCorner h2{
padding:0 20px 0;
background:url(../../../product/spikycomb/img/bg_corner_circle_head.gif) no-repeat left top;
}
#spikycomb .circleCorner .inner{
padding:0 40px 30px !important;
background:url(../../../product/spikycomb/img/bg_corner_circle_foot.gif) no-repeat left bottom;
}

#vehc_ew .circleCorner{
position:relative;
margin:0;
background:url(../../../product/volum_express/img/bg_corner_circle_body.gif) repeat-y;
}
#vehc_ew .circleCorner h2{
padding:10px 32px 0;
background:url(../../../product/volum_express/img/bg_corner_circle_head.gif) no-repeat left top;
}
#vehc_ew .circleCorner .inner{
padding:0 40px 30px !important;
background:url(../../../product/volum_express/img/bg_corner_circle_foot.gif) no-repeat left bottom;
}

#dal_wp .circleCorner{
position:relative;
margin:0;
background:url(../../../product/define_a_lash/img/bg_corner_circle_body.gif) repeat-y;
}
#dal_wp .circleCorner h2{
padding:0 20px 0;
background:url(../../../product/define_a_lash/img/bg_corner_circle_head.gif) no-repeat left top;
}
#dal_wp .circleCorner .inner{
padding:0 40px 30px !important;
background:url(../../../product/define_a_lash/img/bg_corner_circle_foot.gif) no-repeat left bottom;
}


#es_pencil_liner .circleCorner{
position:relative;
margin:0;
background:url(../../../product/eyestudio/eyeliner_img/bg_corner_circle_body.gif) repeat-y;
}
#es_pencil_liner .circleCorner h2{
padding:0 20px 0;
background:url(../../../product/eyestudio/eyeliner_img/bg_corner_circle_head.gif) no-repeat left top;
}
#es_pencil_liner .circleCorner .inner{
padding:0 40px 30px !important;
background:url(../../../product/eyestudio/eyeliner_img/bg_corner_circle_foot.gif) no-repeat left bottom;
}


#vemg_wp .circleCorner{
position:relative;
margin:0;
background:url(../../../product/volum_express_magnum/img/bg_corner_circle_body.gif) repeat-y;
}
#vemg_wp .circleCorner h2{
padding:10px 32px 0;
background:url(../../../product/volum_express_magnum/img/bg_corner_circle_head.gif) no-repeat left top;
}
#vemg_wp .circleCorner .inner{
padding:0 40px 21px !important;
background:url(../../../product/volum_express_magnum/img/bg_corner_circle_foot.gif) no-repeat left bottom;
}


#es_lasting_gelbrow .circleCorner{
position:relative;
margin:0;
background:url(/img/specials/eyes/products/es_lasting_gel_brow/bg_corner_circle_body.gif) repeat-y;
}
#es_lasting_gelbrow .circleCorner h2{
padding:0 20px 0;
background:url(/img/specials/eyes/products/es_lasting_gel_brow/bg_corner_circle_head.gif) no-repeat left top;
}
#es_lasting_gelbrow .circleCorner .inner{
padding:0 40px 21px !important;
background:url(/img/specials/eyes/products/es_lasting_gel_brow/bg_corner_circle_foot.gif) no-repeat left bottom;
}



#es_slim_eyebrow .circleCorner{
position:relative;
margin:0;
background:url(../../../product/es_slim_eyebrow/img/bg_corner_circle_body.gif) repeat-y;
}
#es_slim_eyebrow .circleCorner h2{
padding:30px 40px 0;
background:url(../../../product/es_slim_eyebrow/img/bg_corner_circle_head.gif) no-repeat left top;
}
#es_slim_eyebrow .circleCorner .inner{
padding:0 40px 21px !important;
background:url(../../../product/es_slim_eyebrow/img/bg_corner_circle_foot.gif) no-repeat left bottom;
}



/**************************************************************************************************

BORDER

**************************************************************************************************/
.bdrHorizon02{
margin-bottom:20px;
padding-bottom:20px !important;
background:url(../../asset_img/border/bdr_horizontal_03.gif) repeat-x left bottom !important;
}



.bdrHorizon01Top{
padding-top:20px;
background:url(../../asset_img/border/bdr_horizontal_01.gif) repeat-x left top !important;
}
.bdrHorizon01{
margin-bottom:40px;
padding-bottom:20px;
background:url(../../asset_img/border/bdr_horizontal_01.gif) repeat-x left bottom !important;
}
.bdrHorizon03{
margin-bottom:20px;
padding-bottom:20px !important;
background:url(../img/bdr_horizontal_04.gif) repeat-x left bottom;
}
.bdrHorizon04{
margin-bottom:20px;
padding-bottom:20px !important;
background:url(../img/bdr_horizontal_05.gif) repeat-x left bottom;
}


.blogtoolSection01{
margin:0 auto;
text-align:center;
}
.blogtoolSection01 div{
margin:0 auto 0;
}

.blogtoolSection02{
width:148px;
height:288px;
margin:0 auto;
border:1px solid #FEF8F9;
text-align:center;
}
.blogtoolSection02 div{
margin:30px auto 0;
}



/**************************************************************************************************

BUTTON

**************************************************************************************************/


#mainColumn #footBannerArea{
margin:0;
padding:20px 0 0;
background:#ffffff;
}

.btn01 a:hover img,
a.btn01:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}

.btnBorder01 a{
display:block;
border:4px solid #EEEEEE;
}
.btnBorder01 a:hover{
border:4px solid #AAAAAA;
}
.btnBorder01 a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}

.btnBorder02 a{
display:block;
border:1px solid #CCCCCC;
}
.btnBorder02 a:hover{
/* *****************COLOR***************** */
border:1px solid #630565;
}
.btnBorder02 a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}

.btnBorder03 a{
display:block;
width:118px;
border:1px solid #CCCCCC;
}
.btnBorder03 a:hover{
/* *****************COLOR***************** */
border:1px solid #630565;
}
.btnBorder03 a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}


.btnBorderW276 a{
width:276px;
display:block;
border:4px solid #EEEEEE;
}
.btnBorderW276 a:hover{
border:4px solid #69A542;
}
.btnBorderW276 a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}



.btnSubmitForm{
text-align:center;
}

.btnSubmitForm a{
display:block;
width:322px;
border:1px solid #CCCCCC;
}
.btnSubmitForm a:hover{
border:1px solid #69A542;
}
.btnSubmitForm a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}


#subColumn .section .btnBorder02{
margin-left:17px !important;
}
#subColumn .section .btnBorder02 a img,
#subColumn .section .btnBorder02 span img{
padding:0 !important;
}

#index #subColumn .section .btnBorder02{
margin-left:0 !important;
}



/**************************************************************************************************

TABLE MODULE

**************************************************************************************************/

.tableAppearance01 th{
font-size:92%;
color:#666666;
line-height:1.8;
width:150px;
vertical-align:top;
}

.tableAppearance01 th,
.tableAppearance01 td{
padding-bottom:20px;
}

.tableAppearance01 td input{
vertical-align:middle;
}
.tableAppearance01 td p{
margin:0 0 10px !important;
}





.tableMakeupFlow th{
width:122px;
background:#FDEEF2;
text-align:center;
}
.tableMakeupFlow th.flowArrow{
background:#FDEEF2 url(../../ss08/img/bg_th_arrow.gif) no-repeat left bottom;
}
.tableMakeupFlow th.flowFinish{
background:#FDEEF2 url(../../ss08/img/bg_th_finish.gif) no-repeat left bottom;
}


.tableMakeupFlow td{
padding:0 10px 20px;
}



.tableMakeupBody{
width:193px;
}
.tableMakeupMore{
border-left:1px solid #E0E0E0;
font-size:84%;
}
.tableMakeupMore h4{
margin:0 0 10px !important;
padding:16px 0 0;
background:url(../../ss08/img/bg_h4_check.gif) no-repeat left top;
color:#E27E88;
}
.tableMakeupMore p{
margin:0 0 10px !important;
}

.tableMakeupItem{
width:122px;
vertical-align:top;
}



/**************************************************************************************************

INPUT OBJECT

**************************************************************************************************/


.codeFieldRow3{
width:324px;
height:69px;
background:url(../../asset_img/tmpl_second/v6/bg_textarea_row3.gif) no-repeat;
}
.codeFieldRow3:hover,
.codeFieldRow3:focus{
width:324px;
height:69px;
background:url(../../asset_img/tmpl_second/v7/bg_textarea_row3_focus.gif) no-repeat;
}
.codeFieldRow3 textarea{
overflow:hidden;
width:304px;
height:47px;
margin:0;
border:none;
padding:8px 10px;
background:none;
color:#333333;
}




.codeField textarea{
width: 678px;
height: 60px;
padding: 3px 5px;
overflow:hidden;
border:1px solid #ddd;
line-height:1.5;
font-size:90%;
font-family:"Courier New", Courier, monospace;
color:#666;
}

.formBtn{
text-align:center;
}
.formBtn img{
margin:auto 10px;
}

.formAppearance400{
width:390px;
border:1px solid #999999;
padding:5px 2px;
background:#E9E9E9;
}
.formAppearance400:focus{
border:1px solid #E27E88;
background:#f1f1f1;
}

#spiralSignatureArea{
margin:0 0 40px;
border:1px solid #E27E88;
padding:10px 20px;
}
#spiralSignatureArea p{
margin:10px 0;
}
#spiralSignatureArea em{
text-decoration:underline;
font-style:normal;
}








/**************************************************************************************************

CLEARFIX 
ELEMENTS : #content

**************************************************************************************************/

.section:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}
.section{
display:inline-table;
min-height:1%;
/* =========== DW DESIGN VIEW =========== */
/*overflow:hidden; */
/* ========= //DW DESIGN VIEW =========== */
}
/* FOR MAC IE \*/
* html .section{height:1%;}
.section{display: block;}
/* END OF FOR MAC IE */