@charset "UTF-8";
.roll_box {
	height: 346px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/top/want_trimmer_back.png);
}
.roll_box ul {
	padding-top: 120px;
}

.roll_box li {
	float: left;
	list-style-type: none;
}
.rollover {
	position: relative;
	width: 187px;
	height: 187px;
	display: block;
	cursor: auto;
}
.front {
	z-index: 2;
	position: absolute;
}
.back {
	z-index: 1;
	position: absolute;
}
.rollover:hover .back,  .rollover:focus .back {
	z-index: 2;
}
.rollover:hover .front,  .rollover:focus .front {
	z-index: 1;
}
.flip .rollover {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
}
.flip .cube {
	height: 187px;
	width: 187px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
	-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
	-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
	-o-transform: rotateX(0) rotateY(0) rotateZ(0);
	transform: rotateX(0) rotateY(0) rotateZ(0);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
.flip .front {
	-webkit-transform: translate3d(-1px, 0, 1px);
	-moz-transform: translate3d(-1px, 0, 1px);
	-ms-transform: translate3d(-1px, 0, 1px);
	-o-transform: translate3d(-1px, 0, 1px);
	transform: translate3d(-1px, 0, 1px);
}
.flip .back {
	-webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
	-moz-transform: rotateY(180deg) translate3d(0, 0, 0);
	-ms-transform: rotateY(180deg) translate3d(0, 0, 0);
	-o-transform: rotateY(180deg) translate3d(0, 0, 0);
	transform: rotateY(180deg) translate3d(0, 0, 0);
	left: -6px;
}
.flip .rollover:hover .cube,  .flip .rollover:focus .cube {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
