@charset "utf-8";

/* ============================================================ history_index */
#history_index h1 { margin-bottom: 40px; }
#history_index h2 { margin-left: -35px; margin-top: 30px; margin-bottom: 0; }
#history_index .multi_column { margin-top: 9px; margin-left: 25px; width: 705px; }
/* area_article */
#history_index .area_article { padding-left: 35px; padding-right: 35px; }
/* collection_section */
#history_index .collection_section { float: left; width: 286px; }
#history_index .collection_section .section { margin-top: 30px; }
#history_index .collection_section .first_section { margin-top: 0; }
#history_index .collection_section p { width: 270px; margin-left: 8px; font-size: small; margin-top: 5px; }
#history_index .collection_section .catchphrase { margin-left: 8px; }
#history_index .collection_section .first_section .catchphrase { margin-top: 0; }
#history_index .collection_section p.vi { width: auto; margin-left: 0; margin-top: 0; }
/* product_section */
#history_index .product_section { float: right; width: 360px; padding-top: 32px; }
#history_index .product_section .section { padding-top: 21px; margin-top: 20px; background: url(img/bg_product_section.gif) repeat-x 0 0; }
#history_index .product_section .first_section { padding-top: 9px; margin-top: 0; background: none; }
#history_index .product_section table th { width: 100px; }
#history_index .product_section table td { padding-left: 16px; vertical-align: bottom; }
#history_index .product_section table td td { padding-left: 0; }
#history_index .product_section table h3 { color: #996633; font-weight: bold; font-size: 84%; line-height: 1.4; letter-spacing: 0.1em; }
#history_index .product_section .comment { margin-top: 16px; background: url(img/bg_comment_left_top.gif) no-repeat 0 0; }
#history_index .product_section .comment_inner { background: url(img/bg_comment_left_bottom.gif) no-repeat 0 100%; padding-left: 0; vertical-align: middle; }
#history_index .product_section .comment p { line-height: normal; background: url(img/bg_comment_right_top.gif) no-repeat right top; }
#history_index .product_section .comment em { background: url(img/bg_comment_right_bottom.gif) no-repeat 100% 100%; display: block; font-size: 84%; padding: 9px 10px; font-style: normal; line-height: 1.5; position: relative; letter-spacing: 0.1em; color: #996633; }
#history_index .product_section table .comment span { background: url(img/bg_comment.gif) no-repeat 0 0; position: absolute; left: -4px; top: 40%; width: 6px; height: 5px; display: block; }
* html #history_index .product_section table .comment em { height: 1%; }
* html #history_index .product_section table .comment span { top: 15px; }
#history_index .product_section .summary { font-size: 84%; margin-top: 15px; line-height: 1.6; letter-spacing: 0.1em; }
/* year_1999_2000 */
#history_index h2#year_1999_2000 { margin-top: 42px; }
#history_index .year_1999_2000_section .multi_column { margin-top: 22px; }
#history_index .year_1999_2000_section .product_section { padding-top: 0; }
#history_index .year_1999_2000_section .birth_of_lunasol { margin-bottom: 10px; }
/* year_2003_2004 */
#history_index .year_2003_2004_section .multi_column { margin-top: 22px; }
#history_index .year_2003_2004_section .product_section { padding-top: 0; }
/* year_2005 */
#history_index .year_2005_section .product_section { padding-top: 23px; }
/* anniversary_10th_section */
#history_index .anniversary_10th_section { margin-left: 25px; margin-top: 30px; }
#history_index .anniversary_10th_section h3 { margin-left: 12px; }
#history_index .anniversary_10th_section p { width: 686px; margin-top: 8px; margin-left: 11px; }
#history_index .anniversary_10th_section .vi { margin-left: 0; }
#history_index .anniversary_10th_section .lunasol_10th { margin-bottom: 12px; }


/* pagetop */
#history_index #pagetop { margin-top: 20px; }


/* ============================================================ js_patch */
/* nyroModal */
div#nyroModalFull div#nyroModalWrapper { border: none; }
div#nyroModalFull a#closeBut { background: url(img/bt_close.gif) no-repeat 0 0; right: 0; top: -25px; width: 76px; height: 15px; }
div#nyroModalFull div#nyroModalLoading { border: none; }


