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



#mainContentsWrapper{
	width:847px;
	position:relative;
}

#main{
	width:847px;
	margin-left:-423px;
}

#centerWrapper{
	width:633px;
	position:absolute;
	left:107px;
}


#collection-menu-wrapper {
    margin: 0 auto 12px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    letter-spacing: 0.11em;
}

#collection-menu-wrapper li:first-child {
    margin-right: auto;
}

#collection-menu-wrapper li {
    margin-right: 3px;
}

#collection-menu-wrapper li:last-child {
    margin-right: 0;
}


#collection-menu-wrapper li.selected{
    border-bottom:1px solid #333;
}

#collection-menu-wrapper li a {
    display:block;
    text-decoration: none;
}

#collection-menu-wrapper li a:hover{
    border-bottom:1px solid #333;
}


#productsUlWrapper{
	width:733px;
	float:left;
	position:relative;
	height:423px;
	overflow:hidden;
}

#productsUlWrapper div{
	position:absolute;
}


#productsUlWrapper ul{
	width:635px;
}

#productsUlWrapper ul li{
	width:127px;
	float:left;
	cursor:pointer;
}

#mainContentsWrapper ul .nextLine{
	margin-right:0;
}

#mainContentsWrapper ul li img{
	display:block;
	margin:auto;
}



#productsUlWrapper ul .btn1 {
    background: url("../_img/b02.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */
}

#productsUlWrapper ul .btn1 a {
    width: 127px;
    height: 423px;
    background: url("../_img/b02.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}

#productsUlWrapper ul .btn1 a:hover {
    background-image: url("../_img/b02_over.jpg");
}



#productsUlWrapper ul .btn2 {
    background: url("../_img/b03.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */
}

#productsUlWrapper ul .btn2 a {
    width: 127px;
    height: 423px;
    background: url("../_img/b03.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}

#productsUlWrapper ul .btn2 a:hover {
    background-image: url("../_img/b03_over.jpg");
}



#productsUlWrapper ul .btn3 {
    background: url("../_img/b04.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */
}

#productsUlWrapper ul .btn3 a {
    width: 127px;
    height: 423px;
    background: url("../_img/b04.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}

#productsUlWrapper ul .btn3 a:hover {
    background-image: url("../_img/b04_over.jpg");
}



#productsUlWrapper ul .btn4 {
    background: url("../_img/b05.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */
}

#productsUlWrapper ul .btn4 a {
    width: 127px;
    height: 423px;
    background: url("../_img/b05.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}

#productsUlWrapper ul .btn4 a:hover {
    background-image: url("../_img/b05_over.jpg");
}




#productsUlWrapper ul .btn5 {
    background: url("../_img/b06.jpg") no-repeat; /* ロールオーバー時のチラつき防止 */
}

#productsUlWrapper ul .btn5 a {
    width: 127px;
    height: 423px;
    background: url("../_img/b06.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}

#productsUlWrapper ul .btn5 a:hover {
    background-image: url("../_img/b06_over.jpg");
}