@charset "utf-8";

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

top.css
トップページレイアウト

-----------------------------------*/
/*メインカルーセル
-----------------------------------*/
#mainBnr {
    position: relative;
    height: 446px;
}
#mainCarousel {
    overflow: hidden;
    max-height: 386px;
}
#mainCarousel .multiLayout {
    display: inline-block;
    width: 980px;
    padding: 0 15px;
    min-height: 386px;
}
    #mainCarousel .multiLayout .bnrBox { display: block; }
    #mainCarousel .multiLayout .bnrLeft { float: left; }
    #mainCarousel .multiLayout .bnrRight { float: right; }
    #mainCarousel .multiLayout .marginBottom { margin-bottom: 10px; }
    #mainCarousel .multiLayout .marginRight { margin-right: 10px; }
#mainCarousel .singleLayout {
    display: inline-block;
    width: 980px;
    padding: 0 15px;
    min-height: 386px;
}
    #mainCarousel a:hover { opacity: 0.6; }
#mainCarousel > div {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0.3;
}
#mainCarousel > div:nth-of-type(2) {
    opacity: 1;
}
#mainPrev,
#mainNext {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    color: transparent;
}
#mainPrev {
    margin-left: -500px;
    background: url(../images/common/ico_prev01.png) no-repeat left top;
}
#mainNext {
    margin-left: 455px;
    background: url(../images/common/ico_next01.png) no-repeat left top;
}
#mainPagination {
    margin: 10px 0 20px;
    text-align: center;
}
    #mainPagination a {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px 0 10px;
        border-radius: 5px;
        background: #d6d6d6;
        color: transparent;
        overflow: hidden;
    }
    #mainPagination .selected { background: #333; }

/*Clearance SALE 評価減コーナー
-----------------------------------*/
div.ClearanceBox{
	width: 782px;
	margin: 0 0 30px;
	padding: 0 0 23px;
	background: #c00000;
}

ul.ClearanceBoxInner{
	width: 706px;
	margin: 0 15px 23px;
	padding: 23px;
	background: #fff;
}

/*CLEAR*/
ul.ClearanceBoxInner:after {
	content:"";
	display:block;
	clear:both;
}
ul.ClearanceBoxInner:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
ul.ClearanceBoxInner {
	zoom:1;
}

ul.ClearanceBoxInner li.itemBox{
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
}

ul.ClearanceBoxInner li.center{
	margin: 0 50px;
}

ul.ClearanceBoxInner li.itemBox a img{
	width: 200px;
	margin: 0 0 10px;
	border: 1px #ccc solid;
}

ul.ClearanceBoxInner li.itemBox a p{
	font-size: 12px;
	line-height: 1.5;
}

ul.ClearanceBoxInner li.itemBox a p span{
	font-weight: bold;
	color: #c00000;
	font-size: 14px;
	text-align: right;
	display: block;
	width: 200px;
}


/*feature
-----------------------------------*/
#main .featureList01 .headline { margin-bottom: 10px; }
    .featureList01 li {
        float: left;
        margin: 10px 10px 0 0;
    }
    .featureList01 li:nth-child(4n) { margin-right: 0; }
        .featureList01 li img {
            width: 188px;
        }
        .featureList01 li a:hover { opacity: 0.6; }

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

/*Pickup Brands
-----------------------------------*/
.brandList01 {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d6d6d6;
}
    #main .brandList01 .headline { margin-bottom: 0; }
    .brandList01 li {
        float: left;
        margin: 6px 6px 0 0;
    }
    .brandList01 li:nth-child(6n) { margin-right: 0; }
    .brandList01 li a:hover { opacity: 0.6; }


/*ranking
-----------------------------------*/
#ranking {
    padding-left: 0;
}
#ranking .tabContent01,
#ranking ol {
    padding: 30px 0 0 15px;
    min-height: 163px;
    background: #fff;
}
#ranking .tabContent01 li:nth-child(4) { margin-right: 8px; }

#ranking .tabContent01 li,
#ranking ol li {
    width: 142px;
    margin-right: 11px;
}
    #ranking li p {
        position: relative;
        height: 20px;
        border-bottom: 1px solid #fff;
        background: #333;
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 20px;
    }
        #ranking li p:before,
        #ranking li p:after {
            position: absolute;
            top: 0;
            display: block;
            border-color: #fff transparent transparent transparent;
            border-style: solid;
            border-width: 20px 7px;
            content: " ";
        }
        #ranking li p:before { left: -7px; }
        #ranking li p:after { right: -7px; }
    #ranking .itemDeta01 {
        width: 142px;
        height: 142px;
    }

/*search
-----------------------------------*/
#topSearch {
    position: relative;
    z-index: 1;
}
#topSearch .conditionBoxWrap01 {
    width: 756px;
    margin: 30px auto 20px;
}

/*review
-----------------------------------*/
#review .reviewBox01 {
    float: left;
    width: 354px;
    margin: 0 10px 10px 0;
    padding: 10px 20px 20px 12px;
    background: #fff;
}
#review .reviewBox01:nth-child(odd) { margin-right: 0; }
    #review .reviewBox01 .image {
        float: left;
        width: 142px;
    }
        #review .reviewBox01 .image img { max-width: 142px; }
    .reviewDeta01 {
        float: right;
        width: 191px;
    }
    .reviewDeta01 .date {
        margin-bottom: 5px;
    }
    .reviewDeta01 a {
        color: #0088cc;
    }
    .reviewDeta01 .description {
        margin-top: 15px;
    }
    .reviewDeta01 .user {
        margin: 5px 0 10px;
        color: #858585;
        font-size: 12px;
    }
    .reviewDeta01 .rate {
        padding: 5px 0;
        background: #f3f3f3;
        text-align: center;
    }
        .reviewDeta01 .rate img {
            margin-right: 25px;
            vertical-align: -2px;
        }




/*サイド 新作入荷
-----------------------------------*/
#newArrival {
    margin-bottom: 20px;
    padding: 20px;
    background: #44baba;
    color: #fff;
    text-align: right;
}
    #newArrival .title {
        font-size: 30px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
    }

    #newArrival .count a {
        margin: 10px 0 0;
        font-size: 14px;
        line-height: 1;
        color: #fff;
    }
        #newArrival .count strong {
            font-size: 28px;
            font-weight: normal;
            color: #fff;
        }

/*サイド 価格帯
-----------------------------------*/
#sub .conditionBox01 .selectWrap01 {
    width: 130px;
}
/*サイド カレンダー
-----------------------------------*/
#sideCarlender {
    margin-bottom: 20px;
    padding-top: 10px;
    border-top: 1px solid #d6d6d6;
}
    #sideCarlender .title {
        font-size: 12px;
        text-align: center;
    }
    #sideCarlender table {
        width: 100%;
        table-layout: fixed;
        text-align: center;
    }
        #sideCarlender caption {
            position: relative;
            padding: 5px 0 15px;
            text-align: center;
        }
            #sideCarlender caption .month {
                padding: 3px 13px;
                background: #333;
                color: #fff;
                font-size: 14px;
            }
            #sideCarlender caption .prev,
             #sideCarlender caption .next{
                position:absolute;
                top: 4px;
                display: block;
                width: 21px;
                height: 21px;
                color: transparent;
                overflow: hidden;
            }
            #sideCarlender caption .prev {
                left: 0;
                background: url(../images/common/ico_prev02.png) no-repeat left top;
                background-size: 21px;
            }
            #sideCarlender caption .next {
                right: 0;
                background: url(../images/common/ico_next02.png) no-repeat left top;
                background-size: 21px;
            }
        #sideCarlender th {
            padding: 5px 0;
            border: 1px solid #fff;
            background: #f3f3f3;
            font-size: 10px;
            font-weight: normal;
        }
        #sideCarlender td {
            border: 1px solid #fff;
            font-size: 12px;
        }
        #sideCarlender .holiday01 { background: #cce7f5; }
        #sideCarlender .holiday02 { background: #f8d3d3; }

    #sideCarlender dl {
        margin-top: 5px;
        padding-top: 10px;
        border-top: 1px solid #d6d6d6;
    }
        #sideCarlender dt {
            float: left;
            clear: left;
            width: 23px;
            height: 17px;
            color: transparent;
            overflow: hidden;
        }
        #sideCarlender dd {
            margin: 0 0 10px 30px;
            font-size: 10px;
            line-height: 1.2;
        }

/*サイド INFORMATION
-----------------------------------*/
#sideInformation .title {
    margin-bottom: 8px;
    font-size: 14px;
}
#sideInformation li {
    position: relative;
    margin-bottom: 1px;
}
    #sideInformation a {
        display: block;
        padding: 10px 13px 13px;
        background: #ededed;
    }
    #sideInformation a:hover { opacity: 0.8; }
        #sideInformation .date {
            display: block;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
        }
        #sideInformation .icon {
            position: absolute;
            top: 0;
            left: 0;
        }


/*サイド バナーエリア
-----------------------------------*/
#bnrSide {
    margin-top: 30px;
}
    #bnrSide a {
        display: block;
        margin-bottom: 5px;
    }
    #bnrSide a:hover { opacity: 0.8; }