@charset "UTF-8";

/*-----------------------------------------------------
style.css
update 2017.07.20
-------------------------------------------------------*/

/*共通*/
/* -------------------------------------
 * TOP
 * ----------------------------------- */
footer.wrapper__footer {
    position: relative;
    width: 100%;
    margin-top: 50px;
}
.footer__logo {
    width: 100%;
}
p.footer__logo-img {
    width: 33.28%;
    margin: 0 auto;
    text-align: center;
}
.footer__copyRight {
    margin: 23.44px 0 32.86px 0;
    background: #000;
    color: #FFF;
}
p.footer__copyRight-text {
    text-align: center;
    padding: 0.5em;
    font-size: 0.5rem;
    font-weight: 700;
}
/* -------------------------------------
 * designページ
 * ----------------------------------- */
div.design-main__img__item {
    width: 100%;
    height: 93vw;
    background: #f4f3f6;
}
.design-main__img__item img {
    width: 100%;
}
.design-main__step__item {
    position: absolute;
    width: 19.84vw;
    margin: 2px 0 0 2px;
    height: 25vw;
}
.step__item-1 { top: 0; background: url(../images/step_glay_176.png) no-repeat; background-size: contain;}
.step__item-2 { top: 22vw; background: url(../images/step_glay.png) no-repeat; background-size: contain;}
.step__item-3 { top: 44vw; background: url(../images/step_glay.png) no-repeat; background-size: contain;}
.step__item-4 { top: 66vw; background: url(../images/step_glay.png) no-repeat; background-size: contain;}
p.design-main__step__text {
    text-align: center;
    margin-top: 7vw;
    font-weight: 700;
}
/* --------------------------
 * デザインページ - スライダー
 * -------------------------*/
.design-slide__item {
    /*width: 40vw;*/
    width: 20vw;*/
}
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
    left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
.slick-dots {
    background: #FFF;
}
.slick-list {
    background: #FFF;
}

/*スライド画像の横幅可変*/
img {
    max-width: 100%;
    height: auto;
}
.wrapper__design-all {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column; /* Safari */
    flex-direction:         column;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}
.wraper__design-main {
    margin-bottom: 5%;
}
.design-slide__size__m,
.design-slide__size__l,
.design-slide__size__strap {
    /*margin-top: -255px;*/
    margin-top: -30vw;
}
.active-slide {
    z-index: 999;   /*有効化したスライダーを最前面に*/
}

.wraper__design-slide {
    /*padding-top: 15px;*/
    /*padding-top: 12vw;*/
    height: 30vw;
    margin-bottom: 0 !important;
}
.design-slide__item {
    background-color: #f6f5fb;
    margin: 0 3px;
}
p.design-slide__item__img {
    width: 80%;
    margin: 10%;
    /* text-align: center; */
}
p.design-slide__item__img img {
    /*width: 170px;
    height: 170px;*/
    border-radius: 85px;
    background-color: #FFF;
}
p.design-slide__item__text {
    text-align: center;
    font-size: 0.8rem;
    margin-bottom: 5px;
    height: 6vw;
}
/*選択し直す|次へ進むのボタン*/
.wraper__design-link {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    /*margin: 50px 0px;*/
    margin: 10px 0px;
}
.design-link__btn {
    display: inline-block;
    padding: 1em 0;
    font-size: 1.1rem;
    width: 43%;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
}
.design-link__type__back { background: #FFF; border: 1px solid #000; margin-right: 2%;}
.design-link__type__back a { color: #000;}
.design-link__type__next { background: #333; }
.design-link__type__next a { color: #FFF; }
.design-link__type__confirm { background: #c82c17; display:none; }
.design-link__type__confirm a { color: #FFF; }

/*remodal*/
p.select-step__text {
    margin-top: 17px;
    color: #000;
}
.select-step__item {
    width: 48%;
}
p.select-step__img {
    width: 55%;
    margin: 0 auto;
}
button.remodal-cancel {
    margin: 25px 0;
    font-size: 1rem;
    font-weight: 700;
}
/*step制御*/
.step__item-1.active-step {
    background: url(../images/step_black_176.png) no-repeat;
    background-size: contain;
    color: #FFF;
}
.step__item-2.active-step {
    background: url(../images/step_black.png) no-repeat;
    background-size: contain;
    color: #FFF;
}
.step__item-3.active-step {
    background: url(../images/step_black.png) no-repeat;
    background-size: contain;
    color: #FFF;
}
.step__item-4.active-step {
    background: url(../images/step_black_200.png) no-repeat;
    background-size: contain;
    color: #FFF;
}

/*商品画像切り替え*/
div.design-main__img__model {
    position: absolute;
}
div.design-main__img__strap {
    z-index: 996;
    top: -19vw;
    left: 22vw;
    /* transform: rotate(17deg); */
    height: 111vw;
    width: 74%;
    /*background: url(../images/splite_strap.png) no-repeat;*/
    background: url(../images/splite_strap-min.png) no-repeat;
    background-size: 900% 70%;
    overflow: hidden;
    background-position: 100% 85%;  //初期表示位置
}
div.design-main__img__sbag {
    z-index: 999;
    top: 26vw;
    left: 22vw;
    /* transform: rotate(19deg); */
    height: 53vw;
    width: 58.5%;
    /*background: url(../images/splite_s2.png) no-repeat;*/
    /*background: url(../images/splite_s.png) no-repeat;*/
    background: url(../images/splite_s-min.png) no-repeat;
    /*background-size: 875% 220%;*/
    background-size: auto 300%;
    /*overflow: hidden;*/
    background-position: 1000% 1000%;  //初期表示位置
}
div.design-main__img__mbag {
    z-index: 998;
    top: 32.4vw;
    left: 29vw;
    /* transform: rotate(20deg); */
    height: 43vw;
    width: 60%;
    /*background: url(../images/splite_m.png) no-repeat;*/
    background: url(../images/splite_m-min.png) no-repeat;
    background-size: 892% 210%;
    /*overflow: hidden;*/
    background-position: 1000% 1000%;  //初期表示位置
}
div.design-main__img__lbag {
    z-index: 997;
    top: 31.2vw;
    left: 29.5vw;
    /* transform: rotate(19deg); */
    height: 50vw;
    width: 59%;
    /*background: url(../images/splite_l.png) no-repeat;*/
    background: url(../images/splite_l-min.png) no-repeat;
    /*background-size: 900% 116%;*/
    background-size: auto 233%;
    /*overflow: hidden;*/
    background-position: 1000% 1000%;  //初期表示位置
    /* border: 1px solid; */
}
/*背景グレー画像*/
div.bg__glay-strap {
    /*background: url(../images/step-gl-strap.png) no-repeat;*/
    height: 76vw;
    width: 76vw;
    /*background-size: cover;*/
    position: absolute;
    top: 6.5vw;
    left: 21vw;
    display: block;
    z-index: 996;
}
div.bg__glay-sbag {
    /*background: url(../images/step-gl-bagS.png) no-repeat;*/
    height: 76vw;
    width: 76vw;
    /*background-size: cover;*/
    position: absolute;
    top: 6.5vw;
    left: 21vw;
    display: block;
    z-index: 999;
}
div.bg__glay-mbag {
    /*background: url(../images/step-gl-bagM.png) no-repeat;*/
    height: 76vw;
    width: 76vw;
    /*background-size: cover;*/
    position: absolute;
    top: 6.5vw;
    left: 21vw;
    display: block;
    z-index: 998;
}
div.bg__glay-lbag {
    /*background: url(../images/step-gl-bagL.png) no-repeat;*/
    height: 76vw;
    width: 76vw;
    /*background-size: cover;*/
    position: absolute;
    top: 6.5vw;
    left: 21vw;
    display: block;
    z-index: 997;
}
/*非アクティブ*/
div.bg__glay-strap.bg__inactive { background: url(../images/step-gl-strap.png) no-repeat; background-size: cover; }
div.bg__glay-sbag.bg__inactive { background: url(../images/step-gl-bagS.png) no-repeat; background-size: cover; }
div.bg__glay-mbag.bg__inactive { background: url(../images/step-gl-bagM.png) no-repeat; background-size: cover; }
div.bg__glay-lbag.bg__inactive { background: url(../images/step-gl-bagL.png) no-repeat; background-size: cover; }
/*アクティブ*/
div.bg__glay-strap.bg__active { background: url(../images/active-step-gl-strap.png) no-repeat; background-size: cover; }
div.bg__glay-sbag.bg__active { background: url(../images/active-step-gl-bagS.png) no-repeat; background-size: cover; }
div.bg__glay-mbag.bg__active { background: url(../images/active-step-gl-bagM.png) no-repeat; background-size: cover; }
div.bg__glay-lbag.bg__active { background: url(../images/active-step-gl-bagL.png) no-repeat; background-size: cover; }

/*選択し直す|次へ進むのボタン*/
.wraper__confirm-link {
    text-align: center;
    margin-bottom: 35px;
}
.confirm-link__btn {
    display: inline-block;
    padding: 1em 0;
    font-size: 1.1rem;
    width: 86%;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
}
.confirm-link__type__back { background: #FFF; border: 2px solid #000;}
.confirm-link__type__back a { color: #000;}
.confirm-link__type__buy { background: #333; border: 1px solid #333; margin-bottom: 15px;}
.confirm-link__type__buy a { color: #FFF;}

/* -----------------------------
 * confirmページ
 * ----------------------------- */
p.confirm-main__img__model {
    position: absolute;
}
p.confirm-main__img__strap {
    z-index: 995;
    top: -36vw;
    left: 12vw;
    /* transform: rotate(17deg); */
    width: 71%;
}
p.confirm-main__img__sbag {
    z-index: 998;
    top: -8.8vw;
    left: 11.1vw;
    /* transform: rotate(19deg); */
    width: 72.2%;
}
p.confirm-main__img__mbag {
    z-index: 997;
    top: 27vw;
    left: 17.8vw;
    /* transform: rotate(20deg); */
    width: 60%;
}
p.confirm-main__img__lbag {
    z-index: 996;
    top: 31vw;
    left: 18vw;
    /*transform: rotate(19deg);*/
    width: 59%;
}
p.confirm-main__img__item {
    height: 95vw;
    background-color: #f0eff2;
}
/*価格、パーツ名*/
p.confirm-summary__item.confirm-price {
    font-size: 0.9rem;
    font-weight: 700;
}
p.confirm-summary__item.confirm-price span {
    font-weight: 500;
}
.wrapper__confirm-summary {
    padding: 20px 15px;
}
.remodal-confirm { border-top: 5px solid #FFF !important; }
/* pc */
/*@media screen and (min-width: 961px) {*/
@media screen and (min-width: 641px) {

    /* -------------------------------------
     * レイアウト
     * ----------------------------------- */
    .only_sp { display: none; }
    .only_pc { display: block; }

    /* -------------------------------------
     * TOP
     * ----------------------------------- */
    div#block-one,div#block-two {
        width: 100%;
    }
    /*block1*/
    .op__item2,.op__item3 { display: none; }
    .op__item1, .op__item2 {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
    }
    .op__item1 img, .op__item2 img {
        /*border: 1px solid;*/
        width: 100%;
    }
    p.block-one__item-absolute {
        position: absolute;
        /*top: 0;
        left: calc(50% - 480px);*/
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%;
    }
    p.block-one__text {
        text-align: center;
        font-size: 1rem;
        padding: 17.58px 19.92px;
        color: #FFF;
        font-weight: 700;
        background: #01064c;
    }
    /*block2*/
    div#block-two {
        display: none;
        width: 100%;
        height: 100%;
    }
    .top-main__img, .top-main__text {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
    }
    .top-main__text {
/*        background: #9b494b; */
        background: #c82c17;
    }
    p.top-main__text__item {
        text-align: center;
        padding: 17.58px 19.92px;
/*        color: #cacccd; */
        color: #e0e2e3;
        font-weight: 700;
    }
    /*リンク*/
    .wraper__top-main, .wraper__top-link {
        width: 100%;
    }
    .wraper__top-link {
        text-align: center;
        margin-top: 20px;
    }
    .top-link__btn {
        display: inline-block;
        padding: 1em 0;
        font-size: 1rem;
        width: 400px;
        margin-top: 25px;
        text-decoration: none;
        border-radius: 3px;
        font-weight: bold;
        background: #333;
    }

    /* -------------------------------------
     * design
     * ----------------------------------- */
    .wraper__design-main {
        /* margin: 5% 0; */
        width: 100%;
        max-width: 1060px;
        margin: 0 auto;
    }
    .wrapper__design-all {
        -webkit-flex-direction: row; /* Safari */
        flex-direction:         row;
        padding-top: 20px; */
    }
    .wraper__design-aside {
        width: 100%;
        max-width: 284px;
    }
    .design-main__box.design-main__step {
        margin-left: 35px;
    }
    .design-main__step__item {
        width: 7.7vw;
        margin-top: 4vw;
    }
    .step__item-2 { top: 9vw; }
    .step__item-3 { top: 18vw; }
    .step__item-4 { top: 27vw; }

    div.bg__glay-strap,
    div.bg__glay-sbag,
    div.bg__glay-mbag,
    div.bg__glay-lbag { 
        top: 3vw;
        left: 27vw;
        height: 40vw;
        width: 40vw;
    }
    div.design-main__img__item { height: 44.7vw; }
    p.design-main__step__text { margin-top: 3vw; font-size: 1rem;}
    .design-main__box {
        /*margin-bottom: 8px;*/
        /*width: 80%;*/
    }
    .wraper__design-slide {
        width: 100%;
        max-width: 1060px;
        height: 13vw;
        margin: 0 auto;
    }
    .design-slide__item { width: 12vw; }
    p.design-slide__item__img {
        width: 40%;
        margin: 5%;
    }
    p.design-slide__item__text {
        margin-bottom: 0px;
        height: auto;
        padding: 20% 5%;
    }
    .design-slide__size__m, .design-slide__size__l, .design-slide__size__strap {
        /*margin-top: -30vw !important;*/
    }
    div.design-main__img__sbag {
        top: 13.8vw;
        left: 28.1vw;
        height: 27vw;
        width: 30%;
    }
    div.design-main__img__mbag {
        top: 17vw;
        left: 31.8vw;
        height: 22vw;
        width: 30.5%;
    }
    div.design-main__img__lbag {
        top: 16.1vw;
        left: 32vw;
        height: 25.5vw;
        width: 30.5%;
    }
    div.design-main__img__strap {
        top: -7.4vw;
        left: 28vw;
        height: 52vw;
        width: 37%;
    }
    .design-slide__size__m, .design-slide__size__l, .design-slide__size__strap { /*margin-top: -13vw !important;*/ }
    .design-link__btn { width: 17.032%; }
    .design-link__btn a:hover { color: #888; }
    .remodal-confirm:hover, .remodal-confirm:focus { background: #888 !important; }

    /*スライダーを水平に*/
    .slick-slide {float: none !important;}
    .slick-slider {
        /*position: absolute !important;
        top: 0;
        left: 75%;
        width: 25%;
        max-width: 232.39px;*/
        width: 100%;
        max-width: 360px;
        display: none !important;
    }
    .slick-slider.active-slide {
        display: block !important;
    }
    .slick-vertical .slick-slide {
        display: flex !important;
        width: 18vw;
        height: 9vw !important;
        margin-bottom: 10px;
    }
    .slick-next {
        left: 25%;
        background: #ddd !important;
    }
    .slick-list.draggable {
        overflow-x: hidden;
        overflow-y: auto;
    }

    /* ---------------------
     * confirm
     * --------------------- */
    .wraper__confirm-main {
        width: 100%;
        max-width: 1060px;
        margin: 0 auto;
        display: flex;
    }
    .confirm-main__img,.donfirm-main__details {
        position: relative;
        width: 50%;
        margin-top: 35px;
        max-width: 530px;
        max-height: 423px;
    }
    p.confirm-main__img__item {
        height: 32vw;
        max-height: 524px;
    }
    p.confirm-main__img__sbag {
        top: -14%;
        left: 0vw;
        height: auto;
        width: 100%;
    }
    p.confirm-main__img__mbag {
        top: 26%;
        left: 8.8%;
        height: auto;
        width: 83%;
    }
    p.confirm-main__img__lbag {
        top: 31%;
        left: 8.8%;
        height: auto;
        width: 83%;
    }
    p.confirm-main__img__strap {
        top: -45%;
        left: 0vw;
        height: auto;
        width: 100%;
    }
    p.confirm-main__img__model {
        text-align: center;
    }
    p.confirm-main__img__model img {
        width: 66%;
    }
    .wrapper__confirm-summary {
        padding: 60px 50px 30px 50px;
    }
    p.confirm-summary__item.confirm-detail {
        line-height: 2.5;
    }
    .wraper__confirm-link {
        text-align: left;
        padding-left: 50px;
    }
    .confirm-link__btn {
        width: 63.78%;
    }
    .confirm-link__type__back a:hover {color: #888;}
}
.attention_pouch_s{
    margin:20px auto;
    text-align:center;
}

/* smartPhone */
@media screen and (max-width: 640px) {
.attention_pouch_s{
    margin:20px auto;
    width:90%;
    text-align:left;
}

    /* -------------------------------------
     * レイアウト
     * ----------------------------------- */
    .only_sp { display: block; }
    .only_pc { display: none; }

    /* -------------------------------------
     * TOP
     * ----------------------------------- */
    div#block-one {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        /*background-image: url(../images/opening_img.jpg);*/
        background-attachment: fixed;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: contain;
    }
    div#block-two {
        display: none;
        width: 100%;
        height: 100%;
    }
    p.block-one__item-absolute {
        position: absolute;
        top: 0;
    }
    p.op__item2,p.op__item3 { display: none; }

    p.block-one__text {
        text-align: center;
        font-size: 1rem;
        padding: 17.58px 19.92px;
        color: #FFF;
        font-weight: 700;
        background: #01064c;
    }
    .wraper__top-main, .wraper__top-link {
        width: 100%;
    }
    .wraper__top-link {
        text-align: center;
        margin-top: 20px;
    }
    div.top-main__box {
        width: 100%;
    }
    p.top-main__img__item img {
        width: 100%;
    }
    div.top-main__text {
        background: #c82c17;
    }
    p.top-main__text__item {
        text-align: left;
        padding: 17.58px 19.92px;
        color: #e0e2e3;
        font-weight: 700;
    }
    .top-link__btn{
        display: inline-block;
        padding: 1em 0;
        font-size: 1rem;
        width: 89%;
        text-decoration: none;
        border-radius: 3px;
        font-weight: bold;
        /*background-image: -webkit-linear-gradient(45deg, #333333 0%, #888888 100%);
        background-image: linear-gradient(45deg, #333333 0%, #888888 100%);
        transition: .4s;*/
        background: #333;

    }
    .top-link__btn:hover{
        background-image: -webkit-linear-gradient(45deg, #709dff 50%, #b0c9ff 100%);
        background-image: linear-gradient(45deg, #709dff 50%, #b0c9ff 100%);
    }
    p.top-link__btn a {
        color: #FFF;
    }
    span.op__next-btn {
        /*position: absolute;
        right: 4em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;*/
    }
}

.conbox {
    width: 100%;
    position: relative;
    padding: 15px 0px 0px 0px;
}

.conbox .arrow_box {
    width: 1060px;
    margin: 0 auto;
    position: relative;
}

.conbox .slider-prev a {
    background: url(../images/top/brand/left.png) 0px 0px no-repeat;
    width: 57px;
    height: 56px;
    position: absolute;
    left: 0;
    top: 85px;
    z-index: 999;
    display: block;
    text-align: -999px;
    overflow: hidden;
    display: block;
    font-size: 0;
}

.conbox .slider-next a {
    background: url(../images/top/brand/right.png) 0px 0px no-repeat;
    width: 57px;
    height: 56px;
    position: absolute;
    right: 0;
    top: 85px;
    z-index: 999;
    display: block;
    text-align: -999px;
    overflow: hidden;
    display: block;
    font-size: 0;
}

.conbox ul {
    width: 100%;
}

.conbox ul li.item {
    width: 100px;
    /*height: 100px;*/
    float: left;
    margin: 5px;
}

.sectionHeader {
    border-bottom: 0;
}

section.section {
    padding: 30px 0 25px;
}

#rightContentSub .rank .icoS,
#leftContent .rank .icoS {
    width: 20px;
    height: 20px;
    line-height: 21px;
}

.pulldownWrapper .pulldownParent a {
    background-position: right -3px;
}

.pulldownWrapper .pulldownParent a:hover {
    background-position: right -3px;
}

#contentHeader a {
    color: #808080;
}

#contentHeader {
    width: 100%;
    border-bottom: 0;
    background: #ffffff;
}

#contentHeader #headerInner {
    text-align: center;
    margin: auto;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#contentHeader #mainTab li {
    float: left;
}

#contentHeader #mainTab li a {
    padding: 13px 21px 10px;
    line-height: 1.385;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    -moz-transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    transition: 0.3s linear;
}

#contentHeader #mainTab li a:hover {
    background: #e6e6e6;
}

#contentHeader #mainTab li.current a {
    background: #dcdcdc;
}

#topNewsList.hide {
    display: none;
}

#topNewsList {
    float: right;
    margin: 7px 0 0;
    letter-spacing: 0.3px;
    padding: 5px 0 4px;
}

#topNewsList li {
    display: inline;
}

#topNewsList li:nth-child(2) {
    margin: 0 0 0 8px;
    padding-left: 15px;
    border: 0px;
    border-left: 1px solid #DCDCDC;
}

#topNewsList li a {
    color: #808080;
}

.msie7 #topNewsList,
.msie8 #topNewsList {}

.msie7 #topNewsList li,
.msie8 #topNewsList li {
    margin: 0 0 0 8px;
    padding-left: 15px;
    border-left: 1px solid #DCDCDC;
}

#brandlists {
    text-align: center;
    margin: auto;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#rightContent {
    float: right;
    width: 812px;
    /* margin: 17px; */
    position: relative;
    margin-right: 17px;
}

#rightContent a:hover {
    text-decoration: none;
    color: #999;
}

#rightContentMain {
    float: left;
    width: 812px;
    margin: 0 0 0 15px;
}

#rightContentMain .section {
    padding: 22px 0 25px;
}

#rightContentSub {
    float: right;
    width: 212px;
    margin: 5px 0 0 0;
}

#rightContentMain .more {
    margin: 15px 0 0;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    border-bottom: solid 1px #999999;
    border-top: solid 1px #999999;
    padding: 30px;
    font-size: 16px;
    background: url(../images/top/more_open.png) center center no-repeat;
}

#rightContentMain .more--link {
    margin: 15px 0 0;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    border-bottom: solid 1px #999999;
    border-top: solid 1px #999999;
    padding: 30px;
    font-size: 16px;
    background: url(../images/top/more_link.png) center center no-repeat;
    display: block;
    clear: both;
}

#rightContentMain .open .more {
    background: url(../images/top/more_close.png) center center no-repeat;
}

#rightContentMain .more a {
    display: inline-block;
    line-height: 1.417;
    color: #333;
    text-decoration: none;
    cursor: hand;
}

#rightContentSub .more {
    margin: 20px 0 0;
    text-align: right;
    line-height: 1;
}

#rightContentSub .section {
    padding: 20px 0 20px;
}

#rightContentMain #coordinate {
    padding: 23px 0 24px;
}

#coordinate h2 span {
    margin: 0 0 0 10px;
    font-size: 13px;
    vertical-align: middle;
}

#coordinate h2 span a {
    color: #808080;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

#codWrapper {
    margin: 16px 0 0;
    min-height: 327px;
    position: relative;
}

#codList {
    margin: 0 0 0 -3px;
    position: relative;
    height: 327px;
}

#codList li {
    float: left;
    position: relative;
}

#codList .mainList {
    margin: 0 0 0 5px;
    width: 176px;
}

#codList .mainList .visual {
    position: relative;
    height: 298px;
    width: 176px;
    overflow: hidden;
    border-bottom: solid 1px #ebeae8;
}

#codList .mainList .visual .mainImg a {
    display: block;
    position: relative;
    width: 176px;
    height: 258px;
    text-align: center;
}

#codList .subList {
    margin: 15px 0 0 11px;
    _margin: 17px 0 0 9px;
    width: 122px;
    overflow: hidden;
}

#codList .subList .visual .mainImg a {
    display: block;
    position: relative;
    width: 120px;
    height: 150px;
    overflow: hidden;
}

#codList .mainImg {
    overflow: hidden;
}

#codList .mainImg a img {
    margin: 0 0 0 -9px;
}

#codList .mainImg a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.msie7 #codList .mainImg a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#codList .mainImg a .codOverlay {
    display: block;
    opacity: 0.2;
    filter: alpha(opacity=20);
    z-index: 5;
    background: #ffffff;
    width: 215px;
    height: 258px;
    top: 999px;
    position: absolute;
    width: 176px;
}

#codList .mainImg a:hover .codOverlay {
    top: 0;
}

.msie7 #codList .mainImg a:hover .codOverlay {
    top: 999px;
}

#codList .currentItem {
    background: #ebebeb;
    z-index: 10;
    position: absolute;
    bottom: 0;
}

#codList .subItem {
    position: absolute;
    top: 258px;
}

#codList .items {
    width: 176px;
    height: 43px;
    position: relative;
    z-index: 10;
    background: #f5f4f0;
}

#codList .item {
    position: relative;
    z-index: 5;
    height: 43px;
    border-left: solid 1px #ebeae8;
    border-right: solid 1px #ebeae8;
}

#codList .item.closeing {
    background-color: #f5f4f0;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#codList .item dl {
    font-size: 12px;
    line-height: 1.5;
    height: 43px;
    text-decoration: none;
}

.msie6 #codList .item a dl,
.msie7 #codList .item a dl {
    cursor: pointer;
}

#codList .item dt {
    float: right;
    width: 131px;
    line-height: 1.2;
    padding: 6px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#codList .item dd {
    float: right;
    width: 131px;
    font-size: 13px;
    /*line-height:1.385;*/
    color: #202020;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#codList .item dd span {
    font-size: 10px;
    font-weight: normal;
}

#codList .item dd span.tax {
    vertical-align: 0;
}

#codList .item .webOff {
    cursor: default;
}

#codList .item .webOff dt {
    color: #666666;
}

#codList .item .webOff dt span {
    margin: 0 0 0 5px;
    ;
}

#codList .item dd.itemImg {
    float: none;
    width: 35px;
    padding: 0;
    background: #ffffff;
}

.msie6 #codList .item dd.itemImg,
.msie7 #codList .item dd.itemImg {
    position: absolute;
    top: 0;
}

#codList .item a:hover {
    text-decoration: none;
}

#codList .item a:hover dt {
    text-decoration: underline;
}

#codList .item a:hover dd {
    text-decoration: none;
}

#codList .fix .item dl:hover {
    background: #f5f4f0;
    text-decoration: none;
}

#codList .data {
    font-size: 13px;
    line-height: 1.5;
    margin: 6px 0 0;
}

#codList .data a {
    color: #808080;
}

#codList .data p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
}

#codList .subList .data p {
    width: 120px;
}

#codList .coordinateOverray {
    background: #ebebeb;
    opacity: 0.95;
    filter: alpha(opacity=95);
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    z-index: 2;
}

#rightContent .more li {
    display: inline-block;
}

#rightContent .more li.rankingBtn {
    padding: 0 10px 0 0;
}

#rightContent .more li.coordinateBtn {
    border-left: 1px solid #ebebeb;
    padding: 0 0 0 10px;
}

.msie7 #rightContent .more li {
    display: inline;
}

#coordinate #topicSaleCod {
    text-align: right;
    margin: 15px 0 0 0;
}

#coordinate #topicSaleCod span {
    display: inline-block;
    background: #df0110;
    color: #FFF;
    padding: 1px 6px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 11px;
}

#idx_coordinateItem ul {
    padding-top: 10px;
}
#idx_coordinateItem ul li {
    float: left;
    width: 195px;
    height: auto;
    margin: 0 0 15px 9px;
}
#idx_coordinateItem ul li:nth-child(1){
    margin-left: 0;
}

#coordinate #topicSaleCod a {
    display: inline-block;
    vertical-align: -1px;
    padding: 0 0 0 2px;
}

.msie8 #coordinate #topicSaleCod span {
    padding: 2px 6px 0 6px;
}

#rightContentMain #idxRankingItem,
#rightContentMain #idxRanking {
    padding: 7px 0 82px;
    border-top: 0;
}

#idxRanking .more {
    margin: 11px 0 0 0;
}

#rankingHeader {
    position: relative;
    z-index: 2;
}

#rankingHeader h2 {
    float: left;
	line-height: 1;
}

#rankingHeader .pulldownWrapper {
    float: left;
}

.pulldownWrapper .pulldownChild ul li.selected {
    padding: 0;
}

.pulldownWrapper .pulldownChild ul li a {
    color: #646464;
}

#rankingUpDate {
    float: right;
    font-size: 12px;
    line-height: 22px;
    color: #6f6f6f;
    margin: 4px 0 0 0;
}

#rankingNarrow span {
    color: #1C53C2;
    cursor: pointer;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    display: inline-block;
    border-right: solid 1px #c9c9c9;
}

#rankingNarrow .selected {
    font-weight: bold;
    color: #000000;
    cursor: default;
}

#rankingNarrow span.listEnd {
    margin: 0;
    padding: 0;
    border: 0;
}

#rankingItem {
    min-height: 315px;
    _height: 285px;
    position: relative;
    width: 812px;
    margin: 0 0 0 3px;
}

#rankingItem.ageRankings {
    min-height: 741px;
    _height: 741px;
    position: relative;
}

#rankingItem .listInner {
    width: 100%;
    margin: auto;
    position: relative;
}

#rankingItem .listInner .rank1,
#rankingItem .listInner .rank2,
#rankingItem .listInner .rank3 {
    top: 6px;
    left: 6px;
}

#rankingItem .listInner .rank {
    position: absolute;
    z-index: 1;
    top: -12px;
    left: 8px;
}

#rankingItem .loader {
    width: 100%;
    /*height:1040px;*/
    height: 630px;
    position: absolute;
    top: 0;
    z-index: 5;
}

#rankingItem ul.rankingList {
    margin: 11px 0 0 -12px;
}

#rankingItem ul.rankingList .price.discount .off {
    display: inline;
    margin: 0 0 0 2px;
}

#rankingItem .rankingList .label {
    margin: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6f6f6f;
    text-align: center;
}

#rankingItem li {
    float: left;
    width: 125px;
    margin: 0 0 0 9px;
    height: 215px;
}

#rankingItem li.rank1 {
    float: left;
    width: 195px;
    height: 234px
}

#rankingItem li.rank2 {
    float: left;
    width: 195px;
    height: 234px
}

#rankingItem li.rank3 {
    float: left;
    width: 195px;
    height: 234px
}

#rankingItem li.rank4 {
    float: left;
    width: 195px;
    height: 234px
}

#rankingItem.favRankings li {
    height: 240px;
}

#rankingItem.favRankings li.rank1 {
    min-height: 280px;
}

#rankingItem.favRankings li.rank2 {
    min-height: 280px;
}

#rankingItem.favRankings li.rank3 {
    min-height: 280px;
}

#rankingItem.favRankings li.rank4 {
    min-height: 280px;
}

#rankingItem.catRankings li {
    height: 240px;
    width: 125px;
}

#rankingItem.catRankings li .rankName {
    margin: 5px 0 -5px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#rightContentMain #idxRankingItem .listInner .rank .iconSet1 {
    /* background: #ebead0 !important; */
    /* color: #d6d18b; */
    /* border-color: #ebead0; */
    /* font-size: 40px; */
    /* padding: 14px; */
    /* font-weight: 100; */
}

#rightContentMain #idxRankingItem .listInner .rank .iconSet2 {
    /* background: #ebead0 !important; */
    /* color: #d6d18b; */
    /* border-color: #ebead0; */
    /* font-size: 40px; */
    /* padding: 14px; */
    /* font-weight: 100; */
}

#rightContentMain #idxRankingItem .listInner .rank .iconSet3 {
    /* background: #ebead0 !important; */
    /* color: #d6d18b; */
    /* border-color: #ebead0; */
    /* font-size: 40px; */
    /* padding: 14px; */
    /* font-weight: 100; */
}

#rightContentMain #idxRankingItem .listInner .rank .iconSet4 {
    /* background: #ebead0 !important; */
    /* color: #d6d18b; */
    /* border-color: #ebead0; */
    /* font-size: 40px; */
    /* padding: 14px; */
    /* font-weight: 100; */
    ;
}

#rankingItem .rankingList .fav {
    font-size: 12px;
    line-height: 1.2;
    display: block;
    width: 125px;
    margin: 8px 0 -8px;
    color: #6F6F6F;
}

#rankingItem .rankingList .fav .ico_fav {
    background-image: url(/common_2015/img/ico/ico_fav_gray.png);
    margin: 0 5px 0 0;
    vertical-align: -6px;
}

#rankingItem.favRankings .rankingList .label {
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#rankingItem .ageRanking {
    height: 212px;
    overflow: hidden;
}

.AgeRanking_ttl_top {
    background-color: #e6e6e6;
    height: 25px;
    line-height: 26px;
    margin: 15px 0 0 -3px;
    text-align: center;
}

#rightContentMain #idxnew_arrivalItem,
#rightContentMain #idxnew_arrival {
    padding: 0 0 82px;
    border-top: 0;
}

#idxnew_arrival .more {
    margin: 11px 0 0 0;
}

#new_arrivalHeader {
    position: relative;
    z-index: 2;
}

#new_arrivalHeader h2 {
    float: left;
}

#new_arrivalHeader .pulldownWrapper {
    float: left;
}

.pulldownWrapper .pulldownChild ul li.selected {
    padding: 0;
}

.pulldownWrapper .pulldownChild ul li a {
    color: #646464;
}

#new_arrivalUpDate {
    float: right;
    font-size: 12px;
    line-height: 22px;
    color: #6f6f6f;
    margin: 4px 0 0 0;
}

#new_arrivalNarrow span {
    color: #1C53C2;
    cursor: pointer;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    display: inline-block;
    border-right: solid 1px #c9c9c9;
}

#new_arrivalNarrow .selected {
    font-weight: bold;
    color: #000000;
    cursor: default;
}

#new_arrivalNarrow span.listEnd {
    margin: 0;
    padding: 0;
    border: 0;
}

#new_arrivalItem {
    min-height: 315px;
    _height: 285px;
    position: relative;
    width: 812px;
    margin: 0 0 0 0px;
}

#new_arrivalItem.agenew_arrivals {
    min-height: 741px;
    _height: 741px;
    position: relative;
}

#new_arrivalItem .listInner {
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
}

#new_arrivalItem .listInner .newarrival1,
#new_arrivalItem .listInner .newarrival2,
#new_arrivalItem .listInner .newarrival3 {
    top: 6px;
    left: 6px;
}

#new_arrivalItem .listInner .newarrival {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
}

#new_arrivalItem .loader {
    width: 100%;
    /*height:1040px;*/
    height: 630px;
    position: absolute;
    top: 0;
    z-index: 5;
}

#new_arrivalItem ul.new_arrivalList {
    margin: 11px 0 0 -12px;
}

#new_arrivalItem ul.new_arrivalList .price.discount .off {
    display: inline;
    margin: 0 0 0 2px;
}

#new_arrivalItem .new_arrivalList .label {
    margin: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6f6f6f;
    text-align: center;
}

#new_arrivalItem li {
    float: left;
    width: 125px;
    margin: 0 0 0 10px;
    height: 215px;
}

#new_arrivalItem li.newarrival1 {
    float: left;
    width: 195px;
    height: 234px
}

#new_arrivalItem li.newarrival2 {
    float: left;
    width: 195px;
    height: 234px
}

#new_arrivalItem li.newarrival3 {
    float: left;
    width: 195px;
    height: 234px
}

#new_arrivalItem li.newarrival4 {
    float: left;
    width: 195px;
    height: 234px
}

#new_arrivalItem.favnew_arrivals li {
    height: 240px;
}

#new_arrivalItem.favnew_arrivals li.newarrival1 {
    min-height: 280px;
}

#new_arrivalItem.favnew_arrivals li.newarrival2 {
    min-height: 280px;
}

#new_arrivalItem.favnew_arrivals li.newarrival3 {
    min-height: 280px;
}

#new_arrivalItem.favnew_arrivals li.newarrival4 {
    min-height: 280px;
}

#new_arrivalItem.catnew_arrivals li {
    height: 240px;
    width: 125px;
}

#new_arrivalItem.catnew_arrivals li .newarrivalName {
    margin: 5px 0 -5px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#rightContentMain #idxnew_arrivalItem .listInner .newarrival .iconSet {
    background: #d51323 !important;
    color: #FFF;
    border-color: #d51323;
}

#new_arrivalItem .new_arrivalList .fav {
    font-size: 12px;
    line-height: 1.2;
    display: block;
    width: 125px;
    margin: 8px 0 -8px;
    color: #6F6F6F;
}

#new_arrivalItem .new_arrivalList .fav .ico_fav {
    background-image: url(/common_2015/img/ico/ico_fav_gray.png);
    margin: 0 5px 0 0;
    vertical-align: -6px;
}

#new_arrivalItem.favnew_arrivals .new_arrivalList .label {
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#new_arrivalItem .agenew_arrival {
    height: 212px;
    overflow: hidden;
}

.Agenew_arrival_ttl_top {
    background-color: #e6e6e6;
    height: 25px;
    line-height: 26px;
    margin: 15px 0 0 -3px;
    text-align: center;
}

#rightContentMain #idxnewslistingItem,
#rightContentMain #idxnewslisting,
#rightContentMain #idxcoordinateing {
    padding: 0 0 82px;
    border-top: 0;
}

#idxnewslisting .more {
    margin: 11px 0 0 0;
}

#newslistingHeader,
#coordinatelistingHeader {
    position: relative;
    z-index: 2;
}

#newslistingHeader h2 {
    float: left;
}

#newslistingHeader .pulldownWrapper {
    float: left;
}

.pulldownWrapper .pulldownChild ul li.selected {
    padding: 0;
}

.pulldownWrapper .pulldownChild ul li a {
    color: #646464;
}

#newslistingUpDate {
    float: right;
    font-size: 12px;
    line-height: 22px;
    color: #6f6f6f;
    margin: 4px 0 0 0;
}

#newslistingNarrow span {
    color: #1C53C2;
    cursor: pointer;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    display: inline-block;
    border-right: solid 1px #c9c9c9;
}

#newslistingNarrow .selected {
    font-weight: bold;
    color: #000000;
    cursor: default;
}

#newslistingNarrow span.listEnd {
    margin: 0;
    padding: 0;
    border: 0;
}

#newslistingItem {
    min-height: 265px;
    _height: 265px;
    position: relative;
    width: 812px;
    margin: 0 0 0 -3px;
}

#newslistingItem.agenewslistings,
#newslistingItem .listInner {
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
}

#newslistingItem .listInner .newslist1,
#newslistingItem .listInner .newslist2,
#newslistingItem .listInner .newslist3 {
    top: 6px;
    left: 6px;
}

#newslistingItem .listInner .newslist {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
}

#newslistingItem .loader {
    width: 100%;
    /*height:1040px;*/
    height: 630px;
    position: absolute;
    top: 0;
    z-index: 5;
}

#newslistingItem ul.newslistingList {
    margin: 11px 0 0 -12px;
}

    #newslistingItem .tab_news ul.newslistingList {
        margin: 20px 0 0 0px;
    }


#newslistingItem ul.newslistingList .discription {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listInner .time {
    /* margin:5px 0 0; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6f6f6f;
    text-align: left;
}

.listInner .time {
    margin: 5px 0 0;
    overflow: hidden;
    white-space: nowrap;
    color: #6f6f6f;
    text-align: left;
    /* padding-top:4px; */
}


#newslistingItem li {
    float: left;
    width: 125px;
    margin: 0 0 0 14px;
    height: 215px;
}

.tab_news__nav{
    overflow: hidden;
    padding-top: 15px;
}
#newslistingItem .tab_news__nav li {
    margin: 0;
    width:50%;
    height:auto;
    border-bottom:1px solid #3d3d3d;
}
    #newslistingItem .tab_news__nav li a{
        display: block;
        text-align: center;
        background: #f1f1f1;
        color:#3d3d3d;
        text-decoration: none;
        line-height: 1;
        font-size:15px;
        padding-top:9px;
        margin-top: 6px;
        height: 30px;

        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
        #newslistingItem .tab_news__nav li.current a{
            padding-top:12px;
            color:#fff;
            background: #3d3d3d;
            margin-top: 0px;
            height: 36px;
        }

#newslistingItem li.newslist1 {
    float: left;
    width: 258px;
    height: 265px;
    margin: 0 19px 20px 0px;
	overflow: hidden;
}
    #newslistingItem li.newslist1:nth-child(3n){
        margin-right:0px;
    }
    #newslistingItem .newslistingList li.newslist1 .listInner .photo {
        height: 172px;
		overflow: hidden;
    }
	#newslistingItem .newslistingList li .photo{
		text-align: center;
	}
	#body #newslistingItem li .listInner .photo a img {
		display:inline-block;
		margin: 0 auto;
    }

#newslistingItem li.newslist2 {
    float: left;
    width: 195px;
    height: 234px;
	overflow: hidden;
}

#newslistingItem li.newslist3 {
    float: left;
    width: 195px;
    height: 234px;
	overflow: hidden;
}

#newslistingItem li.newslist4 {
    float: left;
    width: 195px;
    height: 234px;
	overflow: hidden;
}

#newslistingItem.favnewslistings li {
    height: 240px;
}

#newslistingItem.favnewslistings li.newslist1 {
    min-height: 280px;
}

#newslistingItem.favnewslistings li.newslist2 {
    min-height: 280px;
}

#newslistingItem.favnewslistings li.newslist3 {
    min-height: 280px;
}

#newslistingItem.favnewslistings li.newslist4 {
    min-height: 280px;
}

#newslistingItem.catnewslistings li {
    height: 240px;
    width: 125px;
}

#newslistingItem.catnewslistings li .newslistName {
    margin: 5px 0 -5px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#rightContentMain #idxnewslistingItem .listInner .newslist .iconSet {
    background: #d51323 !important;
    color: #FFF;
    border-color: #d51323;
}

#newslistingItem .newslistingList .fav {
    font-size: 12px;
    line-height: 1.2;
    display: block;
    width: 125px;
    margin: 8px 0 -8px;
    color: #6F6F6F;
}

#newslistingItem .newslistingList .fav .ico_fav {
    background-image: url(/common_2015/img/ico/ico_fav_gray.png);
    margin: 0 5px 0 0;
    vertical-align: -6px;
}

#newslistingItem.favnewslistings .newslistingList .label {
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#newslistingItem .agenewslisting {
    height: 212px;
    overflow: hidden;
}

.Agenewslisting_ttl_top {
    background-color: #e6e6e6;
    height: 25px;
    line-height: 26px;
    margin: 15px 0 0 -3px;
    text-align: center;
}

#coordinatelistingItem {
    min-height: 280px;
    _height: 205px;
    position: relative;
    width: 812px;
    margin: 0 0 0 -3px;
}

#coordinatelistingItem.agenewslistings,
#coordinatelistingItem .listInner {
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
}

#coordinatelistingItem .listInner .newslist1,
#coordinatelistingItem .listInner .newslist2,
#coordinatelistingItem .listInner .newslist3 {
    top: 6px;
    left: 6px;
}

#coordinatelistingItem .listInner .newslist {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
}

#coordinatelistingItem .loader {
    width: 100%;
    /*height:1040px;*/
    height: 630px;
    position: absolute;
    top: 0;
    z-index: 5;
}

#coordinatelistingItem ul.newslistingList {
    margin: 11px 0 0 -12px;
}

#coordinatelistingItem ul.newslistingList .brand {
    line-height: 1.1;
    margin: 10px 0 0;
    text-align: left;
}

#coordinatelistingItem ul.newslistingList .discription {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#coordinatelistingItem .newslistingList .time {
    margin: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6f6f6f;
    text-align: left;
}

#coordinatelistingItem .newslistingList .time {
    margin: 5px 0 0;
    overflow: hidden;
    white-space: nowrap;
    color: #6f6f6f;
    text-align: left;
    padding-top: 4px;
}

#coordinatelistingItem li {
    float: left;
    width: 125px;
    margin: 0 0 0 14px;
    height: 215px;
}

#coordinatelistingItem li.newslist1 {
    float: left;
    width: 150px;
    height: 183px;
}

#coordinatelistingItem li.newslist2 {
    float: left;
    width: 195px;
    height: 234px
}

#coordinatelistingItem li.newslist3 {
    float: left;
    width: 195px;
    height: 234px
}

#coordinatelistingItem li.newslist4 {
    float: left;
    width: 195px;
    height: 234px
}

#coordinatelistingItem.favnewslistings li {
    height: 240px;
}

#coordinatelistingItem.favnewslistings li.newslist1 {
    min-height: 280px;
}

#coordinatelistingItem.favnewslistings li.newslist2 {
    min-height: 280px;
}

#coordinatelistingItem.favnewslistings li.newslist3 {
    min-height: 280px;
}

#coordinatelistingItem.favnewslistings li.newslist4 {
    min-height: 280px;
}

#coordinatelistingItem.catnewslistings li {
    height: 240px;
    width: 125px;
}

#coordinatelistingItem.catnewslistings li .newslistName {
    margin: 5px 0 -5px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#rightContentMain #coordinatelistingItem .listInner .newslist .iconSet {
    background: #d51323 !important;
    color: #FFF;
    border-color: #d51323;
}

#coordinatelistingItem .newslistingList .fav {
    font-size: 12px;
    line-height: 1.2;
    display: block;
    width: 125px;
    margin: 8px 0 -8px;
    color: #6F6F6F;
}

#coordinatelistingItem .newslistingList .fav .ico_fav {
    background-image: url(/common_2015/img/ico/ico_fav_gray.png);
    margin: 0 5px 0 0;
    vertical-align: -6px;
}

#coordinatelistingItem.favnewslistings .newslistingList .label {
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#coordinatelistingItem .agenewslisting {
    height: 212px;
    overflow: hidden;
}

#rightContentMain #idxcheckedingItem {
    padding: 0 0 5px;
    border-top: 0;
}
/* 20170628 nishimura
#rightContentMain #idxcheckedingItem, */
#rightContentMain #idxcheckeding,
#idxcoordinateing {
    padding: 0 0 82px;
    border-top: 0;
}

#idxcheckeding .more {
    margin: 11px 0 0 0;
}

#checkedingHeader {
    position: relative;
    z-index: 2;
}

#checkedingHeader h2 {
    float: left;
}

#checkedingHeader .pulldownWrapper {
    float: left;
}

.pulldownWrapper .pulldownChild ul li.selected {
    padding: 0;
}

.pulldownWrapper .pulldownChild ul li a {
    color: #646464;
}

#checkedingUpDate {
    float: right;
    font-size: 12px;
    line-height: 22px;
    color: #6f6f6f;
    margin: 4px 0 0 0;
}

#checkedingNarrow span {
    color: #1C53C2;
    cursor: pointer;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    display: inline-block;
    border-right: solid 1px #c9c9c9;
}

#checkedingNarrow .selected {
    font-weight: bold;
    color: #000000;
    cursor: default;
}

#checkedingNarrow span.listEnd {
    margin: 0;
    padding: 0;
    border: 0;
}

#checkedingItem {
    /* min-height: 230px; */
    _height: 205px;
    position: relative;
    width: 812px;
    margin: 0 0 0 -1px;
    /**/
    overflow: hidden;
}

#checkedingItem.agecheckedings {
    min-height: 741px;
    _height: 741px;
    position: relative;
}

#checkedingItem .listInner {
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
}

#checkedingItem .listInner .checked1,
#checkedingItem .listInner .checked2,
#checkedingItem .listInner .checked3 {
    top: 6px;
    left: 6px;
}

#checkedingItem .listInner .checked {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
}

#checkedingItem .loader {
    width: 100%;
    /*height:1040px;*/
    height: 630px;
    position: absolute;
    top: 0;
    z-index: 5;
}

#checkedingItem ul.checkedingList {
    margin: 11px 0 0 -8px;
}

#checkedingItem ul.checkedingList .price {
    /* line-height:1.1; */
    /* margin: 3px 0 0; */
    /* text-align:center; */
}

#checkedingItem ul.checkedingList .price.discount .off {
    display: inline;
    margin: 0 0 0 2px;
}

#checkedingItem .checkedingList .label {
    margin: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6f6f6f;
    text-align: center;
}

#checkedingItem li {
    float: left;
    width: 125px;
    margin: 0 0 0 10px;
    /* height:215px; */
}

#checkedingItem li.checked1 {
    float: left;
    width: 126px;
    /* height:152px */
}

#checkedingItem li.checked2 {
    float: left;
    width: 126px;
    height: 152px
}

#checkedingItem li.checked3 {
    float: left;
    width: 126px;
    height: 152px
}

#checkedingItem li.checked4 {
    float: left;
    width: 126px;
    height: 152px
}

#checkedingItem.favcheckedings li {
    height: 240px;
}

#checkedingItem.favcheckedings li.checked1 {
    min-height: 280px;
}

#checkedingItem.favcheckedings li.checked2 {
    min-height: 280px;
}

#checkedingItem.favcheckedings li.checked3 {
    min-height: 280px;
}

#checkedingItem.favcheckedings li.checked4 {
    min-height: 280px;
}

#checkedingItem.catcheckedings li {
    height: 240px;
    width: 125px;
}

#checkedingItem.catcheckedings li .checkedName {
    margin: 5px 0 -5px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#rightContentMain #idxcheckedingItem .listInner .checked .iconSet {
    background: #d51323 !important;
    color: #FFF;
    border-color: #d51323;
}

#checkedingItem .checkedingList .fav {
    font-size: 12px;
    line-height: 1.2;
    display: block;
    width: 125px;
    margin: 8px 0 -8px;
    color: #6F6F6F;
}

#checkedingItem .checkedingList .fav .ico_fav {
    background-image: url(/common_2015/img/ico/ico_fav_gray.png);
    margin: 0 5px 0 0;
    vertical-align: -6px;
}

#checkedingItem.favcheckedings .checkedingList .label {
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#checkedingItem .agecheckeding {
    height: 212px;
    overflow: hidden;
}

.Agecheckeding_ttl_top {
    background-color: #e6e6e6;
    height: 25px;
    line-height: 26px;
    margin: 15px 0 0 -3px;
    text-align: center;
}

#magazine {
    padding: 21px 0 25px;
}

#magazine h2 span {
    margin: 0 0 0 14px;
    font-size: 14px;
}

#magazine #magazineList {
    margin: 16px 0 0;
}

#magazine #magazineList ul {
    margin: 0 0 0 -14px;
}

#magazine #magazineList li {
    float: left;
    width: 125px;
    margin: 0 0 0 14px;
    height: 215px;
}

#magazine .label {
    margin: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6f6f6f;
}

#pickupKeywords {
    margin: 15px 0 0 0;
}

#pickupKeywords h2 {
    float: left;
}

#pickupKeywords #KeywordUpDate {
    float: right;
    font-size: 11px;
    line-height: 22px;
}

#pickupKeyword ul {
    float: left;
    width: 160px;
    font-size: 13px;
    margin: 14px 20px 0 0;
}

#pickupKeyword ul.top li {
    margin: 0;
    padding: 0 0 14px 0;
}

.mac #pickupKeyword ul.top li {
    margin: 0;
    padding: 0 0 8px 0;
}

#pickupKeyword ul.top li a {
    margin: 0 0 0 27px;
    vertical-align: text-bottom;
    line-height: 1.2;
}

.mac #pickupKeyword ul.top li a {
    line-height: 1.8;
}

#pickupKeyword ul li {
    margin: 0;
    padding: 0 0 6px 0;
    float: none;
}

#pickupKeyword ul li span.rank {
    margin: 0 5px 0 0;
    font-size: 13px;
    color: #555555;
}

#pickupKeyword ul.top {
    float: left;
}

#pickupKeywords ul.btn {
    margin: 0;
}

#pickupShops {
    margin: 34px 0 0;
}

.pickupList ul {
    margin: 0 0 0 -8px;
}

.pickupList li {
    float: left;
    margin: 13px 0 0 8px;
    width: 70px;
}

.pickupList li .price {
    font-size: 11px;
    margin: 4px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pickupList li .price.discount .off {
    line-height: 1.3;
}

#pickupItems .pickupList {
    min-height: 99px;
    _height: 99px;
}

#pickupShops .pickupList {
    min-height: 86px;
    _height: 86px;
}

#sec10thBanner .img {
    float: left;
    width: 248px;
}

#sec10thBanner .txt {
    float: left;
    width: 294px;
}

#sec10thBanner h2 {
    font-size: 15px;
    color: #2d2d2d;
}

#sec10thBanner .txt p {
    font-size: 12px;
    color: #808080;
    margin-top: 5px;
    line-height: 1.5;
}

#sec10thBanner .banner {
    text-align: center;
}

#sideNews {
    margin: 0 0 0;
}

#sideNews ul {
    padding: 3px 0 0;
}

#sideNews li {
    margin: 4px 0 0 0;
    padding: 0 0 0 12px;
    text-indent: -12px;
}

#side10thBanner {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

#side10thBanner .tit {
    margin: 5px 0 0 0;
    font-size: 12px;
}

#side10thBanner dl {
    margin: 2px 0 0 0;
    color: #808080;
    font-size: 12px;
}

#side10thBanner dl dt {
    float: left;
    width: 33px;
}

#side10thBanner dl dd {}

#sideLineBanner {
    margin: 10px 0 20px 0;
}

#sideBanner {
    padding: 8px 0 0;
    margin: 0;
}

#sideBanner li {
    margin: 22px 0 0;
    overflow: hidden;
    padding: 0 0 8px 0;
}

#sideBanner li.top {
    margin: 7px 0 0;
}

#sideBanner li.top_market {
    margin: 10px 0 0;
}

#sideBanner img {
    width: 212px;
    -ms-interpolation-mode: bicubic;
}

#sideBanner a {
    display: block;
    position: relative;
    overflow: hidden;
}

#sideBanner a .overlay {
    display: none;
}

#sideBanner p.labooLink {
    margin-top: 4px;
}

#sideReserv ul.photos {
    margin-left: -6px;
}

#sideReserv ul.photos li {
    float: left;
    margin: 10px 0 0 6px;
    width: 60px;
}

#sideReserv dl {
    padding: 5px 0 0;
}

#sideReserv dl dt {
    font-size: 10px;
    line-height: 1.2;
    color: #999999;
    margin: 5px 0 0;
}

#sidePickUp {
    padding: 28px 0 0 0;
}

#sidePickUp ul.pickUps {
    /*margin:17px 0 0 0;*/
    border-top: solid 1px #ebebeb;
}

*:first-child+html #sidePickUp ul.pickUps {
    padding: 12px 0 0 0;
}

#sidePickUp .pickUps li {
    margin: 12px 0 0;
    padding: 0 0 12px;
    border-bottom: solid 1px #ebebeb;
}

#sidePickUp .pickUps li .for_app {}

#sidePickUp .pickUps li .for_app p.ios {
    float: left;
    margin: 10px 3px 0 0;
}

#sidePickUp .pickUps li .for_app p.and {
    float: right;
    margin: 10px 0 0 0;
}

#sidePickUp .pickUps li dl {
    float: left;
    width: 130px;
    font-size: 12px;
    padding: 0 0 0 12px;
}

#sidePickUp .img {
    float: left;
    width: 70px;
}

#sidePickUp .img.device {
    text-align: center;
}

#sidePickUp .img a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 70px;
}

#sidePickUp .img a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.msie #sidePickUp .img a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#sidePickUp .img a .overlay {
    position: absolute;
    top: 999px;
    z-index: 5;
    display: block;
    width: 70px;
    height: 84px;
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 0.2;
}

#sidePickUp .img a:hover .overlay {
    top: 0;
}

#sidePickUp dt {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sidePickUp dt a {
    color: #2d2d2d;
}

#sidePickUp dd .txt {
    word-break: break-all;
    color: #808080;
    font-size: 12px;
    margin: 5px 0 0 0;
}

#sidePickUp dd .link {
    font-size: 10px;
    line-height: 1.5;
    margin: 10px 0 0;
}

#sideMagazine .sectionHeader h2 {}

#sideMagazine #tpxRankingUpDate {
    float: right;
    font-size: 10px;
    line-height: 22px;
}

#sideMagazine .loader {
    height: 84px;
    background: url(/common_2015/img/loader.gif) no-repeat center center;
}

#sideTopics .sectionHeader h2 {}

#sideTopics #tpxRankingUpDate {
    float: right;
    font-size: 10px;
    line-height: 22px;
}

#sideTopics .loader {
    height: 84px;
    background: url(/common_2015/img/loader.gif) no-repeat center center;
}

#rightContentSub #sideTopics ul.topics li dl dd p.ttl {
    width: 110px;
    margin: 2px 0 0 21px;
    font-size: 12px;
}

#rightContentSub #sideMagazine ul.topics li dl dd p.ttl {
    width: 110px;
    margin: 3px 0 0 0;
    font-size: 12px;
}

#rightContentSub ul.topics {
    margin: -1px 0 0 0;
}

#rightContentSub ul.topics li {
    position: relative;
    margin: 12px 0 0 0;
    padding: 0 0 12px;
    border-bottom: 1px solid #ebebeb;
    zoom: 1;
}

#rightContentSub ul.topics li p.rank {
    position: absolute;
    top: -1px;
    left: 76px;
    z-index: 5;
}

#rightContentSub ul.topics li p.img {
    float: left;
    width: 70px;
    position: relative;
}

#rightContentSub ul.topics li p.img img {
    -ms-interpolation-mode: bicubic;
}

#rightContentSub ul.topics li p.img a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 70px;
    height: 84px;
}

#rightContentSub ul.topics li p.img a .overlay {
    display: block;
    opacity: 0.2;
    filter: alpha(opacity=20);
    z-index: 5;
    background: #ffffff;
    width: 70px;
    height: 84px;
    top: 999px;
    position: absolute;
}

#rightContentSub ul.topics li p.img a:hover .overlay {
    top: 0;
}

#rightContentSub ul.topics li p.img a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.msie8 #rightContentSub ul.topics li p.img a:hover img,
.msie7 #rightContentSub ul.topics li p.img a:hover img {
    filter: alpha(opacity=80);
}

#rightContentSub ul.topics li dl {
    float: left;
    width: 142px;
}

#rightContentSub ul.topics li dl dt,
#rightContentSub ul.topics li dl dd {
    padding: 0 0 0 12px;
}

#rightContentSub ul.topics li dl dt p.date {
    height: 14px;
    color: #878787;
    font-size: 10px;
    line-height: 1.5;
}

#rightContentSub ul.topics li dl dt p.date .ico_new {
    margin-top: -1px;
}

#rightContentSub ul.topics li dl dd {
    margin: 0
}

#rightContentSub ul.topics li dl dd p.ttl {
    overflow: hidden;
    width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #808080;
}

#rightContentSub ul.topics li dl dd p.txt {
    overflow: hidden;
    margin: 5px 0 0 0;
    height: 55px;
    word-break: break-all;
    font-size: 12px;
}

#rightContentSub ul.topics li dl dd p.txt a {
    color: #2d2d2d;
}

#rightContentSub #sideTopics .ico_pickup span {
    display: inline-block;
    overflow: hidden;
    background: url(?20150512) no-repeat -133px -181px;
    padding-top: 31px;
    height: 0;
    width: 31px;
}

#rightContentSub ul.topics .side_pickUp dl dd p.txt {
    margin-top: 12px;
}

#rightContentSub #sideTopics ul.topics .side_pickUp dl dd p.ttl {
    margin: 5px 0 0 30px;
}

#rightContentSub #sidePickUpLink {
    /*padding:28px 0 0;*/
    padding: 0;
}

#sidePickUpLink .links {
    /*border-top:solid 1px #ebebeb;*/
}

#sidePickUpLink .links li {
    border-bottom: solid 1px #ebebeb;
}

#sidePickUpLink .links a {
    display: block;
    color: #2d2d2d;
}

#sidePickUpLink .links a span {
    display: inline-block;
    background: url() no-repeat;
    width: 41px;
    height: 60px;
    vertical-align: -23px;
}

#sidePickUpLink .links a .ico_giftWrapping {
    background-position: -127px -53px;
}

#sidePickUpLink .links a .ico_priceDown {
    background-position: -8px 4px;
}

#sidePickUpLink .links a .ico_priceDownSale {
    background-position: -127px 4px;
}

#sidePickUpLink .links a .ico_disney {
    background-position: -68px -50px;
}

#sideMenuMale {
    padding: 0;
}

#sideMenuMale a:hover {
    color: #c3c3c3;
}

#sideMenuMale dl {
    padding: 0 0 17px;
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 20px;
}

#sideMenuMale dt span {
    background: url() no-repeat;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 14px;
}

#sideMenuMale dt span:hover {
    opacity: 0.8;
}

#sideMenuMale .logo_designersBrand {
    background-position: 0 -300px;
    width: 212px;
}

#sideMenuMale .logo_wear {
    background-position: 0 -170px;
    width: 68px;
}

#sideMenuMale dd {
    margin: 9px 0 0;
    font-size: 12px;
    color: #808080;
    word-break: break-all;
}

#sideMenuMale .for_app {
    float: left;
    margin: -2px 0 0 -8px;
}

#sideMenuMale .for_app p {
    float: left;
    margin: 0 0 0 8px;
}

#sideMenuMale .for_app p img {
    display: block;
    background: url() no-repeat;
}

#sideMenuMale .for_app .ios img {
    background-position: 0 -190px;
}

#sideMenuMale .for_app .and img {
    background-position: 0 -215px;
}

.for_sns {}

.for_sns p {
    float: left;
}

.for_sns p.snsTw {
    margin: 0 0 0 6px;
}

.for_sns p.snsIn {
    margin: 6px 0 0 0;
}

#sideMenuMale .for_sns p img {
    display: block;
    background: url() no-repeat;
}

#sideMenuMale .for_sns .snsFb img {
    background-position: 0 -240px;
}

#sideMenuMale .for_sns .snsTw img {
    background-position: 0 -269px;
}

#sideMenuMale .for_sns .snsIn img {
    background-position: -103px -240px
}

.for_sns_ico p {
    float: left;
    margin: 0 13px 0 0;
}

.for_sns_ico p.snsTw {
    margin: 0 0 0 6px;
}

.for_sns_ico p.snsIn {
    margin: 6px 0 0 0;
}

#sideMenuMale .for_sns_ico p img {
    display: block;
    background: url() no-repeat;
}

#sideMenuMale .for_sns_ico .snsFb_ico img {
    background-position: -175px -131px;
}

#sideMenuMale .for_sns_ico .snsTw_ico img {
    background-position: -130px -131px;
}

#sideMenuMale .for_sns_ico .snsIn_ico img {
    background-position: -175px -176px
}

#sideMenuMale > div.maleList {
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 20px 0;
    padding: 0 0 17px;
}

#sideMenuMale > div.wear {
    border-bottom: none;
    padding: 0;
    margin: 0;
}

#sideMenuMale > div.lineside {
    border-bottom: none;
    padding: 0;
    margin: 0;
}

#sideMenuMale > div > a:hover {
    color: #c3c3c3;
    opacity: 1;
}

#sideMenuMale h3 span {
    background: url() no-repeat;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 14px;
}

#sideMenuMale h3 span:hover {
    opacity: 0.8;
}

#sideMenuMale div .lead {
    color: #808080;
    font-size: 12px;
    margin: 9px 0 0 0;
    word-break: break-all;
}

#sideMenuMale .app {
    border-bottom: 1px solid #ebebeb;
    margin: 7px 0 20px 0;
    padding: 0 0 17px 0;
}

#sideMenuMale .app li {
    float: left;
}

#sideMenuMale .app li.ios {
    margin: 0 8px 0 0;
}

#sideMenuMale .app li img {
    display: block;
    background: url() no-repeat;
}

#sideMenuMale .app .ios img {
    background-position: 0 -190px;
}

#sideMenuMale .app .and img {
    background-position: 0 -215px;
}


#leftContent {
    position: relative;
/* C21 comment out */
/*    z-index: 20;*/
    padding: 0;
    float: left;
    width: 200px;
    margin: 0;
}

#leftContent .section {
    padding: 14px 0 12px;
}

#leftContent h2 {
    font-size: 14px;
    line-height: 1.357;
    position: relative;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    /* padding: 6px; */
    padding-left: 14px;
    padding-top: 6px;
    /* width: 400px; */
    padding-bottom: 6px;
    /* height: 250px; */
    background-color: #e6e6e6;
    font-weight: bold;
}

#leftContent h2 .ico_new {
    position: absolute;
    display: block;
    background: #3bb4d7;
    color: #ffffff;
    font-size: 9px;
    line-height: 1.6363;
    padding: 1px 7px 0;
    top: 4px;
    left: 92px;
    border-radius: 8px;
    z-index: 1;
    -webkit-font-smoothing: auto;
    -moz-font-smoothing: auto;
    font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

#leftContent .lists {
    padding: 5px 0 0;
    position: relative;
    z-index: 1;
    font-size: 13px;
}

#leftContent .lists li {
    margin: 10px 0 0;
    color: #555555;
}

#leftContent .lists li span {
    margin: 0 0 0 0;
}

#leftContent .lists li a,
.lists.focus_word .item.now a {
    color: #646464;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#leftContent .lists li > div > ul > li > a:hover {
    background: #f0f0f0;
    text-decoration: none;
}

#brandList .lists .item >div li a {
    padding: 3px 2px 2px 5px;
}

#leftContent .lists .now {
    background: #f0f0f0;
    text-decoration: none;
    cursor: pointer;
    color: #646464;
    /* display: inline; */
    width: 100%;
}

#leftContent .lists .now a {
    background: none;
}

.focus_word {
    margin-top: 0 !important;
    margin-bottom: 17px !important;
}

.focus_word__text,
.focus_word__count {
    display: table-cell;
    vertical-align: middle;
    padding: 2px 24px 1px 5px;
}

.focus_word__text {
    /* padding-right: 3px; */
}

#leftContent .lists .now .icons,
#leftContent .lists .now .icons:hover {
    background: url(../images/top/list_arrow_close.png) no-repeat;
    background-position-x: right;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 15px;
    right: 5px;
    /*z-index: 100;*/
    font-size: 0;
    padding: 2px;
}

#leftContent .lists .sublist {
    border-bottom: solid 1px #E6E6E6;
}

#leftContent .lists .sublist li a {
    padding-left: 25px;
    background: none;
    border-bottom: none;
}

#leftContent .lists .sublist a:hover {
    background: #f0f0f0;
    text-decoration: none;
}

#leftContent #menuShop .lists,
#leftContent #menuBrand .lists,
#leftContent #menuFavorite .lists {}

*:first-child+html #leftContent #menuShop .lists,
*:first-child+html #leftContent #menuBrand .lists {
    padding: 5px 0 0 5px;
}

#leftContent #menuShop .lists li,
#leftContent #menuBrand .lists li,
#leftContent #menuFavorite .lists li {
    margin: 8px 0 0 0px;
}

#leftContent #menuShop .lists li span,
#leftContent #menuBrand .lists li span {
    float: left;
}

*:first-child+html #leftContent #menuShop .lists li span,
*:first-child+html #leftContent #menuBrand .lists li span {
    margin: 0 0 0 -5px;
}

#leftContent #menuShop .lists li a,
#leftContent #menuBrand .lists li a {
    width: 146px;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#leftContent .sidebox {
    padding: 13px 0 0;
    border-top: solid 1px #c9c9c9;
}

#leftContent .sidebox h3 {
    font-weight: bold;
}

#leftContent .sidebox .link {
    position: absolute;
}

#leftContent .wrap {
    position: relative;
}

#leftContent #categoryList {
    z-index: 4;
    position: relative;
    margin-bottom: 15px;
}

#leftContent #typeList {
    z-index: 5;
    position: relative;
}

#leftContent #brandList {
    z-index: 5;
    position: relative;
}

#leftContent #menuShop {
    padding: 37px 0 12px;
}

#leftContent #menuShop .more,
#leftContent #menuBrand .more {
    margin: 9px 0 0 0;
}

#leftContent .menuCategory .lists li.moreFav a {
    color: #f52929;
}

#leftContent .menuCategory .lists li.moreFav a:hover {
    background: none;
    text-decoration: underline;
}

#myFavorite .lists li.noData a {
    background: none;
}

#myColor .lists li.noData a {
    background: none;
}

#myFavorite .lists li.noData a:hover {
    text-decoration: underline;
}

#myFavorite .lists li.noData ul.nonmember {
    position: relative;
    width: 430px;
    /*height:140px;*/
    padding: 27px 0 35px 0;
    text-align: center;
}

#myFavorite .lists li.noData ul.nonmember .tit {
    font-size: 16px;
    padding: 53px 0 0 0;
    background: url("../images/header/navi-icons.png") no-repeat scroll 190px -289px;
    color: #808080;
}

#myFavorite .lists li.noData ul.nonmember .txt {
    margin: 7px 0 0 0;
    padding: 0 0 11px 0;
    line-height: 1.5;
    font-size: 13px;
    color: #808080;
}

#myFavorite .lists li.noData ul.nonmember a {
    border-bottom: none;
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0;
    color: #f52929;
}

#myFavorite .lists li.noData ul.nonmember a:hover {
    background: none;
}

#myFavorite .lists li.noData ul.nonmember a.login {
    border-right: 1px solid #dcdcdc;
    padding: 0 10px 0 0;
    line-height: 1;
}

*:first-child+html #myFavorite .lists li.noData ul.nonmember a.login {
    line-height: normal;
}

#myFavorite .lists li.noData a.close {
    position: absolute;
    top: 8px;
    right: -3px;
    cursor: pointer;
}

*:first-child+html #myFavorite .lists li.noData a.close {
    position: absolute;
    top: -150px;
    right: 3px;
    display: inline-block;
    zoom: 1;
}

#myFavorite .lists li ul.nonmember {
    width: 322px;
    /*height:140px;*/
    text-align: center;
    padding: 27px 0 38px 0;
}

#myFavorite .lists li ul.nonmember li.tit {
    font-size: 16px;
    color: #808080;
    padding: 59px 0 0 9px;
    background: url("../images/header/navi-icons.png") no-repeat scroll 140px -412px;
}

#myFavorite .lists li ul.nonmember li.txt {
    margin: 9px 0 0 0;
    padding: 0 0 8px 10px;
    line-height: 1.5;
    color: #808080;
}

#myFavorite .lists li ul.nonmember li.link {
    margin: 0 0 0 0;
}

#myFavorite .lists li ul.nonmember li.link a {
    padding: 0;
    color: #f52929;
}

#myFavorite .lists li ul.nonmember li.link a:hover {
    background: none;
    text-decoration: underline;
}

#myFavorite .lists li.noData ul.nonmember.nologin {
    width: 271px;
    height: 116px;
}

#myFavorite .lists .item a {
    background-image: none;
}

#myFavorite .noLogIn {}

#myFavorite .lists li div ul.nologin {
    background: url("/common_2015/img/common/ico_headefav.png") no-repeat center 36px;
    background-color: #ffffff;
    color: #808080;
    padding: 95px 30px 30px
}

#myFavorite .lists li div ul.nologin .txt {
    font-size: 14px;
}

#myFavorite .lists li div ul.nologin .link {
    font-size: 14px;
}

#menuRecomend h2 {
    word-break: keep-all;
    white-space: nowrap
}

#leftContent .more {
    margin: 18px 0 0;
    display: block;
    background: #000;
    text-align: center;
    border-radius: 5px;
}

#leftContent .more a {
    text-decoration: none;
    padding: 5px 0;
    color: #fff;
    display: block;
    text-align: center;
    color: #ddd;
}

#leftContent .more a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
}

#leftContent .menuCategory .lists {
    margin: 17px 0 0;
    padding: 0;
    border-top: #ebebeb 1px solid;
}

#leftContent .menuCategory .lists li {
    margin: 0;
    line-height: 1.4;
    font-size: 13px;
}

#leftContent .price_space {
    text-align: center;
    margin-bottom: 10px;
}

#leftContent .price_space img {
    vertical-align: middle;
}

#leftContent .color_tip {
    margin: 17px 0 0;
    width: 202px;
}

#leftContent .color_tip li {
    float: left;
    margin: 0 5px 5px 0;
    cursor: pointer;
}

#leftContent .color_tip li:nth-child(5n) {
    margin-right: 0 !important;
}

#leftContent .color_tip li.clicked {
    border: 2px solid #000;
    margin: -2px 3px 3px -2px;
}

.menuCategory .lists li {
    margin: 0;
    position: relative;
}

.menuCategory .lists li a {
    border-bottom: solid 1px #E6E6E6;
    padding: 10px 2px 8px 5px;
    display: block;
    background: url(../images/top/list_arrow.png) no-repeat scroll 190px 14px;
}

.menuCategory .lists li.current a {
    background: #f0f0f0;
    color: #fff;
    text-decoration: none;
}

.mac .menuCategory .lists li.current {
    /*-webkit-font-smoothing:subpixel-antialiased; -moz-font-smoothing:subpixel-antialiased; font-smoothing:subpixel-antialiased;*/
}

.menuCategory .static li a:hover {
    background: #747474;
    color: #ffffff;
    text-decoration: none;
}

.mac .menuCategory .lists li a:hover {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    background-color: #f0f0f0;
    text-decoration: none;
}

.menuCategory .lists li div {
    position: absolute;
    left: -99999px;
    top: 0;
    z-index: 20;
}

.menuCategory .lists li div ul {
    padding: 12px 10px 15px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(77, 77, 77, 0.2);
    width: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: -1px;
}

.msie8 .menuCategory .lists li div ul,
.msie7 .menuCategory .lists li div ul {
    border: solid 1px #ebebeb;
}

.menuCategory .lists li div ul li {
    border: 0;
    padding: 0;
    position: relative;
}

.menuCategory .lists li div ul li a {
    background: none;
    display: block;
    border: 0;
}

.menuCategory .lists li div ul li a:hover {
    text-decoration: underline;
    border: none;
}

.menuCategory .lists li.current div ul li a {
    background: transparent;
    border: none;
    color: #1C52C3;
    font-weight: normal;
    padding: 6px 12px 4px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.menuCategory .lists li div ul li.current a {
    color: #1C52C3;
    background: none;
    text-decoration: underline;
}

.menuCategory .lists li.current {
    z-index: 1;
}

.menuCategory .lists li.current div {
    left: 160px;
    top: -5px;
    width: 200px;
}

.menuCategory .static li:hover div {
    left: 140px;
    top: -5px;
}

.lists.focus_word .item.now {
    /* padding: 2px 24px 1px 5px; */
    display: table;
}

.lists.focus_word .now .icons {
    top: 0 !important;
    bottom: 0;
    margin: auto;
    background-position: 0px 1px !important;
}

#menuSite {
    padding: 0 0 13px;
}

#leftContent #myFavorite.menuCategory .lists {
    z-index: 2;
}

#menuSns {
    position: relative;
    margin: 10px 0 0 0;
    padding: 13px 0 10px 0;
    border-top: solid 1px #c9c9c9;
}

#menuSns h2 {
    font-size: 14px;
    border-bottom: none;
}

#menuSns li {
    float: left;
    margin-right: 7px;
}

#menuSns .link {
    position: absolute;
    background: url(/common_2013/img/blank.gif);
}

#menuSns .snswrap.img {
    margin: 0px 0 0 0;
    width: auto;
    background: #ff00ff;
}

#menuSns .wrap {
    margin: 0px;
}

#menuSns .wrap li a {
    display: block;
    width: 82px;
    height: 0;
    overflow: hidden;
    padding: 28px 0 0;
    position: relative;
}

#menuSns .wrap li a:hover {
    background: #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

#menuSns .wrap li#sideSnsFb {
    bottom: 0px;
    left: 0px;
}

#menuSns .wrap li#sideSnsTw {
    bottom: 0px;
    left: 84px;
}

#menuApp {
    position: relative;
    margin: 10px 0 0 0;
    padding: 13px 0 0;
    border-top: solid 1px #c9c9c9;
}

#menuApp h2 {
    font-size: 14px;
    border-bottom: none;
}

#menuApp li {
    float: left;
    margin-right: 7px;
}

#menuApp p.ios {
    margin: 3px 0px 0px 0px;
}

#menuApp p.and {
    margin: 3px 0px 0px 0px;
}

#sideWear {
    position: relative;
}

#sideWear .img {
    padding: 10px 0;
    text-align: center;
}

#sideWear .link {
    position: absolute;
    background: url(/common_2013/img/blank.gif);
}

#sideWear .link a {
    display: block;
    height: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#sideWear .link a:hover {
    background: #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

#sideWear #sideWearLogo {
    top: 13px;
    left: 3px;
    width: 66px;
}

#sideWear #sideWearApp {
    top: 15px;
    left: 75px;
    width: 86px;
}

#sideWear #sideWearPlay {
    top: 46px;
    left: 75px;
    width: 86px;
}

#sideWear #sideWearLogo a {
    padding: 62px 0 0;
}

#sideWear #sideWearApp a {
    padding: 25px 0 0;
}

#sideWear #sideWearPlay a {
    padding: 25px 0 0;
}

div#resmaphone {
    padding: 60px 0px 60px 0;
    background: #bfbfbf;
    background: -moz-linear-gradient(top, #8e8e8e 0%, #aaaaaa 12%, #bfbfbf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8e8e8e), color-stop(12%, #aaaaaa), color-stop(100%, #bfbfbf));
    background: -webkit-linear-gradient(top, #8e8e8e 0%, #aaaaaa 12%, #bfbfbf 100%);
    background: -o-linear-gradient(top, #8e8e8e 0%, #aaaaaa 12%, #bfbfbf 100%);
    background: linear-gradient(to bottom, #8e8e8e 0%, #aaaaaa 12%, #bfbfbf 100%);
}

div#resmaphone p {}

div#resmaphone p {
    display: block;
    margin: 0 auto 0 auto;
    width: 640px;
    border: 1px #1b1b1b solid;
    border-radius: 4px;
    font-size: 55px;
    line-height: 1;
    font-weight: bold;
    background: #575757;
    background: -moz-linear-gradient(top, #575757 0%, #171717 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575757), color-stop(100%, #171717));
    background: -webkit-linear-gradient(top, #575757 0%, #171717 100%);
    background: -o-linear-gradient(top, #575757 0%, #171717 100%);
    background: linear-gradient(to bottom, #575757 0%, #171717 100%);
}

div#resmaphone p a {
    display: block;
    padding: 30px 0 35px 130px;
    background: url(/default_2013/img/resmaphone_ico.png) no-repeat 59px center;
    background-size: 40px auto;
    color: #fff;
    text-decoration: none;
}

#renewal {
    margin: 18px 0 0 0;
}

#recruit {
    margin: 8px 0 0 0;
}

.noDetaBox {
    position: absolute;
    left: -9999px;
    background: #F9F6F4;
    z-index: 1500;
    width: 300px;
    height: 150px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    behavior: url(/common_2013/lib/pie/PIE.htc);
}

.noDetaBox .inner {
    position: relative;
}

.noDetaBox .inner .tit {}

.noDetaBox .inner .txt {}

.noDetaBox .inner a.edit_close {
    position: absolute;
    top: 0;
    right: 0;
}

.noLoginBox {
    position: absolute;
    left: -9999px;
    background: #F9F6F4;
    z-index: 1500;
    width: 300px;
    height: 150px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    behavior: url(/common_2013/lib/pie/PIE.htc);
}

.noLoginBox.show {
    position: absolute;
    top: 200px;
    left: 150px;
}

.noLoginBox .inner {
    position: relative;
}

.noLoginBox .inner .tit {}

.noLoginBox .inner .txt {}

.noLoginBox .inner ul {}

.noLoginBox .inner ul li {
    float: left;
}

.noLoginBox .inner ul li.login {}

.noLoginBox .inner a.edit_close {
    position: absolute;
    top: 0;
    right: 0;
}


/*-------------------------------------
footer ???m?点
-------------------------------------*/

#footerNews {}

#footerNews .lists {}

#footerNews .lists li {
    margin: 7px 0 0 0;
}

.footerLeftttl {
    padding-top: 50px;
    float: left;
}

#snsfooter {
    text-align: center;
    width: 100%;
    margin-top: 64px;
}

#snsfooter ul li {
    display: inline;
    margin-right: 30px;
}

#snsfooter ul li:last-child {
    margin-right: 0px;
}

#snsfooter ul {}

#snsfooter li {}

#copyfooter {
    text-align: center;
    width: 100%;
    margin-top: 64px;
    margin-bottom: 50px;
}

#copyfooter ul li {}

#snsfooter a {
    text-decoration: none;
}

#leftContent #menuBanner ul {
    margin: -20px 0 0 0;
}

#leftContent #menuBanner ul li {
    margin: 20px 0 0 0;
}


/* --------------------------------
reset
-------------------------------- */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
blockquote,
pre,
div,
dl,
dt,
dd,
ol,
ul,
li,
th,
td,
form,
fieldset,
input,
textarea {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

select {
    margin: 0 0 0 0;
}

html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    height: 100%;
}

abbr,
acronym {
    border: 0 none;
}

q:before,
q:after {
    content: "";
}

ol,
ul {
    list-style: none;
}

img {
    border: 0 none;
    vertical-align: bottom;
}

object {
    outline: none;
}

table {
    border-spacing: 0;
}

*:first-child+html table {
    border-collapse: collapse;
}

* html table {
    border-collapse: collapse;
}

caption {
    text-align: left;
}

th,
td {
    text-align: left;
    vertical-align: middle;
    empty-cells: show;
}

hr {
    display: none;
}

fieldset {
    border: 0 none;
}

label {
    cursor: default;
}

iframe {
    border: 0 none;
    overflow: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
}

p,
address,
blockquote,
pre,
div,
abbr,
acronym,
dfn,
cite,
q,
code,
kbd,
samp,
var,
dl,
ol,
ul,
caption,
th {
    font-weight: normal;
    font-style: normal;
}

em,
strong {
    font-weight: bold;
    font-style: normal;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

@font-face {
    font-family: 'futura';
    /*src: url(../font/Futura.woff) format('woff'),
        url(../font/Futura.ttf) format('truetype');*/
    src: url(../font/Futura);
}

body {
    background: #fff;
    color: #2d2d2d;
    /*font-family: "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;*/
    font-family :
        futura,
        YuGothic,    /* Mac用 */
        'Yu Gothic', /* Windows用 */
        sans-serif;
    font-size: 13px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*:first-child+html {
    overflow-x: hidden;
}

*:first-child+html body {
    min-width: 1060px;
    position: static;
}

pre {
    font-family: "", "Hiragino Kaku Gothic Pro", "Lucida Grande", "", "Lucida Grande", Verdana, "", sans-serif;
}

a {
    color: #FFF;
    text-decoration: none;
}

a:link {
    color: #FFF;
    text-decoration: none;
}

a:visited {
    /*color: #333333;*/
    text-decoration: none;
}

a:active {
    color: #333333;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: underline;
}

body a:hover {
    color: #FFF;
    text-decoration: none;
}

input,
select,
textarea {
    color: #2d2d2d;
    font-size: 13px;
    font-family: "", "Hiragino Kaku Gothic Pro", "", "Lucida Grande", Verdana, "", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}


/*
html:not(:target) input,
html:not(:target) select,
html:not(:target) textarea { font-family:sans-serif; }IE
*/

html:not(:target) input[type="password"] {
    /*font-family:"Lucida Grande", sans-serif;*/
}

textarea {
    border: 1px solid #b7b7b7;
    padding: 2px 3px 2px 3px;
}

a,
input,
object {
    outline: none;
}

.txt10 {
    font-size: 10px;
    line-height: 1.5;
}

.txt11 {
    font-size: 11px;
    line-height: 1.455;
}

.txt12 {
    font-size: 12px;
    line-height: 1.417;
}

.txt13 {
    font-size: 13px;
    line-height: 1.385;
}

.txt14 {
    font-size: 14px;
    line-height: 1.357;
}

.txt15 {
    font-size: 15px;
    line-height: 1.333;
}

.txt16 {
    font-size: 16px;
    line-height: 1.313;
}

.txt18 {
    font-size: 18px;
    line-height: 1.278;
}

.txt20 {
    font-size: 20px;
    line-height: 1.25;
}

.err,
.error,
.att,
.noStock,
.new,
.sale {
    color: #E73656 !important;
}

.info {
    color: #808080;
}

.str,
.unchangeable {
    font-size: 10px;
    color: #3c3c3c;
    border-radius: 2px;
    width: 53px;
    display: inline-block;
    background: #c8c8c8;
    text-align: center;
    padding: 2px 0;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.str {
    width: 34px;
}

.unchangeable {
    width: 53px;
}

.tax {
    font-size: 10px;
    margin: 0 0 0 2px;
    white-space: nowrap;
    vertical-align: 1px;
    color: #808080;
}

.price {
    /*font-family:helvetica;*/
}

.price.discount {
    color: #E73656 !important;
}

.price.discount .tax {
    color: inherit;
}

.price.sale .tax {
    color: inherit;
}

.price.discount .off {
    display: block;
    font-size: 10px;
}

.price.off {
    font-size: 10px;
}

form.form {
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}

input[type="text"] {
    border: 1px solid #c8c8c8;
    border-radius: 2px;
    padding: 6px 6px;
}

input[type="password"] {
    border: 1px solid #c8c8c8;
    height: 20px;
    border-radius: 2px;
    padding: 10px 7px;
}

input::-webkit-input-placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #808080;
}

input:focus,
select:focus,
textarea:focus,
option:focus {
    outline: 0;
}

select {
    width: 218px;
    padding: 9px 6px 7px 8px;
    border: 1px solid #ccc;
}

.win.chrome select,
.mac.safari select,
.mac.chrome select {
    background-image: url(/common_2015/img/common/ico_select.gif);
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #fff;
}

.win.chrome select.err,
.mac.chrome select.err,
.mac.safari select.err {
    background-image: url(/common_2015/img/common/ico_select_alt_.gif);
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #ffedf6;
}


/* clearfix */

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.current {}

.rollover {}

.nopngfix {}

.alpha {}

.noscroll {}

.decorateForm label {
    cursor: pointer;
    -webkit-user-select: none;
}

.decorateForm label input[type="checkbox"] {
    width: 16px;
    height: 17px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.decorateForm label span input[type="checkbox"] {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 0 0 -9999px;
}

.decorateForm label span.checkbox {
    position: relative;
    background: url(/common_2015/img/common/ico_select.png) no-repeat left top;
    width: 16px;
    height: 17px;
    margin: 0 5px 0 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.decorateForm label span.checkbox.checked {
    background: url(/common_2015/img/common/ico_selected.png) no-repeat left top;
}

.decorateForm label input[type="radio"] {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.decorateForm label span input[type="radio"] {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 0 0 -9999px;
}

.decorateForm label span.radio {
    position: relative;
    background: url(/common_2015/img/common/ico_check.png) no-repeat left top;
    width: 24px;
    height: 24px;
    margin: 0 5px 0 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.decorateForm label span.radio.checked {
    background: url(/common_2015/img/common/ico_checked.png) no-repeat left top;
}

.decorateForm label span.radio.err {
    background: url(/common_2015/img/common/ico_check_errer.png) no-repeat left top;
}

.decorateForm label span.radio.disabled {
    background: url(/common_2015/img/common/ico_no.png) no-repeat left top;
    cursor: default;
}

a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

table {
    width: 100%;
    border-top: 1px solid #202020;
    border-collapse: collapse;
    border-spacing: 0;
}

table tbody th {
    background-color: #F1F1F1;
    border-bottom: 1px solid #202020;
}

table tbody td {
    border-bottom: 1px solid #202020;
}

table thead th {
    color: #ffffff;
    background-color: #000000;
    border-left: 1px solid #ffffff;
    padding: 11px 5px 11px 15px;
}

.ico_blank {
    background: url(/common_2015/img/ico/ico_blank.png) no-repeat right 0.2em;
    padding-right: 20px;
}

.mac .ico_blank {
    background-position: right top;
    padding-top: 1px;
}

.ico_blank_w {
    background: url(/common_2015/img/ico/ico_blank_w.png) no-repeat right 0.1em;
    padding-right: 20px;
}

.mac .ico_blank_w {
    background-position: right top;
    padding-top: 2px;
}

.msie8 .ico_blank_w {
    padding-top: 2px;
}

.ico_fav {
    background: url(/common_2015/img/ico/ico_fav.png) no-repeat 0 0;
    width: 16px;
    height: 0;
    display: inline-block;
    overflow: hidden;
    padding: 18px 0 0;
    margin: 0 5px 0 0;
    vertical-align: top;
}

.ico_registered_fav {
    background: url(/common_2015/img/ico/ico_fav_gray.png) no-repeat 0 0;
    width: 16px;
    height: 0;
    display: inline-block;
    overflow: hidden;
    padding: 18px 0 0;
    margin: 0 5px 0 0;
    vertical-align: top;
}

.mac .ico_fav,
.mac.chrome .ico_registered_fav {
    background-position: 0 0.1em;
}

.ico_mail {
    background: url(/common_2015/img/ico/ico_mail.png) no-repeat 0 0px;
    width: 16px;
    height: 0;
    display: inline-block;
    overflow: hidden;
    padding: 15px 0 0;
    margin: 2px 5px 0 1px;
    vertical-align: top;
}

.mac .ico_mail {
    margin: 1px 5px 0 1px;
}

.ico_pop {
    background: url(/common_2015/img/ico/ico_blank3.gif) no-repeat right top;
    padding-right: 22px;
    display: inline-block;
}

.ico_new {
    color: #ff0000;
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.ico_code {
    background: url(/common_2015/img/ico/ico_code.png) no-repeat right 0.1em;
    padding-right: 20px;
}

.ico_code_new {
    background: url(/common_2015/img/ico/ico_code_new.png) no-repeat right center;
    padding-right: 20px;
}

.iconSet {
    /*background:#fff; border-radius:50%; border:1px solid #e6e6e6; color:#8C8C8C; font-size:15px; font-family: helvetica; height:28px; line-height:30px; padding:0; text-align:center; width:28px; zoom:1; z-index:5;*/
}

.rank .icoS {
    font-size: 11px;
    height: 22px;
    line-height: 23px;
    width: 22px;
}

.rank .icoL {
    font-size: 17px;
    height: 35px;
    line-height: 35px;
    text-indent: 1px;
    width: 35px;
}

.rankingGrid .iconSet {
    position: absolute;
    border: 1px solid #E6E6E6;
    display: block;
    z-index: 5;
    top: 6px;
    left: 6px;
}

.rankingGrid .iconSet.icoL {
    top: 10px;
    left: 10px;
}

.rankingList .iconSet {
    /*position:relative; border:1px solid #dedede; display:inline-block; z-index:5; margin:0 5px 0 0;*/
}

.rankingGrid .top1,
.rankingGrid .top2,
.rankingGrid .top3 {
    border: none;
}

.rankingGrid .top1 {
    background: #D9B340 !important;
    color: #fff !important;
}

.rankingGrid .top2 {
    background: #6F7B83 !important;
    color: #fff !important;
}

.rankingGrid .top3 {
    background: #A15326 !important;
    color: #fff !important;
}

.rankingList .top1 {
    border-color: #D9B340 !important;
    color: #D9B340 !important;
}

.rankingList .top2 {
    border-color: #6F7B83 !important;
    color: #6F7B83 !important;
}

.rankingList .top3 {
    border-color: #A15326 !important;
    color: #A15326 !important;
}


/*.rank .iconSet1{ background:#ebead0; border-color:#ebead0; color:#d6d18b;}
.rank .iconSet2{ background:#6f7b83; border-color:#6f7b83; color:#ffffff}
.rank .iconSet3{ background:#a15326; border-color:#a15326; color:#ffffff;}
.rank .iconSet4{ background:#a15326; border-color:#a15326; color:#ffffff;}*/

#wrapper {
    width: 100%;
    margin: auto;
    text-align: left;
    position: relative;
    overflow: hidden;
}

#wrapper #gblHeader {
    font-size: 13px;
	/*
    border-bottom: 1px solid #ededed;
	*/
}

body {
    /*_width: 1000px;*/
    /*min-width: 1060px;*/
    margin: auto;
    position: relative;
    zoom: 1;
}

#gblHeader {
    z-index: 55;
    position: relative;
    _zoom: 1;
    line-height: 1.6363;
    text-align: left;
    margin: auto;
    width: 100%;
    background: #f1f1f1;
}

#gblHeader #hWrapper {
    width: 100%;
    margin: auto;
    background: #f1f1f1;
}

#gblHeader #hWrapper.current {
    box-shadow: 0 0 5px rgba(77, 77, 77, 0.2);
}

#gblHeader #hWrapperInner {
    width: 1060px;
    margin: 0 auto;
    /* height:70px;*/
}

#hHeader {
    float: left;
    padding: 0;
}

#gblHeader .hBtn {
    color: #ffffff;
    text-align: center;
    border-radius: 2px;
    background: #dcdcdc;
    cursor: pointer;
    position: relative;
}

#gblHeader .hBtn:hover {
    text-decoration: none;
}

#gblHeader .hBtn:active {
    color: #fff;
}

.btn {
    position: relative;
    z-index: 1;
}

.btn input.gBtn {
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.btn input.btnLL {
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

div.btn,
ul.btn {
    margin: 12px 0 0;
}

div.btn p,
ul.btn li {
    float: right;
    margin: 0 0 0 7px;
    position: relative;
}

.btnCenter .gBtn {
    margin: auto;
    display: block;
}

a.gBtn,
a.gBtn:link,
a.gBtn:hover,
a.gBtn:active,
a.gBtn:visited {
    color: #ffffff;
    text-decoration: none;
}

p.gBtn {
    display: inline-block;
    _display: inline;
}

*:first-child+html p.gBtn {
    display: inline;
}

p.gBtn input {
    background: transparent;
    color: #ffffff;
    border: 0px;
    padding: 0 5px;
    cursor: pointer;
    font-size: 12px;
    position: relative;
}

.gBtn.btnSS {
    padding: 2px 0;
    width: 52px;
}

.mac .gBtn.btnSS {
    padding: 2px 0 0 0;
}

.mac.chrome .gBtn.btnSS {
    padding: 3px 0 1px 0;
    width: 53px;
}

.mac.firefox .gBtn.btnSS {
    padding: 3px 0 1px 0;
    width: 53px;
}

.gBtn.btnS {
    width: 165px;
}

.gBtn.btnM {
    padding: 11px 0 10px;
    font-size: 15px;
    border-radius: 4px;
    width: 260px;
}

.gBtn.btnL {
    padding: 17px 0 15px;
    font-size: 18px;
    border-radius: 4px;
    width: 400px;
}

.gBtn.btnAuto {}

.gBtnWhite.btnSS {
    padding: 1px 0;
    width: 51px;
    font-size: 13px;
}

.mac .gBtnWhite.btnSS {
    padding: 2px 0 0;
}

.gBtnWhite.btnS {
    width: 164px;
}

.gBtnWhite.btnM {
    padding: 10px 0 9px;
    font-size: 15px;
    border-radius: 4px;
    width: 259px;
}

.btnWrapper.lined {
    text-align: center;
}

.btnWrapper.lined p {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.gBtn {
    color: #ffffff !important;
    display: block;
    text-align: center;
    border-radius: 2px;
    padding: 11px 0 8px;
    background: #2490D0;
    cursor: pointer;
    position: relative;
    z-index: 1;
    font-size: 13px;
}

.gBtn:hover {
    color: #ffffff;
    background: #2490D0;
    text-decoration: none;
    position: relative;
    z-index: 1;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.gBtn:active {
    color: #ffffff;
    background: #2490D0;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.gBtnWhite {
    border: 1px solid #2490D0;
    color: #2490D0 !important;
    display: block;
    text-align: center;
    border-radius: 2px;
    padding: 10px 0 7px;
    background: #fff;
    cursor: pointer;
    position: relative;
    z-index: 1;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
}

.gBtnWhite:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

input.btnGray,
a.btnGray {
    padding: 9px 0 7px;
    background: #8a8a8a;
    border: solid 1px #8a8a8a;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    border-radious: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

input.btnGray:hover,
input.btnGray:active,
a.btnGray:hover,
a.btnGray:active {
    background: #8a8a8a;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

a.btnGray:link,
a.btnGray:hover,
a.btnGray:active,
a.btnGray:visited {
    color: #202020;
}

.btnGray:active {
    opacity: 0.9;
}

.tagLink {
    margin: 0 0 0 -10px;
}

.tagLink li {
    float: left;
    margin: 12px 0 0 10px;
}

.tagLink li a {
    padding: 5px 8px 3px;
    border: 1px solid #e6e6e6;
    display: block;
    white-space: nowrap;
    border-radius: 2px;
    color: #808080;
    background: #f5f5f5;
}

.tagLink li a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

#gblHeader #header {
    background: transparent;
    /* z-index:5;*/
    position: relative;
    padding: 0;
    width: 1060px;
}

#hLogo {
    float: left;
    margin:0;
}

#hLogo a {
    width: 125px;
    padding:0px 0 0;
    text-indent: -9999px;
    height: 60px;
    background: url(../images/header/logo.png) no-repeat 0 50%;
	background-size: 125px 60px;
    display: block;
    overflow: hidden;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#hLogo a {
}

#hLead {
    font-size: 14px;
    float: left;
    color: black;
    line-height: 24px;
    margin: 7px 0 -5px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#hLead a {
    color: #555555;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#hLead a:hover {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.msie7 #hLead a:hover {
    color: #808080;
}

.msie8 #hLead a:hover {
    color: #808080;
}

#hLead span {
    color: #2d2d2d;
    margin-left: 5px;
}

#hLead span:hover {
    color: #848484;
    margin-left: 5px;
}

#hCtrl {
    float: right;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#gblHeader .hPopWrap {
    position: relative;
}

#gblHeader .hPopWrap:hover {
    /*
    background: #ededed;
    */
}

#gblHeader .hPopWrap .hPopUp {}

*:first-child+html #gblHeader .hPopWrap .hPopUp {
    top: 51px;
}

#gblHeader .hPopWrap.static:hover .hPopUp,
#gblHeader .hPopUp {
    position: absolute;
    left: auto;
    right: 0px;
    z-index: -1;
    background: #fff;
    display: none;
    width: auto;
    /* overflow:hidden; */
    /*height:0;*/
    box-shadow: 0 0 5px rgba(77, 77, 77, 0.2);
    border-radius: 0 0 4px 4px;
}
#gblHeader #hServiceMap .hPopUp {
    z-index: 10000;
}

*:first-child+html #gblHeader .hPopWrap .hPopUp,
html>
/**/

body #gblHeader .hPopWrap .hPopUp {
    /*top:49px; border:1px solid #dcdcdc;*/
}


/*#gblHeader .hPopWrap.static:hover .hPopUp { height:auto; left:auto; display:block; }*/

*:first-child+html #hUserName .hPopUp {
    width: 165px !important;
}

#hUserName .hPopUpInner {
    width: 165px;
}

#hUserName .hPopUpInner ul {
    padding: 16px 0;
}

#hUserName .hPopUpInner li {}

#hUserName .hPopUpInner li a {
    display: block;
    padding: 6px 16px 2px 24px;
    color: #646464;
}

#hFavoriteLink {
    position: relative;
    z-index: 1;
}

#hFavoriteLink .hSubMap {
    overflow: hidden;
    width: 480px;
}

#hFavoriteLink .hSubMap .tit {
    padding: 0 0 5px 39px;
}

#hFavoriteLink .hSubMap .lined {
    padding: 7px 40px;
    margin: 5px 0 0 0;
}

#hFavoriteLink .hSubMap .lined li {
    border-right: 1px solid #dcdcdc;
    float: left;
    margin: 0 11px 0 0;
    padding: 0 16px 0 0;
    line-height: 1;
}

*:first-child+html #hFavoriteLink .hSubMap .lined li {
    line-height: 1.6;
}

#hFavoriteLink .hSubMap .lined li:last-child {
    border-right: none;
}

#hFavoriteLink .ico_new {
    position: absolute;
    display: block;
    background: #f52929;
    color: #ffffff;
    font-size: 9px;
    padding: 1px 10px 0px;
    top: 5px;
    left: 22px;
    border-radius: 9px;
    z-index: 1;
    -webkit-font-smoothing: auto;
    -moz-font-smoothing: auto;
    font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

*:first-child+html #hFavoriteLink .hPopUp {
    width: 480px !important;
}

*:first-child+html #hFavoriteLink .hPopUp.noLogin {
    width: 280px !important;
}

*:first-child+html #hSearchList {
    border-right: none;
}

html>
/**/

body #hFavoriteLink .hPopUp {
    width: 505px !important;
}

html>
/**/

body #hFavoriteLink .hPopUp.noLogin {
    width: 294px !important;
}

html>
/**/

body #hSearchList {
    border-right: none;
}

#gblHeader .hPopWrap.static:hover .hPopUp2,
#gblHeader .hPopUp22 {
    position: absolute;
    left: 0px;
    right: auto;
    z-index: -1;
    background: #fff;
    width: auto;
    overflow: hidden;
    height: 0;
    box-shadow: 0 0 5px rgba(77, 77, 77, 0.2);
    border-radius: 0 0 4px 4px;
}

*:first-child+html #gblHeader .hPopWrap .hPopUp2,
html>
/**/

body #gblHeader .hPopWrap .hPopUp2 {
    /*top:49px; border:1px solid #dcdcdc;*/
}

#gblHeader .hPopWrap.static:hover .hPopUp2 {
    height: auto;
    left: auto;
}

*:first-child+html #hUserName .hPopUp2 {
    width: 165px !important;
}

#hUserName .hPopUp2Inner {
    width: 165px;
}

#hUserName .hPopUp2Inner ul {
    padding: 16px 0;
}

#hUserName .hPopUp2Inner li {}

#hUserName .hPopUp2Inner li a {
    display: block;
    padding: 6px 16px 2px 24px;
    color: #646464;
}

#hFavoriteLink {
    position: relative;
    z-index: 1;
}

#hFavoriteLink .hSubMap {
    overflow: hidden;
    width: 480px;
}

#hFavoriteLink .hSubMap .tit {
    padding: 0 0 5px 39px;
}

#hFavoriteLink .hSubMap .lined {
    padding: 7px 40px;
    margin: 5px 0 0 0;
}

#hFavoriteLink .hSubMap .lined li {
    border-right: 1px solid #dcdcdc;
    float: left;
    margin: 0 11px 0 0;
    padding: 0 16px 0 0;
    line-height: 1;
}

*:first-child+html #hFavoriteLink .hSubMap .lined li {
    line-height: 1.6;
}

#hFavoriteLink .hSubMap .lined li:last-child {
    border-right: none;
}

#hFavoriteLink .ico_new {
    position: absolute;
    display: block;
    background: #f52929;
    color: #ffffff;
    font-size: 9px;
    padding: 1px 10px 0px;
    top: 5px;
    left: 22px;
    border-radius: 9px;
    z-index: 1;
    -webkit-font-smoothing: auto;
    -moz-font-smoothing: auto;
    font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

*:first-child+html #hFavoriteLink .hPopUp2 {
    width: 480px !important;
}

*:first-child+html #hFavoriteLink .hPopUp2.noLogin {
    width: 280px !important;
}

*:first-child+html #hSearchList {
    border-right: none;
}

html>
/**/

body #hFavoriteLink .hPopUp2 {
    width: 505px !important;
}

html>
/**/

body #hFavoriteLink .hPopUp2.noLogin {
    width: 294px !important;
}

html>
/**/

body #hSearchList {
    border-right: none;
}

#hFavoriteLink .hPopUpInner {
    width: 505px;
    padding: 32px 0 30px;
    background: #fff;
    overflow: hidden;
}

#hFavoriteLink dl {
    border-right: 1px solid #ededed;
}

#hFavoriteLink dl:last-child {
    border-right: none;
}

#hFavoriteLink dt {}

#hFavoriteLink dd {
    margin: 5px 0 0 0;
}

#hFavoriteLink dd span {
    margin: -3px 0 0 0;
    display: block;
}

#hFavoriteLink dd p {
    text-align: center;
    color: #808080;
    padding: 75px 0 33px 0;
    background: url("../images/header/navi-icons.png") no-repeat scroll 55px -402px;
}

#hFavoriteLink dd.hFavLink {
    text-align: right;
    padding: 0 25px 0 0;
    margin: 10px 0 0 0;
}

#hFavoriteLink dd .favItemList {}

#hFavoriteLink dd .favItemList li {
    float: left;
    margin: 0 0 0 3px;
    padding: 0 0 3px 0;
}

#hFavoriteLink dd .favItemList li a {
    background: #ccc;
    display: block;
    width: 56px;
    height: 68px;
}

#hFavoriteLink dd .favItemList li img {}

#hFavoriteLink .noLogin .hSubMap {
    width: auto;
    ;
}

#hFavoriteLink .noLogin {
    text-align: center;
}

#hFavoriteLink .noLogin .hPopUpInner {
    width: 294px;
    text-align: center;
    padding: 34px 0 28px;
}

#hFavoriteLink .noLogin dl {
    float: none;
    padding: 0;
    border-right: none;
}

#hFavoriteLink .noLogin dt {}

#hFavoriteLink .noLogin p {
    padding: 68px 0 0;
    background: url("/common_2015/img/common/ico_headefav.png") no-repeat center top;
    color: #808080;
}

#hFavoriteLink .noLogin ul {
    margin: 12px 0 0 0;
    font-size: 12px;
}

#hFavoriteLink .noLogin ul li a {
    font-size: 14px;
}

#hFavoriteList {
    width: 200px;
    position: relative;
    padding: 0 0 600px 39px;
    margin: 19px 0 -600px 0;
}

#hFavoriteList dt {
    padding: 0 0 6px;
}

#hFavoriteList dd {
    padding: 0 30px 7px 1px;
    margin: 0;
}

#hFavoriteList dd a {
    color: #646464;
}

#hFavoriteBrandList {
    width: 200px;
    position: relative;
    padding: 0 0 600px 39px;
    margin: 19px 0 -600px 0;
}

#hFavoriteBrandList dt {
    padding: 0 0 6px;
}

#hFavoriteBrandList dd {
    padding: 0 30px 7px 1px;
    margin: 0;
}

#hFavoriteBrandList dd a {
    color: #646464;
}

*:first-child+html #hNotice .hPopUp {
    width: 323px !important;
}

#hNotice .hSubMap {
    /* overflow:hidden; */
    padding: 16px 0 16px;
}

#hNotice .noData {
    text-align: center;
}

#hNotice .noData .hPopUpInner {
    width: 284px;
    text-align: center;
    padding: 0;
}

#hNotice .noData dl {
    float: none;
    padding: 0;
    border-right: none;
}

#hNotice .noData dt,
{}

#hNotice .noLogin.noData dt {
    padding: 53px 0 0;
    background: url("../images/header/navi-icons.png") no-repeat scroll 139px -1102px;
    color: #808080;
}

#hNotice .noData dd {
    margin: 9px 0 0 0;
    padding: 0 0 10px 0;
}

#hNotice .noData dd p {
    background-image: none;
    padding: 0;
    color: #808080;
}

#hNotice .noData .lined {
    margin: 4px 0 0 3px;
}

#hNotice .noData .lined li {
    display: inline-block;
}

*:first-child+html #hNotice .noData .lined li {
    display: inline;
    zoom: 1;
}

#hNotice .noData .lined li:first-child {
    padding: 0 11px 0 0;
    margin: 0 10px 0 0;
    background: url("../images/header/navi-icons.png") no-repeat 61px -570px;
}

#hNotice .login.noData dt {
    padding: 53px 0 0;
    background: url("../images/header/navi-icons.png") no-repeat scroll 147px -943px;
}

#hNotice {}

#hNotice .login.noData .hPopUpInner,
#hNotice .login.hasData .hPopUpInner {
    width: 295px;
}

#hNotice .login.noData .hPopUpInner .hSubMap,
#hNotice .login.hasData .hPopUpInner .hSubMap {
    width: 295px;
}

#hNotice .hSubMap {
    padding: 16px 0 16px;
    width: 284px;
    background: #fff;
}

#hNotice .hSubMap .tit {
    letter-spacing: 1.1px;
    font-size: 15px;
    color: #808080;
    padding: 14px 0 0 0;
    background: url("../images/header/navi-icons.png") no-repeat scroll 125px -1102px;
    text-align: center;
}

#hNotice .login.hasData .hSubMap .tit {
    background-position: 125px -848px;
    color: #2d2d2d;
}

#hNotice .hSubMap.login .tit {
    background-position: 117px -1102px;
}

#hNotice .hSubMap .gBtn {
    width: 195px;
    font-size: 13px;
    margin: 14px auto 0;
}

*:first-child+html #hServiceMap .hPopUp {
    width: 690px !important;
}

*:first-child+html #hServiceMap .hPopUpInner {
    width: 695px;
}

#hCtrlList .hPopUpInner {
    opacity: 0;
}

#hCtrlList .static .hPopUpInner {
    opacity: 1;
}

#hServiceMap .hSubMap {
    position: relative;
    width: 1060px;
    padding: 32px 0 28px 0;
    overflow: hidden;
    background: #fff;
}

#hServiceMap.static:hover .hPopUp {
    height: auto;
}

#hServiceMap .hSubMap a {
    color: #646464;
    text-decoration: none;
    display: block;
}

#hServiceMap .hSubMap a:hover {
    text-decoration: underline;
}

#hSiteList .hSubMap dd a {
    display: inline-block;
}

.hSubMap p.tit {
    font-size: 18px;
    padding: 0 0 5px 28px;
}

.hSubMap dl {
    float: left;
    padding: 0 0 0 29px;
}

.hSubMap dt {
    font-size: 15px;
    font-weight: normal;
    padding: 0 0 13px 0;
}

.hSubMap dd {
    padding: 0 0 7px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hSubMap dd span {
    color: #8e8e8e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.hSubMap dl#hSiteList {
    width: 226px;
    padding: 0 0 0 45px;
}

.hSubMap dl#hSiteList dd {
    margin: 0;
    padding: 0 0 9px 0;
}

.hSubMap dl#hBrandList {
    width: 500px;
    border-right: 1px solid #ededed;
    margin-left: 15px;
}

.hSubMap dl#hBrandList ul {
    width: 240px;
    float: left;
}

.hSubMap dl#hBrandList ul li {
    margin: 3px 0;
}

.hSubMap dl#hSiteList {
    width: 210px;
    padding: 0 0 0 30px;
    border-right: 1px solid #ededed;
    height: 525px;
}

.hSubMap dl#hSiteList dd {
    margin: 0;
    padding: 0 0 9px 0;
}

.hSubMap dl#hAllList {
    width: 169px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.hSubMap dl#hHelpList {
    margin-left: 10px;
}

.hPopUpInner table tbody td {
    border-bottom: none;
}

.hPopUpInner table {
    border-top: none;
    position: relative;
    z-index: 10;
}

#hCart {}

#hCart .hSubMap {
    padding: 32px 0 36px;
    width: 278px;
    background: #f0f0f0;
}

#hCart .hPopUp {
    width: 278px;
}

#hCart .hSubMap .tit {
    letter-spacing: 1.1px;
    font-size: 15px;
    color: #808080;
    padding: 55px 0 0 0;
    text-align: center;
    background: url("../images/header/navi-icons.png") no-repeat scroll 117px -1192px;
}

#hCart .hSubMap.hasItem .tit {
    background-position: 117px -1282px;
}

#hCart .hSubMap .gBtn {
    width: 195px;
    font-size: 13px;
    margin: 14px auto 0;
}

#hHistory {}

#hHistory .hSubMap {
    padding: 32px 0 36px;
    width: 278px;
}

#hHistory .hPopUp {
    width: 278px;
}

#hHistory .hSubMap .tit {
    letter-spacing: 1.1px;
    font-size: 15px;
    color: #808080;
    padding: 55px 0 0 0;
    text-align: center;
    background: url("../images/header/navi-icons.png") no-repeat scroll 117px -1192px;
}

#hHistory .hSubMap.hasItem .tit {
    background-position: 117px -1282px;
}

#hHistory .hSubMap .gBtn {
    width: 195px;
    font-size: 13px;
    margin: 14px auto 0;
}

#hHispop {}

#hHispop .hSubMap {
    padding: 32px 0 15px;
    width: 278px;
}

#hHispop .hPopUp {
    width: 278px;
}

#hHispop .hSubMap .tit {
    letter-spacing: 1.1px;
    font-size: 15px;
    color: #808080;
    padding: 55px 0 0 0;
    text-align: center;
    background: url("../images/header/navi-icons.png") no-repeat scroll 117px -1192px;
}

#hHispop .hSubMap.hasItem .tit {
    background-position: 117px -1282px;
}

#hHispop .hSubMap .gBtn {
    width: 195px;
    font-size: 13px;
    margin: 14px auto 0;
}

#hLogin {}

#hLogin .hSubMap {
    padding: 0px 0 0px;
    width: 200px;
    background: #fff;
}

#hLogin .hPopUp {
    width: 200px;
}

#hLogin .hSubMap .tit {
    letter-spacing: 1.1px;
    font-size: 15px;
    color: #808080;
    padding: 55px 0 0 0;
    text-align: center;
    background: url("../images/header/navi-icons.png") no-repeat scroll 117px -1192px;
}

#hLogin .hSubMap.hasItem .tit {
    background-position: 117px -1282px;
}

#hLogin .hSubMap .gBtn {
    width: 195px;
    font-size: 13px;
    margin: 14px auto 0;
}

#hName {
    color: #fff;
}

#hName:hover {
    background-color: #000;
}

#hLogin .hSubMap .tit_tt {
    text-align: center;
}

#hLogin .hSubMap .tit_tt a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
}

#hLogin .hSubMap .line {
    border-bottom: 1px solid #ccc;
}

#hName {
    padding: 16px 26px 14px;
    display: inline-block;
}

#hCtrlList .currentBg {
    position: absolute;
    height: 51px;
    width: 0;
    background: #202020;
    left: 99999px;
}

#hCtrlList > li {
    float: left;
    width: 65px;
    -moz-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
	#hCtrlList > li#hCart a{
		display: block;
	}
    #hCtrlList > li#hServiceMap{
        margin-right: 7px;
		margin-left: 8px;
    }


hCtrlList > li > span {
    display: block;
}

#hCtrlList > li a span:hover {
    /*background-color:#202020;*/
}

#hCtrlList > li#hUserName,
#hCtrlList > li#hUserName a {
    width: auto;
}

#hCtrlList > li#hCart,
#hCtrlList > li#hNotice {
    position: relative;
}

#hCtrlList > li#hCart #hNum,
#hCtrlList > li#hNotice #hNoteice {
    position: absolute;
    width: 16px;
    height: 16px;
    font-size: 10px;
    color: #fff;
    border-radius: 20px;
    top: 5px;
    right: 18px;
    background: #f52929;
    text-align: center;
    line-height: 16px;
    font-family: helvetica;
}

#hCtrlList > li#hCart #hNum.hide {
    display: none;
}

#hCtrlList > li#hCart span {
    display: block;
}

.plyAnm {
    animation-duration: 0.5s;
    animation-name: ballonAnm;
}

@keyframes ballonAnm {
    from {
        -moz-transform: scale(0.9, 0.9);
        -webkit-transform: scale(0.9, 0.9);
        -o-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }
    50% {
        -moz-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }
    to {
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

#hCtrlList > li > p > a,
#hCtrlList > li > a {
    display: block;
    cursor: pointer;
    width: 65px;
    display: block;
    position: relative;
}
	#hCtrlList > li > a:hover,
	#hCtrlList > li > span > a:hover{
		background-color: #e2e2e2;
	}

#hCtrlList > li .ico {
    color: #fff;
    height: 60px;
    width: 68px;
    display: inline-block;
    text-indent: -9999px;
    background-size: 50px auto;
    text-align: left;
}

#hCtrlList > li .ico > span {
    text-indent: -9999px;
}

#hCtrlList > li .ico:hover {
    text-decoration: none;
}

#hCtrlList > li .ico_notice {
}

#hCtrlList > li .ico_favorite {
    background: url("../images/header/icon-favorite.png") 50%  50% no-repeat;
	background-size: 65px 60px;
}

#hCtrlList > li .ico_cart {
    background: url("../images/header/icon-cart.png") 50%  50% no-repeat;
	background-size: 65px 60px;
}

#hCtrlList > li .ico_history {
    background: url("../images/header/icon-history.png") 50%  50% no-repeat;
	background-size: 65px 60px;
}

#hCtrlList > li .ico_siteMap {
    background: url("../images/header/icon-menu.png") 50%  50% no-repeat;
	background-size: 65px 60px;
}

#hCtrlList > li .ico_login {
    background: url("../images/header/icon-login.png") 50%  50% no-repeat;
	background-size: 65px 60px;
}

#hCtrlList > li .ico_login.signin {
	background: url("../images/header/icon-mypage.png") 50%  50% no-repeat;
	background-size: 65px 60px;
}

#hCtrlList > li > span:hover {
    cursor: pointer;
}

*:first-child+html #hCtrlList > li .ico {
    color: #323232;
    text-indent: 0;
    white-space: nowrap;
    overflow: hidden;
    zoom: 1;
}

#hItemSearch {
    float: left;
    position: relative;
}

#hItemSearch form {
    float: left;
    /*margin: 0 12px 0 0;*/
}

#hItemSearch form.onFocus {
    border: 2px solid #2490d0;
    border-radius: 4px;
    margin: -2px;
}

#gblHeader #hItemSearch form.onFocus #hSubmit.hBtn {
    background-color: #f52929;
}

#gblHeader #hItemSearch form.onFocus #hSubmit input {
    background-position: 12px -1034px;
}

#hItemSearch p {
    float: left;
}

#hItemSearch #hKeyword {
    margin: 0 -2px 0 0;
}

#hItemSearch #searchText {
    padding: 4px 5px 4px 10px;
    line-height: 19px;
    height: 18px;
    width: 210px;
    border: #c2c2c2 1px solid;
    border-radius: 2px;
    position: relative;
    text-decoration: none;
}

#hItemSearch #searchText.def {
    color: #8c8c8c;
}

#hItemSearch #hSubmit {
    margin: 0 0 0 0;
    height: 28px;
    position: relative;
    zoom: 1;
    float: left;
}

#hItemSearch #hSubmit input {
    padding: 0;
    height: 28px;
    width: 41px;
    cursor: pointer;
    text-align: center;
    border: none;
    background: url(../images/header/navi-icons.png) no-repeat 12px 6px;
}

.mac.chrome #hItemSearch #hSubmit input {
    background-position: 12px 6px;
}

.mac.safari #hItemSearch #hSubmit input,
.win.chrome #hItemSearch #hSubmit input {
    background-position: 12px 6px;
}

*:first-child+html #hItemSearch #searchText {
    margin: -2px 0 0 0;
}

*:first-child+html #hItemSearch #hSubmit {
    margin: -1px 0 0;
}

#hItemSearch p.hMore {
    float: left;
    padding: 3px 0 0;
}

#hItemSearch p.hMore a {
    line-height: 24px;
    color: #ffffff;
}

#hViewCtrl {
    background: #f0f0f0;
    width: 100%;
    border-bottom: none;
}

#hViewCtrlList {
    width: 1060px;
    margin: 0 auto;
}

#hViewCtrlList a {
    color: #808080;
    font-size: 12px;
}

#mainTab {
    float: left;
}

#mainTab li {
    float: left;
}

#mainTab li a {
    display: inline-block;
    padding: 10px 26px 8px 26px;
}

#mainTab li a:hover {
    text-decoration: none;
    background: #ddd;
}

#topNews {
    float: right;
    background: #f6f6f6;
    margin: 7px 0 0;
    letter-spacing: 0.3px;
    padding: 4px 13px;
}

#topNews li {
    display: inline;
}

#topNews li:first-child {
    padding: 0 15px 0 0;
    margin: 0 10px 0 0;
    background: url("../images/header/navi-icons.png") no-repeat 173px -570px;
}

#mainTab.index {
    float: left;
    margin-top: 30px;
}

#mainTab.index li {
    margin-right: 1px;
}

#mainTab.index li a {
    display: inline-block;
    padding: 10px 26px 8px 26px;
    border-radius: 2px 2px 0 0;
    color: #646464;
    padding: 10px 27px 8px 27px;
}

#mainTab.index li.current a {
    background: #f0f0f0;
}

#mainTab.index li a:hover {
    text-decoration: none;
    background: #f0f0f0;
    color: #646464;
}

#mainTab.index li.current a {
    background: #f0f0f0;
}

#ini li a {
    color: #f52929;
}

.otherList a {
    color: #f52929;
}

html body {
    _text-align: center;
    _position: relative;
}

#topBanner {
    height: 46px;
    margin: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#topBanner a {
    display: block;
    height: 46px;
}

#topBanner a img {
    width: 100%;
}

nav#breadCrumb {
    padding: 25px 0;
    margin: 0 auto;
    width: 1060px;
    font-size: 13px;
}

nav#breadCrumb ul {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

nav#breadCrumb li {
    display: inline;
    font-size: 13px;
    line-height: 1.417;
    color: #808080;
}

nav#breadCrumb li {
    padding-right: 17px;
    background: url(/common_2015/img/ico/ico_pankuzu_2015.gif) no-repeat right 0.3em;
}

nav#breadCrumb li:last-child {
    background: none;
    padding-right: 0;
}

nav#breadCrumb li a {
    color: #f52929;
}

.mac nav#breadCrumb li {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.mac.chrome nav#breadCrumb li,
.mac.safari nav#breadCrumb li {
    background-position: right 0.1em;
}

.mac.firefox nav#breadCrumb li {
    background-position: right 0.2em;
}

.mac nav#breadCrumb li a {
    white-space: nowrap;
}


/* for IE7 */

*:first-child+html nav#breadCrumb li {
    background-image: expression((this.__isLastChild=(this.parentNode.children.item(this.parentNode.children.length-1)==this)) ? 'none': 'url(/common_2015/img/ico/ico_pankuzu.gif)');
    padding-right: expression(this.__isLastChild ? '0': '17px');
}

*:first-child+html nav#breadCrumb li {
    margin: 0 8px 0 0;
}

nav#breadCrumb li.last-child {
    background: none;
}

#body {
    width: 1060px;
    margin: 0 auto 0;
    position: relative;
}

#body .photo a {
    background: #ffffff;
}

#body .photo a img {
    display: block;
    background: #f0f0f0;
}

#body a:hover,
#popup a:hover {
    text-decoration: none;
}

#contentHeader {
    border-bottom: solid 1px #ccc;
    overflow: hidden;
}

.twoColumun #content {
    float: right;
    width: 780px;
}

#content .titleLv1 {
    color: #202020;
    font-size: 15px;
    padding: 0 0 6px;
    font-weight: bold;
    line-height: 1.333;
    border-bottom: #e8e8e8 solid 1px;
}

#content .titleLv2 {
    color: #555555;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.333;
}

#content .titleLv3 {
    color: #202020;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.385;
}

#content .titleLv4 {
    font-weight: bold;
}

#content .titleLv2 span {
    font-size: 12px;
    font-weight: normal;
}

section.section {
    padding: 25px 0;
}
/* 20170628 nishimura */
#item section.section {
    padding: 0 0 25px 0;
}

section.section .sectionHeader h1,
section.section .sectionHeader h2 {
    padding: 0;
}

.sectionHeader {
    padding-bottom: 10px;
}

.sectionHeader.lined a {
    color: #f52929;
}

#contentHeader h1,
.sectionHeader h1,
.sectionHeader h2 {
    font-size: 18px;
    padding: 0 0 6px 0;
}

.lined h1,
.lined h2 {
    float: left;
}

.sectionHeader.clearfix h1 {
    float: left;
    margin: 0 10px 0 0;
}

.sectionHeader.clearfix .lead {
    margin: 4px 0 0;
    float: left;
    font-size: 12px;
    color: #808080;
}

.narrowList {
    font-size: 12px;
    line-height: 1.2;
    float: left;
    margin: 0 9px 0 6px;
    position: relative;
    z-index: 30;
}

.sectionHeader .narrowList {
    float: left;
    margin: 3px 0 0;
}

*:first-child+html .sectionHeader .narrowList {
    margin: 0 0 0;
}

.narrowList span {
    border-right: 1px solid #C9C9C9;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 6px 0 0;
}

.narrowList span.listEnd {
    border: none;
    padding-right: 0;
    margin-right: 0;
}

.narrowList span:last-child {
    border: none;
    padding-right: 0;
    margin-right: 0;
}

.narrowList span a {}

.pager {
    margin: 12px 0 0;
    width: 100%;
    font-family: helvetica;
    font-size: 16px;
}

.pager ul {
    padding: 10px 0 50px;
    text-align: right;
}

.pager ul li {
    display: inline-block;
    line-height: 1.313;
}

.pager ul li.doted {
    margin: 0;
    vertical-align: bottom;
    /*height:0;*/
}

.pager ul li span.doted {
    background: none;
    border: none;
    display: inline-block;
    padding: 0 3px 0 0;
    color: #5c5c5c;
}

*:first-child+html .pager ul li {
    zoom: 1;
    display: inline;
}

.pager ul li.listEnd {
    border: none;
    padding: 0;
}

.pager ul li span,
.pager ul li a {
    padding: 5px 10px 4px;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 4px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    text-decoration: none;
}

.pager ul li a:hover {
    background-color: #f0f0f0;
    color: #808080;
    -webkit-font-smoothing: antialiased;
}

.pager ul li span {
    background: #dcdcdc;
    border: 1px solid #eaeaea;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.pager ul li.prev {
    margin: -1px 5px 0 0;
    height: 28px;
    border: none;
}

.pager ul li.next {
    margin: -1px 0 0 0;
    height: 28px;
    border: none;
    padding: 0;
}

.pager ul li.prev a {
    background: url(/common_2015/img/ico/ico_prevnext.png) no-repeat left top;
    padding: 30px 0 0;
    height: 0;
    width: 60px;
    overflow: hidden;
    border: none;
}

.pager ul li.next a {
    background: url(/common_2015/img/ico/ico_prevnext.png) no-repeat right top;
    padding: 30px 0 0;
    height: 0;
    width: 60px;
    overflow: hidden;
    border: none;
    margin: -1px 2px 0 6px;
}

.pager ul li.prev a:hover,
.pager ul li.next a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.pager .pageCount {
    float: right;
    margin-right: 10px;
    _margin-right: 7px;
    padding: 2px 0 0;
}

.loader {
    background: url() no-repeat center center
}

.comTbl {
    border: solid 1px #e5e5e5;
    border-collapse: collapse;
}

.comTbl th {
    background: #f1f1f1;
    padding: 16px 12px;
    border-bottom: solid 1px #e5e5e5;
}

.comTbl td {
    padding: 16px 12px;
    border-bottom: solid 1px #e5e5e5;
}

#searchSidebar {
    float: left;
    width: 150px;
    overflow: hidden;
}

#searchSidebar h2 {
    padding: 0 0 3px;
    font-size: 14px;
    line-height: 1.357;
    font-weight: bold;
    border-bottom: 1px solid #C9C9C9;
}

#searchSidebar .sideBox {
    margin: 23px 0 0;
    padding: 0 0 15px;
    border-bottom: solid 1px #e6e6e6;
}

#searchSidebar .sideBox h3 {
    font-size: 18px;
}

#searchSidebar .sideBox ul {
    margin-top: 8px;
}

#searchSidebar .sideBox ul li {
    margin: 2px 0 0;
}

#searchSidebar .sideBox ul li a {
    padding: 3px 0;
    display: block;
    color: #646464;
}

#searchSidebar .sideBox ul li a:hover {
    color: #f52929;
    text-decoration: underline;
}

#searchSidebar .sideBox ul li.current a {
    padding: 3px 15px 3px 3px;
    background: #1c53c2;
    color: #ffffff;
    text-decoration: none;
    position: relative;
}

#searchSidebar .sideBox ul li.current a:hover {
    background: #4372d1;
    background: #1c53c2;
    color: #ffffff;
}

#searchSidebar .sideBox ul li span.select {
    padding: 3px 15px 3px 3px;
    background: #1c53c2;
    color: #ffffff;
    display: block;
}

#searchSidebar .boxEnd {
    border: 0px;
}

#searchSidebar .sideBox ul li.subBrandLabel a {
    padding-left: 1em;
}

*:first-child+html #searchSidebar .sideBox ul li.current a {
    padding: 4px 3px 2px;
}

html>
/**/

body #searchSidebar .sideBox ul li.current a {
    padding: 4px 3px 2px\9;
}

#searchSidebar .sideBox ul li.current .unlock {
    position: absolute;
    top: 3px;
    right: 5px;
}

.msie7 #searchSidebar .sideBox ul li.current .unlock {
    top: 6px;
}

.msie8 #searchSidebar .sideBox ul li.current .unlock {
    top: 3px;
}

#searchSidebar .sideBox #favList {
    display: none;
}

#searchSidebar #favoriteToggle h3 {
    float: left;
}

#searchSidebar #favoriteToggle .toggleFlg {
    float: right;
}

#searchSidebar #favoriteToggle {
    float: none;
}

#searchSidebar #freePrice {
    position: relative;
    margin: 5px 0 0;
}

#searchSidebar #priceAttention {
    position: absolute;
    top: 30px;
    left: 0;
    color: #cc0000;
    font-size: 10px;
    width: 140px;
    background: #ffffff;
    border: solid 1px #cc0000;
    padding: 5px;
    z-index: 5;
}

#searchSidebar .numOnly {
    width: 56px;
    margin: 0 3px;
    ime-mode: disabled;
}

#searchSidebar #colorSelect {
    margin: 0;
    padding: 6px 0 0;
}

#searchSidebar #colorSelect li {
    float: left;
    width: 50%;
    margin: 8px 0 0;
}

*:first-child+html #searchSidebar #colorSelect li {
    width: 49%;
}

#searchSidebar #colorSelect li a {
    font-size: 11px;
    line-height: 1.455;
    padding: 0 0 0 0 line-height: 20px;
    padding: 2px 3px;
}

#searchSidebar #colorSelect li a .ico_color {
    display: block;
    width: 18px;
    height: 0;
    padding: 18px 0 0;
    margin: 0 3px 0 0;
    float: left;
    overflow: hidden;
    background: url(/common_2015/img/ico/ico_color.gif);
}

#searchSidebar #colorSelect li a span.c1 {
    background-position: 0 0;
}

#searchSidebar #colorSelect li a span.c2 {
    background-position: -18px 0;
}

#searchSidebar #colorSelect li a span.c3 {
    background-position: 0 -18px;
}

#searchSidebar #colorSelect li a span.c4 {
    background-position: -18px -18px;
}

#searchSidebar #colorSelect li a span.c5 {
    background-position: 0 -36px;
}

#searchSidebar #colorSelect li a span.c6 {
    background-position: -18px -36px;
}

#searchSidebar #colorSelect li a span.c7 {
    background-position: -18px -36px;
}

#searchSidebar #colorSelect li a span.c8 {
    background-position: 0 -54px;
}

#searchSidebar #colorSelect li a span.c9 {
    background-position: -18px -54px
}

#searchSidebar #colorSelect li a span.c10 {
    background-position: 0 -72px
}

#searchSidebar #colorSelect li a span.c11 {
    background-position: -18px -72px;
}

#searchSidebar #colorSelect li a span.c12 {
    background-position: 0 -90px;
}

#searchSidebar #colorSelect li a span.c13 {
    background-position: -18px -90px;
}

#searchSidebar #colorSelect li a span.c14 {
    background-position: 0 -108px;
}

#searchSidebar #colorSelect li a span.c15 {
    background-position: -18px -108px;
}

#searchSidebar #colorSelect li a span.c15 {
    background-position: -18px -108px;
}

#searchSidebar #colorSelect li a span.c16 {
    background-position: 0 -124px;
}

#searchSidebar #searchArea {
    border-bottom: 0;
}

input.err {
    background: #FFEDF5!important;
    border: #ffb0bd solid 1px!important;
    color: #888!important;
    font-weight: normal;
}

select.err {
    background-color: #FFEDF5!important;
    border: #ffb0bd solid 1px!important;
    color: #888!important;
    font-weight: normal;
}

.errTxt {
    background: none repeat scroll 0 0 #f5637b !important;
    border: 1px solid #f5637b !important;
    color: #FFFFFF !important;
    display: none;
    height: auto !important;
    padding: 12px;
    position: absolute;
    white-space: nowrap;
    font-size: 12px;
    border-radius: 2px;
    margin: 0;
    z-index: 555;
}

.errTxt:after {
    border: 8px solid transparent;
    border-top-color: #f5637b;
    border-bottom-width: 0;
    bottom: -8px;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    width: 0;
}

#gblFooter {
    width: 100%;
    font-size: 12px;
    margin: 70px auto 0;
    padding: 0 0 50px 0;
    background: #f0f0f0;
    overflow: hidden;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#gblFooter a {
    color: #808080;
}

#fWrapper {
    margin: auto;
    width: 1060px;
    position: relative;
}

#fInner {
    overflow: hidden;
}

#fInner .fBox {
    float: left;
    padding: 0 0 600px 0;
    margin: 15px 0 -600px 0;
}

#fInner .fBox ul {
    padding: 0px 37px 5px 39px;
}

#fInner .fBox li {
    margin: 2px 0 0;
}

#fInner .fBox li:first-child {
    margin: 0;
}

#fInner .fBox ul li a {
    line-height: 1.455;
}

#fInner .fBox ul li.ico {
    background: url("../images/header/navi-icons.png") no-repeat;
    padding: 0 0 0 22px;
}

#fInner .fBox ul li.ico_tw {
    background-position: -2px -712px;
    margin: 4px 0 0 0;
}

#fInner .fBox ul li.ico_fb {
    background-position: 1px -785px;
    margin: 3px 0 0 0;
}

#fInner .fBox ul li.ico_in {
    background-position: -1px -1374px;
    margin: 3px 0 0 0;
}

#fInner #fService {
    width: 228px;
    margin-left: 0;
}

#fInner #fService ul {
    padding: 0px 0 5px;
}

#fInner #fContents {
    width: 228px;
    margin-left: 50px;
}

#fInner #fContents ul {
    float: left;
    padding: 0 0 5px;
}

#fInner #fContents ul:first-child {
    padding: 0 25px 5px 0;
}

#fInner #fMember {
    width: 228px;
    margin-left: 50px;
}

#fInner #fHelp {
    padding-left: 9px;
}

hCtrlList #fInner #fMobile {
    border-right: none;
}

#fCorporate {
    margin: auto;
    text-align: left;
    padding: 21px 0 12px;
}

#fCorporate ul {
    padding: 12px 0 10px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

#fCorporate ul li {
    float: left;
    padding: 0 7px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid #e5e5e5;
    letter-spacing: 0.2px;
}

#fCorporate ul li:last-child {
    border-right: 0px;
}

#fCopyRight {
    margin: 15px 0 0 0;
    font-size: 10px;
    color: #808080;
    letter-spacing: 0.2px;
    background: url("../images/header/navi-icons.png") no-repeat 0 -637px;
    padding: 0 0 0 39px;
}

#fCopyRight #copy {
    font-size: 11px;
}


/* pageTop */

.mtopReset {
    margin: 10px 0 -600px 14px !important;
}

#gblFooter .mtopReset ul {
    padding: 0px 0 5px !important;
}

#fBacktotop {
    width: 128px;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 0;
    background: #ffffff;
}

#fBacktotop a {
    background: url("../images/top/gototop.png") no-repeat 0 -57px;
    width: 115px;
    display: block;
    width: 110px;
    padding: 30px 10px 0;
    overflow: hidden;
    height: 0;
}

#fBacktotop a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#about .txt {
    margin: 10px 0 0 0;
}

#about .txt p {
    color: #808080;
}

#about .txt ul {
    margin: 11px 0 0 0;
}

#about .txt ul li {
    float: left;
    border-right: 1px solid #dcdcdc;
    padding: 0 9px 0 0;
    margin: 4px 10px 0 0;
    line-height: 1;
}

#about .txt ul li.last {
    border-right: none;
}

#about .txt ul li a {}

#popularCategory ul {
    margin: 10px 0 0 0;
}

#popularCategory ul li {
    width: 190px;
    float: left;
    font-size: 13px;
    padding: 0 0 5px 0;
}

#popularShop ul {
    margin: 13px 0 0 0;
}

#popularShop ul li {
    float: left;
    width: 111px;
    margin: 0 0 0 18px;
}

#popularShop ul li:first-child {
    margin: 0;
}

#popularShop ul li span {
    display: block;
    margin: 3px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

#popularShop ul li a {
    color: #808080;
    display: block;
}

#popularShop ul li img {
    border: 1px solid #ebebeb;
}

#popularBrand ul {
    margin: 10px 0 0 0;
}

#popularBrand ul li {
    width: 240px;
    float: left;
    font-size: 13px;
    padding: 0 0 5px 0;
}

#goodspopularShop {}

#goodspopularShop h2 {
    font-size: 18px
}

#goodspopularShop ul {
    margin: 10px 0 0 0;
}

#goodspopularShop ul li {
    width: 195px;
    float: left;
    font-size: 13px;
    padding: 0 0 5px 0;
}

.pulldownWrapper {
    position: relative;
}

.pulldownWrapper.static:hover .pulldownChild {
    left: auto;
}

.pulldownWrapper a {
    text-decoration: none;
    color: #646464;
}

.pulldownWrapper .pulldownParent {}

.pulldownWrapper .pulldownParent a {
    padding: 5px 35px 9px 13px;
    background: url() no-repeat right -6px;
    color: #646464;
    font-size: 14px;
    display: inline-block;
}

.pulldownWrapper .pulldownParent a:hover {
    color: #b4b4b4;
    background: url() no-repeat right -6px;
}

.pulldownWrapper .pulldownChild {
    border-radius: 2px;
    padding: 15px 0 15px 0;
    margin: -1px 0 0 0;
    z-index: 12;
    position: absolute;
    left: -9999px;
    top: 31px;
    border: 1px solid #dcdcdc;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.pulldownWrapper.show .pulldownChild {
    left: 0;
    top: 30px;
}

.pulldownWrapper .pulldownChild ul {
    float: left;
    z-index: 15;
    background: #fff;
}

.pulldownWrapper .pulldownChild ul li {
    float: none;
    margin: 0;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.pulldownWrapper .pulldownChild ul li:hover {
    cursor: default;
}

.pulldownWrapper .pulldownChild ul li a {
    padding: 6px 20px 5px 20px;
    display: block;
}

.pulldownWrapper .pulldownChild ul li a:visited {
    color: #646464;
}

.pulldownWrapper .pulldownChild ul li a:hover {
    background: #f5f5f5;
    color: #646464;
}

.pulldownWrapper .pulldownChild ul li.selected {
    padding: 6px 20px 5px 20px;
    color: #646464;
    background: #e6e6e6;
}

.pulldownWrapper .pulldownChild ul li.tit {
    color: #777;
    font-size: 14px;
    padding: 6px 20px 5px 20px;
}

.pulldownWrapper .pulldownChild.twocolum {
    width: 356px;
}

.pulldownWrapper .pulldownChild.twocolum ul {
    float: left;
    position: relative;
    z-index: 15;
}

.pulldownWrapper .pulldownChild.twocolum ul li {}

.pulldownWrapper .pulldownChild.twocolum ul li a {
    padding: 6px 24px 5px;
    width: 130px;
}

.pulldownWrapper .pulldownChild.twocolum ul li .selected {
    padding: 6px 24px 5px;
    color: #808080;
    cursor: default;
}

.pulldownWrapper .pulldownChild.twocolum ul li a.selected {
    padding: 6px 24px 5px;
    color: #646464;
    background: #e6e6e6;
    cursor: default;
}

.pulldownWrapper .pulldownChild.threecolum {
    width: 444px;
}

.pulldownWrapper .pulldownChild.threecolum ul {
    float: left;
    z-index: 15;
    margin: 0 1px 0 0;
}

.pulldownWrapper .pulldownChild.threecolum ul:last-child {
    border-left: none;
}

.pulldownWrapper .pulldownChild.threecolum ul li {}

#exShipping #exShippingInner {
    padding: 30px 36px 30px 34px;
    background-color: transparent;
}

#exShipping #exShippingInner ul {
    margin: 10px 0 0 0px;
}

#exShipping #exShippingInner ul li {
    color: #808080;
    line-height: 1.7;
    font-size: 12px;
}

#exShipping #exShippingClose {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 13px;
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
}

#exShipping #exShippingTitle {
    font-size: 17px;
    padding: 0 0 12px 0;
}

#exShipping #exShippingTitle img {
    margin: 0 11px 0 0;
}

#exShipping #exShippingMsg {
    font-size: 11px;
    padding-top: 10px;
    line-height: 2;
}

#exShipping #exShippingPrice {
    font-size: 15px;
    margin: 20px 0;
}

#exShipping #exShippingPrice span {
    font-size: 8px;
}

#exShipping table.tbAdd {
    margin: 20px 0 0 0;
}

#exShipping table {
    table-layout: auto;
    border-left: 1px solid #d2d2d1;
    border-top: 1px solid #d2d2d1;
}

#exShipping table tbody th {
    font-size: 13px;
    background: #eae8e6;
    border-right: 1px solid #d2d2d1;
    padding: 10px 0 9px 0;
    text-align: center;
    border-bottom: 1px solid #d2d2d1;
}

#exShipping table tbody th span {
    font-size: 10px;
    margin-left: 5px;
}

#exShipping table tbody td {
    border-right: 1px solid #d2d2d1;
    padding: 14px 0 13px 0;
    font-size: 14px;
    border-bottom: 1px solid #d2d2d1;
    width: 300px;
}

#exShipping table tbody td.exsPrice {
    width: 112px;
    text-align: center;
}

#exShipping table tbody td.exsArea {
    width: 56px;
    text-align: center;
}

#exShipping table tbody td.exsNG {
    text-align: center;
}

#exShipping #exShippingInner table tbody tr.exShippingTimeList td p {
    font-size: 14px;
    margin: 0 0 0 20px;
}

#exShipping #exShippingInner table tbody tr.exShippingTimeList td p span {
    color: #666;
}

#exShipping table tbody td .exShippingTime {
    margin: 5px 0 0 20px;
    color: #e73656;
    font-weight: bold;
}

#noticePage h1 {
    font-size: 23px;
}

#noticePage p.read {
    font-size: 13px;
    margin: 12px 0 30px;
}

#noticePage p.bkLinkBox {
    padding-bottom: 20px;
}

#noticePage section#category {
    padding: 30px 0 0;
    border-top: 1px solid #dedede;
    border-bottom: 0px;
}

#noticePage section#category ul {
    margin: 20px 0 0 -20px;
}

#noticePage section#category ul li {
    float: left;
    width: 230px;
    height: 28px;
    margin-left: 20px;
}

#noticePage section#category .sectionHeader {
    border-bottom: none;
}

#searchHistoryWrapper.hide {
    display: none;
}

#searchHistoryWrapper {
    display: block;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 0 2px rgba(77, 77, 77, 0.2);
    left: 0;
    /* margin:38px 0 0;*/
    padding: 6px 0 14px;
    position: absolute;
    top: 27px;
    width: 222px;
}

#searchHistoryWrapper ul {}

#searchHistoryWrapper ul li p {
    float: none;
}

#searchHistoryWrapper a {
    color: #646464 !important;
    display: block;
    line-height: 1.3;
    padding: 4px 11px 5px;
    text-decoration: none;
}

#searchHistoryWrapper a:hover {
    background: #f0f0f0;
}

#removeHistry {
    font-size: 11px;
    display: inline-block;
    float: right;
    padding: 0 11px 0 0;
    cursor: pointer;
    color: #808080;
    margin: 5px 5px 0 0;
}

#removeHistry:hover {
    opacity: 0.6;
}

#couponBanner {
    background: #472F0C;
    position: relative;
}

#couponBanner.oneShop {
    background: #ff6699;
}

#couponBanner.pluralShop {
    background: #5ac3dc;
}

#couponBanner .box {
    width: 1060px;
    margin: auto;
    cursor: pointer;
}

#couponBanner .targetSecurities {
    background: #ffffff;
    margin-left: 97px;
    left: 50%;
    position: absolute;
    top: 9px;
}

#couponBanner .targetSecurities a {
    background: #C58835;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding: 11px 0 8px 7px;
    position: absolute;
    text-align: center;
    width: 190px;
    font-size: 12px;
}

#couponBanner .targetSecurities a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none;
}

#couponBanner .photo {
    width: 872px;
    float: left;
}

#couponBanner .photo img {
    vertical-align: bottom;
}

#couponBanner .txt {
    width: auto;
    line-height: 1.4;
    padding-top: 6px;
    font-size: 12px;
    font-weight: bold;
}

#couponBanner .txt a {
    color: #fff900;
    text-decoration: underline;
    font-size: 11px;
}

#couponBanner .count {
    width: 107px;
    float: right;
    margin: 0;
}

#couponBanner .count img {
    width: 107px;
    height: 56px;
    vertical-align: middle;
}

#couponBanner .close {
    width: 30px;
    padding: 20px 10px 0;
    text-align: center;
    vertical-align: top;
    float: right;
}

#couponBanner .close .ico_close {
    background: url() no-repeat left top;
    width: 25px;
    height: 25px;
    font-size: 25px;
    display: inline-block;
    line-height: 1.1;
    cursor: pointer;
}

#couponBanner.oneShop .ico_close {
    color: #ec5e8c;
}

#couponBanner.pluralShop .ico_close {
    color: #5abed2;
}

#couponBox {
    position: absolute;
    width: 580px;
    height: 1200px;
    left: 50%;
    margin-left: -290px;
    z-index: 9999;
}

#couponBox.hide {
    display: none;
}

#couponBox .ovDestroy {
    float: right;
    display: block;
}

#couponBox .ico_close {
    display: block;
    width: 47px;
    height: 47px;
    background: url() no-repeat left top;
}

#couponBox .ovDestroy {
    position: relative;
    z-index: 1;
    margin: 0px -20px -30px 0;
}

#couponBox .contents {}

#couponFrame {
    width: 100%;
    height: 1000px;
    overflow: hidden;
}

#couponOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
    background: #000000;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#couponOverlay.hide {
    display: none;
}

#CouponGoodsBox {
    background: #C68833;
    width: 395px;
    padding: 8px 0px 7px;
    margin: 0 0 10px 0;
    text-align: center;
}

#CouponGoodstxt {
    color: #ffffff;
    font-size: 13px;
    margin: 0 auto;
    padding: 8px 23px 7px;
}

#CouponGoodstxt:hover {
    text-decoration: none;
}

#CouponGoodstxt span {
    font-weight: bold;
}

#CouponGoodstxt .allCouponShop {
    color: #ffffff;
    padding: 0 0 0 5px;
}

#CouponGoodstxt:hover .allCouponShop {
    text-decoration: underline;
}

.goodsResult .thumb .couponNow {
    position: absolute;
    background: url() no-repeat left top;
    width: 75px;
    height: 0;
    overflow: hidden;
    padding: 22px 0 0;
    display: block;
    left: -5px;
    bottom: 10px;
}

.goodsResult .thumb .couponSecret {
    position: absolute;
    background: url() no-repeat left top;
    width: 90px;
    height: 0;
    overflow: hidden;
    padding: 22px 0 0;
    display: block;
    left: -5px;
    bottom: 10px;
}

#retry {
    position: absolute;
    top: 0;
    width: 400px;
    margin: 0 -24px 0 auto;
    right: 8%;
    display: none;
}

#retry #shadow {
    box-shadow: 0 0 23px;
    height: 62px;
    margin: 0 0 0 16px;
    position: relative;
    width: 384px;
}

#retry #cartRetry:before {
    border-color: transparent transparent #ae252c;
    border-style: solid;
    border-width: 0 9px 19px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 16px;
    top: -16px;
    width: 0;
    z-index: 2;
}

#retry #cartRetry #retryTxt {
    color: #ae252c;
    right: 0px;
    margin: : 0 5% 0 0;
    background: #feede5 none repeat scroll 0 0;
    border: 1px solid #e73656 !important;
    border-radius: 3px;
    font-size: 14px;
    height: auto !important;
    padding: 20px 18px 19px 33px;
    position: absolute;
    z-index: 999;
}

#retry #cartRetry #retryTxt::before {
    border-color: transparent transparent #feede5;
    border-style: solid;
    border-width: 0 7px 16px;
    content: "";
    display: block;
    height: 0;
    margin: 0 0 0 -10px;
    position: absolute;
    right: 17px;
    top: -15px;
    width: 0;
    z-index: 2;
}

#retry #cartRetry span {
    position: relative;
    top: -6px;
    height: 13px;
    margin: 0 0 0 35px;
    width: 16px;
}

#hFavBox {
    position: absolute;
    z-index: 9999;
    left: 50%;
    width: 722px;
    height: 3230px;
    margin-left: -361px;
}

#hFavBox.hide {
    display: none;
}

#hFavBox .ovDestroy {
    display: block;
    float: right;
}

#hFavBox .ico_close {
    display: block;
    width: 55px;
    height: 55px;
    background: url() no-repeat left top;
}

#hFavBox .ovDestroy {
    position: relative;
    z-index: 1;
    margin: 0 -20px -30px 0;
}

#hFavBox .contents {}

#hFavFrame {
    overflow-y: hidden;
    width: 100%;
    height: 3230px;
}

#hFavOverlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    background: #000;
    filter: alpha(opacity=30);
}

#hFavOverlay.hide {
    display: none;
}

.roundpic {}

#brandlistbt {
    width: 1060px;
    margin: 0 auto;
    height: 70px;
}

#brandlistbt img {
    float: right;
}

@import url(http://fonts.googleapis.com/css?family=Medula+One);
select {
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
}

.custom {
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    border-radius: 0.2em;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: white;
    border-bottom: 1px solid #f2f2f2;
}

.custom > select {
    width: 100%;
    padding: 0.6em 10em 0.6em 0.6em;
}

.custom:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1.9em;
    display: block;
    content: "";
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") center no-repeat;
    pointer-events: none;
}

.default .custom > select {
    width: auto;
}

.overflow .custom {
    overflow: visible;
}

.overflow .custom select {
    outline: 2px dotted rgba(255, 255, 0, 0.5);
}

#pageTop span {
    display: block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    background: url(../images/top/gototop.png) no-repeat center center;
}

#pageTop {
    border:
    /* background: #999; */
    /* text-shadow: 0 1px 0 #333; */
    /* color: #fff; */
    padding: 16px 19px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    top: auto;
    left: auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -icab-border-radius: 6px;
    -khtml-border-radius: 6px;
    /* border-radius: 6px; */
    /* box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 10px 10px rgba(255,255,255,.1); */
}

#pageTop:hover {
    transition: all .3s;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.st-content {
    padding: 5px 0px 30px 0px;
    /* border: 2px; */
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    /* height: 32px; */
    /* width: 120px; */
    /* margin: 0em 0em 1em 1em; */
}

.st-content p {
    font-size: 16px;
    font-family: Georgia, serif;
    font-style: italic;
    line-height: 28px;
    padding: 0px 4px 15px 4px;
}

.st-content img {
    width: 125px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.mod_form {
    margin: 0 auto;
    width: 100%;
    font-size: 12px;
}

.mod_form_select {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 3px 0 3px 10px;
    margin: 0 0 10px 0;
    border: 1px solid #dfdfdf;
    vertical-align: middle;
    /*background: #efefef url(img/img-arrow-down.png) no-repeat 95% 50%;*/
    background: #fff;
}

.mod_form_select select {
    /* -moz-appearance: none;
-webkit-appearance: none;
appearance: none;*/
    border-radius: 0;
    /* border: 0;
margin: 0;
padding:0;*/
    /*background: none transparent;*/
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url(images/combarrow.png) no-repeat right;
    width: 96%;
    height: 22px;
}


/*0828 10:23追記*/

.placeS {
    color: #e1e1e1;
}


/*150908 11:15追記*/

.topics_pans {
    margin-top: 10px;
    font-size: 11px;
}

#search_box {
    margin-bottom: 40px;
}

#search_box ul {
    /*
    widows: 375px;
    */
    float: left;
    margin-top: 5px;
}
#search_box ul.news_cate {
    text-align: center;
    float: none;
    margin-top: 5px;
}

#search_box ul li {
    display: inline-block;
    margin-right: 35px;
}
#search_box ul li:last-child{
    margin-right: 0px;
}

#search_box ul li .on {
    font-weight: bold;
}

#search_box .select {
    width: 610px;
    float: right;
    border: 1px #ccc solid;
}

#search_box .select02 {
    width: 485px;
    float: right;
    border: 1px #ccc solid;
}

#search_box .select_tl {
    width: 110px;
    font-weight: bold;
    padding: 5px;
    float: left;
    border-right: 1px #ccc solid;
    text-align: center;
}

#search_box .select_option {
    width: 475px;
    padding: 5px;
    float: right;
}

#search_box .select_option select {
    width: 475px;
}


#search_box2{
    margin-bottom: 80px;
}
    #search_box2 .select {
        width: 610px;
        margin: 0 auto;
        border: 1px #ccc solid;
    }

    #search_box2 .select02 {
        width: 485px;
        float: right;
        border: 1px #ccc solid;
    }

    #search_box2 .select_tl {
        width: 110px;
        font-weight: bold;
        padding: 5px;
        float: left;
        border-right: 1px #ccc solid;
        text-align: center;
    }

    #search_box2 .select_option {
        width: 475px;
        padding: 5px;
        float: right;
    }

    #search_box2 .select_option select {
        width: 475px;
    }


#number_block {
    border-top: 1px #999 solid;
    border-bottom: 1px #999 solid;
    padding: 15px 0;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

#number_block span {
    display: inline-block;
    vertical-align: middle;
}

#number_block span img {
    vertical-align: middle;
}

#number_block .on {
    font-weight: bold;
}

#number_block .pre {
    padding-right: 40px;
}

#number_block .next {
    padding-left: 40px;
}

#number_block .back {
    position: absolute;
    top: 15px;
    left: 20px;
}

#number_block .on_back {
    font-weight: bold;
    font-size: 15px;
    padding: 0 40px;
}

.new_ico {
    background: #DE786F;
    padding: 2px 4px;
    color: #fff !important;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#item_pic_block .new_ico {
    display: inline-block;
    line-height: 11px;
}

.new_ico.bg2,
.new_ico.restock {
    background: #E6902E;
}

.new_ico.bg3,
.new_ico.reservation {
    background: #219BD9;
}

.new_ico.bg4,
.new_ico.sale {
    background: #EE2E2E;
}

.new_ico.bg5,
.new_ico.nostock {
    background: #999999;
}

.members_only {
    background: #7bbd2c;
}


/* トップページ等のコンテンツ内で使うアイコンの補正用 */

.cnt_ico {
    margin-left: 5px;
}


/*151124 追記*/

.mod_search_bt {
    background: #262626;
    border-radius: 5px;
}

.mod_search_bt a {
    color: #fff;
    text-align: center;
    padding: 8px 0;
    display: block;
}

.mod_search_bt a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
    color: #999;
}


/* drop down
-----------------------------------------*/


/* mod_dropnavi_child */

.mod_dropnavi .mod_dropnavi_child {
    display: none;
    position: absolute;
    top: 20px;
    left: 10px;
    z-index: 99;
    padding: 0 0 0 0!important;
    /*background:transparent url('../images/item/icon_arrow_01.png') no-repeat 20px 0px!important;
*/
}

.mod_dropnavi .mod_dropnavi_child .arrow {
    position: absolute;
    top: -20px;
    left: 30px;
    width: 100px;
}

.mod_dropnavi .mod_dropnavi_child ul {
    padding: 4px 0px 10px 0px!important;
    background-color: #fff;
    border: 1px #ccc solid;
}

.mod_dropnavi .mod_dropnavi_child ul li {
    font-size: 14px;
    float: none!important;
    line-height: 1.3;
    text-align: left;
    margin: 5px 0 0 0!important;
    white-space: nowrap;
    display: block!important;
}

.mod_dropnavi .mod_dropnavi_child ul li a {
    display: block;
    padding: 3px 15px;
}

.mod_dropnavi .mod_dropnavi_child ul li a:link {
    text-decoration: none;
}

.mod_dropnavi .mod_dropnavi_child ul li a:visited {
    text-decoration: none;
}

.mod_dropnavi .mod_dropnavi_child ul li a:hover {
    text-decoration: none;
    background: #E6E6E6;
}

.mod_dropnavi .mod_dropnavi_child ul li a:active {
    text-decoration: underline;
}


/* brand Top
   ブランドトップヘッダ使用/不使用で
   切り替わるため別ファイルに移管
-----------------------------------------*/

/**/

#Free_area01 {
    /*margin-bottom: 10px;*/
}

#Free_area01 img {
    width: 100%;
}

#Free_area03 {
    text-align: center;
    margin: 30px 0 0 0;
}

#itemarea01 {
    margin-bottom: 40px;
}

#itemarea02 {
    margin-bottom: 30px;
}

.toparea_none_tt {
    font-size: 18px;
    margin-top: 20px;
}

#brandarea01,
#brand_item_area {
    margin-bottom: 10px;
}

#brandarea04,
#brand_area04 {
    margin-bottom: 10px;
}


/* 3点リーダー */

.textOverflow {
    overflow: hidden;
    width: 100%;
    padding-top: 3px;
}

.textOverflow p {
    font-size: 12px;
    height: 33px;
    line-height: 1.4;
    position: relative;
    padding-right: 10px;
}

.textOverflow p:before,
.textOverflow p:after {
    background: #fff;
    position: absolute;
}

.textOverflow p:before {
    content: "...";
    top: 13.2px;
    right: 0px;
}

.textOverflow p:after {
    content: "";
    height: 100%;
    width: 100%;
}


/* エラーメッセージ文 汎用 */

.error {
    border: 2px solid #F52929 !important;
    background: #FEF4F4;
    color: #E73656 !important;
}


/*
.error_txt{
color:#F52929;
font-weight:bold;
margin-bottom:14px;
font-size:15px;
}*/


/* 赤枠付きメッセージ 汎用 */

.strong_mess {
    border: 1px solid #F52929;
    display: block;
    padding: 15px;
    margin-top: 20px;
    color: #F52929;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/* default_purchase_edit_payment_form */

.return_text {
    margin-bottom: 20px;
    display: table;
    width: 100%;
    vertical-align: middle;
}

.return_text button {
    display: table-cell;
    text-align: right;
    border: none;
    background-color: #fff;
    padding: 0;
}

.return_text img {
    /* float: right; */
    /* width: 100px; */
}

.return_text p {
    /* float: left; */
    vertical-align: middle;
    display: table-cell;
}

.return_text:after {
    content: "";
    display: block;
    clear: both;
}


/* ページ内一覧コンテンツ：アイテム詳細、ランキング一覧 */

#item .listInner .photo,
.rank_number + p {
    width: 204px;
    height: 245px;
    overflow: hidden;
}

.rank_top .listInner .photo {
    width: 340px;
    height: 407px;
    overflow: hidden;
}

#item .listInner .photo img,
.rank_number + p img {
    width: 100%;
    height: auto;
}


/* ページ内一覧コンテンツ：共有css */

.listInner .photo {
    margin-bottom: 9px;
}


/* ページ内一覧コンテンツ：共有css */

.listInner .photo {
    margin-bottom: 9px;
}


/* h244 */

.coordinate_box .listInner .photo {
    height: 245px;
}


/* h234 */

.rankingList .listInner .photo,
.new_arrivalList .listInner .photo {
    height: 234px;
}


/* h200 */

#cart .listInner .photo,
.favorite_box .listInner .photo,
#cart .s5_reco_link > p:first-child {
    height: 200px;
    width: 168px;
}

#cart .listInner .photo img,
.favorite_box .listInner .photo img,
#cart .s5_reco_link > p:first-child img {
    width: 100%;
}


/* h182 */

.newslistingList .listInner .photo {
    height: 182px;
}


/* h152 */

.checkedingList .listInner .photo {
    height: 152px;
}

.listInner .brand {
    line-height: 1.1;
    margin: 3px 0 3px;
    text-align: left;
}

.listInner .price {
    line-height: 1.1;
    margin: 3px 0 0;
    text-align: left;
}

.listInner {
    text-align: left;
}

#hWrapperInner .clicked {
    display: block !important;
    height: auto !important;
}

.sp_btn {
    margin-top: 60px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    left: 50%;
    z-index: 1000;
    margin-left: 480px;
}

.more_list_btm_links {
    margin: 16px 0;
    background: #000;
    border-radius: 5px;
    width: 180px;
}

.more_list_btm_links a {
    text-decoration: none;
    padding: 5px 0;
    color: #fff;
    display: block;
    text-align: center;
}

.more_list_btm_links a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
    color: #999;
}

#brand_slider {
    overflow: hidden;
    position: relative;
    width: 100%;
}

#brand_slider a {
    display: block;
}

.conbox .bx-wrapper {
    max-width: 100% !important;
}

.brand_list_tt {
    font-size: 12px;
    line-height: 1.4;
}

.brand_list_tab .active {
    font-weight: bold;
}

.brand_list .area {
    display: none;
}

.s5_reco_section .s5_reco_price:before {
    content: "¥";
}

.bland_logo_img {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: left;
}

.bland_logo_img a {
    /* display: block; */
    cursor: pointer;
}


/* PAL */

#Free_area02 {
    clear: both;
    padding: 30px 0 0 0;
}

#Free_area03 {
    clear: both;
    padding: 15px 0 0 0;
}

#brand_area01 {
    padding: 0 0 30px 0;
}

#brand_area02 {
    padding: 0 0 15px 0;
}

#brand_area03 {
    clear: both;
    padding: 30px 0 0 0;
}

#brand_area04 {
    clear: both;
    padding: 30px 0 0 0;
}

.main_1060 {
    margin: 0 auto;
    width: 1060px;
}

#brand_slider .item img {
    width: 100px;
    height: 100px;
}

#brand_item_area {
    padding: 0 0 20px 0;
}

#leftContent .more_allitem {
    margin: 18px 0 0;
    display: block;
    background: #000;
    text-align: center;
    border-radius: 5px;
}

#leftContent .more_allitem a {
    text-decoration: none;
    padding: 10px 0;
    color: #fff;
    display: block;
    text-align: center;
    color: #ddd;
}

#leftContent .more_allitem a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
}


/* secret_sale */

.btn--secret_sale {
    display: inline-block;
    /* background-color: #262626; */
    /* color: #fff; */
    color: #333333;
    border: 1px solid #bbb;
    /* font-weight: bold; */
    padding: 11px 20px 11px 35px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 3px;
    background-image: url(../images/item/secret_btn__arrow--black.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    cursor: pointer;
}

.btn--secret_sale:link,
.btn--secret_sale:visited,
.btn--secret_sale:hover,
.btn--secret_sale:active {
    color: #333333;
    /*color: #fff;*/
}

.btn--secret_sale:hover {
    opacity: .7;
    color: #222;
}


/* modal */

.modal_element {
    width: 100%;
    height: 100%;
    background: #000;
    background-color: rgba(51, 51, 51, 0.8);
    position: fixed;
    top: 0px;
    padding-top: 20px;
    left: 0;
    overflow-y: auto;
    z-index: 2000;
}

.modal_element .guide_rap {
    text-align: center;
    width: 150px;
    color: #fff;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

.modal_element .guide_rap img {
    margin-bottom: 3px;
}


/* float */

.fr {
    float: right;
}

.bold {
    font-weight: bold;
}


/*pager*/

.pager_wrap {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
}

.pager_wrap a {
    color: #666;
    text-decoration: none;
}

.pager_wrap a.on {
    color: #000;
    font-weight: bold;
}

.pager_wrap .arrow_l,
.pager_wrap .arrow_r {
    display: inline-block;
    width: 20px;
}

.pager_wrap .arrow_l.hidden,
.pager_wrap .arrow_r.hidden {
    visibility: hidden;
}

.pager_wrap .pager_number {
    display: inline;
}

.pager_wrap .pager_number a {
    padding-left: 20px;
}

.pager_wrap .pager_number a:last-child {
    padding-right: 20px;
}

.pager_wrap .first,
.pager_wrap .last {
    padding: 0 1px;
}

.pager_wrap .number_l,
.pager_wrap .number_r {
    display: inline-block;
    position: relative;
}

.pager_wrap .number_l:before,
.pager_wrap .number_r:after {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #999;
    border-right: solid 2px #999;
    position: absolute;
    top: -10px;
}

.pager_wrap .number_l:before {
    left: -3px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.pager_wrap .number_r:after {
    right: -3px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.indent-1 {
    text-indent: -1em;
    padding-left: 1em;
    display: block;
}

.txt-r{
    text-align:right;
}
.fl{
    float:left;
}



/* module
----------------------------------------------- */

/* margin-top */
.mt0 { margin-top: 0   !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}

/* margin-right */
.mr0 { margin-right: 0   !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}

/* margin-bottom */
.mb0 { margin-bottom: 0   !important;}
.mb2 { margin-bottom: 2px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb7 { margin-bottom:7px !important;}
.mb8 { margin-bottom:8px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb18 { margin-bottom:18px !important;}
.mb20 { margin-bottom:20px !important;}
.mb23 { margin-bottom:23px !important;}
.mb24 { margin-bottom:24px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb80 { margin-bottom:80px !important;}
.mb100 { margin-bottom:100px !important;}

/* margin-left */
.ml0 { margin-left: 0   !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml13 { margin-left:13px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* padding-top */
.pt0 { padding-top: 0   !important;}
.pt5 { padding-top: 5px !important;}
.pt8 { padding-top:8px !important;}
.pt18 { padding-top:18px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}

/* padding-right */
.pr0 { padding-right: 0   !important;}
.pr5 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pr150 { padding-right:150px !important;}
.pr300 { padding-right:300px !important;}

/* padding-bottom */
.pb0 { padding-bottom: 0   !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}

/* padding-left */
.pl0 { padding-left: 0   !important;}
.pl5 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl13 { padding-left:13px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}