@charset "utf-8";

em  { font-style: normal; }

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }

/* ============================== css hack */
/* floating box clear */
.clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }

/* ============================================================ collection_index */
#collection_index #contents { background-color: #000000; }
#collection_index #contents #flash,
#collection_index #contents #no_flash {  width: 800px; height: 799px; background-image:url(img/h_background.jpg); background-repeat: no-repeat; }
#collection_index #contents #no_flash {  height: 770px; }
#collection_index #no_flash h1 { margin-bottom: 0; background-image:url(img/h_h1.jpg); width: 571px; height: 99px; }
#collection_index #no_flash p { margin-top: 11px; background-image:url(img/h_p.jpg); width: 478px; height: 55px; }
#collection_index #no_flash ul { width: 449px; margin: 56px auto 0; }
#collection_index #no_flash ul li { margin-top: 10px; }
#collection_index #no_flash ul li a { width: 449px; height: 35px; display: block; }
#collection_index #no_flash ul li a:hover { background-position: 0 -35px; }
#collection_index #no_flash ul li.menu_01 a { background-image:url(img/h_menu01.jpg); }
#collection_index #no_flash ul li.menu_02 a { background-image:url(img/h_menu02.jpg); }
#collection_index #no_flash ul li.menu_03 a { background-image:url(img/h_menu03.jpg); }
#collection_index #no_flash ul li.menu_04 a { background-image:url(img/h_menu04.jpg); }
#collection_index #no_flash ul li.menu_05 a { background-image:url(img/h_menu05.jpg); }
#collection_index #no_flash ul li.menu_06 a { background-image:url(img/h_menu06.jpg); }
#collection_index #no_flash ul li.menu_07 a { background-image:url(img/h_menu07.jpg); }
#collection_index #no_flash ul li.menu_08 a { background-image:url(img/h_menu08.jpg); }
#collection_index #no_flash ul li.menu_09 a { background-image:url(img/h_menu09.jpg); }

#collection_index #contents_bottom { margin-top: 10px; border-top: 1px solid #996633; padding-bottom: 20px; }



/* ============================================================ details */
#details { background: #000000; text-align: left; overflow: visible; }
#details #main { margin: 0; width: 6872px; }
#details #main .contents { background: url(img/border.gif) no-repeat right top; float: left; }
#details #main .contents h1 { color: #996633; font-size: 117%; }


/* nav */
#details #main .nav ul { width: 81px; margin-left: auto; margin-right: 2px; }
#details #main .btn1_none ul { width: 43px; }
#details #main .nav ul li { float: left; }
#details #main .nav ul li.prev { font-size: 84%; }
#details #main .nav ul li.next { margin-left: 4px; font-size: 84%; }
#details #main .nav ul li.prev a { background-image:url(img/prev.gif); }
#details #main .nav ul li.next a { background-image:url(img/next.gif); }

#details #main .nav ul li a { width: 38px; height: 18px; display: block; }
#details #main .nav ul li a:hover { background-position: 0 -18px; }

/* contents */
#details #main h1 { margin-top: 10px; margin-bottom: 0; }
#details #main p { margin-top: 20px; color: #FFFFFF; min-height: 8em; }
#details #main dl dd { margin-top: 5px; }

#details #main .eyes_c { min-height: 360px; }
#details #main .compact { float: left; }
#details #main .palette { float: right; }
#details #main .palette ul { margin-top: 15px; }
#details #main .palette ul.top { margin-top: 0; }
#details #main .palette ul li { float: left; margin-left: 10px; }

#details #main .eyes_c dl dd { color: #FFFFFF; font-size: 85%; min-height: 3em; }
#details #main .eyes_c dl dd em { color: #999999; }

#details #main .anecdote { margin-top: 10px; }
#details #main .anecdote dl dt { background-image:url(img/anecdote.gif); width: 153px; height: 23px; }
#details #main .anecdote dl dd { color: #FFCC99; min-height: 7em; line-height: 1.4; }

/* inte */
#details #main #c_inte { width: 1008px; }
#details #main #inte_section { width: 908px; margin-left: 50px; }
#details #main #inte_section h1 { background-image:url(img/inte_h1.gif); width: 430px; height: 53px; }

#details #main #inte_section .eyes_c { width: 908px; }
#details #main #inte_section .compact { width: 220px; }
#details #main #inte_section .compact dl dd { padding-left: 20px; }
#details #main #inte_section .palette { width: 668px; }
#details #main #inte_section .palette dl { width: 157px; }

/* lighting */
#details #main #c_lighting { width: 733px; }
#details #main #lighting_section { width: 583px; margin-left: 50px; }
#details #main #lighting_section h1 { background-image:url(img/lighting_h1.gif); width: 430px; height: 53px; }

#details #main #lighting_section .eyes_c { width: 583px; }
#details #main #lighting_section .compact { width: 220px; }
#details #main #lighting_section .compact dl dd { padding-left: 20px; }
#details #main #lighting_section .palette { width: 343px; }
#details #main #lighting_section .palette dl { width: 157px; }

/* prismatical */
#details #main #c_prismatical { width: 733px; }
#details #main #prismatical_section { width: 583px; margin-left: 50px; }
#details #main #prismatical_section h1 { background-image:url(img/prismatical_h1.gif); width: 430px; height: 53px; }

#details #main #prismatical_section .eyes_c { width: 583px; }
#details #main #prismatical_section .compact { width: 220px; }
#details #main #prismatical_section .compact dl dd { padding-left: 20px; }
#details #main #prismatical_section .palette { width: 343px; }
#details #main #prismatical_section .palette dl { width: 157px; }

/* scent */
#details #main #c_scent { width: 733px; }
#details #main #scent_section { width: 583px; margin-left: 50px; }
#details #main #scent_section h1 { background-image:url(img/scent_h1.gif); width: 430px; height: 53px; }

#details #main #scent_section .eyes_c { width: 583px; }
#details #main #scent_section .compact { width: 220px; }
#details #main #scent_section .compact dl dd { padding-left: 20px; }
#details #main #scent_section .palette { width: 343px; }
#details #main #scent_section .palette dl { width: 157px; }

/* skin */
#details #main #c_skin { width: 733px; }
#details #main #skin_section { width: 583px; margin-left: 50px; }
#details #main #skin_section h1 { background-image:url(img/skin_h1.gif); width: 430px; height: 53px; }

#details #main #skin_section .eyes_c { width: 583px; }
#details #main #skin_section .compact { width: 220px; }
#details #main #skin_section .compact dl dd { padding-left: 20px; }
#details #main #skin_section .palette { width: 343px; }
#details #main #skin_section .palette dl { width: 157px; }

/* geminate */
#details #main #c_geminate { width: 733px; }
#details #main #geminate_section { width: 583px; margin-left: 50px; }
#details #main #geminate_section h1 { background-image:url(img/geminate_h1.gif); width: 430px; height: 53px; }

#details #main #geminate_section .eyes_c { width: 583px; }
#details #main #geminate_section .compact { width: 220px; }
#details #main #geminate_section .compact dl dd { padding-left: 20px; }
#details #main #geminate_section .palette { width: 343px; }
#details #main #geminate_section .palette dl { width: 157px; }

/* sheer */
#details #main #c_sheer { width: 733px; }
#details #main #sheer_section { width: 583px; margin-left: 50px; }
#details #main #sheer_section h1 { background-image:url(img/sheer_h1.gif); width: 430px; height: 53px; }

#details #main #sheer_section .eyes_c { width: 583px; }
#details #main #sheer_section .compact { width: 220px; }
#details #main #sheer_section .compact dl dd { padding-left: 20px; }
#details #main #sheer_section .palette { width: 343px; }
#details #main #sheer_section .palette dl { width: 157px; }

/* noble */
#details #main #c_noble { width: 733px; }
#details #main #noble_section { width: 583px; margin-left: 50px; }
#details #main #noble_section h1 { background-image:url(img/noble_h1.gif); width: 430px; height: 53px; }

#details #main #noble_section .eyes_c { width: 583px; }
#details #main #noble_section .compact { width: 220px; }
#details #main #noble_section .compact dl dd { padding-left: 20px; }
#details #main #noble_section .palette { width: 343px; }
#details #main #noble_section .palette dl { width: 157px; }

/* layer */
#details #main #c_layer { width: 733px; background: none; }
#details #main #layer_section { width: 583px; margin-left: 50px; }
#details #main #layer_section h1 { background-image:url(img/layer_h1.gif); width: 430px; height: 53px; }

#details #main #layer_section .eyes_c { width: 583px; }
#details #main #layer_section .compact { width: 220px; }
#details #main #layer_section .compact dl dd { padding-left: 20px; }
#details #main #layer_section .palette { width: 343px; }
#details #main #layer_section .palette dl { width: 157px; }