@charset "utf-8";

/* ------------------------- TOC 
setup
common
wrap around the contents except top
header except top
contents except top 
global navigation except top
sub_contents except top
pagetop except top
footer except top
 ------------------------- */

/* ============================== setup */
body { color: #242b31; background-color: #fff; font-size: 13px; font-family: Futura, "Futura Book", "Futura Book BT", verdana, arial, helvetica, clean, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #b8a87e; }
a:link { color: #b8a87e; }
a:visited { color: #b8a87e; }
a:hover, a:active { color: #b8a87e; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

/* ============================== common */
.uppercase { text-transform: uppercase; }
em { font-weight: bold; font-style: normal; }


/* ============================== wrap around the contents except top */
#wrapper { margin: 0 auto; width: 758px; text-align: left; border-left: #D5D9DC solid 1px; border-right: #D5D9DC solid 1px; }


/* ============================== header except top */
#header { padding: 23px 0 21px 25px; background-color: #fffef2; border-bottom: #242b31 solid 5px; }


/* ============================== contents except top */
#contents { }
#main_contents { padding-right: 40px; width: 510px; float: right; }
#sub_contents { width: 149px; float: left; }

/* ============================== global navigation except top */
#nav_global { margin-top: 90px; width: 149px; }
#nav_global ul { }
#nav_global ul li { margin-top: 1px; }
#nav_global ul li a { display: block; width: 149px; height: 28px; }
#nav_global ul ul li a { margin-left: 23px; display: block; width: 126px; height: 16px; }

#nav_global ul li a:link, 
#nav_global ul li a:visited { background-position: 0 0; }
#nav_global ul li a:hover, 
#nav_global ul li a:active { background-position: 0 -56px; }

#nav_global ul ul li a:link, 
#nav_global ul ul li a:visited { background-position: 0 0; }
#nav_global ul ul li a:hover, 
#nav_global ul ul li a:active { background-position: 0 -32px; }

/* Top */
#nav_global #nav_top a { background-image: url(../img/bt_nav_top.png) }
body#top #nav_global #nav_top a:link, 
body#top #nav_global #nav_top a:visited { background-position: 0 -28px; }

/* Product */
#nav_global #nav_products a { background-image: url(../img/bt_nav_products.png); }
body.products #nav_global #nav_products a:link, 
body.products #nav_global #nav_products a:visited { background-position: 0 -28px; }
body.products #nav_global #nav_sub_products a:link, 
body.products #nav_global #nav_sub_products a:visited { background-position: 0 0; }
body.products #nav_global #nav_sub_products a:hover, 
body.products #nav_global #nav_sub_products a:active { background-position: 0 -32px; }

#nav_global #nav_sub_skincare a { background-image: url(../img/bt_snav_skincare.png); }
body#skincare #nav_global #nav_sub_skincare a:link, 
body#skincare #nav_global #nav_sub_skincare a:visited { background-position: 0 -16px; }

#nav_global #nav_sub_suncare a { background-image: url(../img/bt_snav_suncare.png); }
body#suncare #nav_global #nav_sub_suncare a:link, 
body#suncare #nav_global #nav_sub_suncare a:visited { background-position: 0 -16px; }

#nav_global #nav_sub_bodycare a { background-image: url(../img/bt_snav_bodycare.png); }
body#bodycare #nav_global #nav_sub_bodycare a:link, 
body#bodycare #nav_global #nav_sub_bodycare a:visited { background-position: 0 -16px; }

#nav_global #nav_sub_makeup a { background-image: url(../img/bt_snav_makeup.png); }
body#makeup #nav_global #nav_sub_makeup a:link, 
body#makeup #nav_global #nav_sub_makeup a:visited { background-position: 0 -16px; }

#nav_global #nav_sub_haircare a { background-image: url(../img/bt_snav_haircare.png); }
body#haircare #nav_global #nav_sub_haircare a:link, 
body#haircare #nav_global #nav_sub_haircare a:visited { background-position: 0 -16px; }

#nav_global #nav_sub_search a { background-image: url(../img/bt_snav_search.png); }
body#search #nav_global #nav_sub_search a:link,
body#search #nav_global #nav_sub_search a:visited { background-position: 0 -16px; }

/* Event */
#nav_global #nav_event a { background-image: url(../img/bt_nav_event.png) }
body.event #nav_global #nav_event a:link, 
body.event #nav_global #nav_event a:visited { background-position: 0 -28px; }

/* Media */
#nav_global #nav_media a { background-image: url(../img/bt_nav_media.png) }
body.media #nav_global #nav_media a:link, 
body.media #nav_global #nav_media a:visited { background-position: 0 -28px; }
body.media #nav_global #nav_sub_media a:link, 
body.media #nav_global #nav_sub_media a:visited { background-position: 0 0; }
body.media #nav_global #nav_sub_media a:hover, 
body.media #nav_global #nav_sub_media a:active { background-position: 0 -32px; }

#nav_global #nav_sub_media_2010 a { background-image: url(../img/bt_snav_2010.gif) }
body.media_2010 #nav_global #nav_sub_media_2010 a:link, 
body.media_2010 #nav_global #nav_sub_media_2010 a:visited { background-position: 0 -16px; }

#nav_global #nav_sub_media_2009 a { background-image: url(../img/bt_snav_2009.gif) }
body.media_2009 #nav_global #nav_sub_media_2009 a:link, 
body.media_2009 #nav_global #nav_sub_media_2009 a:visited { background-position: 0 -16px; }

#nav_global #nav_sub_media_2008 a { background-image: url(../img/bt_snav_2008.gif) }
body.media_2008 #nav_global #nav_sub_media_2008 a:link, 
body.media_2008 #nav_global #nav_sub_media_2008 a:visited { background-position: 0 -16px; }

#nav_global #nav_sub_media_2007 a { background-image: url(../img/bt_snav_2007.gif) }
body.media_2007 #nav_global #nav_sub_media_2007 a:link, 
body.media_2007 #nav_global #nav_sub_media_2007 a:visited { background-position: 0 -16px; }

#nav_global #nav_sub_media_2006 a { background-image: url(../img/bt_snav_2006.gif) }
body.media_2006 #nav_global #nav_sub_media_2006 a:link, 
body.media_2006 #nav_global #nav_sub_media_2006 a:visited { background-position: 0 -16px; }

/* About */
#nav_global #nav_about a { background-image: url(../img/bt_nav_about.png); }

/* globalsite */
#nav_global #nav_globalsite { margin: 10px 0 0 8px; }
#nav_global #nav_globalsite a { background-image: url(../img/bt_nav_globalsite.png); width: 65px; height: 8px; }
#nav_global #nav_globalsite a:link, 
#nav_global #nav_globalsite a:visited,
#nav_global #nav_globalsite a:hover, 
#nav_global #nav_globalsite a:active { background-position: 0 0; }


/* ============================== #main_contents except top */
#main_contents h1 { margin: 37px 0 30px 0; min-height: 23px; }

#main_contents .article_container { margin-bottom: 40px; }
#main_contents .article_container .h2_container { padding: 16px 10px 0 11px; width: 489px; height: 30px; background: url(../img/bg_h2.png) no-repeat 0 0; }
#main_contents .article_container .article { margin-top: 20px; }
#main_contents .article_container .photo { }
#main_contents .article_container .txt { margin-top: 20px; line-height: 2; }

/* ============================== sub_contents except top */
#sub_contents #sub_counseling_guide { margin-top: 30px; border: 1px solid #d5d9dc; border-left: none; line-height: 1.5; }
#sub_contents #sub_counseling_guide dt { padding: 4px 8px; border-bottom: 1px solid #d5d9dc; }
#sub_contents #sub_counseling_guide dt span { display: block; width: 99px; height: 15px; background: url(../img/nav_counseling_title.gif) 0 0 no-repeat; }
#sub_contents #sub_counseling_guide dd { font-size: 84%; font-family: Futura, "Futura Book", "Futura Book BT" sans-serif; padding: 8px; }
#sub_contents #sub_counseling_guide dd .mail a:link,
#sub_contents #sub_counseling_guide dd .mail a:visited,
#sub_contents #sub_counseling_guide dd .mail a:hover,
#sub_contents #sub_counseling_guide dd .mail a:active { color: #b8a87e }

/* ============================== pagetop except top */
#go_pagetop { margin-top: 20px; padding: 0 0 10px 22px; }
#go_pagetop a { display: block; width: 50px; height: 13px; background-image: url(../img/bt_pagetop.gif); }
#go_pagetop a:link, 
#go_pagetop a:visited { background-position: 0 0; }
#go_pagetop a:hover, 
#go_pagetop a:active { background-position: 0 -13px; }

/* ============================== back except top */
#go_back { margin-top: 40px; }
#go_back a { display: block; width: 32px; height: 13px; background-image: url(../img/bt_back.gif); }
#go_back a:link, 
#go_back a:visited { background-position: 0 0; }
#go_back a:hover, 
#go_back a:active { background-position: 0 -13px; }


/* ============================== footer except top */
#footer_container { width: 758px; }
#footer { padding: 15px 21px 13px; background-color: #242b31; }
#footer ul { }
#footer li { float: left; }

#footer ul.lc { margin-top: 14px; width: 350px; }
#footer ul.lc a { display: block; height: 10px; }

#footer ul.lc #footer_globalsite a { background: url(../img/bt_footer_globalsite.png) no-repeat 0 0; width: 115px; }
#footer ul.lc #footer_globalsite a:link, 
#footer ul.lc #footer_globalsite a:visited,
#footer ul.lc #footer_globalsite a:hover, 
#footer ul.lc #footer_globalsite a:active { background-position: 0 0; }

#footer ul.lc #footer_about a { background: url(../img/bt_footer_about.png) no-repeat 0 0; width: 88px; }
#footer ul.lc #footer_about a:link, 
#footer ul.lc #footer_about a:visited,
#footer ul.lc #footer_about a:hover, 
#footer ul.lc #footer_about a:active { background-position: 0 0; }

#footer ul.lc #footer_faq a { background: url(../img/bt_footer_faq.png) no-repeat 0 0; width: 107px; }
#footer ul.lc #footer_faq a:link, 
#footer ul.lc #footer_faq a:visited,
#footer ul.lc #footer_faq a:hover, 
#footer ul.lc #footer_faq a:active { background-position: 0 0; }

#footer ul.lc #footer_about, #footer ul.lc #footer_faq { padding-left: 20px; }

#footer ul.rc #footer_copyright { margin-top: 17px; padding-right: 20px; background: url(../img/copyright.png) no-repeat 0 0; width: 193px; height: 10px; }
#footer ul.rc #footer_kanebo { background: url(../img/logo_kanebo.png) no-repeat 0 0; width: 79px; height: 25px; }