/* Base layout
======================================================================= */

body { background-color: #000000; text-align: center; }
body#popup { background-color: #9fa0a0; text-align: center; }

/* Wrapper
----------------------------------------------------------------------- */
div#wrapper { width: 849px; margin: 0 auto; background-color: #141414; text-align: left; }

/* Menu
----------------------------------------------------------------------- */
div#menu { float: left; width: 265px; margin: 10px 0 10px 10px; display: inline; }
div#menu h1 { padding: 20px 0 0 20px; }
div#menu ul { list-style: none; margin-top: 20px; }
div#menu ul li { height: 27px; }
div#menu dl { margin: 100px 0 0 30px; }
div#menu .banner { margin: 12px 0 0 44px; }
div#menu .banner02 { margin: 10px 0 0 44px; }
div#menu .shop { margin: 19px 0 0 30px; }

/* Main
----------------------------------------------------------------------- */
div#main { float: right; width: 545px; height: 544px; margin: 10px 19px 10px 0; background-repeat: no-repeat; display: inline; color: #323232; }
div#main th,
div#main td { color: #323232; }

body#outline    div#main,
body#news       div#main,
body#contact    div#main,
body#recruit    div#main,
body#privacy    div#main { background-color: #ffffff; background-image: url(../img/main_bg.gif); }
body#policy     div#main { background-image: url(../img/main_bg_philosophy.jpg); }
body#philosophy div#main { background-image: url(../img/main_bg_philosophy.jpg); }

body#brand             div#main { background-position: right top; }
body#brand.arukan      div#main { background-color: #e6e6e6; background-image: url(../img/main_bg_brand_arukan.jpg); }
body#brand.neutralgray div#main { background-color: #e6e6e6; background-image: url(../img/main_bg_brand_neutralgray.jpg); }
body#brand.flow        div#main { background-color: #e6e6e6; background-image: url(../img/main_bg_brand_flow.jpg); }
body#brand.bagatelle   div#main { background-color: #e6e6e6; background-image: url(../img/main_bg_brand_bagatelle.jpg); }
body#brand.coconeo     div#main { background-color: #e6e6e6; background-image: url(../img/main_bg_brand_coconeo.jpg); }
body#brand.collection  div#main { background-color: #ffffff; }

div#main a { color: #7f7f7f; }
div#main button.arw { background: transparent; border: none; cursor: pointer; vertical-align: middle; font-size: 12px; }
div#main .ripe { color: #a06464; }
div#main .arw { margin-left: .25em; font-weight: bold; color: #7f7f7f; text-decoration: none; letter-spacing: .25em; }
div#main .arw:hover { text-decoration: underline; }

/* Content
----------------------------------------------------------------------- */
body#outline    div#content,
body#news       div#content,
body#contact    div#content,
body#recruit    div#content,
body#privacy    div#content { width: 505px; margin-left: 20px; }
body#policy     div#content,
body#philosophy div#content { width: 455px; margin-left: 45px; }

body#policy     div#content h2,
body#outline    div#content h2,
body#news       div#content h2,
body#contact    div#content h2,
body#recruit    div#content h2,
body#privacy    div#content h2 { margin-top: 25px; padding-bottom: 2px; border-bottom: 1px solid #7f7f7f; }
body#philosophy div#content h2 { margin-top: 40px; }

div#content h3 { margin-top: 1.5em; font-size: 115%; letter-spacing: .25em; }
div#content p { margin-top: .5em; }