/* Circular Content Carousel Style */

.carousel{
clear:both;
	position:relative;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:5px;
	line-height: 1.1em;
	text-align: left;
}

.carousel .ca-wrapper{
	/*height:100%;*/
	overflow: hidden;
	float: left;
	margin:10px auto;
}

.carousel .ca-wrapper:after{
	content: ""; 
	display: block; 
	clear: both;
}

.carousel .ca-item{
	float:left;
	text-align:center;
	width:20%;
	padding: 0;
	height: 100%;
	margin: 0px;
}

.carousel .ca-item-main{
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;

}

.carousel .anyClass {
	margin:0;
}

.carousel .ca-wrapper .anyClass ul{ margin:0;}

.carousel .ca-wrapper .anyClass li {
	display: block;
}

.carousel a.prev{
  display:block;
  position:absolute;
  z-index:10001;
  left:5px;
  top:0;
  float: left;
  width:40px;
  height:100%;
  background: url(../img/imageNavLeft.png) 5px center no-repeat;
  background-size:40px;
}
.carousel a.next{
  display:block;
  position:absolute;
  z-index:10002;
  right:5px;
  top:0;
  float: left;
  width:40px;
  height:100%;
  background: url(../img/imageNavRight.png) -1px center no-repeat;
  background-size:40px;
}


.carousel .otherbotan{
	background:#601C14;
	padding:10px;
	margin:0 5px;
	border-radius:5px;		/* CSS3草案 */
	-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
	-moz-border-radius:5px;	/* Firefox用 */
}

.carousel .otherbotan img{ display:inline-block; margin-right:5px;}

.carousel .otherbotan a{color:#FFFFFF; font-weight:bold;}

.carousel .catch{
	display:block;
	position:absolute;
	z-index:9999;
	bottom:2%;
	right:2%;
	width:80%;
}


/*****************************************************/

.carousel2{
	position:relative;
	width:860px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:5px;
	line-height: 1.1em;
	height:500px;
	text-align: left;
}

.carousel2 .ca-wrapper{
	height:100%;
	overflow: hidden;
	position: relative;
	float: left;
	margin:0 auto;
}

.carousel2 .ca-wrapper:after{
	content: ""; 
	display: block; 
	clear: both;
}

.carousel2 .ca-item{
	float:left;
	text-align:center;
	width:20%;
	padding: 0;
	height: 100%;
	margin: 0px;
}

.carousel2 .ca-item-main{
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;

}

.carousel2 .ca-wrapper .anyClass li {
	display: block;
	width:860px;
	height:500px;
}

.carousel2 a.prev{
  display:block;
  position:absolute;
  z-index:10001;
  left:0;
  top:40%;
  float: left;
  width: 55px;
  height:55px;
  background: url(../img/imageNavLeft.png) 5px center no-repeat;
}
.carousel2 a.next{
  display:block;
  position:absolute;
  z-index:10002;
  right:0;
  top:40%;
  float: left;
  width: 55px;
  height:55px;
  background: url(../img/imageNavRight.png) -1px center no-repeat;
}
.carousel2 .anyClass {
	margin:0;
}

.carousel2 .otherbotan{
	display:block;
	position:absolute;
	z-index:10000;
	bottom: 10px;
	right: 10px;
}

.carousel2 .catch{
	display:block;
	position:absolute;
	z-index:9999;
	bottom:0;
	right:10px;
}