@charset "utf-8";

/* common
------------------------------------------------------------*/
.charmdrop-article-title { margin:0 0 59px 0;  }

/* concept
------------------------------------------------------------*/
#cd_concept .charmdrop-article-title { margin:0 0 21px 0;  }
#cd_concept .charmdrop-figure { padding:0 18px 60px 18px; }
#cd_concept .charmdrop-figure .charmdrop-figcaption { float:right; width:390px; }
#cd_concept .charmdrop-figure .charmdrop-figcaption p.charmdrop-catch { margin:38px 0 37px 0; }
#cd_concept .charmdrop-figure .charmdrop-figcaption div.charmdrop-control { margin:35px 0 0 0; }
#cd_concept .charmdrop-figure .charmdrop-image { float:left; width:252px; }

/* products 
------------------------------------------------------------*/

/* products index */
#cd_products .charmdrop-index .charmdrop-article-title { margin:0 0 59px 0; }
#cd_products .charmdrop-index .charmdrop-group { padding:0 17px; }
#cd_products .charmdrop-index dl { float:left; margin:0 0 0 16px; width:125px; }
#cd_products .charmdrop-index dl.charmdrop-cycle { margin:0; }
#cd_products .charmdrop-index dl dt { margin-bottom:5px; }
#cd_products .charmdrop-index dd { margin-left:0px; }

/* products common */
#cd_products.charmdrop-detail #article .charmdrop-promotion { position:relative; width:725px; height:150px; margin:0 -219px 29px 0; }
#cd_products.charmdrop-detail #article .charmdrop-section { margin:35px 0 52px 0; padding:0 0 0 36px; }
#cd_products.charmdrop-detail #article .charmdrop-section.charmdrop-firstChild { margin:0; }
#cd_products.charmdrop-detail #article .charmdrop-section .charmdrop-section { margin:35px 0 0 0; padding:0 0 0 18px; }
#cd_products.charmdrop-detail #article h2 { position:relative; margin:0 0 19px -18px; padding:5px 0 4px 7px; }
#cd_products.charmdrop-detail #article h3 { position:relative; margin:0 0 12px -18px; padding:5px 0 4px 7px; }
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type1 .charmdrop-figcaption { float:left; width:265px; }
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type1 .charmdrop-figcaption .charmdrop-imgdecimal-list {}
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type1 .charmdrop-figcaption .charmdrop-imgdecimal-list li { margin-top:2em; font-size:93%; }
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type1 .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n1 { margin:0; padding:4px 0 0 20px; }
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type1 .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n2 { padding:3px 0 0 20px; }
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type1 .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n3 { padding:3px 0 0 20px; }
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type1 .charmdrop-image { float:right; width:173px; padding-right:3px; }
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type2 .charmdrop-figcaption { float:right; width:292px; padding-right:3px; }
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type2 .charmdrop-figcaption p { margin-top:1em; }
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type2 .charmdrop-figcaption p.charmdrop-firstChild { margin-top:0.7em; }
#cd_products.charmdrop-detail #article .charmdrop-figure.charmdrop-type2 .charmdrop-image { float:left; width:153px; margin-top:-9px; text-align:center; }
#cd_products.charmdrop-detail #article .charmdrop-section .charmdrop-notice { margin-top:25px; }
#cd_products.charmdrop-detail #article .charmdrop-section .charmdrop-notice p { margin:1.5em 0 0 0; font-size:85%; line-height:1.5em; }
#cd_products.charmdrop-detail #article .charmdrop-section .charmdrop-notice p.charmdrop-firstChild { margin:0; }

#cd_products.charmdrop-detail #article .charmdrop-frame { margin-bottom:29px; padding:21px 21px 21px 0; border-width:1px; border-style:solid; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-section { padding:0; }
#cd_products.charmdrop-detail #article .charmdrop-frame h2 { width:305px; margin:0; padding:0; border:none; background:none; }
#cd_products.charmdrop-detail #article .charmdrop-frame h3 { margin:0; padding:0; border:none; background:none; }
#cd_products.charmdrop-detail #article .charmdrop-frame p.charmdrop-firstChild { margin-top:1em; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure {}
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption { float:right; width:275px; padding-bottom:15px; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption h2 { margin:10px 0 0 -30px; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption p { font-size:93%; line-height:1.7em; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-section { position:relative; width:275px; margin-top:15px; padding:15px 0 0 0; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-element h3 { margin:0 0 11px 0; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-element p { font-size:85%; line-height:1.5em; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-element p.charmdrop-firstChild { margin-top:0; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-price { padding:0; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption p.charmdrop-note { font-size:85%; margin-top:0.5em; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption div.charmdrop-control { margin-top:1.5em; }
#cd_products.charmdrop-detail #article .charmdrop-frame .charmdrop-figure .charmdrop-image { float:left; padding-left:3px; }

#cd_products.charmdrop-detail #aside { padding:179px 0 0 0; }
#cd_products.charmdrop-detail #aside ul {}
#cd_products.charmdrop-detail #aside ul li { margin:10px 0 0 0; }
#cd_products.charmdrop-detail #aside ul li.charmdrop-firstChild { margin:0; }


/* products 01 */
#cd_products.charmdrop-products01 #cd_content { background-image:url(../img/img4/cd_prd1_bg_global.gif); }
#cd_products.charmdrop-products01 #article h2 { background-color:#eaf6d5; border-bottom:2px solid #9cbd61; }
#cd_products.charmdrop-products01 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n1 { background:url(../img/img4/cd_prd1_num_1.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products01 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n2 { background:url(../img/img4/cd_prd1_num_2.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products01 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n3 { background:url(../img/img4/cd_prd1_num_3.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products01 .charmdrop-frame { border-color:#9cbd61; }
#cd_products.charmdrop-products01 #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-section { background:url(../img/img4/cd_dot_line_01.gif) repeat-x top left transparent; }

/* products 02 */
#cd_products.charmdrop-products02 #cd_content { background-image:url(../img/img4/cd_prd2_bg_global.gif); }
#cd_products.charmdrop-products02 #article h2 { background-color:#f3e9fe; border-bottom:2px solid #b290c6; }
#cd_products.charmdrop-products02 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n1 { background:url(../img/img4/cd_prd2_num_1.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products02 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n2 { background:url(../img/img4/cd_prd2_num_2.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products02 .charmdrop-frame { border-color:#c0aed8; }
#cd_products.charmdrop-products02 #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-section { background:url(../img/img4/cd_dot_line_02.gif) repeat-x top left transparent; }

/* products 03 */
#cd_products.charmdrop-products03 #cd_content { background-image:url(../img/img4/cd_prd3_bg_global.gif); }
#cd_products.charmdrop-products03 #article h2 { background-color:#ffecf1; border-bottom:2px solid #f8a8bb; }
#cd_products.charmdrop-products03 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n1 { background:url(../img/img4/cd_prd3_num_1.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products03 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n2 { background:url(../img/img4/cd_prd3_num_2.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products03 .charmdrop-frame { border-color:#f0afbe; }
#cd_products.charmdrop-products03 #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-section { background:url(../img/img4/cd_dot_line_03.gif) repeat-x top left transparent; }

/* products 04 */
#cd_products.charmdrop-products04 #cd_content { background-image:url(../img/img4/cd_prd4_bg_global.gif); }
#cd_products.charmdrop-products04 #article h2 { background-color:#fef0de; border-bottom:2px solid #dab692; }
#cd_products.charmdrop-products04 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n1 { background:url(../img/img4/cd_prd4_num_1.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products04 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n2 { background:url(../img/img4/cd_prd4_num_2.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products04 .charmdrop-frame { border-color:#dab692; }
#cd_products.charmdrop-products04 #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-section { background:url(../img/img4/cd_dot_line_04.gif) repeat-x top left transparent; }
#cd_products.charmdrop-products04 #article .charmdrop-figure.charmdrop-type2 .charmdrop-image { margin-top:-7px; }

/* products 05 */
#cd_products.charmdrop-products05 #cd_content { background-image:url(../img/img4/cd_prd5_bg_global.gif); }
#cd_products.charmdrop-products05 #article h2 { background-color:#fffabf; border-bottom:2px solid #e0d09f; }
#cd_products.charmdrop-products05 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n1 { background:url(../img/img4/cd_prd5_num_1.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products05 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n2 { background:url(../img/img4/cd_prd5_num_2.gif) no-repeat 0 0 transparent; }
#cd_products.charmdrop-products05 .charmdrop-frame { border-color:#fae692; }
#cd_products.charmdrop-products05 #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-section { background:url(../img/img4/cd_dot_line_05.png) repeat-x top left transparent; }
#cd_products.charmdrop-products05 #article .charmdrop-figure.charmdrop-type2 .charmdrop-image { margin-top:-7px; }

/* products 06 trial */
#cd_products.charmdrop-products06 #cd_content { background-image:url(../img/img4/cd_prd6_bg_global.gif); }
#cd_products.charmdrop-products06 #article h2 { background-color:#fffabf; border-bottom:2px solid #e0d09f; }
/*#cd_products.charmdrop-products06 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n1 { background:url(../img/img4/cd_prd5_num_1.gif) no-repeat 0 0 transparent; }*/
/*#cd_products.charmdrop-products06 #article .charmdrop-figcaption .charmdrop-imgdecimal-list li.charmdrop-n2 { background:url(../img/img4/cd_prd5_num_2.gif) no-repeat 0 0 transparent; }*/
#cd_products.charmdrop-products06 .charmdrop-frame { border-color:#efadce; }
#cd_products.charmdrop-products06 #article .charmdrop-frame .charmdrop-figure .charmdrop-figcaption .charmdrop-section { background:url(../img/img4/cd_dot_line_06.png) repeat-x top left transparent; }
#cd_products.charmdrop-products06 #article .charmdrop-figure.charmdrop-type2 .charmdrop-image { margin-top:-7px; }

/* message
------------------------------------------------------------*/
#cd_message .charmdrop-figure { padding:0 58px 0 56px; }
#cd_message .charmdrop-figure .charmdrop-figcaption { float:right; width:390px; }
#cd_message .charmdrop-figure .charmdrop-figcaption p.charmdrop-catch { margin:0 0 37px 0; }
#cd_message .charmdrop-figure .charmdrop-figcaption div.charmdrop-control { margin:35px 0 0 0; }
#cd_message .charmdrop-figure .charmdrop-image { float:left; width:173px; }
#cd_message .charmdrop-figure .charmdrop-image p { margin:6px 0 0 0; font-size:85%; color:#472a1e; }

/* step
------------------------------------------------------------*/
#cd_step #cd_content .charmdrop-group { position:relative; height:855px; padding:0 58px 65px 58px; }
#cd_step #cd_content .charmdrop-group .charmdrop-morning ol {}
#cd_step #cd_content .charmdrop-group .charmdrop-night ol { position:absolute; top:0; right:58px; text-align:right; }
#cd_step #cd_content .charmdrop-group ol li.charmdrop-n1 { margin-bottom:12px; }
#cd_step #cd_content .charmdrop-group ol li.charmdrop-n2 { margin-bottom:5px; }
#cd_step #cd_content .charmdrop-group ol li.charmdrop-n3 { margin-bottom:5px; }

/* qa
------------------------------------------------------------*/
#cd_qa .charmdrop-wrapper { width:610px; padding:0 59px 0 56px; }
#cd_qa .charmdrop-inside li { float:left; padding:0 0 26px 0; }
#cd_qa .charmdrop-inside li a { display:block; width:180px; padding:0 0 0 23px; background:url(../img/img4/cd_arrow_01.gif) no-repeat 0 1px transparent; }
#cd_qa .charmdrop-inside li a:hover { background:url(../img/img4/cd_arrow_01_r.gif) no-repeat 0 1px transparent; }
#cd_qa .charmdrop-section { padding:0 33px 20px 33px; border:1px solid #dfcfc5; }
#cd_qa .charmdrop-section dl { padding:20px 0 19px 0; }
#cd_qa .charmdrop-section dl dt { padding:4px 0 12px 40px; background:url(../img/img4/cd_icon_question.gif) no-repeat 0 0 transparent; }
#cd_qa .charmdrop-section dl dd { padding:4px 0 0 40px; background:url(../img/img4/cd_icon_answer.gif) no-repeat 0 0 transparent; }
#cd_qa .charmdrop-section h2 {  padding:0 20px; margin:0 -33px 20px -33px; border-top-width:3px; border-top-style:solid; font-weight:bold; font-size:138.5%; }
#cd_qa div.charmdrop-pagetop { padding:9px 0 21px 0; }

#cd_qa #all h2 { border-top-color:#dfcfc5; background-color:#f4efec; }
#cd_qa #all dl { background:url(../img/img4/cd_dot_line_05.gif) repeat-x 0 0 transparent; }
#cd_qa #all dl.charmdrop-firstChild { padding-top:0; background:none; }
#cd_qa #fresh h2 { border-top-color:#c5eeb6; background-color:#efffdc; }
#cd_qa #fresh dl { background:url(../img/img4/cd_dot_line_01.gif) repeat-x 0 0 transparent; }
#cd_qa #fresh dl.charmdrop-firstChild { padding-top:0; background:none; }
#cd_qa #clear h2 { border-top-color:#dabde9; background-color:#f9ebff; }
#cd_qa #clear dl { background:url(../img/img4/cd_dot_line_02.gif) repeat-x 0 0 transparent; }
#cd_qa #clear dl.charmdrop-firstChild { padding-top:0; background:none; }
#cd_qa #melting h2 { border-top-color:#f9bedb; background-color:#fee7f3; }
#cd_qa #melting dl { background:url(../img/img4/cd_dot_line_02.gif) repeat-x 0 0 transparent; }
#cd_qa #melting dl.charmdrop-firstChild { padding-top:0; background:none; }
#cd_qa #conk h2 { border-top-color:#e4af89; background-color:#fee8d0; }
#cd_qa #conk dl { background:url(../img/img4/cd_dot_line_02.gif) repeat-x 0 0 transparent; }
#cd_qa #conk dl.charmdrop-firstChild { padding-top:0; background:none; }

#cd_qa #cream h2 { border-top-color:#ffe740; background-color:#fffabf; }
#cd_qa #cream dl { background:url(../img/img4/cd_dot_line_02.gif) repeat-x 0 0 transparent; }
#cd_qa #cream dl.charmdrop-firstChild { padding-top:0; background:none; }

#cd_qa #trial h2 { border-top-color:#f1b8d5; background-color:#fff0f8; }
#cd_qa #trial dl { background:url(../img/img4/cd_dot_line_02.gif) repeat-x 0 0 transparent; }
#cd_qa #trial dl.charmdrop-firstChild { padding-top:0; background:none; }

/* buy
------------------------------------------------------------*/
#cd_buy #cd_content .charmdrop-group { padding:0 60px 0 55px; }
#cd_buy #cd_content .charmdrop-group .charmdrop-figure { margin:37px 0 0 0; }
#cd_buy #cd_content .charmdrop-group .charmdrop-figure .charmdrop-figcaption { float:right; width:390px; }
#cd_buy #cd_content .charmdrop-group .charmdrop-figure .charmdrop-figcaption h2 { font-size:108%; text-decoration:underline; font-weight:bold; }
#cd_buy #cd_content .charmdrop-group .charmdrop-figure .charmdrop-figcaption p { margin-top:1.5em; }
#cd_buy #cd_content .charmdrop-group .charmdrop-figure .charmdrop-image { float:left; width:200px; }

.charmdrop-info {
    padding: 0 33px 20px 33px;
    border: 1px solid #DFCFC5;
}

.charmdrop-info h2
{
    border-top-color: #DFCFC5;
    background-color: #F4EFEC;
    padding: 0 20px;
    margin: 0 -33px 20px -33px;
    border-top-width: 3px;
    border-top-style: solid;
    font-weight: bold;
    font-size: 138.5%;
}

.charmdrop-info dt {
    border-top-color: #DFCFC5;
    background-color: none; /*#F4EFEC;*/
    padding: 4px 0 12px 40px;
    background: url(../img/img4/cd_info_icon0.gif) no-repeat 0 0 transparent;
    color: #4d4c4b;
    text-align:left;
    font-size: 13px;
    line-height: 1.3em;
    font-weight:bold;
}
.charmdrop-info dd
{
    _height: 1%; /*for IE6*/
    border-top-color: #DFCFC5;
    background-color: #F4EFEC;
    padding: 4px 0 0 0px;
    background: none;
    color: #4d4c4b;
    text-align:left;
    font-size: 13px;
    line-height: 1.3em;
}

/*EOF*/