@charset "UTF-8";

/*
 * touchslider
 */

.touchsliderWrapper {
	margin-bottom:40px;
}

.touchslider {
	position: relative;
	padding:0;
	margin:0 auto;
	max-width:400px;
	width:60%;
}

/*
 * touchslider-viewport
 */

.touchslider .touchslider-viewport {
	cursor: pointer;
	visibility: hidden;
	overflow:hidden;
}

/*
 * touchslider-nav
 */

.touchslider .touchslider-nav {
	padding-top: 20px;
	text-align: center;
	width: 100%;
}

.touchslider .touchslider-nav .touchslider-nav-item {
	background-color: #ebe7e4 ;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 9px;
	overflow: hidden;
}

.touchslider .touchslider-nav .touchslider-nav-item-current {
	background-color: #a39792;
}

/*
 * touchslider-arrow
 */

 .touchslider .touchslider-prev,
 .touchslider .touchslider-next{
 	position: absolute;
 	top: 0;
 	margin: -2% 0 0;
 	width: 33%;
 	cursor: pointer;
 	background: #f00;
 }

.touchslider .touchslider-prev {
	left:-33%;
	/*background: url(/mop/okazaki/common/images/slider_left.png) no-repeat center center;*/
	background-size:20% auto;
	-moz-background-size:20% auto;
	-webkit-background-size:20% auto;
	-o-background-size:20% auto;
	-ms-background-size:20% auto;
}

.touchslider .touchslider-next {
	right:-33%;
	/*background: url(/mop/okazaki/common/images/slider_right.png) no-repeat center center;*/
	background-size:20% auto;
	-moz-background-size:20% auto;
	-webkit-background-size:20% auto;
	-o-background-size:20% auto;
	-ms-background-size:20% auto;
}