@charset "UTF-8";
/*////////////////////////////////////////////////////////////
BEYES - common.css for all pages.

Copyright (C) LightUp Shopping Club Inc. All Rights Reserved.
------------------------------------------------------------

[Reset]
    0. Yahoo UI Library: Reset CSS, Fonts CSS
    1. HTML, Body, Anchor
    2. Heading, Paragraph
    3. List
    4. Table
    5. Forms
    6. Quotation
    7. Others
        7-1. Inline-level Elements
        7-2. Block-level Elements
        7-3. For IE - Page Zoom, Background Flicker
[Main Layout]
    1. Container
    2. Header
    3. Content
    4. Footer
    5. QuickCart
[General]
    1. General
    2. Link List
[Module]
    1. Product Unit
        1-1. Unit List
        1-2. Unit Body
            - Box
            - Utility
            - Variation
    2. Zakka Unit
        2-1. Tooltip
    3. Pager
    4. Quick Cart
    5. Related Content
    6. Select Box
    99. Others
[Header]
    1. Site Name
    2. Nav
    3. Other
[Footer]
    1. Site Info
    2. Utility Nav
[Common Page]
    1. HTTP Status Error
    2. Noscript Message
[Clearfix]
[Other]

////////////////////////////////////////////////////////////*/

/* ################################################################################
    [Reset] Resetting HTML elements styles
   ################################################################################ */
/* ------------------------------------------------------------
    0. Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
html{color:#333;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}/* to preserve line-height and selector appearance */sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*because legend doesn't inherit in IE */legend{color:#000;}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/* ------------------------------------------------------------
    1. HTML, Body, Anchor
   ------------------------------------------------------------ */
html { overflow-y: scroll; }

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family:
       "ヒラギノ角ゴ Pro W3",
        "ＭＳ Ｐゴシック",
        sans-serif;
    line-height: 1.5;
}

*+html body { /* For IE7 */
    font-family:
        "ＭＳ Ｐゴシック",
        "ヒラギノ角ゴ Pro W3",
        sans-serif;
}

* html body { /* For IE6 */
    font-family:
        "ＭＳ Ｐゴシック",
        "ヒラギノ角ゴ Pro W3",
        sans-serif;
    text-align: center;
}

/* if you need Meiryo - "メイリオ", Meiryo, */
* html body{behavior:url(/js/csshover2.htc);} /* For IE6 */
a:link,
a:visited { color: #333; }

a:hover,
a:active  { color: #333; text-decoration: none; }

body.beyesZak,
body.beyesZak a {
    color: #45211d;
}

/* ------------------------------------------------------------
    2. Heading, Paragraph
   ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 { line-height: 1; }
/*
p { margin: 1em 0; padding: 0; }
*/

/* ------------------------------------------------------------
    3. List
   ------------------------------------------------------------ */
/*
ul, ol, dl {}
li, dd {}
dt { font-weight: bold; }
*/

/* ------------------------------------------------------------
    4. Table
   ------------------------------------------------------------ */
/*
table {
    clear: both;
    width: 100%;
    overflow: auto;
    margin: 1em 0;
    empty-cells: show;
}
caption {} thead {} tfoot {} tbody {}
colgroup {} col {}
th, td { vertical-align: top; }
thead th {} tbody th {} tfoot th {}
*/

/* ------------------------------------------------------------
    5. Form
   ------------------------------------------------------------ */
/*
form {} fieldset { border: 0; }
*/
legend { display: none; }
/*
input, textarea, select { font-size: 99%; }
textarea { font-family: "ＭＳ ゴシック", monospace; }
*/
label { cursor: pointer; }
/*
button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}
optgroup {} option {}
*/

/* ------------------------------------------------------------
    6. Quotation
   ------------------------------------------------------------ */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*
blockquote {}
q    { border-bottom: 1px dotted #d90000; background: #ffeeee; }
cite { font-style: normal; }
*/

/* ------------------------------------------------------------
    7. Others
   ------------------------------------------------------------ */

/*  7-1. Inline-level Elements
   ------------------------------------------------- */
img { vertical-align: top; }
object { outline: none; }
/*
address {} iframe {} em {}
*/
strong { font-weight: bold; }
/*
abbr, acronym { border-bottom: 1px dotted #fdfdfd; }
dfn {}
code, samp, kbd { font-family: "ＭＳ ゴシック", monospace; }
var { font-style: italic; }
ins {} del {} param {} sup {} sub {}
*/

/*  7-2. Block-level Elements
   ------------------------------------------------- */
hr { display: none; }
pre { overflow: auto; font-family: "ＭＳ ゴシック", monospace; }

/*  7-3. For IE
   ------------------------------------------------- */
/* For IE7 Page Zoom */
*+html body,
*+html br { letter-spacing: 0; }

/* ################################################################################
    [Main Layout] Setting main structure layout
   ################################################################################ */
/*
div#container
    div#header
    div#content
    div#footer
div#quickCart
    div#swfCartBox
*/

/* ------------------------------------------------------------
    1. Container
   ------------------------------------------------------------ */
div#container {
    position: relative;
    width: 945px;
    margin: 0 auto;
    padding-bottom: 40px; /* space for quickcart */
}

* html div#container { text-align: left; } /* For IE6 */

/* ------------------------------------------------------------
    2. Header
   ------------------------------------------------------------ */
div#header {
    position: relative;
    width: 945px;
    height: 86px;
    margin: 0 auto;
    z-index: 2; /* TEMP */
}

div#header.globalCommonHeader,
div.pageHttpStatus div#header,
div.pageBrand div#header,
div.pageGenre div#header,
div.pageRanking div#header,
div.pageCategory div#header,
body#beyesRecommendTop div#header {
    border-bottom: 4px solid #b3b3b3;
}

body.beyesZak div#header {
    padding-bottom: 4px;
    border-bottom: none;
}

body.beyesZak div.pageBrand div#header,
body.beyesZak div.pageGenre div#header,
body.beyesZak div.pageRanking div#header,
body.beyesZak div.pageCategory div#header {
    background: url(/img/zak/line_header_01.png) no-repeat 0 100%;
}

/* ------------------------------------------------------------
    3. Content
   ------------------------------------------------------------ */
div#content {
    position: relative;
    width: 945px;
    margin: 0 auto;
}

/* ------------------------------------------------------------
    4. Footer
   ------------------------------------------------------------ */
div#footer {
    clear: both;
    position: relative;
    width: 945px;
    margin: 50px auto 0;
}
div#footer ul.navUtility {
    border-top: 4px solid #b3b3b3;
    margin-top: 20px;
}
div#footer p.linkHome {
text-align: right;
}
body.beyesZak div#footer {
    padding-top: 4px;
    border: none;
    background: url(/img/zak/line_footer_01.png) no-repeat 0 0;
}

/* ------------------------------------------------------------
    5. QuickCart
   ------------------------------------------------------------ */
div#quickCart {
    position: fixed;
    _position: absolute;
    z-index: 100;
    overflow: hidden;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 34px;
}

div#swfCartBox {
    width: 100%;
    height: 220px;
}

/* ################################################################################
    [General] Setting general styles
   ################################################################################ */
/* ------------------------------------------------------------
    1. General
   ------------------------------------------------------------ */
.ttl01 {
    padding-top: 20px;
}

.uppercase { text-transform: uppercase; }

.link02 {
    padding-left: 8px;
    background: url(/img/common/ico_arrow_01.png) no-repeat 0 4px;
}

.linkHelp01 {
    padding: 2px 0 2px 15px;
    background: url(/img/common/ico_help_01.png) no-repeat 0 0;
}

/* ------------------------------------------------------------
    2. Link List
   ------------------------------------------------------------ */
/* Link List 01
   - 特定スタイルなし。個別ページでスタイルを指定する為のクラス。 */

/* Link List 02 */
.linkList02 {}
.linkList02 li {}
.linkList02 li a {
    padding-left: 8px;
    background: url(/img/common/ico_arrow_01.png) no-repeat 0 4px;
}

/* Link List 03 - 主にブログページのサイドバーで使用 */
.linkList03 {}
.linkList03 li {}
.linkList03 li a {
    padding-left: 15px;
    background: url(/img/common/ico_arrow_02.png) no-repeat 0 4px;
}
.linkList03 div span {
    padding-left: 15px;
    background: url(/img/common/ico_arrow_02_open.png) no-repeat 0 6px;
}
.linkList03 ul.tree {
    margin-left: 15px;
}

/* ################################################################################
    [Module] Setting module styles
   ################################################################################ */
/* ------------------------------------------------------------
    1. Product Unit
   ------------------------------------------------------------ */
/*
div#unitMainList01(.unitList01 ～ 03)
  div.unit01(.unitMen01 | .unitWom01) unit03まで増える予定
    div.details
      div.new
      h3.name
      p.thumb
      dl.info01
        dt.price
        dd.price(.discount)
        dt.brand
        dd.brand
      ul.info02
        li.copy
        li(.genreAme | .genreEur | .genreDre)
    div.variation
      div.item
        p.thumb
        ul.size
    ul.utility(.disable)
      li(.variation | .variationOpen)
      li(.cart | .cartOpen)
*/

/*  1-1. Unit List
   ------------------------------------------------- */
div.unitList01 {}

/* For Men Toppage */
div.unitList01 div.unitGroup,
div.unitList02 div.unitGroup,
div.unitList03 div.unitGroup {
    float: left;
    margin-right: 15px;
}

div.unitList01 div.unitGroup { width: 305px; }
/*
div.unitList02 div.unitGroup { width: 225px; }
div.unitList03 div.unitGroup { width: 177px; }
*/

/*  1-2. Unit Body
   ------------------------------------------------- */

/* --- Box --- */
div.unit01 {
    float: left;
    position: relative;
    width: 305px;
    height: 178px;
    margin-top: 10px;
    margin-right: 15px;
    background: #fff;
    overflow: hidden;
}

div.unit01 a:link,
div.unit01 a:visited {
    text-decoration: none;
}

/* --- Details --- */
div.unit01 div.details {
    height: 162px;
    background: url(/img/common/unit/spr_unit_01.png) no-repeat 0 -35px;
}
div.unit01 div.details:hover,
div.unit01.hover div.details { /* .hover For IE6 */
    background-color: #ededed;
}

/* new, coming soon */
div.unit01 div.new,
div.unit01 div.comingSoon {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 12px;
    background: url(/img/common/unit/spr_unit_01.png) no-repeat -270px 0;
    text-indent: -9999em;
    overflow: hidden;
}
div.unitWom01 div.new {
    background-position: -270px -12px;
}

div.unit01 div.comingSoon {
    width: 79px;
    background-position: -191px 0;
}
div.unitWom01 div.comingSoon {
    background-position: -191px -12px;
}

/* sold out */
div.unit01 div.soldOut {
    position: absolute;
    top: 59px;
    left: 42px;
    width: 56px;
    height: 22px;
    background: url(/img/common/unit/spr_unit_01.png) no-repeat -193px -248px;
    z-index: 2; /* TEMP: サムネイルよりも上に */
    text-indent: -9999px;
}
div.unitWom01 div.soldOut {
    background-position: -249px -248px;
}

/* item name */
div.unit01 h3.name {
    width: 150px;
    height: 3.6em;
    margin: 0 0 2px 144px;
    padding-top: 28px;
    font-size: 85%;
    line-height: 1.1;
    font-weight: bold;
    overflow: hidden;
}

/* thumbnail */
div.unit01 p.thumb {
    position: absolute;
    top: 0;
    left: 0;
}

div.unit01 p.thumb a {
    display: block;
    width: 130px;
    height: 130px;
    padding: 6px 0 0 6px;
}

/* thumbnail - unit hover */
div.unit01:hover p.thumb { /* .hover For IE6 */
    z-index: 100; /* TEMP */
}

div.unit01:hover p.thumb a,
div.unit01.hover p.thumb a { /* .hover For IE6 */
    width: 299px;
    height: 156px;
    background: url(/img/common/clear.gif) repeat 0 0;
}

/* info01 */
div.unit01 dl.info01 {
    position: absolute;
    top: 65px;
    left: 144px;
    width: 150px;
    font-size: 85%;
}

div.unit01 dl.info01 dt {
    display: block;
    width: 50px;
    height: 6px;
    margin: 0 0 5px;
    background: url(/img/common/unit/spr_unit_01.png) no-repeat -100px 0;
    text-indent: -9999px;
    line-height: 5px;
    overflow: hidden;
}
div.unit01 dl.info01 dt.brand {
    background-position: -100px -6px;
}

div.unit01 dl.info01 dd {
    margin: 0 0 9px;
    line-height: 1.2;
}

div.unit01 dl.info01 dd.price.discount {
    color: #FF6600;
}

div.unit01 dl.info01 dd.price.discount em.rate {
    display: block;
}

/* info02 */
div.unit01 ul.info02 li.copy {
    position: absolute;
    top: 142px;
    left: 0;
    width: 205px;
    margin: 0 0 8px 5px;
    font-size: 77%;
    line-height: 1;
}

div.unit01 ul.info02 li.genreAme,
div.unit01 ul.info02 li.genreEur,
div.unit01 ul.info02 li.genreDre,
div.unit01 ul.info02 li.genreMix,
div.unit01 ul.info02 li.genreCas,
div.unit01 ul.info02 li.genreBag {
    position: absolute;
    bottom: 27px;
    right: 5px;
    width: 90px;
    height: 7px;
    background: url(/img/common/unit/spr_unit_01.png) no-repeat 0 0;
    line-height: 7px;
    text-indent: -9999em;
}
div.unit01 ul.info02 li.genreEur,
div.unit01 ul.info02 li.genreCas { background-position: 0 -7px; }
div.unit01 ul.info02 li.genreDre { background-position: 0 -14px; }
div.unit01 ul.info02 li.genreMix { background-position: -100px -28px; }

/* --- Utility --- */
div.unit01 ul.utility {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
}

div.unit01 ul.utility li {
    float: left;
    width: 151px;
    height: 16px;
    background: #dfdfdf;
    overflow: hidden;
}

div.unit01 ul.utility li.variation,
div.unit01 ul.utility li.variationOpen {
    width: 153px;
    margin-right: 1px;
}

/* default */
div.unit01 ul.utility li a,
div.unit01 ul.utility.disable li span {
    display: block;
    width: 153px;
    height: 16px;
    padding: 0;
    background: url(/img/common/unit/spr_unit_01.png) no-repeat 0 -200px;
    text-indent: -9999px;
}
div.unit01 ul.utility li.cart a { background-position: -154px -200px; }
/* hover */
div.unit01 ul.utility li.variation a:hover { background-position: 0 -216px; }

div.unit01 ul.utility li.cart a:hover,
div.unit01 ul.utility li.cartOpen a { background-position: -154px -216px; }
/* variation close button */
div.unit01 ul.utility li.variationOpen a { background-position: 0 -248px;}
/* disable */
div.unit01 ul.utility.disable li.variation span { background-position: 0 -232px; }
div.unit01 ul.utility.disable li.cart span { background-position: -154px -232px; }

/* --- Variation --- */
div.unit01 div.variation {
	height: 142px;
    padding: 10px 21px;
    background: #808080 url(/img/common/unit/spr_unit_01.png) no-repeat 0 -270px;
    color: #fff;
	overflow: hidden;
}

div.unit01 div.variation div.item {
    float: left;
    width: 65px;
    margin-right: 1px;
}

div.unit01 div.variation p.thumb {
    position: static;
    margin-bottom: 5px;
}

div.unit01 div.variation ul.size {
    margin: 0 0 0 3px;
    font-size: 85%;
    line-height: 1.2;
    text-align: right;
}

div.unit01 div.variation ul.size span {
    margin-right: 5px;
}

/* ------------------------------------------------------------
    2. Zakka Unit
   ------------------------------------------------------------ */
div.unitZakList01 {/* margin-top: 14px; */} /* for 5 col */
div.unitZakList02 {/* margin-top: 14px; */} /* for 4 col */
div.unitZakList03 {/* margin-top: 14px; */} /* for 8 col */

div.unitZak01 {
    position: relative;
    float: left;
    width: 105px;
    height: 165px;
    margin: 15px 15px 0 0;
    background: url(/img/common/unit/spr_zak_unit_01.png) no-repeat 0 0;
    overflow: hidden;
}
div.unitZakType02 { background-position: -130px 0; }
div.unitZakType03 { background-position: -260px 0; }
div.unitZakType04 { background-position: -390px 0; }
div.unitZakType05 { background-position: 0 -170px; }
div.unitZakType06 { background-position: -130px -170px; }
div.unitZakType07 { background-position: -260px -170px; }
div.unitZakType08 { background-position: -390px -170px; }
div.unitZakType09 { background-position: 0 -340px; }
div.unitZakType10 { background-position: -130px -340px; }
div.unitZakType11 { background-position: -260px -340px; }
div.unitZakType12 { background-position: -390px -340px; }
div.unitZakType13 { background-position: 0 -510px; }
div.unitZakType14 { background-position: -130px -510px; }
div.unitZakType15 { background-position: -260px -510px; }
div.unitZakType16 { background-position: -390px -510px; }

div.unitZak01 div.new {
    position: absolute;
    left: 70px;
    top: 153px;
    width: 35px;
    height: 12px;
    background: url(/img/common/unit/spr_zak_unit_01.png) no-repeat -460px -680px;
    text-indent: -9999em;
    overflow: hidden;
}

div.unitZak01 h3 {
    width: 93px;
    padding-top: 8px;
    padding-left: 8px;
    font-size: 93%;
    line-height: 1.2;
}

div.unitZak01 p.text {
    position: absolute;
    top: 110px;
    left: 6px;
    width: 94px;
    font-size: 77%;
    line-height: 1.2;
}

/*  2-1. Tooltip
   ------------------------------------------------- */
div.tooltipZak01 {
    display: none;
    position: absolute;
    z-index: 10000; /* TEMP */
    width: 129px;
    height: 126px;
    padding: 10px;
    background: url(/img/common/unit/spr_zak_tooltip_01.png) no-repeat 0 0;
    color: #fff;
    text-align: left;
}

div.tooltipZakType02 { background-position: -149px 0;}
div.tooltipZakType03 { background-position: -298px 0;}
div.tooltipZakType04 { background-position: -447px 0;}
div.tooltipZakType05 { background-position: -596px 0;}
div.tooltipZakType06 { background-position: -745px 0;}

div.tooltipZak01 p.name {
    height: 3.6em;
    font-size: 85%;
    line-height: 1.2;
    overflow: hidden;
}

div.tooltipZak01 dl.info01 {
    position: absolute;
    top: 56px;
    left: 10px;
    width: 129px;
    font-size: 85%;
}

div.tooltipZak01 dl.info01 dt {
    display: block;
    height: 6px;
    margin: 0 0 3px;
    background: url(/img/common/unit/spr_zak_tooltip_01.png) no-repeat 0 -146px;
    text-indent: -9999px;
    line-height: 5px;
    overflow: hidden;
}
div.tooltipZak01 dl.info01 dt.brand {
    background-position: 0 -152px;
}

div.tooltipZak01 dl.info01 dd {
    margin: 0 0 6px;
    line-height: 1.1;
}

div.tooltipZak01 ul.utility {
    position: absolute;
    bottom: 13px;
    left: 10px;
    text-indent: -9999px;
}

div.tooltipZak01 ul.utility li a,
div.tooltipZak01 ul.utility.disable li span {
    display: block;
    width: 129px;
    height: 16px;
    background: url(/img/common/unit/spr_zak_tooltip_01.png) no-repeat -765px -146px;
}
div.tooltipZak01 ul.utility li.cart a:hover { background-position: -636px -146px; }
/* disable */
div.tooltipZak01 ul.utility.disable li.cart span { background-position: -507px -146px; }

/* ------------------------------------------------------------
    3. Pager
   ------------------------------------------------------------ */
/*
div.navPage
  ul.pager
    li.prev
    li.number
    li.next
*/
div.navPage { margin: 15px 0 5px; }

div.navPage ul.pager {}

div.navPage ul.pager li { display: inline; }

div.navPage ul.pager li.prev { margin-right: 15px; }
div.navPage ul.pager li.next {}

div.navPage ul.pager li.number { margin-right: 15px; }
div.navPage ul.pager li.number a,
div.navPage ul.pager li.number span { margin-right: 8px; }
body.beyesZak div.navPage ul.pager li.number a { color: #45211D; }

/* ------------------------------------------------------------
    4. Quick Cart
   ------------------------------------------------------------ */
div#txtAddedCart {
    position: fixed;
    _position: absolute;
    z-index: 1000;
    width: 100%;
    left: 0;
}

div#txtAddedCart p {
    width: 194px;
    height: 80px;
    margin: 0 auto;
    background: url(/img/common/cart/spr_added_cart_01.png) no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
}
body.beyesWom div#txtAddedCart p { background-position: 0 -80px; }
body.beyesZak div#txtAddedCart p { background-position: 0 -160px; }

/* ------------------------------------------------------------
    5. Related Content
   ------------------------------------------------------------ */
div#prdRelated,
div#zakRelated {
    margin: 30px 0 0;
    border-top: 2px solid #b3b3b3;
}
body.beyesWom div#prdRelated {
    border-color: #b2b2b2;
}
div#zakRelated {
    margin-top: 35px;
    padding-top: 15px;
    border-top: none;
    background: url(/img/zak/line_zak_03.png) no-repeat 0 0;
}

/* title */
div#prdRelated h2 {
    padding: 15px 0 5px;
    line-height: 1;
}
div#zakRelated div.content h2 {
    padding: 3px 0 3px 21px;
    background: url(/img/zak/ico_bullet_a_01.png) no-repeat 0 0;
}
div#zakRelated div.contRelated02 h2 {
    background-image: url(/img/zak/ico_bullet_a_02.png);
}
div#zakRelated div.content h2.untitled {
    background: none !important;
}

/* content */
div#zakRelated div.content {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
div#zakRelated div.contRelated02 {
    margin-right: 0;
}
div#zakRelated div.content div.unitZakList02 {
    float: left;
}

/* ------------------------------------------------------------
    6. Select Box
   ------------------------------------------------------------ */
/*
ul.select.(selectbox01 | selectbox02)
*/
ul.select {
    position: relative;
    width: 134px;
    height: 20px;
    font-size: 85%;
    line-height: 1;
    vertical-align: bottom;
    cursor: pointer;
}
ul.selectbox02 { height: 24px; }

ul.select li a {
    color: #000 !important;
    text-decoration: none;
}

/* selectbox current item */
ul.select li.current {
    width: 110px;
    background: url(/img/common/spr_selectbox_01.png) no-repeat 0 0;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
}
ul.selectbox02 li.current {
    background-position: 0 -25px;
}

ul.select li.current a {
    display: block;
    height: 15px;
    padding: 5px 5px 0 5px;
}
ul.selectbox02 li.current a {
    height: 17px;
    padding-top: 7px;
}

/* selectbox items */
ul.select li.list {
    display: none;
    position: absolute;
    top: 19px;
    left: 0;
    width: 158px;
    z-index: 2; /* TEMP */
}
ul.selectbox02 li.list { top: 23px; }

ul.select:hover li.list { display: block; }

ul.select li.list {
    padding: 5px 0;
    border: 1px solid #cbcbcb;
    background: #fff;
}

ul.select li.list ul li a {
    display: block;
    position: relative;
    width: 148px;
    padding: 5px;
}
ul.select li.list ul li a:hover {
    background: #aeaeae;
}

/* selectbox open button */
ul.select li.btnSelect {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/img/common/spr_selectbox_01.png) no-repeat 100% 0;
    z-index: 1; /* TEMP */
}
ul.selectbox02 li.btnSelect {
    background-position: 100% -25px;
}

ul.select li.btnSelect a {
    display: block;
    width: 20px;
    height: 20px;
}
ul.selectbox02 li.btnSelect a {
    width: 24px;
    height: 24px;
}

/* control display number */
div.ctrlNumber01 ul.select { width: 45px; }
div.ctrlNumber01 ul.select li.current { width: 25px; }
div.ctrlNumber01 ul.select li.list { width: 43px; }
div.ctrlNumber01 ul.select li.list ul li a { width: 33px; }

/* ------------------------------------------------------------
    99. Others
   ------------------------------------------------------------ */

/* Hidden Nav & elements */
p.navPageTop,
ul.navSkip,
.hidden {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* note */
.note01 { font-size: 77%; }

/* Note for Non-Flash Player */
p.noteSwf01 {
    width: 650px;
	margin: 0 auto;
	padding-top: 150px;
	font-size: 93%;
}
p.noteSwf01 a.logoBeyes {
    float: left;
    width: 118px;
    height: 21px;
    margin-right: 30px;
    padding: 7px 0 2em;
}
p.noteSwf01 span { float: left; }
p.noteSwf01 span a { display: block; }

/* loading message */
p.loading {
    padding-top: 60px;
    color: #f55500;
    font-weight: bold;
    text-transform: uppercase;
}

/* ################################################################################
    [Header] Setting header styles
   ################################################################################ */
/* ------------------------------------------------------------
    1. Site Name
   ------------------------------------------------------------ */
div#header .siteName { /* with h1, p */
    width: 190px;
    margin: 0;
    padding: 33px 0 0;
}
body.beyesZak div#header .siteName {
    padding-top: 28px;
}

div#header .siteName a {
    display: block;
    margin: 0;
    font-weight: bold;
}
body.beyesMen div#header .siteName a {
    width: 163px;
    height: 20px;
}
body.beyesWom div#header .siteName a {
    width: 189px;
    height: 20px;
}
body.beyesZak div#header .siteName a {
    width: 190px;
    height: 39px;
}

/* ------------------------------------------------------------
    2. Nav
   ------------------------------------------------------------ */
div#header ul.navUtility,
div#header ul.navMain,
div#header ul.navSite {
    position: absolute;
    top: 16px;
    left: 304px;
    width: 441px;
    font-size: 85%;
    line-height: 1;
    z-index: 2; /* TEMP */
}

/* 2009.03 add */
div#header ul.navUtility, div#header ul.navMain, div#header ul.navSite {
font-size:85%;
left:304px;
line-height:1;
position:absolute;
top:16px;
width:441px;
z-index:2;
}

div#header.globalCommonHeader ul.navUtility {
    top:34px;
}

/* nav utility */
div#header ul.navUtility li {
    position: relative;
    float: left;
}

div#header ul.navUtility li ul.subItem {
	display: none;
    position: absolute;
    top: 18px;
    left: 0;
    background: #b3b3b3;
}

/* nav main */
div#header ul.navMain {
    top: 43px;
    z-index: 1; /* TEMP */
}

div#header ul.navMain li {
    float: left;
}

/* nav site */
div#header ul.navSite {
    top: 16px;  /* 20090325 add */
    /*top: 15px;*/
    left: 663px;
    width: 87px;
}

div#header ul.navSite li {
    height: 18px;
    font-size: 11px; /* For IE6 */
}

/* nav men women 200903 add */
div#header ul.navMenwomen {
    padding-top: 33px;
}
div#header p.tagline {
padding-top:15px;
}
div#header ul.navMenwomen li {
    float:left;
	padding-right: 5px;
}
div#header ul.navMenwomen li.navHome {
    float:left;
	padding-right: 10px;
}
div#header ul.navMenwomen li.navMen {
    float:left;
	padding-top: 9px;
}
div#header ul.navMenwomen li.navWom {
    float:left;
	padding-top: 9px;
}
*+html div#header ul.navMenwomen li.navMen {
    float:left;
	padding-top: 5px;
}
*+html div#header ul.navMenwomen li.navWom {
    float:left;
	padding-top: 5px;
}

/* ------------------------------------------------------------
    3. Other
   ------------------------------------------------------------ */
div#header p.banner {
    position: absolute;
    top: 15px;
    right: 0;
}

/* ################################################################################
    [Footer] Setting footer styles
   ################################################################################ */
/* ------------------------------------------------------------
    1. Site Info
   ------------------------------------------------------------ */
div#footer div.siteInfo {
    margin-top: 30px;
}

div#footer div.siteInfo p {
    height: 11px;
    margin-bottom: 8px;
}

/* ------------------------------------------------------------
    2. Utility Nav
   ------------------------------------------------------------ */
div#footer ul.navUtility {
    padding: 10px 0 0;
}

div#footer ul.navUtility li {
    float: left;
    margin-right: 15px;
}

/* ################################################################################
    [Common Page] 
   ################################################################################ */

/* ------------------------------------------------------------
    1. HTTP Status Error
   ------------------------------------------------------------ */
div.pageHttpStatus p.message {
    margin: 80px 0;
}

/* ------------------------------------------------------------
    2. Noscript Message
   ------------------------------------------------------------ */
p#msgNoscript {
	display: block;
    position: absolute;
	top: 75px;
	left: 0;
	z-index: 30000;
	width: 100%;
	padding: 3px 0;
	background: #dbcf3a;
	color: #000;
	line-height: 1.2;
	text-align: center;
}

/* ################################################################################
    [Clearfix] Clearfix CSS Hack
   ################################################################################ */
div#header ul.navUtility:after,
div#header ul.navMain:after,
div#footer ul.navUtility:after,
div.navWithinPage ul:after,
div.unitList01:after,
div.unit01 ul.utility:after,
div.unit01 div.variation:after,
div.variation div.item ul.size li:after,
div.unitZakList01:after,
div.unitZakList02:after,
div.unitZakList03:after,
div#zakRelated:after,
div#zakRelated div.content:after,
.wrapper:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

div#header ul.navUtility,
div#header ul.navMain,
div#footer ul.navUtility,
div.navWithinPage ul,
div.unitList01,
div.unit01 ul.utility,
div.unit01 div.variation,
div.variation div.item ul.size li,
div.unitZakList01,
div.unitZakList02,
div.unitZakList03,
div#zakRelated,
div#zakRelated div.content,
.wrapper { display: inline-block; }

/* exclude MacIE5 [start] \*/
* html div#header ul.navUtility,
* html div#header ul.navMain,
* html div#footer ul.navUtility,
* html div.navWithinPage ul,
* html div.unitList01,
* html div.unit01 ul.utility,
* html div.unit01 div.variation,
* html div.variation div.item ul.size li,
* html div.unitZakList01,
* html div.unitZakList02,
* html div.unitZakList03,
* html div#zakRelated,
* html div#zakRelated div.content,
* html .wrapper { height: 1% }

div#header ul.navUtility,
div#header ul.navMain,
div#footer ul.navUtility,
div.navWithinPage ul,
div.unitList01,
div.unit01 ul.utility,
div.unit01 div.variation,
div.variation div.item ul.size li,
div.unitZakList01,
div.unitZakList02,
div.unitZakList03,
div#zakRelated,
div#zakRelated div.content,
.wrapper { display: block; }
/* exclude MacIE5 [end] */

/* ################################################################################
    [Other] 
   ################################################################################ */

/* ------------------------------------------------------------
    . For JavaScript
   ------------------------------------------------------------ */
.btn,
.stripe {}

#imagebox .grayback {
	position: fixed;
	_position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background-color: #000;
}

#imagebox .main {
	position: absolute;
	z-index: 1001;
	top: 100px;
	background-color: #fff;
}

#imagebox .main a {
	outline: none;
}

#imagebox .main img {
	margin: 14px;
	border: #ccc solid 1px;
}

#imagebox .main p.close {
	text-align: center;
}

#imagebox .main p.close a {
	overflow: hidden;
	display: block;
	width: 71px;
	height: 28px;
	margin: 0 auto 10px;
	background: url(/img/common/btn_close_wom_01.gif) no-repeat;
	text-indent: -9999em;
}

#sbi_reco1 {
	display: none;
}