/*---slide---*/

#slide_area{
	width: 100%;
	/*padding: 10px 0 70px;*/
	z-index:0; 
	margin: 0 auto;
	overflow: hidden;
	}
#slide_area::after { clear: both;  content: " "; display: block; }
.slide_all{
	width: 1010px; 
	/*height: 320px; */
	height: 280px; 
	margin: 0 auto;
	position: relative;
	}
.slide_wrap {
	left: 50%;
	margin-left: -1515px;
	position: absolute; 
	width: 3030px;
	}
.slide_body {
	width: 100%;
	}
.slide {
	width: 1010px;
	position: relative;
	}
.slide a{ display: inline-block;}
.slide img {
	width: 1000px;
	padding: 0 5px; 
	vertical-align: bottom;
	max-width: 100%;
	}
/*.bx-controls-direction{ z-index:5;
	}*/

.bx-controls-direction a{
	display: inline-block;
	}
.slide_all a.bx-prev{
	position: absolute; 
	bottom: 140px; 
	background: url(prev.png) no-repeat top; 
	height: 35px; 
	width: 35px; 
	background-size: 100%;
	left: -60px;
	}
.slide_all a.bx-next{
	position: absolute; 
	bottom: 140px; 
	background: url(next.png) no-repeat top; 
	height: 35px; 
	width: 35px; 
	background-size: 100%;
	right: -60px;
	}

/* 装飾 */
.bx-controls-direction{
	height:0; 
	margin: 0 auto;
	position: relative; 
	text-align: center; 
	width: 1000px;
	}
.bx-pager {
	color: #cfcfcf;
	font-family: Arial;
	font-size: 0.85em;
	font-weight: bold;
	padding-top: 15px; 
	text-align: center;
	}


.bx-controls-direction a,.bx-pager-item {
	display: inline-block;
	}
.bx-pager-item a{
	display: block; 
	height: 12px; 
	width: 12px; 
	text-indent: -9999px; 
	background: #d2d2d2; 
	margin: 0 8px 0 8px; 
	/* box-shadow */
	box-shadow:0px 0px 1px 1px #c6c6c6;
	-moz-box-shadow:0px 0px 1px 1px #c6c6c6;
	-webkit-box-shadow:0px 0px 1px 1px #c6c6c6;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	}
.bx-pager-item a.active {
	background: #FFFFFF;
	}
.bx-controls-direction a{
	text-decoration: none; 
	color: #000;
	}
.bx-controls {
	z-index: 2; 
	width: 100%;
	position: relative; /*height: 0;*/}

.bx-prev {
	position: absolute; left: 0;
	}
.bx-wrapper .bx-next {
	position: absolute; 
	right: 0;
	}
@media screen and (max-width: 1280px) {
	.bx-pager {
	padding-top: 20px;
	}

}
@media screen and (max-width: 1024px) {
	.slide_wrap {
		margin-left: -1365px;
		width: 2730px;
		}
	.slide {
		width: 910px;
		padding: 0 5px;
	}
	.slide img{
		width: 100%;
		}
	.slide_all{
		width: 100%;
		}
}
@media screen and (max-width: 990px) {
/*---slide---*/
#slide_area{
	}
.slide_all{
	width: 100%; 
	height: 260px; 
	}
.slide_wrap {
	left: 50%;
	margin-left: -1200px;
	position: absolute; 
	width: 2400px;
	}
.slide{
	width: 100%;
	text-align: center;
	}
.slide img{
	width: 96%; 
	height: auto;
	padding: 0;
	}
.slide_all a.bx-prev{
	bottom: 140px;
	height: 35px;
	width: 35px;
	left: 5%;
	}
.slide_all a.bx-next{
	bottom: 140px;
	height: 35px;
	width: 35px;
	right: 5%;
	}

/* 装飾 */
.bx-controls-direction{
	width: 100%;
	}

}
@media screen and (max-width: 681px) {
/*---slide---*/
#slide_area{
	}
.slide_all{
	width: 100%; 
	/*max-width: 480px; 
	max-height: 220px; 
	height: 160px;*/
	}
.slide_wrap {
	}
.slide {
	text-align: center;
	}
.slide img{
	width: 680px;
	/*width: auto;*/
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	}


.bx-pager{
	}

/* 装飾 */
/*.bx-controls-direction{ height:0; 
	margin: 0 auto;
	position: relative;
	text-align: center; 
	width: 360px;
	}*/

.bx-pager-item a{
	height: 10px;
	width: 10px;
	}
/*.bx-pager-item a{ 
	height: 5px; 
	width: 42px;
	margin: 0 8px;
	border: none;
	}
.bx-pager-item a.active {
	border: 1px #57bc14 solid;
	}*/

}
@media screen and (max-width: 480px) {
	#slide_area{}
	.slide_wrap,
	.slide_all{
	height: 180px;
	overflow: hidden;
	}
	.slide img{
	width: 480px;
	}

}


/* 画像レイアウト
===================================*/

.bxslider{   
    margin:0px;
}

.bx-wrapper {
    position: relative;
}

.bx-wrapper img {
    max-width:100%;
}

.bx-viewport {
    max-height: 450px;
}


/* ページャー
===================================*/

.bx-pager {
    text-align: center;
    bottom: 5px;
    position: absolute;
    width: 100%;
}

.bx-pager-item,
.bx-controls-auto-item {
    display: inline-block;

}

/*.bx-default-pager a {
    background: #c8ecff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
}

.bx-default-pager a:hover,
.bx-default-pager a.active {
    background: #00aeff;
}*/