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

          2. Slider

*****************************************/
.bx-wrapper{
	width: 100% !important;
	height:auto;
	overflow: hidden;
	position: relative !important;
	z-index:0;
}

.bx-window{
	width: 100% !important;
	height:auto;
	margin: 0 auto !important;
	overflow: visible !important;
	z-index:0;
}


.right,
.left{
	width:380px !important;
	float: right;
	padding: 70px 50px;
}
.left{
	float: left;
	padding-left: 130px;
}


/* Navi */

.bx-pager-item{
	display:inline;
}
.bx-pager{
	margin-top:-50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index:9999;

}

.bx-pager a{
		display: inline-block;
		width: 10px;
		height: 10px;
		text-align: center;
		line-height: 24px;
		text-decoration: none;
		margin: 0 5px;
		background:#666;
		text-indent:-9999px;
		border-radius: 10px;		/* CSS3草案 */
		-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 10px;	/* Firefox用 */
		}
	
	.bx-pager a:hover,
	.bx-pager a.active{
	  background: #000;
	}
/* prev next */
	.bx-prev{
		width: 32px;
		height: 32px;
		position: absolute;
		top:40%;
		left:0;
		text-decoration: none;
		z-index:50;
		background-color:rgba(0,0,0,0.3);
		background: url(../images/controls.png) no-repeat 0 -32px;
		text-indent:-9999px;
	}

	.bx-next{
		width: 32px;
		height: 32px;
		position: absolute;
		top:40%;
		right:0;
		text-decoration: none;
		z-index:50;
		background-color:rgba(0,0,0,0.3);
		background: url(../images/controls.png) no-repeat -43px -32px;
		text-indent:-9999px;
	}
	.bx-wrapper .bx-prev:hover,
	.bx-wrapper .bx-prev:focus {
		background-position: 0 0;
	}
	
	.bx-wrapper .bx-next:hover,
	.bx-wrapper .bx-next:focus {
		background-position: -43px 0;
	}