@charset "utf-8";


/* -------------------------------------------------- */

.small {
    font: 10px/1.3em "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    color: #666;
}

/* -------------------------------------------------- */

body {
    font: 10px/1.2em "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    margin: 0 0 0 0;
    padding: 0;
    word-break: break-all;
}

a {
    color:#333333;
    text-decoration: none;
}
a:link, a:visited {
    text-decoration: none;
    color:#333333;
}

a:hover,
a:active {
    text-decoration:underline;
}

*+html a:hover,
*+html  a:active {
    text-decoration:none;
}

.c-both {
    clear: both;
}

/* -------------------------------------------------- */

#container{
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 auto;
    text-align: left;

}

/* -------------------------------------------------- */

#main_container {
    padding: 0 0 0 0;
    width :1000px;
    margin: 0 auto;
    clear: both;
    background-image: url(../img/kokode.jp/common/bbg.png);
    background-repeat: repeat-y;
}
* html #main_container {
    width :980px;
}

#leftnavi_container {
    padding: 0 0 0 0;
    float: right;
    width :200px;
}

#body_container {
    padding: 0 0 0 0;
    float: left;
    width :760px;
}

/* -------------------------------------------------- */

#header-sele h1 a, #header h1 a, #header_2stage h1 a {
    float: left;
    background-image: url(../img/kokode.jp/header/logo.png);
    display: block;
    height: 40px;
    width: 160px;
    text-indent: -9999px;
    margin: 10px 0 0 20px;
    outline: 0;
}

#header {
    padding: 20px 0 0 0;
    height:140px;
    width :100%;
    margin: 0 auto;
    clear: both;
    background-image: url(../img/kokode.jp/common/hbg.gif);
    background-repeat: repeat-x;
    background-position: top;
}

#header_2stage {
    padding: 20px 0 0 0;
    height:165px;
    width :100%;
    margin: 0 auto;
    clear: both;
    background-image: url(../img/kokode.jp/common/hbg_2stage.gif);
    background-repeat: repeat-x;
    background-position: top;
}

#header-sele .line, #header .line, #header_2stage .line{
    width: 960px;
    height:10px;
    background-image: url(../img/kokode.jp/common/hline.png);
    background-repeat: repeat-x;
    background-position: top;
    clear: both;
    display: block;
}

/* -------------------------------------------------- */

#header-sele .cnt, #header .cnt, #header_2stage .cnt {
    height:75px;
    width :960px;
    margin: 0 auto;
    clear: both;
}

#header-sele .cnt .sub, #header .cnt .sub, #header_2stage .cnt .sub {
    height:55px;
    width :400px;
    float: right;
    margin: 0 20px 0 0;
}

#header-sele .cnt .banner, #header .cnt .banner, #header_2stage .cnt .banner {
    height:55px;
    width :280px;
    float: left;
    display: block;
    margin: 0 0 0 15px;
}

#header-sele .cnt ul, #header .cnt ul, #header_2stage .cnt ul {
    float: right;
}

/* -------------------------------------------------- */

#header-sele .cnt .menu_a, #header .cnt .menu_a, #header_2stage .cnt .menu_a {
    margin: 0 0 5px 0;

}

#header-sele .cnt .menu_a li, #header .cnt .menu_a li, #header_2stage .cnt .menu_a li {
    float: left;
    display: inline;
    font-size: 0;
}

#header-sele .cnt .menu_a .top a, #header .cnt .menu_a .top a, #header_2stage .cnt .menu_a .top a {background: url(../img/kokode.jp/header/hbtn_top.png); width: 66px; margin: 0 10px 0 0;}
#header-sele .cnt .menu_a .guide a, #header .cnt .menu_a .guide a, #header_2stage .cnt .menu_a .guide a {background: url(../img/kokode.jp/header/hbtn_guide.png); width: 66px; margin: 0 10px 0 0;}
#header-sele .cnt .menu_a .faq a, #header .cnt .menu_a .faq a, #header_2stage .cnt .menu_a .faq a {background: url(../img/kokode.jp/header/hbtn_faq.png); width: 66px; margin: 0 10px 0 0;}
#header-sele .cnt .menu_a .contact a, #header .cnt .menu_a .contact a, #header_2stage .cnt .menu_a .contact a {background: url(../img/kokode.jp/header/hbtn_contact.png); width: 66px;}
#header-sele .cnt .menu_a .brandlist a, #header .cnt .menu_a .brandlist a, #header_2stage .cnt .menu_a .brandlist a {background: url(../img/kokode.jp/header/hbtn_brand.png); width: 66px; margin: 0 10px 0 0;}


#header-sele .cnt .menu_a .guide a, #header .cnt .menu_a .guide a, #header_2stage .cnt .menu_a .guide a,
#header-sele .cnt .menu_a .faq a, #header .cnt .menu_a .faq a, #header_2stage .cnt .menu_a .faq a,
#header-sele .cnt .menu_a .contact a, #header .cnt .menu_a .contact a, #header_2stage .cnt .menu_a .contact a,
#header-sele .cnt .menu_a .brandlist a, #header .cnt .menu_a .brandlist a, #header_2stage .cnt .menu_a .brandlist a,
#header-sele .cnt .menu_a .top a, #header .cnt .menu_a .top a, #header_2stage .cnt .menu_a .top a{
    outline: 0;
    float: left;
    height: 20px;
    display: block;
    text-indent: -9999px;
}

#header-sele .cnt .menu_a .guide a:hover, #header .cnt .menu_a .guide a:hover, #header_2stage .cnt .menu_a .guide a:hover,
#header-sele .cnt .menu_a .faq a:hover, #header .cnt .menu_a .faq a:hover, #header_2stage .cnt .menu_a .faq a:hover,
#header-sele .cnt .menu_a .contact a:hover, #header .cnt .menu_a .contact a:hover, #header_2stage .cnt .menu_a .contact a:hover,
#header-sele .cnt .menu_a .brandlist a:hover, #header .cnt .menu_a .brandlist a:hover, #header_2stage .cnt .menu_a .brandlist a:hover,
#header-sele .cnt .menu_a .top a:hover, #header .cnt .menu_a .top a:hover, #header_2stage .cnt .menu_a .top a:hover{
    background-position: 0 -20px;
}

/* -------------------------------------------------- */

#header-sele .cnt .menu_b, #header .cnt .menu_b, #header_2stage .cnt .menu_b{
    width:445px;
    display: block;
}

#header-sele .cnt .menu_b li, #header .cnt .menu_b li, #header_2stage .cnt .menu_b li{
    float: left;
    display: inline;
    font-size: 0;
}

#header-sele .cnt .menu_b .magazine a, #header .cnt .menu_b .magazine a, #header_2stage .cnt .menu_b .magazine a{
    background: url(../img/kokode.jp/header/hbtn_mailmagazine.png);
    width: 110px;
    margin-right: 10px;
}
#header-sele .cnt .menu_b .login a, #header .cnt .menu_b .login a, #header_2stage .cnt .menu_b .login a {background: url(../img/kokode.jp/header/hbtn_login.png); width: 106px;}
#header-sele .cnt .menu_b .entry a, #header .cnt .menu_b .entry a, #header_2stage .cnt .menu_b .entry a {background: url(../img/kokode.jp/header/hbtn_entry.png); width: 106px;}
#header-sele .cnt .menu_b .cart a, #header .cnt .menu_b .cart a, #header_2stage .cnt .menu_b .cart a {background: url(../img/kokode.jp/header/hbtn_cart.png);    width: 108px;}
#header-sele .cnt .menu_b .logout a, #header .cnt .menu_b .logout a, #header_2stage .cnt .menu_b .logout a {background: url(../img/kokode.jp/header/hbtn_logout.png);    width: 106px;}
#header-sele .cnt .menu_b .mypage a, #header .cnt .menu_b .mypage a, #header_2stage .cnt .menu_b .mypage a {background: url(../img/kokode.jp/header/hbtn_mypage.png);    width: 106px;}


#header-sele .cnt .menu_b .magazine a, #header .cnt .menu_b .magazine a, #header_2stage .cnt .menu_b .magazine a,
#header-sele .cnt .menu_b .login a, #header .cnt .menu_b .login a, #header_2stage .cnt .menu_b .login a,
#header-sele .cnt .menu_b .entry a, #header .cnt .menu_b .entry a, #header_2stage .cnt .menu_b .entry a,
#header-sele .cnt .menu_b .cart a, #header .cnt .menu_b .cart a, #header_2stage .cnt .menu_b .cart a,
#header-sele .cnt .menu_b .logout a, #header .cnt .menu_b .logout a, #header_2stage .cnt .menu_b .logout a,
#header-sele .cnt .menu_b .mypage a, #header .cnt .menu_b .mypage a, #header_2stage .cnt .menu_b .mypage a{
    outline: 0;
    float: left;
    height: 30px;
    display: block;
    text-indent: -9999px;
}

#header-sele .cnt .menu_b .magazine a:hover, #header .cnt .menu_b .magazine a:hover, #header_2stage .cnt .menu_b .magazine a:hover,
#header-sele .cnt .menu_b .login a:hover, #header .cnt .menu_b .login a:hover, #header_2stage .cnt .menu_b .login a:hover,
#header-sele .cnt .menu_b .entry a:hover, #header .cnt .menu_b .entry a:hover, #header_2stage .cnt .menu_b .entry a:hover,
#header-sele .cnt .menu_b .cart a:hover, #header .cnt .menu_b .cart a:hover, #header_2stage .cnt .menu_b .cart a:hover,
#header-sele .cnt .menu_b .cart a:hover, #header .cnt .menu_b .logout a:hover, #header_2stage .cnt .menu_b .logout a:hover,
#header-sele .cnt .menu_b .cart a:hover, #header .cnt .menu_b .mypage a:hover, #header_2stage .cnt .menu_b .mypage a:hover{
    background-position: 0 -30px;
}

/* -------------------------------------------------- */

#header_2stage #menu_cat_m2 .selestory a {background: url(../img/kokode.jp/header/cbtn_selestory_m3.png);}
#header_2stage #menu_cat_m2 .hers a {background: url(../img/kokode.jp/header/cbtn_hers_m3.png);}
#header_2stage #menu_cat_m2 .very a {background: url(../img/kokode.jp/header/cbtn_very_m3.png);}
#header_2stage #menu_cat_m2 .classy a {background: url(../img/kokode.jp/header/cbtn_classy_m3.png);}
#header_2stage #menu_cat_m2 .jj a {background: url(../img/kokode.jp/header/cbtn_jj_m3.png);}
#header_2stage #menu_cat_m2 .gainer a {background: url(../img/kokode.jp/header/cbtn_gainer_m3.png);}
#header_2stage #menu_cat_m2 .kokodegift a {background: url(../img/kokode.jp/header/cbtn_kokodegift_m3.png);}
#header_2stage #menu_cat_m2 .beauty a {background: url(../img/kokode.jp/header/cbtn_beauty_m3.png);}
#header_2stage #menu_cat_m2 .kokodeplus a {background: url(../img/kokode.jp/header/cbtn_kokodeplus_m3.png);}
#header_2stage #menu_cat_m2 .check a {background: url(../img/kokode.jp/header/cbtn_check_m3.png);}
#header_2stage #menu_cat_m2 .secret a {background: url(../img/kokode.jp/header/cbtn_secret_m3.png);}
#header_2stage #menu_cat_m2 .three a {background: url(../img/kokode.jp/header/cbtn_three_m3.png);}


#header_2stage #menu_cat_m2 .selestory a,
#header_2stage #menu_cat_m2 .hers a,
#header_2stage #menu_cat_m2 .very a,
#header_2stage #menu_cat_m2 .classy a,
#header_2stage #menu_cat_m2 .jj a,
#header_2stage #menu_cat_m2 .gainer a,
#header_2stage #menu_cat_m2 .kokodegift a,
#header_2stage #menu_cat_m2 .beauty a,
#header_2stage #menu_cat_m2 .kokodeplus a,
#header_2stage #menu_cat_m2 .check a,
#header_2stage #menu_cat_m2 .secret a,
#header_2stage #menu_cat_m2 .three a{
    outline: 0;
    float: left;
    height: 40px;
    width: 160px;
    display: block;
    text-indent: -9999px;
}


#header_2stage #menu_cat_m2 .selestory a:hover,
#header_2stage #menu_cat_m2 .hers a:hover,
#header_2stage #menu_cat_m2 .very a:hover,
#header_2stage #menu_cat_m2 .classy a:hover,
#header_2stage #menu_cat_m2 .jj a:hover,
#header_2stage #menu_cat_m2 .gainer a:hover,
#header_2stage #menu_cat_m2 .kokodegift a:hover,
#header_2stage #menu_cat_m2 .beauty a:hover,
#header_2stage #menu_cat_m2 .kokodeplus a:hover,
#header_2stage #menu_cat_m2 .check a:hover,
#header_2stage #menu_cat_m2 .secret a:hover,
#header_2stage #menu_cat_m2 .three a:hover{
    background-position: 0 -40px;
}


#header_2stage #menu_cat_m2 .selestory a.active,
#header_2stage #menu_cat_m2 .hers a.active,
#header_2stage #menu_cat_m2 .very a.active,
#header_2stage #menu_cat_m2 .classy a.active,
#header_2stage #menu_cat_m2 .jj a.active,
#header_2stage #menu_cat_m2 .gainer a.active,
#header_2stage #menu_cat_m2 .kokodegift a.active,
#header_2stage #menu_cat_m2 .beauty a.active,
#header_2stage #menu_cat_m2 .kokodeplus a.active,
#header_2stage #menu_cat_m2 .check a.active,
#header_2stage #menu_cat_m2 .secret a.active,
#header_2stage #menu_cat_m2 .three a.active{
    background-position: 0 -80px;
}

/* -------------------------------------------------- */

#header_2stage #menu_cat_m2 {
    width: 960px;
    display: block;
    padding: 0 0 0 0;
    margin: 0 auto;
    clear: both;
}

/* サブメニュー1段目 */
#header_2stage #menu_cat_m2 ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
}

/* リスト */

#header_2stage #menu_cat_m2 li:hover {
   position:relative;
}

#header_2stage #menu_cat_m2 li:hover > ul {
   display: block
}

#header_2stage #menu_cat_m2 ul ul{
    background:#FFF;
    border: 1px solid #D6D6D6;
    padding: 10px 10px 5px 10px;
    margin: 0 0 0 -1px;
    line-height: 11px;
}

#header_2stage #menu_cat_m2 ul .selestory ul li a,
#header_2stage #menu_cat_m2 ul .hers ul li a,
#header_2stage #menu_cat_m2 ul .very ul li a,
#header_2stage #menu_cat_m2 ul .classy ul li a,
#header_2stage #menu_cat_m2 ul .jj ul li a,
#header_2stage #menu_cat_m2 ul .gainer ul li a,
#header_2stage #menu_cat_m2 ul .kokodegift ul li a,
#header_2stage #menu_cat_m2 ul .beauty ul li a,
#header_2stage #menu_cat_m2 ul .kokodeplus ul li a,
#header_2stage #menu_cat_m2 ul .check ul li a,
#header_2stage #menu_cat_m2 ul .secret ul li a,
#header_2stage #menu_cat_m2 ul .three ul li a{
    width:480px; height:18px;
    text-indent: 0;
    background-image: none;
    color: #000;
}

#header_2stage #menu_cat_m2 ul ul .ttl{
    padding: 5px 0 8px 0;
    font-size: 12px;
    font-weight: bold;
    width:400px;
}

#header_2stage #menu_cat_m2 ul ul .ttl_m{
    padding: 5px 0 8px 10px;
    font-size: 12px;
    font-weight: bold;
    width:400px;
}

#header_2stage #menu_cat_m2 ul ul .ttl_mc{
    padding: 0 0 0 10px;
    height:18px;
}


#header_2stage #menu_cat_m2 li {
    float: left;
    display: inline;
    z-index:100;
}

/* -------------------------------------------------- */

#header #menu_cat_m2 .check a {background: url(../img/kokode.jp/header/cbtn_check_m2.png);}
#header #menu_cat_m2 .home a {background: url(../img/kokode.jp/header/cbtn_home_m2.png);}
#header #menu_cat_m2 .very a {background: url(../img/kokode.jp/header/cbtn_very_m2.png);}
#header #menu_cat_m2 .estory a {background: url(../img/kokode.jp/header/cbtn_estory_m2.png);}
#header #menu_cat_m2 .story a {background: url(../img/kokode.jp/header/cbtn_story_m2.png);}
#header #menu_cat_m2 .selestory a {background: url(../img/kokode.jp/header/cbtn_selestory_m2.png);}
#header #menu_cat_m2 .kokode a {background: url(../img/kokode.jp/header/cbtn_kokode_m2.png);}
#header #menu_cat_m2 .brand a {background: url(../img/kokode.jp/header/cbtn_brand_m2.png);}
#header #menu_cat_m2 .classy a {background: url(../img/kokode.jp/header/cbtn_classy_m2.png);}
#header #menu_cat_m2 .gainer a {background: url(../img/kokode.jp/header/cbtn_gainer_m2.png);}
#header #menu_cat_m2 .hers a {background: url(../img/kokode.jp/header/cbtn_hers_m2.png);}
#header #menu_cat_m2 .lets a {background: url(../img/kokode.jp/header/cbtn_lets_m2.png);}
#header #menu_cat_m2 .kokodeplus a {background: url(../img/kokode.jp/header/cbtn_kokodeplus_m2.png);}
#header #menu_cat_m2 .kokodegift a {background: url(../img/kokode.jp/header/cbtn_kokodegift_m2.png);}
#header #menu_cat_m2 .jj a {background: url(../img/kokode.jp/header/cbtn_jj_m2.png);}

#header #menu_cat_m2 .check a,
#header #menu_cat_m2 .home a,
#header #menu_cat_m2 .very a,
#header #menu_cat_m2 .estory a,
#header #menu_cat_m2 .story a,
#header #menu_cat_m2 .selestory a,
#header #menu_cat_m2 .kokode a,
#header #menu_cat_m2 .classy a,
#header #menu_cat_m2 .gainer a,
#header #menu_cat_m2 .hers a,
#header #menu_cat_m2 .brand a,
#header #menu_cat_m2 .kokodeplus a,
#header #menu_cat_m2 .kokodegift a,
#header #menu_cat_m2 .jj a,
#header #menu_cat_m2 .lets a{
    outline: 0;
    float: left;
    height: 55px;
    width: 120px;
    display: block;
    text-indent: -9999px;
}

#header #menu_cat_m2 .check a{width: 100px;}
#header #menu_cat_m2 .home a{width: 100px;}
#header #menu_cat_m2 .very a{width: 100px;}
#header #menu_cat_m2 .estory a{width: 100px;}
#header #menu_cat_m2 .story a{width: 120px;}
#header #menu_cat_m2 .selestory a{width: 120px;}
#header #menu_cat_m2 .kokode a{width: 100px;}
#header #menu_cat_m2 .classy a{width: 100px;}
#header #menu_cat_m2 .gainer a{width: 100px;}
#header #menu_cat_m2 .hers a{width: 120px;}
#header #menu_cat_m2 .brand a{width: 100px;}
#header #menu_cat_m2 .kokodeplus a{width: 100px;}
#header #menu_cat_m2 .kokodegift a{width: 120px;}
#header #menu_cat_m2 .jj a{width: 100px;}
#header #menu_cat_m2 .lets a{width: 100px;}

#header #menu_cat_m2 .check a:hover,
#header #menu_cat_m2 .home a:hover,
#header #menu_cat_m2 .very a:hover,
#header #menu_cat_m2 .estory a:hover,
#header #menu_cat_m2 .story a:hover,
#header #menu_cat_m2 .selestory a:hover,
#header #menu_cat_m2 .kokode a:hover,
#header #menu_cat_m2 .classy a:hover,
#header #menu_cat_m2 .gainer a:hover,
#header #menu_cat_m2 .hers a:hover,
#header #menu_cat_m2 .brand a:hover,
#header #menu_cat_m2 .kokodeplus a:hover,
#header #menu_cat_m2 .kokodegift a:hover,
#header #menu_cat_m2 .jj a:hover,
#header #menu_cat_m2 .lets a:hover{
    background-position: 0 -55px;
}

#header #menu_cat_m2 .check a.active,
#header #menu_cat_m2 .home a.active,
#header #menu_cat_m2 .very a.active,
#header #menu_cat_m2 .estory a.active,
#header #menu_cat_m2 .story a.active,
#header #menu_cat_m2 .selestory a.active,
#header #menu_cat_m2 .kokode a.active,
#header #menu_cat_m2 .classy a.active,
#header #menu_cat_m2 .gainer a.active,
#header #menu_cat_m2 .hers a.active,
#header #menu_cat_m2 .brand a.active,
#header #menu_cat_m2 .kokodeplus a.active,
#header #menu_cat_m2 .kokodegift a.active,
#header #menu_cat_m2 .jj a.active,
#header #menu_cat_m2 .lets a.active{
    background-position: 0 -110px;
}

/* -------------------------------------------------- */

#header #menu_cat_m2 {
    width: 960px;
    display: block;
    padding: 0 0 0 0;
    margin: 0 auto;
    clear: both;
}

/* サブメニュー1段目 */
#header #menu_cat_m2 ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
}

/* リスト */

#header #menu_cat_m2 li:hover {
   position:relative;
}

#header #menu_cat_m2 li:hover > ul {
   display: block
}

#header #menu_cat_m2 ul ul{
    background:#FFF;
    border: 1px solid #D6D6D6;
    padding: 10px 10px 5px 10px;
    margin: 0 0 0 -1px;
    line-height: 11px;
}

#header #menu_cat_m2 ul .check ul li a{width:480px; height:18px;}
#header #menu_cat_m2 ul .gainer ul li a{width:480px; height:18px;}
#header #menu_cat_m2 ul .very ul li a{width:480px; height:18px;}
#header #menu_cat_m2 ul .estory ul li a{width:480px; height:18px;}
#header #menu_cat_m2 ul .selestory ul li a{width:480px; height:18px;}
#header #menu_cat_m2 ul .story ul li a{width:480px; height:18px;}
#header #menu_cat_m2 ul .kokode ul li a{width:480px; height:18px;}
#header #menu_cat_m2 ul .kokodeplus ul li a{width:480px; height:18px;}
#header #menu_cat_m2 ul .jj ul li a{width:480px; height:18px;}
#header #menu_cat_m2 ul .brand ul li a{
    width:240px;
    height:100%;
    padding: 0 0 5px 0;
    line-height:1.2em;
    list-style-type: disc;
}
#header #menu_cat_m2 ul .classy ul li a{width:360px; height:18px;}
#header #menu_cat_m2 ul .hers ul li a{width:380px; height:18px;}
#header #menu_cat_m2 ul .lets ul li a{width:200px; height:18px;}
#header #menu_cat_m2 ul .jj ul li a{width:300px; height:18px;}

#header #menu_cat_m2 ul ul .ttl{
    padding: 5px 0 8px 0;
    font-size: 12px;
    font-weight: bold;
    width:400px;
}

#header #menu_cat_m2 ul ul .ttl_m{
    padding: 5px 0 8px 10px;
    font-size: 12px;
    font-weight: bold;
    width:400px;
}

#header #menu_cat_m2 ul ul .ttl_mc{
    padding: 0 0 0 10px;
    height:18px;
}


#header #menu_cat_m2 ul .check ul li a,
#header #menu_cat_m2 ul .kokodeplus ul li a,
#header #menu_cat_m2 ul .gainer ul li a,
#header #menu_cat_m2 ul .very ul li a,
#header #menu_cat_m2 ul .estory ul li a,
#header #menu_cat_m2 ul .selestory ul li a,
#header #menu_cat_m2 ul .story ul li a,
#header #menu_cat_m2 ul .kokode ul li a,
#header #menu_cat_m2 ul .classy ul li a,
#header #menu_cat_m2 ul .brand ul li a,
#header #menu_cat_m2 ul .lets ul li a,
#header #menu_cat_m2 ul .kokodeplus ul li a,
#header #menu_cat_m2 ul .jj ul li a,
#header #menu_cat_m2 ul .hers ul li a{
    text-indent: 0;
    background-image: none;
    color: #000;
}



#header #menu_cat_m2 li {
    float: left;
    display: inline;
    z-index:100;
}

/* -------------------------------------------------- */

#header #menu_cat .estory {background: url(../img/kokode.jp/header/cbtn_estory_uc.png); width: 170px;}
#header #menu_cat .selestory_uc {background: url(../img/kokode.jp/header/cbtn_selestory_uc.png);    width: 170px;}
#header #menu_cat .gainer_uc {background: url(../img/kokode.jp/header/cbtn_gainer_uc.png);  width: 170px;}

#header #menu_cat .estory,
#header #menu_cat .gainer_uc,
#header #menu_cat .selestory_uc{
    outline: 0;
    float: left;
    display: block;
    height:55px;
    text-indent: -9999px;
}

#header #menu_cat .home a {background: url(../img/kokode.jp/header/cbtn_home.png);  width: 110px;}
#header #menu_cat .very a {background: url(../img/kokode.jp/header/cbtn_very_m.png);    width: 130px;}
#header #menu_cat .estory a {background: url(../img/kokode.jp/header/cbtn_estory_m.png);    width: 130px;}
#header #menu_cat .story a {background: url(../img/kokode.jp/header/cbtn_story_m.png);  width: 130px;}
#header #menu_cat .selestory a {background: url(../img/kokode.jp/header/cbtn_selestory_m.png);  width: 180px;}
#header #menu_cat .kokode a {background: url(../img/kokode.jp/header/cbtn_kokode_m.png);    width: 130px;}
#header #menu_cat .brand a {background: url(../img/kokode.jp/header/cbtn_brand_m.png);  width: 130px;}
#header #menu_cat .classy a {background: url(../img/kokode.jp/header/cbtn_classy_m.png);    width: 130px;}
#header #menu_cat .gainer a {background: url(../img/kokode.jp/header/cbtn_gainer_m.png);    width: 130px;}
#header #menu_cat .hers a {background: url(../img/kokode.jp/header/cbtn_hers_m.png);    width: 130px;}
#header #menu_cat .lets a {background: url(../img/kokode.jp/header/cbtn_lets_m.png);    width: 130px;}
#header #menu_cat .kokodeplus a {background: url(../img/kokode.jp/header/cbtn_kokodeplus.png);    width: 125px;}
#header #menu_cat .kokodegift a {background: url(../img/kokode.jp/header/cbtn_kokodegift.png);    width: 130px;}


#header #menu_cat .home a,
#header #menu_cat .very a,
#header #menu_cat .estory a,
#header #menu_cat .story a,
#header #menu_cat .selestory a,
#header #menu_cat .kokode a,
#header #menu_cat .classy a,
#header #menu_cat .gainer a,
#header #menu_cat .hers a,
#header #menu_cat .brand a,
#header #menu_cat .kokodeplus a,
#header #menu_cat .kokodegift a,
#header #menu_cat .lets a{
    outline: 0;
    float: left;
    height: 55px;
    display: block;
    text-indent: -9999px;
}

#header #menu_cat .home a:hover,
#header #menu_cat .very a:hover,
#header #menu_cat .estory a:hover,
#header #menu_cat .story a:hover,
#header #menu_cat .selestory a:hover,
#header #menu_cat .kokode a:hover,
#header #menu_cat .classy a:hover,
#header #menu_cat .gainer a:hover,
#header #menu_cat .hers a:hover,
#header #menu_cat .brand a:hover,
#header #menu_cat .kokodeplus a:hover,
#header #menu_cat .kokodegift a:hover,
#header #menu_cat .lets a:hover{
    background-position: 0 -55px;
}

#header #menu_cat .home a.active,
#header #menu_cat .very a.active,
#header #menu_cat .estory a.active,
#header #menu_cat .story a.active,
#header #menu_cat .selestory a.active,
#header #menu_cat .kokode a.active,
#header #menu_cat .classy a.active,
#header #menu_cat .gainer a.active,
#header #menu_cat .hers a.active,
#header #menu_cat .brand a.active,
#header #menu_cat .kokodeplus a.active,
#header #menu_cat .kokodegift a.active,
#header #menu_cat .lets a.active{
    background-position: 0 -110px;
}

/* -------------------------------------------------- */

#header #menu_cat {
    width: 960px;
    display: block;
    padding: 0 0 0 0;
    margin: 0 auto;
    clear: both;
}

/* サブメニュー1段目 */
#header #menu_cat ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
}

/* リスト */

#header #menu_cat li:hover {
   position:relative;
}

#header #menu_cat li:hover > ul {
   display: block
}

#header #menu_cat ul ul{
    background:#FFF;
    border: 1px solid #D6D6D6;
    padding: 10px 10px 5px 10px;
    margin: 0 0 0 -1px;
    line-height: 11px;
}

#header #menu_cat ul .gainer ul li a{width:320px; height:18px;}
#header #menu_cat ul .very ul li a{width:350px; height:18px;}
#header #menu_cat ul .estory ul li a{width:250px; height:18px;}
#header #menu_cat ul .selestory ul li a{width:440px; height:18px;}
#header #menu_cat ul .story ul li a{width:380px; height:18px;}
#header #menu_cat ul .kokode ul li a{width:280px; height:18px;}
#header #menu_cat ul .kokodeplus ul li a{width:390px; height:18px;}

#header #menu_cat ul .brand ul li a{
    width:240px;
    height:100%;
    padding: 0 0 5px 0;
    line-height:1.2em;
    list-style-type: disc;
}
#header #menu_cat ul .classy ul li a{width:360px; height:18px;}
#header #menu_cat ul .hers ul li a{width:380px; height:18px;}
#header #menu_cat ul .lets ul li a{width:200px; height:18px;}


#header #menu_cat ul ul .ttl{
    padding: 5px 0 8px 0;
    font-size: 12px;
    font-weight: bold;
    width:400px;
}

#header #menu_cat ul .kokodeplus ul li a,
#header #menu_cat ul .gainer ul li a,
#header #menu_cat ul .very ul li a,
#header #menu_cat ul .estory ul li a,
#header #menu_cat ul .selestory ul li a,
#header #menu_cat ul .story ul li a,
#header #menu_cat ul .kokode ul li a,
#header #menu_cat ul .classy ul li a,
#header #menu_cat ul .brand ul li a,
#header #menu_cat ul .lets ul li a,
#header #menu_cat ul .kokodeplus ul li a,
#header #menu_cat ul .hers ul li a{
    text-indent: 0;
    background-image: none;
    color: #000;
}



#header #menu_cat li {
    float: left;
    display: inline;
    z-index:100;
}

/* -SELESTORY HEADER---------------------------------------- */

#header-sele {
    padding: 0 0 0 0;
    height: 25px;
    width : 100%;
    margin: 0 auto;
    clear: both;
    background-repeat: repeat-x;
    background-position: top;
    border-top: 3px solid #333;
}

#header-sele #menu_cat_sele .story a {background: url(../img/kokode.jp/header/shbtn_story.gif); width: 75px;}
#header-sele #menu_cat_sele .bistory a {background: url(../img/kokode.jp/header/shbtn_bistory.gif); width: 75px;}
#header-sele #menu_cat_sele .selestory a {background: url(../img/kokode.jp/header/shbtn_selestory_o.gif); width: 75px;}

#header-sele #menu_cat_sele .story a,
#header-sele #menu_cat_sele .bistory a,
#header-sele #menu_cat_sele .selestory a{
    outline: 0;
    float: left;
    display: block;
    height:25px;
    text-indent: -9999px;
}

/* -------------------------------------------------- */

#header-sele #menu_cat_sele {
    width: 1000px;
    height: 25px;
    border-left: 1px solid #EDEDED;
    display: block;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    clear: both;
}

/* サブメニュー1段目 */
#header-sele #menu_cat_sele ul ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
}

/* リスト */

#header-sele #menu_cat_sele li:hover {
   position:relative;
}

#header-sele #menu_cat_sele li:hover > ul {
   display: block
}

#header-sele #menu_cat_sele ul ul{
    background:#FFF;
    border: 1px solid #D6D6D6;
    padding: 5px 10px 5px 10px;
    margin: 0 0 0 -1px;
    line-height: 11px;
}

#header-sele #menu_cat_sele ul .selestory ul li a{
    text-indent: 0;
    padding: 0 0 0 3px;
    background-image: url(../img/kokode.jp/common/treeview-default-line1.png);
    background-repeat: no-repeat;
    background-position: 0 -5px;
    color: #000;
    height:18px;
    width:450px;
}

#header-sele #menu_cat_sele ul .selestory ul .ttl{
    padding: 5px 0 8px 0;
    font-size: 12px;
    font-weight: bold;
    width:450px;
}

#header-sele #menu_cat_sele ul .selestory ul .ttl_m{
    padding: 5px 0 8px 13px;
    font-size: 12px;
    font-weight: bold;
    width:450px;
}

#header-sele #menu_cat_sele ul .selestory ul .ttl_mc{
    padding: 0 0 0 13px;
    height:18px;
}


#header-sele #menu_cat_sele li {
    float: left;
    display: inline;
    z-index:100;
}


/* -------------------------------------------------- */

#leftnavi_container .cnt {
    padding: 10px;
    float: left;
    width :180px;
}

#leftnavi_container #search {
    margin: 0 0 0 0;
    float: left;
    width :200px;
}

#leftnavi_container #search .title {
    width :200px;
    background-image: url(../img/kokode.jp/common/rttl_keyword.png);
    height: 25px;
    margin: 0 0 0 0;
    text-indent: -9999px;
    clear: both;
}

#leftnavi_container #brandpickup .title {
    width :200px;
    background-image: url(../img/kokode.jp/common/rttl_brandpickup.png);
    height: 25px;
    margin: 0 0 0 0;
    text-indent: -9999px;
    clear: both;
}

#leftnavi_container #brandpickup a {
    margin: 0 0 5px 0;
    float: left;
    display: block;
}

#leftnavi_container #brandlinks .title {
    width :200px;
    background-image: url(../img/kokode.jp/common/rttl_links.png);
    height: 25px;
    margin: 0 0 0 0;
    text-indent: -9999px;
    clear: both;
}

#leftnavi_container #brandlinks a {
    margin: 0 0 5px 0;
    float: left;
    display: block;
}

#leftnavi_container #contents_cat .title {
    width :200px;
    background-image: url(../img/kokode.jp/common/rttl_contents.png);
    height: 25px;
    margin: 0 0 0 0;
    text-indent: -9999px;
    clear: both;
}

#leftnavi_container #brand_cat .title {
    width :200px;
    background-image: url(../img/kokode.jp/common/rttl_brand.png);
    height: 25px;
    margin: 0 0 0 0;
    text-indent: -9999px;
    clear: both;
}

#leftnavi_container #banners {
    margin: 0 0 20px 0;
    float: left;
    width :200px;
}

#leftnavi_container #banners img {
    margin: 0 0 10px 10px;
    float: left;
    display: block;
}

#leftnavi_container #search .box {
color:#666;
height:16px;
padding:2px;
margin:0px 0 5px 0;
vertical-align:middle;
width:100px;
border: 1px solid #CCC;
}

#leftnavi_container #search .btn {
height:20px;
margin:0px 0 5px 0;
vertical-align:middle;
}

#leftnavi_container #search .box:focus {
    background-color: #F3E8E2;
}

#leftnavi_container hr {
    width :200px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #D6D6D6;
    height: 1px;
    clear: both;
    margin-bottom: 15px;
}

*+html #leftnavi_container hr {
    width :180px;
    margin: 2px 0 2px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #D6D6D6;
    height: 1px;
}

/* -------------------------------------------------- */

.treeview {
    font-size:10px;
    line-height: 12px;
}

.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.treeview ul {
    margin-top: 5px;
    margin-left: -10px;
}

.treeview .hitarea {
    background: url(../img/kokode.jp/common/treeview-default.png) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float:none;
}

.treeview li {
    margin: 0;
    padding: 0 0pt 5px 10px;
}

.treeview li li {
    margin: 0;
    padding: 3px 0pt 3px 15px;
    background: url(../img/kokode.jp/common/treeview-default-line2.png) 0 0 no-repeat;
}

.treeview a.selected {
    background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover{
    cursor: pointer;
}

.treeview li { background: url() 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview li { background: url(../img/kokode.jp/common/treeview-default-line1.png) 0 -5px no-repeat; }


.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../img/kokode.jp/common/treeview-default.png); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

/* -------------------------------------------------- */

#mainimage {
    display: block;
    width: 760px;
    height: 300px;
    position: relative;
}

#slider2 {
    display: block;
    height: 300px;
    width: 760px;
}


#mainimage #controls {
    display: block;
    width: 760px;
    height: 25px;
    top:275px;
    left: 45%;
    position: absolute;
}

#mainimage #controls ol {
    padding:0 0 0 0;
}

#mainimage #controls li {
    padding:0;
    margin:0;
    list-style: none;
    display: inline;
    font-size: 0;
}

#mainimage #controls .controls a {
    padding:0;
    margin:0;
    height: 25px;
    width: 25px;
    list-style: none;
    display: block;
    text-indent: -9999px;
    background: url(../img/kokode.jp/top/slide_btn_off.png);
    float: left;
    outline: 0;
}

#mainimage #controls .controls .current a {
    padding:0;
    margin:0;
    height: 25px;
    width: 25px;
    list-style: none;
    display: block;
    text-indent: -9999px;
    background: url(../img/kokode.jp/top/slide_btn_on.png);
    float: left;
    outline: 0;
}

/* -------------------------------------------------- */

#news_container{
    float: left;
    width: 760px;
    display: block;
    margin: 0 0 5px 0;
}

#news_container h3{
    float: left;
    height:25px;
    width: 760px;
    display: block;
    margin: 0 0 5px 0;
    text-indent: -9999px;
    background-image: url(../img/kokode.jp/common/tttl_topics.png);
}

/* -------------------------------------------------- */

#topics{
    width: 760px;
    padding: 0;
    margin: 10px 0 0 10px;
}


#topics ul{
    margin: 0 0 15px 10px;
    overflow: hidden;
}

#topics li{
    float: left;
    margin: 0 15px 0 0;
    display: block;
}

#topics li img{
    float: left;
    border: 1px solid #FFF;
    margin: 5px 0 5px 0;
}

#topics p {
    float: right;
    width: 190px;
}

#topics p .day {
    display: block;
    padding-bottom: 3px;
    font-weight: bold;
}

#topics a:hover img{
    border: 1px solid #FFF;
}

/* -------------------------------------------------- */

#cntbnr{
    width: 750px;
    height: 290px;
    padding:  20px 0 0 10px;
    margin: 0 0 0 0;
    background-color: #F0F0F0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E3E3E3;
    left: 0;
    top: 0;
    display: block;
    position: relative;
}


#cntbnr ul{
    margin: 0 0 15px 10px;
}

#cntbnr li{
    float: left;
    margin: 0 15px 15px 0;
    display: block;
}

/* -------------------------------------------------- */

#topics_hers{
    float: left;
    width: 760px;
    display: block;
    background-color: #3e3a39;
    padding-top: 10px;
    margin: 0 0 0 0;
}


#topics_hers div{
    margin: 0 -30px 15px 0;
    overflow: hidden;
}

#topics_hers ul{
    margin: 0 -30px 5px 0;
    overflow: hidden;
}

#topics_hers li{
    float: left;
    margin: 0 0 0 10px;
    width: 240px;
    display: block;
}

#topics_hers li img{
    float: left;
    border: 0;
    margin: 5px 0 2px 0;
}

#topics_hers p {
    float: right;
    width: 190px;
}

#topics_hers p .day {
    display: block;
    padding-bottom: 3px;
    font-weight: bold;
}

/* -------------------------------------------------- */

#dt_pickup_container{
    float: left;
    width: 760px;
    font-size:10px;
}

#dt_pickup_container h3{
    float: left;
    height:25px;
    width: 760px;
    display: block;
    margin: 0 0 5px 0;
    text-indent: -9999px;
    background-image: url(../img/kokode.jp/common/tttl_hotitem.png);
}

/* -------------------------------------------------- */

#item_list_container{
    float: left;
    width: 700px;
    padding: 0;
    margin: 20px 0 0 30px;
}


#item_list_container ul{
    margin: 0 -30px 15px 0;
    overflow: hidden;
    zoom: 1;
}

#item_list_container li{
    float: left;
    margin: 0 30px 20px 0;
    width: 150px;
    display: inline;
}

#item_list_container li .item_img{
    float: left;
    border: 1px solid #EEE;
    margin: 0 0 5px 0;
}

#item_list_container p {
    float: right;
    width: 150px;
}

#item_list_container a:hover .item_img{
    border: 1px solid #CCC;
}

#item_list_container a:hover .ttl{

}

#item_list_container .icon img{
    margin: 0 5px 3px 0;
}

#item_list_container .ttl{
    font-size:10px;
    display: block;
    margin: 0 0 3px 0;
}

#item_list_container .text{
    font-size:10px;
    line-height: 13px;
}

#item_list_container .price{
    color:#333;
    font-size:12px;
    font-weight:normal;
    display: block;
    margin: 3px 0 0 0;
}

#item_list_container .price-off{
    font-size:12px;
    display: block;
    margin: 3px 0 0 0;
    color: #990000;
}

#item_list_container .price-off img{
    margin: 0 0 0 5px;
    vertical-align: top;
}

/* -------------------------------------------------- */

#mcs_container li {
    margin:5px 0 8px 0;
    width:710px;
    font-size:11px;
    line-height:14px;
}

#mcs_container li .day {
    display: block;
    padding-bottom: 3px;
    font-weight: bold;
}

#mcs_container {
    position:relative;
    margin:0 0 10px 20px;
    width:735px;
    height:180px;
    padding:0 0;
}
#mcs_container .customScrollBox {
    position:relative;
    height:100%;
    overflow:hidden;
}
#mcs_container .customScrollBox .container {
    position:relative;
    width:725px;
    top:0;
    float:left;
}

#mcs_container .customScrollBox .content {
    clear:both;
}


#mcs_container .customScrollBox img {
    border:5px solid #fff;
}

#mcs_container .dragger_container {
    position:relative;
    width:2px;
    height:145px;
    float:left;
    margin:16px 0 0 0;
    background:#000;
    cursor:pointer;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    cursor:s-resize;
}
#mcs_container .dragger {
    position:absolute;
    width:2px;
    height:20px;
    background:#999;
    text-align:center;
    line-height:50px;
    color:#666;
    overflow:hidden;
    cursor:pointer;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
#mcs_container .dragger_pressed {
    position:absolute;
    width:4px;
    margin-left:-1px;
    height:60px;
    background:#999;
    text-align:center;
    line-height:60px;
    color:#666;
    overflow:hidden;
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    cursor:s-resize;
}
#mcs_container .scrollUpBtn, #mcs_container .scrollDownBtn {
    position:absolute;
    display:inline-block;
    width:14px;
    height:15px;
    margin-right:2px;
    text-decoration:none;
    right:0;
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity:0.50;
    opacity:0.50;
    outline: 0;
}
#mcs_container .scrollUpBtn {
    top:0px;
    background-image: url(../img/kokode.jp/common/mcs_btnUp.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#mcs_container .scrollDownBtn {
    bottom:0px;
    background:url(../img/kokode.jp/common/mcs_btnDown.png) center center no-repeat;
}
#mcs_container .scrollUpBtn:hover, #mcs_container .scrollDownBtn:hover {
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity:0.70;
    opacity:0.70;
    outline: 0;
}

/* -------------------------------------------------- */

#bread_crumb {
    height: 12px;
    width: 945px;
    font-size: 10px;
    display: block;
    padding: 8px 0 10px 15px;
    margin: 0 auto;
    clear: both;
    background-image: url(../img/kokode.jp/common/pix.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

div.bread_clumb {
    height: 12px;
    width: 945px;
    font-size: 12px;
    display: block;
    padding: 8px 0 10px 15px;
    margin: -20px auto 0 auto;
    clear: both;
    background-image: url(../img/kokode.jp/common/pix.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

/* -------------------------------------------------- */
#search_no_results {
    width: 760px;
    margin-top:20px;
    font-size:128%;
}

/* -------------------------------------------------- */

#category_image{
    float: left;
    width: 740px;
    height: 190px;
    padding: 60px 0 0 20px;
    margin: 0 0 0 0;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;   /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;     /* Firefox用 */
    border: 1px solid #E1E1E1;
}

#category_image h2{
    float: left;
    font-size:12px;
    font-weight: bold;
    display: block;
    padding: 0 0 5px 0;
}


#category_image p{
    float: left;
    margin: 0 0 10px 0;
    width: 330px;
    font-size: 10px;
    line-height: 13px;
    display: block;
    clear: left;
}

#category_image_list{
    float: left;
    width: 720px;
    padding: 20px 20px 10px 20px;
    margin: 0 0 0 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #EEEEEE;
}

#category_image_list h2{
    float: left;
    font-size:14px;
    font-weight: bold;
    display: block;
    padding: 5px 0 10px 0;
}

#category_image_list ul{
    float: left;
    margin: 0 -30px 0 0;
    overflow: hidden;
    zoom: 1;
    clear: left;
}

#category_image_list li{
    float: left;
    margin: 0 0 0 0;
    width: 640px;
    display: inline;
}

#category_image_list li a{
    float: left;
    display: block;
    background-image: url(../img/kokode.jp/common/treeview-default-line1.png);
    background-repeat: no-repeat;
    background-position: left -5px;
    padding: 0 0 0 10px;
    margin: 0 0 8px 0;
    font-size: 12px;
}

.category_image_link a{
    float: right;
    display: block;
    background-image: url(../img/kokode.jp/common/point_blank.png);
    background-repeat: no-repeat;
    background-position: left 2px;
    font-size: 12px;
    padding: 0 10px 0 15px;
    margin: 5px 0 0 0;
}

.arrow_link a{
    float: right;
    display: block;
    background-image: url(../img/kokode.jp/common/treeview-default-line1.png);
    background-repeat: no-repeat;
    background-position: left -5px;
    font-size: 11px;
    padding: 0 0 0 10px;
    margin: 5px 20px 0 0;
}

/*-----IE6 HACK----------------------------------- */

*html.category_image_link a {
    float: right;
    display: block;
    background-image: url(../img/kokode.jp/common/point_blank.png);
    background-repeat: no-repeat;
    background-position: left 2px;
    font-size: 10px;
    padding: 0 0 0 15px;
    margin: 0 0 0 0;
}

/*-----IE7 HACK----------------------------------- */
*:first-child+html.category_image_link a {
    float: right;
    display: block;
    background-image: url(../img/kokode.jp/common/point_blank.png);
    background-repeat: no-repeat;
    background-position: left 2px;
    font-size: 10px;
    padding: 5px 0 0 15px;
    margin: 0 0 10px 0;
}

/* -------------------------------------------------- */

.category_page_link a{
    float: right;
    display: block;
    background-image: url(../img/kokode.jp/common/point_self_r.png);
    background-repeat: no-repeat;
    background-position: left 0;
    font-size: 12px;
    padding: 0 10px 0 15px;
    margin: 5px 0 0 0;
}


.page_navi{
    float: left;
    width: 760px;
    font-size:12px;
    padding: 30px 0 5px 0;
    margin: 0 0 0 0;
}

.page_navi h3{
    float: left;
    font-size:14px;
    font-weight: bold;
    display: block;
    padding: 0 0 10px 0;
}

.page_navi p{
    float: left;
    padding: 0 0 0 10px;
}

.page_navi .cnt{
    float: left;
    width:760px;
    height:10px;
    padding: 10px 0 10px 0;
    margin: 0 0 5px 0;
    clear: left;
}

.page_navi .cnt .left{
    float: left;
}

.page_navi .cnt .on{
    background-image: url(../img/kokode.jp/common/btn_select_on.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: 0 3px;
    font-weight: bold;
}

.page_navi .cnt .off{
    background-image: url(../img/kokode.jp/common/btn_select_off.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: 0 3px;
}

.page_navi .cnt .right{
    float: right;
}

.page_navi .cnt .right select{
    margin: -5px 0 0 0;
}

.page_navi .box{
    float: right;
    text-align: right;
    padding: 10px 0 10px 0;
}
.page_navi .box:after{
  display:block;
  content:"";
  clear:both;
}
.page_navi .box .next_on{
  float:right;
}

#body_container hr {
    width :760px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #D6D6D6;
    height: 1px;
    clear: both;
    margin: 0 0 00px 0;
}

#body_container .page_navi hr {
    width :760px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #D6D6D6;
    height: 1px;
    clear: both;
    margin: 0 0 00px 0;
}

.page_navi .box p{
    float: left;
    padding: 0 10px 0 10px;
    color: #999;
}

.page_navi .box p a{
    font-weight: bold;
}

.prev_on a{
    float: left;
    width: 70px;
    height: 16px;
    background-image: url(../img/kokode.jp/common/cbtn_prev_on.png);
    display: block;
    border: none;
    text-indent: -9999px;
}

.next_on a {
    float: left;
    width: 70px;
    height: 16px;
    background-image: url(../img/kokode.jp/common/cbtn_next_on.png);
    display: block;
    border: none;
    text-indent: -9999px;
}

.prev_on a:hover,
.next_on a:hover{
    background-position: 0 -16px;
}

.prev_off {
    float: left;
    width: 70px;
    height: 16px;
    background-image: url(../img/kokode.jp/common/cbtn_prev_off.png);
    display: block;
    text-indent: -9999px;
}

.next_off {
    float: left;
    width: 70px;
    height: 16px;
    background-image: url(../img/kokode.jp/common/cbtn_next_off.png);
    display: block;
    text-indent: -9999px;
}

/* -------------------------------------------------- */

#dt_pickup_container{
    float: left;
    width: 760px;
    font-size:10px;
}

#dt_pickup_container h3{
    float: left;
    height:25px;
    width: 760px;
    display: block;
    margin: 0 0 5px 0;
    text-indent: -9999px;
    background-image: url(../../img/tttl_hotitem.png);
}

/* -------------------------------------------------- */

#item_list_container{
    float: left;
    width: 760px;
    padding: 0;
    margin: 20px 0 0 0;
}


#item_list_container ul{
    margin: 0 0 10px 0;

}

#item_list_container li{
    float: left;
    margin: 0 37px 20px 0;
    width: 162px;
}

#item_list_container li:nth-child(4n){
    float: left;
    margin: 0 0 20px 0;
    width: 162px;
}

#item_list_container li .item_img{
    float: left;
    border: 1px solid #FFF;
    margin: 0 0 5px 0;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}

#item_list_container p {
    float: right;
    width: 160px;
}

#item_list_container a:hover .item_img{
    border: 1px solid #DDD;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}

#item_list_container a:hover .ttl{

}

#item_list_container .icon img{
    margin: 0 3px 3px 0;
}

#item_list_container .ttl{
    font-size:12px;
    display: block;
    margin: 0 0 3px 0;
}

#item_list_container .text{
    font-size:10px;
    line-height: 13px;
}

#item_list_container .price{
    font-size:12px;
    display: block;
    margin: 3px 0 0 0;
}

#item_list_container .price-base{
    text-decoration:line-through;
}

#item_list_container .price-off{
    font-size:12px;
    display: block;
    margin: 3px 0 0 0;
    color: #990000;
}

#item_list_container .price-off img{
    margin: 0 0 0 5px;
    vertical-align: top;
}

#item_list_container .item_soldout{
    font-size:10px;
    font-weight:bold;
    margin: 3px 0 0 0;
    color: #f06;
}

/* -------------------------------------------------- */

#search_zero {
    line-height:4.0em;
}

/* -------------------------------------------------- */

#item_container #dt_pickup_container{
    float: left;
    width: 760px;
    font-size:10px;
}

#item_container #dt_pickup_container h3{
    float: left;
    height:25px;
    width: 760px;
    display: block;
    margin: 0 0 5px 0;
    text-indent: -9999px;
    background-image: url(../img/kokode.jp/common/tttl_recommend.png);
}

/* naviplus適用後 */
#item_container #dt_pickup_container h3.pickupItem {
    float: left;
    height:25px;
    width: 760px;
    display: block;
    margin: 0 0 5px 0;
    text-indent: -9999px;
    background-image: url(../img/kokode.jp/common/tttl_pickup_item.png);
}

#item_container #dt_pickup_container h3.naviP_recoItem {
    float: left;
    height:25px;
    width: 760px;
    display: block;
    margin: 0 0 5px 0;
    text-indent: -9999px;
    background-image: url(../img/kokode.jp/common/tttl_recommend_item.png);
}

/* -------------------------------------------------- */

#comment_container {
    width: 760px;
    padding: 0 0 0 0;
    margin: 0 0 40px 0;
    text-align: center;
}

/* -------------------------------------------------- */

#image_container{
    float: left;
    width: 370px;
    margin: 0 0 20px 0;
}

#image_container #big {
    float: left;
    margin: 0 0 5px 0;
}

#image_container .zoom {
    float: left;
    margin: 10px 0 20px 0;
}

#image_container .thumb{
    overflow: hidden;
    zoom: 1;
    clear: left;
    margin-top: 0;
    margin-right: -15px;
    margin-bottom: 0;
    margin-left: 0;
}

#image_container .thumb li{
    float: left;
    margin: 0 15px 10px 0;
    width: 80px;
    display: inline;
}

#image_container .thumb li a{
    float: left;
    display: block;
}

#image_container .thumb li a img{
    border: 1px solid #EEE;
}

#image_container .thumb li a:hover img{
    border: 1px solid #CCC;
}

/* -------------------------------------------------- */

#image_container .social{
    display: block;
    overflow: hidden;
    zoom: 1;
    clear: left;
    padding-top: 10px;
    margin-right: -10px;
    margin-bottom: 0;
    margin-left: 0;
}

#image_container .social li{
    float: left;
    margin: 0 10px 0 0;
    display: inline;
}

/* -------------------------------------------------- */

#detail_container{
    float: right;
    width: 330px;
    margin: 0 0 20px 0;
}

#detail_container h2{
    width: 330px;
    font-size: 14px;
    margin: 0 0 15px 0;
    line-height: 18px;
}

#detail_container .brand{
    width: 330px;
    margin-bottom: 10px;
}

#detail_container .sex{
    width: 330px;
    margin-bottom: 5px;
}

#detail_container .rearr{
    width: 320px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #C00;
    background: #FFF0F0;
    border: 1px solid #FCC;
    padding: 4px;
    display: block;
    text-align: center;
}

.ttl_rearr{
    width: 740px;
    font-size: 13px;
    font-weight: bold;
    color: #C00;
    background: #FFF0F0;
    border: 1px solid #FCC;
    padding: 9px;
    display: block;
    text-align: center;
}


#detail_container .code{
    width: 330px;
    margin-bottom: 5px;
}

#detail_container .price{
    width: 330px;
    font-size: 16px;
    margin-bottom: 5px;
}

#detail_container .point{
    font-size: 14px;
    margin-bottom: 20px;
}

#detail_container .icon img{
    margin: 0 5px 7px 0;
}

#detail_container .price-box{
    font-size: 14px;
    margin: 20px 0 20px 0;
    display: block;
}

#detail_container .price-box .price-fix{
    font-size: 12px;
    color: #666;
    text-decoration: line-through;
    padding-left: 10px;
}

#detail_container .price-box .price-off{
    font-size: 16px;
    color: #990000;
    font-weight: bold;
}

#detail_container .price-box .tpx{
    font-size: 12px;
    color: #990000;
    font-weight: bold;
}

#detail_container .item-soldout{
    font-size: 16px;
    color: #990000;
    font-weight: bold;
    line-height:24px;
}

#detail_container .ttl{
    width: 330px;
    font-size: 12px;
    margin: 15px 0 10px 0;
    padding: 0 0 3px 0;
    border-bottom: solid 1px #CCC;
}

#detail_container .ttl .tpx{
    font-size: 10px;
}


#detail_container .detail_1{
    width: 330px;
    line-height: 13px;
    margin-bottom: 10px;
}


#detail_container .info{
    width: 330px;
    line-height: 15px;
    margin-bottom: 10px;
    padding: 0 0 0 0;
    border-bottom: solid 1px #EEE;
}

#detail_container dl{
    width: 330px;
    line-height: 15px;
    margin-bottom: 0;
}


#detail_container dt{
    float:left;
    clear: left;
}

#detail_container dd{
    margin-left: 5em;
    margin-bottom: 8px;
    line-height: 1.6em;
}

#detail_container #deli_cnt .deli_icon{
    float:left;
    width: 60px;
}

#detail_container #deli_cnt .deli_txt{
    float:right;
    width: 190px;
}

#detail_container #deli_cnt .deli_txt .red{
    font-size: 14px;
    font-weight: bold;
    color: #900;
}



#under02column #deli_cnt{
    float:left;
    margin: 10px 0 0 0;
    line-height: 1.4em;
}

#under02column #deli_cnt .deli_icon{
    float:left;
    width: 60px;
}

#under02column #deli_cnt .deli_txt{
    float:right;
}

#under02column #deli_cnt .deli_txt .red{
    font-size: 14px;
    font-weight: bold;
    color: #900;
}

#under02column #deli_cnt_att{
    font-size: 12px;
    color: #900;
    clear: both;
    padding: 10px 0 0 0;
    line-height: 1.4em;
}


#detail_container .gray{
    background-color: #F3F3F3;
}


#detail_container li select{
    width: 160px;
    font-size: 10px;
}

#detail_container .cart_btn{
    margin: 10px 0 10px 0;
}

#detail_container .cart_btn1{
    margin: 10px 10px 10px 0;
}

#detail_container .cart_btn2{
    margin: 10px 0 10px 0;
}

#detail_container table{
    width: 330px;
    line-height: 15px;
    margin-bottom: 5px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
}

#detail_container table th{
    text-align: center;
    background-color: #F3F3F3;
    line-height: 15px;
    padding: 5px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #CCC;
    border-left-color: #CCC;
    font-weight: bold;
}

#detail_container table td{
    text-align: center;
    line-height: 15px;
    padding: 5px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #CCC;
    border-left-color: #CCC;
}

/* -------------------------------------------------- */

#detail_info_container {
    width: 760px;
    padding: 10px 0 0 0;
    border-top: solid 1px #EEE;
    margin: 0 0 20px 0;
}

#detail_info_container p {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.6em;
}

/* -------------------------------------------------- */

#dt_pickup_container{
    float: left;
    width: 760px;
    font-size:10px;
}

#dt_pickup_container h3{
    float: left;
    height:25px;
    width: 760px;
    display: block;
    margin: 0 0 5px 0;
    text-indent: -9999px;
    background-image: url(../img/kokode.jp/common/tttl_hotitem.png);
}

#dt_pickup_container .price-fix{
    font-size: 12px;
    color: #666;
    text-decoration: line-through;
    padding-left: 10px;
}

#dt_pickup_container .price-off{
    font-size: 12px;
    color: #990000;
    font-weight: bold;
}

#dt_pickup_container .item_soldout{
    font-size:10px;
    font-weight:bold;
    margin: 6px 0 0 0;
    color: #f06;
}

/* -------------------------------------------------- */


#linkbox {
    padding: 10px;
    margin: 0 auto 0 auto;
    width: 738px;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #DDD;
    background: #F6F5F0;
    font-size: 12px;
    line-height: 16px;
}

#linkbox .ot {
    padding: 0 0 0 12px;
    margin: 5px 0 5px 0;
    background: url(../../img/common/btn_pagelink_ot.gif) no-repeat 0 -3px;
    font-weight: bold;
    display: block;
}

#linkbox dt {
    padding: 0 0 0 10px;
    background: url(../../img/common/btn_pagelink.gif) no-repeat 0 0;
    display: block;
    font-weight: bold;
}

#linkbox dd {
    padding: 0 0 0 20px;
    background: url(../../img/common/btn_pagelink.gif) no-repeat 10px 0;
}

#linkbox .left {
    float: left;
    width: 340px;
    display: block;
    text-align: left;
}

#linkbox .right {
    float: right;
    width: 340px;
    display: block;
    text-align: left;
}

/* -------------------------------------------------- */


#linkbox2 {
    padding: 10px;
    margin: 20px 0 0 0;
    width: 738px;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #DDD;
    background: #FFFFFF;
    font-size: 12px;
    line-height: 16px;
}

#linkbox2 .ot {
    padding: 0 0 0 12px;
    margin: 5px 0 2px 0;
    background: url(../../img/common/btn_pagelink_ot2.gif) no-repeat 0 -3px;
    font-weight: bold;
    display: block;
}

#linkbox2 dt {
    padding: 0 0 0 10px;
    background: url(../../img/common/btn_pagelink2.gif) no-repeat 0 0;
    display: block;
    font-weight: bold;
}

#linkbox2 dd {
    padding: 0 0 0 20px;
    background: url(../../img/common/btn_pagelink2.gif) no-repeat 10px 0;
}

#linkbox2 .left {
    float: left;
    width: 335px;
    display: block;
    text-align: left;
}

#linkbox2 .right {
    float: right;
    width: 335px;
    display: block;
    text-align: left;
}


/* -------------------------------------------------- */

#guide_ttl {
    width: 740px;
    height: 40px;
    background: url(../../img/common/guide_ttl.gif) no-repeat;
    display: block;
    padding-bottom: 10px;
    text-indent: -9999px;
    clear: both;
    margin: 0 auto;
}

#company_ttl {
    width: 740px;
    height: 40px;
    background: url(../../img/common/company_ttl.gif) no-repeat;
    display: block;
    padding-bottom: 10px;
    text-indent: -9999px;
    clear: both;
    margin: 0 auto;
}


#company_ttl {
    width: 740px;
    height: 50px;
    background: url(../../img/common/company_ttl.gif) no-repeat;
    display: block;
    padding-bottom: 10px;
    text-indent: -9999px;
    clear: both;
    margin: 0 auto;
}


#guide_box {
    padding: 10px 0 10px 0;
    margin: 0;
    width: 760px;
    display: block;
    font-size: 12px;
}

#guide_box h3 {
    float: left;
    width: 740px;
    display: block;
    margin: 0;
    background: #999;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    padding:10px;
    text-align: left;
}


#guide_box h4 {
    float: left;
    padding: 0 0 0 0;
    width: 700px;
    height: 20px;
    background: url(../../img/common/ttl_bg_a.gif);
    display: block;
    margin: 20px 0;
    clear: left;
}

#guide_box h4 span {
    padding: 5px 5px 0 0;
    background: #FFF;
    font-weight: bold;
    float: left;
    height: 20px;
    font-size: 18px;
}

#guide_box h4 a {
    float: right;
    width: 112px;
    height: 25px;
    background: url(../../img/common/ttl_btn_pagetop.gif);
    outline: 0;
    text-indent: -9999px;
}

#guide_box h4 a:hover{
    background-position: 0 -25px;
}

#guide_box .nr_box {
    padding: 0 0 15px 0;
    text-align: left;
    display: block;
    clear: left;
    overflow: hidden;
    width: 100%;
}

#guide_box .nr_box strong {
    font-weight: bold;
}

#guide_box .nr_box p {
    float: left;
    width: 760px;
    display: block;
    padding: 5px 0 0 0;
    background: url(../../img/common/line_5.gif) repeat-x bottom;
    line-height: 20px;
}

#guide_box .nr_box .cbg {
    float: left;
    padding: 10px;
    background: #F0F0F0;
}

#guide_box .nr_box table {
    width: 300px;
    clear: both;
    background: #EBEBEB;
    text-align: center;
    border: 1px solid #D6D6D6;
}

#guide_box .nr_box td {
    padding: 3px;
    background: #EBEBEB;
}


#guide_box .nr_box .nob {
    float: left;
    width: 750px;
    display: block;
    padding: 5px 0 5px 0;
    /*background: url(../none);*/
    background: none;
}

/* -------------------------------------------------- */

#guide_box_jjmode {
    padding: 10px 0 10px 0;
    margin: 0 auto;
    width: 700px;
    display: block;
    font-size: 12px;
}

#guide_box_jjmode h3 {
    float: left;
    padding: 5px;
    width: 690px;
    display: block;
    margin: 0 auto;
    background: #999;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    padding:10px;
    text-align: center;
}


#guide_box_jjmode h4 {
    float: left;
    padding: 0 0 0 0;
    width: 700px;
    height: 20px;
    background: url(../../img/common/ttl_bg_a.gif);
    display: block;
    margin: 0;
    clear: left;
}

#guide_box_jjmode h4 span {
    padding: 5px 5px 0 0;
    background: #FFF;
    font-weight: bold;
    float: left;
    height: 20px;
    font-size: 14px;
    margin-left: 0;
}

#guide_box_jjmode h4 a {
    float: right;
    width: 112px;
    height: 25px;
    background: url(../../img/common/ttl_btn_pagetop.gif);
    outline: 0;
    text-indent: -9999px;
}

#guide_box_jjmode h4 a:hover{
    background-position: 0 -25px;
}

#guide_box_jjmode .nr_box {
    padding: 0 0 15px 0;
    text-align: left;
    display: block;
    clear: left;
    overflow: hidden;
    width: 100%;
}

#guide_box_jjmode .nr_box strong {
    font-weight: bold;
}

#guide_box_jjmode .nr_box p {
    float: left;
    width: 700px;
    display: block;
    padding: 5px 0 0 0;
    background: url(../../img/common/line_5.gif) repeat-x bottom;
    line-height: 20px;
}

#guide_box_jjmode .nr_box .cbgpk {
    float: left;
    width: 700px;
    padding: 10px;
    text-align: center;
    background: #fbe6ef;
}

#guide_box_jjmode .nr_box .cbg {
    float: left;
    padding: 10px;
    background: #F0F0F0;
}

#guide_box_jjmode .nr_box table {
    width: 300px;
    clear: both;
    background: #EBEBEB;
    text-align: center;
    border: 1px solid #D6D6D6;
}

#guide_box_jjmode .nr_box td {
    padding: 3px;
    background: #EBEBEB;
}


#guide_box_jjmode .nr_box .nob {
    float: left;
    width: 750px;
    display: block;
    padding: 5px 0 5px 0;
    /*background: url(../none);*/
    background: none;
}

#guide_box_jjmode .nr_box .txright {
    width: 700px;
    display: block;
    text-align: right;
    padding: 5px 0 5px 0;
    color: #dd2a6f;
}
/* -------------------------------------------------- */

#company_ttl {
    width: 760px;
    height: 40px;
    background: url(../../img/company_ttl.gif) no-repeat;
    display: block;
    padding-bottom: 10px;
    text-indent: -9999px;
    clear: both;
    margin: 0 auto;
}


#company_box {
    padding: 10px 0 10px 0;
    margin: 0 auto;
    width: 700px;
    display: block;
    font-size: 12px;
}

#company_box h3 {
    padding: 10px 0 5px 0;
    margin: 0 auto 10px auto;
    width: 700px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D6D6D6;
}


#company_box .nr_box {
    padding: 0 0 15px 10px;
    width: 700px;
    display: block;
    text-align: left;
}

#company_box .nr_box strong {
    float: left;
    font-weight: bold;
    width: 130px;
    border-right: 1px solid #D6D6D6;
    display: block;
}

#company_box .nr_box span {
    float: right;
    width: 600px;
    display: block;
}

#company_box .nr_box p {
    float: left;
    width: 750px;
    display: block;
    padding: 5px 0 15px 0;
    background: url(../../img/line_5.gif) repeat-x bottom;
}

/* -------------------------------------------------- */

.none-border table {
    border-collapse: collapse;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.none-border table td {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding:0px;
    line-height:16px;
}

/* -------------------------------------------------- */

.dtl_noti {
    background-color: #FFF7F7;
    padding: 10px;
    float: left;
    width: 680px;
    font-size:11px;
    line-height:14px;
    border: 1px solid #FCC;
}

.dtl_noti h5 {
    font-weight: bold;
    color: #CC0000;
    display: block;
    background-image: url(../../img/common/icn_dtl_noti.png);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    font-size:12px;
    padding: 0 0 0 20px;
    margin: 0 0 5px 0;
}

.top_noti {
    background-color: #FCFEFE;
    padding: 15px;
    float: left;
    width: 730px;
    font-size:11px;
    line-height:14px;
    border-bottom    : 1px solid #E1E1E1;
}

.top_noti h5 {
    font-weight: bold;
    color: #48A5BF;
    display: block;
    font-size:14px;
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
}

/* -------------------------------------------------- */

#header-sele .cnt .sub_b ,#header .cnt .sub_b {
    height:55px;
    width :370px;
    float: right;
    margin: 0 15px 0 0;
}

#header-sele .cnt .sub_b a , #header .cnt .sub_b a {background: url(../img/kokode.jp/header/hbtn_selestory1209.png);    width: 370px; margin: 0 10px 0 0;}
* html #header .cnt .sub_b a {background: url(../img/kokode.jp/header/hbtn_selestory1209.png);  width: 370px; margin: 0 5px 0 0;}

#header-sele .cnt .sub_b a , #header .cnt .sub_b a{
    outline: 0;
    float: left;
    height: 55px;
    display: block;
    text-indent: -9999px;
}

#header-sele .cnt .sub_b a:hover, #header .cnt .sub_b a:hover{
    background-position: 0 -55px;
}
/* -------------------------------------------------- */

.link_list{
    float: right;
    padding: 0 0 0 0;
    margin: 10px 10px 0 0;
}

.link_list li{
    float: left;
    margin: 0 0 0 0;
    display: inline;
    clear: left;
}

.link_list li a{
    float: left;
    display: block;
    background-image: url(../img/kokode.jp/common/treeview-default-line1.png);
    background-repeat: no-repeat;
    background-position: left -5px;
    padding: 0 0 0 10px;
    margin: 0 0 5px 0;
    font-size: 10px;
}

.link_list ul .blank a{
    float: left;
    display: block;
    background-image: url(../img/kokode.jp/common/point_blank.png);
    background-repeat: no-repeat;
    background-position: left 2px;
    font-size: 10px;
    padding: 0 10px 0 15px;
    margin: 5px 0 0 0;
    font-size: 10px;
}

/* -------------------------------------------------- */

.cat_linklist_ttl{
    float: right;
    display: block;
    margin: 10px 10px 0 0;
    font-size: 12px;
    font-weight: bold;
}

/* -------------------------------------------------- */

#two_maincolumn{
    width :760px;
}

/* -------------------------------------------------- */

.contents_image_area {
    clear    : both;
    overflow : hidden;
    position : relative;
    width    : 760px;
}

.contents_image_area img {
    border : none;
}

#brand_banner {
    float    : left;
    height   : 300px;
    overflow : hidden;
    position : relative;
    width    : 760px;
}

#brand_image {
    clear : both;
}
#brand_image li {
    display  : block;
    height   : 300px;
    left     : 0;
    position : absolute;
    top      : 0;
    width    : 760px;
}

#brand_icon_area {
    display  : block;
    height   : 57px;
    left     : 330px;
    overflow : hidden;
    position : absolute;
    top      : 275px;
    width    : 320px;
}

#brand_icon {
    clear    : both;
    display  : block;
    left     : 0;
    position : absolute;
    top      : 0;
}

#brand_icon li {
    cursor      : hand;
    display     : block;
    float       : left;
    padding     : 0;
    margin      : 0;
    height      : 25px;
    width       : 25px;
    list-style  : none;
    text-indent : -9999px;
    background  : url(../img/kokode.jp/top/slide_btn_off.png);
    outline     : 0;
}

#brand_icon li.selected {
    background  : url(../img/kokode.jp/top/slide_btn_on.png);
}

.contents_image_area {
    margin-bottom : 0 !important;
}


#guide_box .faq ul {
    margin: 0;
    padding: 0;
}

#guide_box .faq li {
    line-height: 1.4em;
    padding: 5px 0 0 25px;
}

#guide_box .faq a {
    color: #939;
}

#guide_box .faq ol li {
    line-height: 1.4em;
    padding: 5px 0 0 0;
 margin: 0 0 0 20px;
    list-style: decimal outside;
 width: 650px;
}

#guide_box .faq ul li {
    line-height: 1.4em;
    padding: 5px 0 0 0;
    margin: 0 0 0 20px;
    list-style: disc outside;
 width: 650px;
}

.faq_q {
    background: url(../img/kokode.jp/common/point_q.gif) no-repeat scroll 0 0 transparent;
    clear: both;
    height: 100%;
    margin: 0 0 15px 0;
    padding: 0 0 0 35px;
    width: 680px;
}

.faq_a {
    background: url(../img/kokode.jp/common/point_a.gif) no-repeat scroll 0 0 transparent;
    clear: both;
    height: 100%;
    margin: 0 0 30px 0;
    padding: 0 0 0 35px;
    width: 680px;
}

.faq_a {
    background: url(../img/kokode.jp/common/point_a.gif) no-repeat scroll 0 0 transparent;
    clear: both;
    height: 100%;
    margin: 0 0 30px 0;
    padding: 0 0 0 35px;
    width: 680px;
}

/* -------------------------------------------------- */

#brandlist_page {
 margin: 0 0 0 0;
    padding: 0 20px 20px 20px;
}

#brandlist_page ul {
    padding: 0 0 0 0;
}

#brandlist_page #tab {
    padding: 0 0 0 0;
 margin: 20px 0 0 0;
    width: 720px;
    height: 25px;
    display: block;
    background: url(../img/kokode.jp/common/bl_btn_bg.png) repeat-x bottom;
}


#brandlist_page #tab li {
    float: left;
    list-style: none;
}

#brandlist_page #tab .btn_story a {background: url(../img/kokode.jp/common/bl_btn_story.png); width: 125px;}
#brandlist_page #tab .btn_hers a {background: url(../img/kokode.jp/common/bl_btn_hers.png); width: 135px;}
#brandlist_page #tab .btn_very a {background: url(../img/kokode.jp/common/bl_btn_very.png); width: 55px;}
#brandlist_page #tab .btn_classy a {background: url(../img/kokode.jp/common/bl_btn_classy.png); width: 155px;}
#brandlist_page #tab .btn_gainer a {background: url(../img/kokode.jp/common/bl_btn_gainer.png); width: 65px;}
#brandlist_page #tab .btn_jj a {background: url(../img/kokode.jp/common/bl_btn_jj.png); width: 65px;}
#brandlist_page #tab .btn_kokodeplus a {background: url(../img/kokode.jp/common/bl_btn_kokodeplus.png); width: 100px;}
#brandlist_page #tab .btn_mart a {background: url(../img/kokode.jp/common/bl_btn_mart.png); width: 55px;}

#brandlist_page #tab .btn_mart a,
#brandlist_page #tab .btn_kokodeplus a,
#brandlist_page #tab .btn_story a,
#brandlist_page #tab .btn_hers a,
#brandlist_page #tab .btn_very a,
#brandlist_page #tab .btn_classy a,
#brandlist_page #tab .btn_jj a,
#brandlist_page #tab .btn_gainer a{
    outline: 0;
    height: 25px;
    display: block;
    text-indent: -9999px;
}

#brandlist_page #tab .btn_mart  a:hover,
#brandlist_page #tab .btn_kokodeplus  a:hover,
#brandlist_page #tab .btn_story  a:hover,
#brandlist_page #tab .btn_hers  a:hover,
#brandlist_page #tab .btn_very  a:hover,
#brandlist_page #tab .btn_classy  a:hover,
#brandlist_page #tab .btn_jj  a:hover,
#brandlist_page #tab .btn_gainer  a:hover{
    background-position: 0 -25px;
}

#brandlist_page #tab .present .btn_mart  a,
#brandlist_page #tab .present .btn_kokodeplus  a,
#brandlist_page #tab .present .btn_story  a,
#brandlist_page #tab .present .btn_hers  a,
#brandlist_page #tab .present .btn_very  a,
#brandlist_page #tab .present .btn_classy  a,
#brandlist_page #tab .present .btn_jj  a,
#brandlist_page #tab .present .btn_gainer  a{
    background-position: 0 -50px;
}

/* -------------------------------------------------- */

#brandlist_page .abc{
    padding: 20px 0 0 0;
    clear: both;
    font-size: 13px;
}


#brandlist_page h4{
    clear: both;
    font-size: 18px;
    padding: 10px 0 0 10px;
    margin: 30px 0 20px 0;
    width: 710px;
    height: 20px;
    display: block;
    background: url(../img/kokode.jp/common/bl_ttl_bg.png) no-repeat;
}

#brandlist_page .list {
    float: left;
    width: 720px;
    display: block;
}

#brandlist_page .list ul {
    float: left;
    width: 720px;
    display: block;
    margin: 30px 0 20px 0;
}


#brandlist_page .list li {
    padding: 0 10px 20px 0;
    float: left;
    list-style: none;
    width: 350px;
    display: block;
}

#brandlist_page .list li img {
    float: left;
    border: 1px solid #FFF;
}


#brandlist_page .list li p {
    margin: 0 0 0 0;
    padding: 0 0 0 8px;
    float: left;
    list-style: none;
    width: 160px;
    display: block;
}

#brandlist_page .list li a:hover img{
    border: 1px solid #CCC;
}





/* -------------------------------------------------- */
#top_container {
    width: 895px;
    padding: 7px 0 5px 25px;
    margin: 0 0 15px 0;
    z-index: 0;
    clear: both;
    height:50px;
    border: 1px solid #EBEBEB;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    position: relative;
}

#top_container #cnt {
    width:870px;
}

#top_container #cnt .slide img {
    width:170px;
}

#top_container #slides {
    top:0px;
    left:0px;
    z-index:100;
}

#top_container .slides_container {
    width:870px;
    height:50px;
    overflow:hidden;
    display:none;
}

#top_container #slides .slide {
    padding:0px 0 0 0;
    width:870px;
    display:block;
}


#top_container .slide li  {
    padding:0px 0 0 0;
    margin:0px 5px 0 0;
    display:block;
    float: left;
    font-weight: normal;
}

#top_container .pagination  {
    display:none;
}


#top_container #slides .next,#top_container #slides .prev {
    position:absolute;
    left:0px;
    width:15px;
    display:block;
    z-index:101;
}

#top_container #slides .prev {
    top:5px;
    left:5px;
}

#top_container #slides .next {
    top:5px;
    left:900px;
}


/* -------------------------------------------------- */

#kp_cnt {
    float: left;
    width: 745px;
    padding: 15px 0 0 15px;
    margin: 0 0 0 0;
}

#kp_cnt .ttl {
    width: 730px;
    margin: 0 0 20px 0;
    clear: both;
}

#kp_cnt .cnt_320 {
    float: left;
    width: 320px;
    height: 390px;
    padding: 30px 20px 0 20px;
    margin: 0 10px 20px 0;
    background-image: url(../img/kokode.jp/kokode_plus/kp_bg1.jpg);
    background-repeat: repeat;
}

#kp_cnt .cnt_210 {
    float: left;
    width: 206px;
    height: 290px;
    padding: 15px 15px 0 15px;
    margin: 0 10px 20px 0;
    background-image: url(../img/kokode.jp/kokode_plus/kp_bg2.jpg);
    background-repeat: repeat;
}


#kp_cnt p {
    font-size: 11px;
    line-height: 1.4em;
    margin: 5px 0 0 0;
}

#kp_cnt a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

#kp_cnt .next {
    width: 730px;
    margin: 0 0 20px 0;
}


#kp_cnt .next .ttl {
    margin: 0 0 10px 0;
}

/*スライダーテスト150710*/
/*バナー3枚用*/
#banner_slidercp {
    padding: 0;
    margin:10px auto 10px 0;
    border:none;
    width:753px;
    height:117px;
    position: relative;
    overflow:hidden;
}
#banner_slidercp .banner_slidercp {
    width:720px;
    position: relative;
    padding:0 12px 0 22px;
}
#banner_slidercp .banner_slidercp a img {
    float:left;
    border:none;
    padding:0;
    margin:0;
    margin-right:9px;
    width:230px;
}
#banner_slidercp .banner_slidercp img.slide_l,
#banner_slidercp .banner_slidercp img.slide_r {
    height: 112px;
    position: absolute;
    top: 0;
    z-index: 9999;
}
#banner_slidercp .banner_slidercp img.slide_l {
    left: 0;
}
#banner_slidercp .banner_slidercp img.slide_r {
    right: 0;
}
#banner_slidercp .banner_slidercp a img:hover{
    opacity:0.7;                   /* IE以外透過設定  */
    filter: Alpha(Opacity=70);     /* IE6,7用透過設定 */
    -ms-filter: Alpha(Opacity=70); /* IE8用透過設定   */
}
#banner_slidercp .banner_slidercp {
    margin-top: 1px;
}
#banner_slidercp .banner_slidercp:first-child {
    margin-top: 0;
}
/* clear fix */
#banner_slidercp .banner_slidercp:after {
    font-size: 1px;
    color: #FFFFFF;
    content: ".";
    display: block;
    height: 0;
    clear: both;
    }
#banner_slidercp .banner_slidercp {
    display:inline-block;
    zoom: 1;
}
/* End clear fix */


/*バナー2枚用*/
#banner_slidercp2 {
    padding: 0;
    margin:10px auto 10px 0;
    border:none;
    width:753px;
    height:95px;
    position: relative;
    overflow:hidden;
}
#banner_slidercp2 .banner_slidercp2 {
    width:720px;
    position: relative;
    padding:0 12px 0 20px;
}
#banner_slidercp2 .banner_slidercp2 a img {
    float:left;
    border:none;
    padding:0;
    margin:0;
    margin-right:4px;
    width:354px;
}
#banner_slidercp2 .banner_slidercp2 img.slide_l,
#banner_slidercp2 .banner_slidercp2 img.slide_r {
    height: 95px;
    position: absolute;
    top: 0;
    z-index: 9999;
}
#banner_slidercp2 .banner_slidercp2 img.slide_l {
    left: 0;
}
#banner_slidercp2 .banner_slidercp2 img.slide_r {
    right: 0;
}
#banner_slidercp2 .banner_slidercp2 a img:hover{
    opacity:0.7;                   /* IE以外透過設定  */
    filter: Alpha(Opacity=70);     /* IE6,7用透過設定 */
    -ms-filter: Alpha(Opacity=70); /* IE8用透過設定   */
}
#banner_slidercp2 .banner_slidercp2 {
    margin-top: 1px;
}
#banner_slidercp2 .banner_slidercp2:first-child {
    margin-top: 0;
}
/* clear fix */
#banner_slidercp2 .banner_slidercp2:after {
    font-size: 1px;
    color: #FFFFFF;
    content: ".";
    display: block;
    height: 0;
    clear: both;
    }
#banner_slidercp2 .banner_slidercp2 {
    display:inline-block;
    zoom: 1;
}
/* End clear fix */


/*スタッフ厳選一押しアイテム150729*/
.staffrecommend{
    margin:20px auto;
}
.staffrecommend ul{
    width:100%;
    list-style: none;
}
.staffrecommend li{
    float:left;
    width:25%;
    text-align:center;
    list-style: none;
}
.staffrecommend h2{
    font-size:2em;
    margin:1em;
}
.staffrecommend h3{
    margin:5px auto;
    width:140px;
    height:40px;
    text-indent:-9999px;
    background:center center no-repeat;
}
.staffrecommend h3.logo_beauty{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_beauty.jpg");
}
.staffrecommend h3.logo_classy{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_classy.jpg");
}
.staffrecommend h3.logo_classy_plus{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_classy_plus.jpg");
}
.staffrecommend h3.logo_hers{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_hers.jpg");
}
.staffrecommend h3.logo_jj{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_jj.jpg");
}
.staffrecommend h3.logo_plus{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_plus.jpg");
}
.staffrecommend h3.logo_secrettrophy{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_secrettrophy.jpg");
}
.staffrecommend h3.logo_story{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_story.jpg");
}
.staffrecommend h3.logo_threesquare{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_threesquare.jpg");
}
.staffrecommend h3.logo_very{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_very.jpg");
}
.staffrecommend h3.logo_veryteki{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_veryteki.jpg");
}
.staffrecommend h3.logo_mart{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_mart.jpg");
}
.staffrecommend h3.logo_wako{
     background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_wako.jpg");
 }
.staffrecommend h3.logo_lisalisa{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_lisalisa.jpg");
}
.staffrecommend h3.logo_firstfloor{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_first_floor.jpg");
}
.staffrecommend h3.logo_kokodewest{
    background:url("//data.kokode.jp/upload/kokode/staffrecommend/logo_kokode_west.jpg");
}
.staffrecommend h3.brandName {
    line-height:40px;
    font-size:12px;
    font-weight: bolder;
    text-indent: 0;
}
.staffrecommend a{
    display:block;
}
.staffrecommend a:hover{
    display:block;
    text-align:center;
}
.staffrecommend img{
    border:#CCC solid 1px;
    width:180px;
    height:180px;
}
.staffrecommend a:hover img{
    opacity:0.8;                   /* IE以外透過設定  */
    filter: Alpha(Opacity=80);     /* IE6,7用透過設定 */
    -ms-filter: Alpha(Opacity=80); /* IE8用透過設定   */
}
.staffrecommend p{
    font-size:12px;
    height:5em;
    width:90%;
    text-align:left;
    margin:0.5em auto;
    line-height:1.3em;
}
.staffrecommend ul:after {
    font-size: 1px;
    color: #FFFFFF;
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.staffrecommend ul {
    display:inline-block;
    zoom: 1;
}


.shipment_text {
    color: #990000;
}