@charset "utf-8";
/* flipsnap用 */

.flipsnap_wrapper {
	text-align: center;
	margin-bottom: 0px;
	margin-top: 5px;
	background-image: url(../img/bg_body.jpg);
	background-repeat: repeat;
	padding-top: 0px;
	padding-bottom: 10px;
}

.viewport {
	width: 280px;
	overflow: hidden;
	padding-right: 0;
	padding-left: 0;
	margin: 0 auto;
 }
 
.width_viewport {	
	width: 300px;
}

.flipsnap,.flipsnap2,.flipsnap3,.flipsnap4 {
  width: 4400px;
  /* 230px(item) * 5 + 45px(padding) */
 }

.flipsnap:after,.flipsnap2:after,.flipsnap3:after,.flipsnap4:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }

.item {
	position: relative;
	width: 280px;
	margin-right: 20px;
	text-align: center;
	border: 0 solid #999;
	float: left;
	color: #666;
}



.item .cap {
	display: block;
	position: absolute;
	bottom: 0;
	background: #fff;
	width: 300px;
	padding: 4px 0;
	opacity:0.7;
	color: #000;
}

.pointer,.pointer2,.pointer3,.pointer4 {
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
 }

.pointer span,.pointer2 span,.pointer3 span,.pointer4 span {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 8px;
	background-color: #D3BDA9;
  }

.pointer span.current,.pointer2 span.current,.pointer3 span.current,.pointer4 span.current {
	background-color: #c1450b;
}

.controls {
  text-align: center;
  margin: 0 0 15px 0; }

.controls .num {
  width: 60px; }