@charset "utf-8";
/* CSS Document */

.contents {
    margin: 30px 10px;
}

/******** Main Banner Box ********/

.contents .main-bnbox{
    height: 312px;
    margin-bottom: 40px;
    overflow: hidden;
}
.contents .main-bnbox:after{
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: ".";
}
    .contents .main-bnbox > div{
        float: left;
    }

    /**** Main Banner ****/

    .contents .main-bnbox .main-bn{
        height: 312px;
        margin-right: 20px;
        width: 700px
    }
        .contents .main-bnbox .main-bn a{
            display: block;
        }

    /**** Main Banner Sidebar ****/

    .contents .main-bnbox .main-bnsidebar{
        height: 312px;
        width: 220px;
        border: 3px solid #187ecc;
        -webkit-border-radius: 5px; /* Border Radius */
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -khtml-border-radius: 5px;
        --border-radius: 5px;
        border-radius: 5px; /* End of Border Radius */
    }
        .contents .main-bnbox .main-bnsidebar .title{
    display: table-cell;
    vertical-align: middle;
    height: 27px;
    padding: 0 5px;
    width: 220px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: #187ecc;
}
        .contents .main-bnbox .main-bnsidebar .main-bnsidebar-list {
            margin-bottom: 0;
            padding: 6px 5px 5px;
        }
            .contents .main-bnbox .main-bnsidebar .main-bnsidebar-list .img_mainbn_sidebar{
                    padding-left: 3px;
                }
            .contents .main-bnbox .main-bnsidebar .main-bnsidebar-list ul{
                    height: 181px;
                    margin: 10px 0 0;
                    overflow: hidden;
                }
                .contents .main-bnbox .main-bnsidebar .main-bnsidebar-list ul li{
                        display: table;
                        margin-top: 6px;
                        padding-left: 15px;
                        width: 100%;
                        color: #187ecc;
                        font-size: 11px;
                    }
                .contents .main-bnbox .main-bnsidebar .main-bnsidebar-list ul li:before {
                        content: "・";
                        display: inline-block;
                        margin-left: -15px;
                        width: 12px;
                    }
                .contents .main-bnbox .main-bnsidebar .main-bnsidebar-list ul li:first-child{
                        margin-top: 0;
                    }
                    .contents .main-bnbox .main-bnsidebar .main-bnsidebar-list ul li a{
                            /*display: table-row;*/
                            color: #187ecc;
                            font-size: 11px;
                            text-decoration: underline;
                        }
                    .contents .main-bnbox .main-bnsidebar .main-bnsidebar-list ul li a:hover{
                            color: #187ecc;
                            text-decoration: none;
                        }
                        .contents .main-bnbox .main-bnsidebar .main-bnsidebar-list ul li a > span{
                                /*display: table-cell;*/
                                /*text-decoration: underline;*/
                            }
                        .contents .main-bnbox .main-bnsidebar .main-bnsidebar-list ul li a > .list-styled{
                                width: 5px;
                                text-align: left;
                                text-decoration: none;
                            }
        .contents .main-bnbox .main-bnsidebar .link-bnsidebar{
            text-align: right;
            padding: 0 5px;
        }
            .contents .main-bnbox .main-bnsidebar .link-bnsidebar a{
                display: inline-block;
                padding-left: 15px;
                color: #187ecc;
                font-size: 11px;
                line-height: 20px;
                text-decoration: none;
                background: url('../img/element/link_bg01.png') 0 50% no-repeat;
                vertical-align: middle;
            }
            .contents .main-bnbox .main-bnsidebar .link-bnsidebar a:hover{
                text-decoration: underline;
            }


/******** End of Main Banner Box ********/


/******** Top Quick Search ********/

.title-top-quicksearch {
    margin-bottom: 0;
    box-sizing: border-box;
}
    .title-top-quicksearch:after {
        content: "\0009";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }
    .title-top-quicksearch>li {
        float: left;
        width: 25%;
        overflow: hidden;
        box-sizing: border-box;
    }
    .title-top-quicksearch>li:first-child {
        margin-left: 0;
        width: 50%;
    }
        .title-top-quicksearch>li .title {
            margin-left: 5px;
            cursor: pointer;
            background-size: auto 70%;
            background-position: left center;
            -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topright: 5px;
            border-top-right-radius: 5px;
        }
        .title-top-quicksearch>li .title .main,
        .title-top-quicksearch>li .title .desc {
            display: block;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-size: auto;
            text-indet: -9999px;
        }
        .title-top-quicksearch>li .title .desc {
            width: 200px;
            height: 24px;
        }
        .title-top-quicksearch>li .title .main {
            height: 39px;
            background-position: 0 -24px;
            background-size: 98% 63px ;
        }
        .title-top-quicksearch>li:first-child .title .main {
            background-size: auto;
        }
        .title-top-quicksearch>li:first-child .title {
            margin-left: 0;
            background-size: auto;
            cursor: auto;
        }
.container-tabbed-quicksearch .top-quicksearch {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
    }
.container-tabbed-quicksearch .theme-green,
.container-tabbed-quicksearch .theme-red {
    display: none;
}
.top-quicksearch{
    margin-bottom: 39px;
    -webkit-border-radius: 5px; /* Border Radius */
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    --border-radius: 5px;
    border-radius: 5px; /* End of Border Radius */
}
.top-quicksearch.theme-red{
    background: #f8dad9;
    border: 3px solid #f86b67;
}
.top-quicksearch.theme-green{
    background: #e3f9e9;
    border: 3px solid #3cc464;
}
.top-quicksearch.theme-blue{
    background: #d8eeff;
    border: 3px solid #187ecc;
}
    .to .quicksearchtop-quicksearch-container{
        margin-bottom: 0;
    }
        .title-top-quicksearch .title,
        .top-quicksearch .top-quicksearch-container > .title{
            display: block;
            height: 63px;
            text-indent: -9999px;
        }
        .top-quicksearch.theme-red .top-quicksearch-container > .title {
            background: url('../img/title/h2_top_quicksearch01.png') 0 0 no-repeat #f86b67;
        }
        .top-quicksearch.theme-green .top-quicksearch-container > .title {
            background: url('../img/title/h2_top_quicksearch02.png') 0 0 no-repeat #3cc464;
        }
        .top-quicksearch.theme-blue .top-quicksearch-container > .title {
            background: url('../img/title/h2_top_quicksearch03.png') 0 0 no-repeat #187ecc;
        }

        .title-top-quicksearch li.disabled-tab {
            opacity: 0.6
        }

        .title-top-quicksearch .theme-red .desc,
        .title-top-quicksearch .theme-red .main {
            background-image: url('../img/title/h2_top_quicksearch01.png');
            background-repeat: no-repeat;
        }
        .title-top-quicksearch .theme-red {
            background-color: #f86b67;
        }
        .title-top-quicksearch .theme-green .desc,
        .title-top-quicksearch .theme-green .main {
            background-image: url('../img/title/h2_top_quicksearch02.png');
            background-repeat: no-repeat;
        }
        .title-top-quicksearch .theme-green {
            background-color: #3cc464;
        }
        .title-top-quicksearch .theme-blue .desc,
        .title-top-quicksearch .theme-blue .main {
            background-image: url('../img/title/h2_top_quicksearch03.png');
            background-repeat: no-repeat;
        }
        .title-top-quicksearch .theme-blue {
            background-color: #187ecc;
        }

        .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper{
            padding: 18px 7px;
        }

            /* Checkbox */
            .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .checkbox-wrap{
                padding: 0 5px;
            }
                .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .checkbox-wrap .title{
                    padding-left: 5px;
                    margin-bottom: 10px;
                    font-size: 13px;
                    font-weight: bold;
                }
                .top-quicksearch.theme-red .top-quicksearch-container > .top-quicksearch-wrapper .checkbox-wrap .title{
                    color: #f86b67;
                }
                .top-quicksearch.theme-green .top-quicksearch-container > .top-quicksearch-wrapper .checkbox-wrap .title{
                    color: #3cc464;
                }
                .top-quicksearch.theme-blue .top-quicksearch-container > .top-quicksearch-wrapper .checkbox-wrap .title{
                    color: #187ecc;
                }
                .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .checkbox-wrap .checkbox-cont{
                    margin-bottom: 15px;
                }
                .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .checkbox-wrap .checkbox-cont:after{
                    clear: both;
                    display: block;
                    visibility: hidden;
                    height: 0;
                    line-height: 0;
                    content: ".";
                }
                    .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .checkbox-wrap .checkbox-cont li{
                        float: left;
                        margin-right: 15px;
                    }
                        .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .checkbox-wrap .checkbox-cont li p{
                            color: #626262;
                            padding-top: 6px;
                        }
            /* End of Checkbox */


            .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox{
                margin-bottom: 10px;
            }

            /* Featured Product */
            .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox{
                display: table;
                width: 100%;
                overflow: hidden;
                -webkit-border-radius: 50px; /* Border Radius */
                -moz-border-radius: 50px;
                -o-border-radius: 50px;
                -khtml-border-radius: 50px;
                --border-radius: 50px;
                border-radius: 50px; /* End of Border Radius */
            }
                .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox > div{
                    display: table-cell;
                    vertical-align: top;
                    border-color: #ccc;
                    border-style: solid;
                }
                .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .label-box{
                    padding: 15px 0;
                    width: 110px;
                    color: #fff;
                    font-size: 13px;
                    font-weight: bold;
                    text-align: center;
                    line-height: 20px;
                    vertical-align: middle;
                    border-width: 1px 0 1px 1px;
                    -webkit-border-radius: 50px 0 0 50px; /* Border Radius */
                    -moz-border-radius: 50px 0 0 50px;
                    -o-border-radius: 50px 0 0 50px;
                    -khtml-border-radius: 50px 0 0 50px;
                    --border-radius: 50px 0 0 50px;
                    border-radius: 50px 0 0 50px; /* End of Border Radius */
                }
                .top-quicksearch.theme-red .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .label-box{
                    background: #f86b67;
                }
                .top-quicksearch.theme-green .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .label-box{
                    background: #3cc464;
                }
                .top-quicksearch.theme-blue .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .label-box{
                    background: #187ecc;
                }
                .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .input-box:after{
                    clear: both;
                    display: block;
                    visibility: hidden;
                    height: 0;
                    line-height: 0;
                    content: ".";
                }
                .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .input-box{
                    padding: 15px 40px 0 0;
                    font-size: 13px;
                    background: #fff;
                    border-width: 1px 1px 1px 0;
                    -webkit-border-radius: 0 50px 50px 0; /* Border Radius */
                    -moz-border-radius: 0 50px 50px 0;
                    -o-border-radius: 0 50px 50px 0;
                    -khtml-border-radius: 0 50px 50px 0;
                    --border-radius: 0 50px 50px 0;
                    border-radius: 0 50px 50px 0; /* End of Border Radius */
                }
                    .top-quicksearch .dis-tablebox .input-box > div{
                        float: left;
                    }
                    .top-quicksearch .dis-tablebox .input-box .text-wrap{
                        width: 100px;
                    }
                        .top-quicksearch .dis-tablebox .input-box .text-wrap p{
                            margin-bottom: 0;
                            color: #626262;
                            font-size: 11px;
                            line-height: 20px;
                            text-align: center;
                        }
                    .top-quicksearch .dis-tablebox .input-box .suggest{
                        width: 540px;
                    }
                    .top-quicksearch .dis-tablebox .input-box .update-btn{
                        float: right;
                    }
                        .top-quicksearch .dis-tablebox .input-box .update-btn a{
                            display: block;
                        }
            /* end of Featured Product */


            /* Range Price */
            .top-quicksearch .top-quicksearch-container .top-quicksearch-wrapper .range-price{
            }
                .top-quicksearch .top-quicksearch-container .top-quicksearch-wrapper .range-price .input-box{
                    padding: 13px 5px 0;
                }
                    .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .slider-price{
                        margin-right: 38px;
                        width: 396px;
                    }
                        .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .slider-price > div{
                            float: left;
                        }
                        .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .slider-price > .nav-slider-range{
                            height: 30px;
                            margin: 7px 5px 0;
                            width: 340px;
                        }
                        .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .slider-price > .label-price{
                            display: block;
                            height: 23px;
                            width: 23px;
                            text-indent: -9999px;
                        }
                        .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .slider-price > .lowest{
                            background: url('../img/element/lb_lowest.png') 0 0 no-repeat;
                        }
                        .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .slider-price > .highest{
                            background: url('../img/element/lb_highest.png') 0 0 no-repeat;
                        }
                    .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .price-wrap{
                        width: 270px;
                        color: #707070;
                    }
                        .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .price-wrap p{
                            margin-bottom: 0;
                        }
                        .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .price-wrap input{
                            height: 27px;
                            padding: 2px 12px 0px;
                            width: 100px;
                            text-align: center;
                            background: #f7f7f7;
                        }
                    .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .ui-widget-content {
                        height: 8px;
                        background: #ccc;
                        border: none;
                    }
                    .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .ui-widget-header {
                        background: #187ecc;
                    }
                    .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .ui-slider-horizontal .ui-slider-handle {
                        z-index: 50;
                        height: 16px;
                        width: 20px;
                        top: auto;
                        bottom: -20px;
                        border-color: #fff #ccc #ccc;
                        -webkit-border-top-left-radius: 0;
                        -webkit-border-top-right-radius: 0;
                        -moz-border-radius-topleft: 0;
                        -moz-border-radius-topright: 0;
                        border-top-left-radius: 0;
                        border-top-right-radius: 0;
                        background: #fff;
                        -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
                        -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.35);
                        box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.35);
                    }
                    .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .ui-slider-horizontal .ui-slider-handle:before {
                        z-index: 45;
                        content: "";
                        display: block;
                        position: absolute;
                        top: -10px;
                        left: -2px;
                        border-left: 11px solid transparent;
                        border-right: 11px solid transparent;
                        border-bottom: 10px solid #ccc;
                    }
                    .top-quicksearch .top-quicksearch-container > .top-quicksearch-wrapper .dis-tablebox .ui-slider-horizontal .ui-slider-handle:after {
                        z-index: 52;
                        content: "";
                        display: block;
                        position: absolute;
                        top: -8px;
                        left: 0px;
                        border-left: 9px solid transparent;
                        border-right: 9px solid transparent;
                        border-bottom: 8px solid #fff;
                    }
            /* end of Range Price */


            /* Thumbnail Product */
            .top-quicksearch .top-quicksearch-wrapper .thumb-products{
                margin-bottom: 20px;
                margin-left: 5px;
                padding: 0;/* 5px;*/
            }
                .top-quicksearch .top-quicksearch-wrapper .thumb-products ul{
                    margin-bottom: 0;
                    display:flex;
                    flex-wrap:wrap;
                }
                .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul:after{
                    clear: both;
                    display: block;
                    visibility: hidden;
                    height: 0;
                    line-height: 0;
                    content: ".";
                }
                    .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li{
                        float: left;
                        margin-left: 7px;
                        width: 220px;
                        background: #fff;
                        border: 1px solid #ccc;
                        -webkit-border-radius: 5px; /* Border Radius */
                        -moz-border-radius: 5px;
                        -o-border-radius: 5px;
                        -khtml-border-radius: 5px;
                        --border-radius: 5px;
                        border-radius: 5px; /* End of Border Radius */
                    }
                    .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li:first-child{
                        margin-left: 0;
                    }
                    .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li:nth-child(n+5){
                        display: none;
                    }
                        .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail{
                            padding:  20px 10px 10px;
                            font-size: 12px;
                        }
                            .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl{
                                margin-bottom: 0;
                            }
                                .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dt{
                                    margin-bottom: 3px;
                                }
                                    .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dt p{
                                        margin-bottom: 0;
                                    }
                                    .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dt a{
                                        display: block;
                                        color: #187ecc;
                                        font-size: 12px;
                                        font-weight: normal;
                                        line-height: 14px;
                                        text-decoration: none;
                                    }
                                    .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dt a:hover{
                                        color: #187ecc;
                                        text-decoration: underline;
                                    }
                                        .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dt a span{
                                            display: block;
                                        }
                                .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dd{
                                    margin-bottom: 0;
                                }
                                    .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dd ul{
                                    }
                                            .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dd ul .product-name p{
                                                margin-bottom: 0;
                                                line-height: 14px;
                                            }
                                        .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dd ul .price{
                                            color: #f0001e;
                                        }
                                        .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dd ul .point{
                                            color: #3cc464;
                                        }
                                        .top-quicksearch .top-quicksearch-wrapper .thumb-products > ul > li .item-detail dl dd ul .rating{
                                            margin-left: -3px;
                                        }
            /* end of Thumbnail Product */

            /* Quick Search Btn */
            .top-quicksearch .top-quicksearch-wrapper .quick-searchbtn{
                text-align: center;
                line-height: 0;
            }
                .top-quicksearch .quick-searchbtn .btn-point{
                    display: block;
                    height: 54px;
                    width: 616px;
                    margin: auto;
                    color: #fff;
                    font-size: 18px;
                    font-weight: bold;
                    line-height: 50px;
                    border: 2px solid;
                    text-decoration: none;
                    -webkit-transform: translate(0, 0);
                    -moz-transform: translate(0, 0);
                    transform: translate(0, 0);

                    -webkit-transition: all .1s ease;
                    -moz-transition: all .1s ease;
                    -ms-transition: all .1s ease;
                    -o-transition: all .1s ease;
                    transition: all .1s ease;
                }
                .top-quicksearch .quick-searchbtn .btn-point:active{
                    -webkit-transform: translate(0, 4px);
                    -moz-transform: translate(0, 4px);
                    transform: translate(0, 4px);
                }
                .top-quicksearch.theme-red .quick-searchbtn .btn-point{
                    padding-left: 35px;
                    background: #f86b67 url('../img/element/ico_magni_red.png') 83px 14px no-repeat;
                    -webkit-box-shadow: #973936 0 6px 0; /* Box Shadow */
                    -moz-box-shadow: #973936 0 6px 0;
                    -o-box-shadow: #973936 0 6px 0;
                    -khtml-box-shadow: #973936 0 6px 0;
                    --box-shadow: #973936 0 6px 0;
                    box-shadow: #973936 0 6px 0; /* End of Box Shadow */
                    border-color: #f86b67;
                }
                .top-quicksearch.theme-red .quick-searchbtn .btn-point:hover {
                    color: #f86b67;
                    background-color: #fff;
                }
                .top-quicksearch.theme-red .quick-searchbtn .btn-point:active {
                    -webkit-box-shadow: #973936 0 3px 0; /* Box Shadow */
                    -moz-box-shadow: #973936 0 3px 0;
                    -o-box-shadow: #973936 0 3px 0;
                    -khtml-box-shadow: #973936 0 3px 0;
                    --box-shadow: #973936 0 3px 0;
                    box-shadow: #973936 0 3px 0; /* End of Box Shadow */
                }
                .top-quicksearch.theme-green .quick-searchbtn .btn-point{
                    padding-left: 35px;
                    background: #3cc464 url('../img/element/ico_magni_green.png') 83px 14px no-repeat;
                    -webkit-box-shadow: #24803d 0 6px 0; /* Box Shadow */
                    -moz-box-shadow: #24803d 0 6px 0;
                    -o-box-shadow: #24803d 0 6px 0;
                    -khtml-box-shadow: #24803d 0 6px 0;
                    --box-shadow: #24803d 0 6px 0;
                    box-shadow: #24803d 0 6px 0; /* End of Box Shadow */
                    border-color: #3cc464;
                }
                .top-quicksearch.theme-green .quick-searchbtn .btn-point:hover {
                    color: #3cc464;
                    background-color: #fff;
                }
                .top-quicksearch.theme-green .quick-searchbtn .btn-point:active {
                    -webkit-box-shadow: #24803d 0 3px 0; /* Box Shadow */
                    -moz-box-shadow: #24803d 0 3px 0;
                    -o-box-shadow: #24803d 0 3px 0;
                    -khtml-box-shadow: #24803d 0 3px 0;
                    --box-shadow: #24803d 0 3px 0;
                    box-shadow: #24803d 0 3px 0; /* End of Box Shadow */
                }
                .top-quicksearch.theme-blue .quick-searchbtn .btn-point{
                    padding-left: 30px;
                    background: #187ecc url('../img/element/ico_magni_blue.png') 67px 7px no-repeat;
                    -webkit-box-shadow: #0e4f89 0 6px 0; /* Box Shadow */
                    -moz-box-shadow: #0e4f89 0 6px 0;
                    -o-box-shadow: #0e4f89 0 6px 0;
                    -khtml-box-shadow: #0e4f89 0 6px 0;
                    --box-shadow: #0e4f89 0 6px 0;
                    box-shadow: #0e4f89 0 6px 0; /* End of Box Shadow */
                    border-color: #187ecc;
                }
                .top-quicksearch.theme-blue .quick-searchbtn .btn-point:hover {
                    color: #187ecc;
                    background-color: #fff;
                }
                .top-quicksearch.theme-blue .quick-searchbtn .btn-point:active {
                    -webkit-box-shadow: #0e4f89 0 3px 0; /* Box Shadow */
                    -moz-box-shadow: #0e4f89 0 3px 0;
                    -o-box-shadow: #0e4f89 0 3px 0;
                    -khtml-box-shadow: #0e4f89 0 3px 0;
                    --box-shadow: #0e4f89 0 3px 0;
                    box-shadow: #0e4f89 0 3px 0; /* End of Box Shadow */
                }

            /* Quick Search Btn */


/******** End of Top Quick Search ********/

.banner{
    margin:0 0 20px 0;
}
.banner .ttl{
    margin:0 0 10px 0;
    padding:0 0 10px 0;
    color:#187ecc;
    font-size:15px;
    font-weight: bold;
    border-bottom:2px solid #187ecc;
}
.banner .tbl-banner{
    display:table;
    width:auto;
    margin:0 0 10px 0;
}
.banner .tbl-banner ul{
    display:table-row;
}
    .banner .tbl-banner ul li{
        display:table-cell;
        border:1px solid #bfbfbf;
        border-left:none;
    }
    .banner .tbl-banner ul li:first-child{
        border-left:1px solid #bfbfbf;
    }
        .banner .tbl-banner ul li p{
            margin:0;
        }
            .banner .tbl-banner ul li p a{
                display: block;
            }

.boxlist{
    position:relative;
    margin:0 0 20px 0;
    padding:12px 0;
    border:1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.boxlist:after{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    .boxlist .refresh{
        position:absolute;
        top:14px;
        right:10px;
    }
    .boxlist .input-box:after{
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }
        .boxlist .input-box > .text-wrap,
        .boxlist .input-box > .suggest{
            float: left;
        }
        .boxlist .input-box > .suggest{
            max-width: 540px;
        }
        .boxlist .title-box{
            position: relative;
        }
        .boxlist .title-box .update-btn{
            position: absolute;
            top: 2px;
            right: 10px;
        }

    .boxlist .title-box:after{
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }
    .boxlist .title-box > h3,
    .boxlist .title-box > .input-box{
        display: inline-block;
        margin-left: 15px;
        vertical-align: top;
        line-height: 24px;
    }
        .boxlist .title-box > .input-box .text-wrap{
            font-size: 11px;
        }
        .boxlist .title-box > .input-box .suggest{
            margin-left: 15px;
        }
.boxlist .title-box{
    margin-bottom: 17px;
    min-height: 34px;
}
    .boxlist .title-box > h3{
        position:relative;
        margin:0 0 0 -10px;
        height:24px;
        padding:0 15px 0 18px;
        color:#fff;
        font-size:13px;
        font-weight:bold;
        line-height:24px;
        background:#187ecc;
    }
        .boxlist .title-box > h3:after{
            position:absolute;
            top:24px;
            left:0;
            display:block;
            border-left: 10px solid transparent;
            border-top: 12px solid #0e4976;
            height: 0;
            text-indent: -9999px;
            width: 0;
            content: " ";
        }
    .boxlist .thumb-box{
        position:relative;
    }
        .boxlist .thumb-box > .itemlist{
            display:block;
            margin:0 auto;
        }
        .boxlist .thumb-box .itemlist ul:after{
            clear: both;
            content: ".";
            display: block;
            height: 0;
            line-height: 0;
            visibility: hidden;
        }
            .boxlist .thumb-box .itemlist ul li{
                float:left;
                width:230px;
                padding:0;
                overflow:visible;
            }
            .boxlist .thumb-box .itemlist ul li:first-child{
                margin-left:0;
            }
                .boxlist .thumb-box .itemlist ul li dl{
                    margin:0;
                    padding:0 15px;
                }
                    .boxlist .thumb-box .itemlist ul li dl dt{
                        min-height:192px;
                        text-align:center;
                    }
                        .boxlist .thumb-box .itemlist ul li dl dd.title{
                            margin:0 0 3px 0;
                            color:#187ecc;
                            font-size:12px;
                            text-align: left;
                        }
                            .boxlist .thumb-box .itemlist ul li dl dt a{
                                text-decoration: none;
                            }
                            .boxlist .thumb-box .itemlist ul li dl dt a:hover{
                                color: #187ecc;
                                text-decoration: underline;
                            }
                        .boxlist .thumb-box .itemlist ul li dl dd .lproduct-rating{
                            margin-left: -3px;
                        }
                        .boxlist .thumb-box .itemlist ul li dl dd > p{
                            margin:0;
                            font-size:11px;
                        }
                        .boxlist .thumb-box .itemlist ul li dl dd > p.desc{
                            margin:5px 0 0 0;
                        }
                            .boxlist .thumb-box .itemlist ul li dl dd > p > span{
                                display:block;
                                font-size:12px;
                                color:#434343;
                            }
                            .boxlist .thumb-box .itemlist ul li dl dd > p > .price{
                                color:#f0001e;
                                font-weight: bold;
                                line-height: 20px;
                            }
                            .boxlist .thumb-box .itemlist ul li dl dd > p > .price a{
                                color:#f0001e;
                            }
                            .boxlist .thumb-box .itemlist ul li dl dd > p > span.blue{
                                color:#197fcc;
                                line-height: 20px;
                            }
                            .boxlist .thumb-box .itemlist ul li dl dd > p > span.green{
                                color:#4cd964;
                                line-height: 20px;
                            }

.keyword{
    display:inline-block;
    vertical-align:top;
}
    .keyword ul li{
        float:left;
        width:auto;
        margin:0 0 0 10px;
        padding:0 4px 0 10px;
        background:#d8eeff;
        border:1px solid #187ecc;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }
    .keyword ul li:first-child{
        background:none;
        border:none;
        padding-top:2px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin-left:0;
    }
        .keyword ul li p{
            height:20px;
            margin:0 0 0 0;
            line-height:20px;
            font-size:11px;
        }
            .keyword ul li p span{
                display:inline-block;
                margin:0 0 0 5px;
            }
                .keyword ul li p span img{
                    margin:-2px 0 0 0;
                }
                .keyword ul li p span a{
                    color:#fff;
                    text-decoration:none;
                }
.info-cont{
    margin:40px 0 30px 0;
}
.info-cont:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    .info-cont .boxleft{
        float:left;
        margin:0 20px 0 0;
        width:700px;
    }
    .info-cont .boxright{
        float:left;
        width:220px;
    }
        .info-cont >.boxleft >.link{
            font-size:11px;
            text-align:right;
        }
            .info-cont >.boxleft >.link a{
                color:#125f99;
                text-decoration:underline;
            }
            .info-cont >.boxleft >.link a:hover{
                text-decoration:none;
            }
            .info-cont >.boxleft >.link span a{
                padding:0 0 0 15px;
                background:url('../../top/img/element/link_bg01.png') 0 53% no-repeat;
            }

.info h3{
    margin:0 0 0 0;
    padding:8px;
    border-top:4px solid #187ecc;
    font-size:13px;
    color:#187ecc;
    font-weight:bold;
}
.info h3.green{
    color:#3cc464;
    border-top:4px solid #3cc464;
}
.info ul{
    padding:0 10px;
}
    .info ul li{
        display:table;
        width:100%;
        border-bottom:1px dotted #187ecc;
        font-size:11px;
        line-height: 19px;
    }
        .info ul li p{
            margin:0;
            color:#125f99;
        }
        .info ul li dl{
            display:table-row;
        }
            .info ul li dl dt,
            .info ul li dl dd{
                display:table-cell;
                padding:7px 0;
                vertical-align:middle;
            }
            .info ul li dl dt{
                width:80px;
            }
                .info ul li dl dt p,
                .info ul li dl dd p{
                    margin: 0;
                    text-align:left;
                }
                    .info ul li dl .new {
                          text-align: right;
                          top: 5px;
                          right: 5px;
                          font-weight: bold;
                          font-style: italic;
                          color: #fc216b;
                    }
                .info ul li dl dt p{
                    color:#313131;
                }
                    .info ul li dl dd p a{
                        color:#125f99;
                        text-decoration:underline;
                    }
                    .info ul li dl dd p a:hover{
                        text-decoration:none;
                    }
.info.box{
    float:left;
    width:460px;
}
.info.box:first-child{
    margin:0 20px 0 0;
}
    .info.box ul.info-list li{
        padding:5px 0;
        border-bottom:1px dotted #a0a0a0;
    }
        .info.box ul.info-list li p a{
            color:#125f99;
            text-decoration:underline;
        }
        .info.box ul.info-list li p a:hover{
            text-decoration:none;
        }
    .info.box >ul.listmenu{
        float:left;
        width:230px;
        padding:0;
    }
    .info.box >ul.listmenu.listleft{
        padding-left:10px;
    }
    .info.box >ul.listmenu.listright{
        padding-right:10px;
    }
        .info.box >ul.listmenu>li{
            padding:5px 0;
            border-bottom:1px dotted #a0a0a0;
        }
            .info.box >ul.listmenu>li>p::before{
                content:"・ ";
            }
            .info.box >ul.listmenu>li>p.empty{
                text-indent:-9999px;
            }
            .info.box >ul.listmenu>li>p.empty::before{
                content:" ";
            }
            .info.box >ul.listmenu>li>p>a{
                text-decoration:underline;
                color: #125f99;
            }
            .info.box >ul.listmenu>li>p>a:hover{
                text-decoration:none;
            }
.info-bottom{
    margin:0 0 30px 0;
}
.info-bottom:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.banner-bottom{
    margin:0 0 44px 0;
}
.banner-bottom:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    .banner-bottom h3{
        margin:0 0 0 0;
        padding:10px;
        border-top:4px solid #535353;
        font-size:13px;
        color:#535353;
    }
    .banner-bottom >ul.banner{
        padding:0 30px;
    }
        .banner-bottom >ul.banner li{
            float:left;
            margin:10px 0 10px 20px;
            width: 160px;
        }
        .banner-bottom >ul.banner li:first-child{
            margin-left:0;
        }
            .banner-bottom >ul.banner li p{
                margin:0;
            }
.afterslider .flex-direction-nav .flex-next {
    overflow: hidden;
}
.afterslider .flex-direction-nav .flex-prev {
    overflow: hidden;
}
.flexslider.afterslider {
    background: transparent;
    border: none;
}