/*-----------------------------------------------------	*/
/*	for all	- 1000px以上の記述　*/
/*-----------------------------------------------------	*/
@charset "utf-8";

/*
 * @namespace "pg-top"
 */
.pg-top-content-box {
	width: 100%;
}
.pg-top-slide-bg {
	width: 100%;
	height: 100%;
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
}
.pg-top-slide {
	position: relative;
	display: block;
	overflow: hidden;
	width: 900px;/*バナーサイズ修正*/
	height: 400px;/*バナーサイズ修正*/
	margin: 0px auto 0px auto;
	z-index: 2;
	background-color:;
}
.pg-top-slide-list {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 4500px;/*バナー5個分*/
	height: 400px;/*バナーサイズ修正*/
}
.pg-top-slide-list li a img {
	border: none;
	width: 900px;/*バナーサイズ修正*/
	height: 400px;/*バナーサイズ修正*/
}
.pg-top-slide-list > li {
	float: left;
}
.pg-top-slide-list > li a{
	display: block;
	width: 900px;/*バナーサイズ修正*/
	height: 400px;/*バナーサイズ修正*/
}

.pg-top-slide-logo{
	position: absolute;
	bottom: 0px;
	background: url(../img/top/top_title-logo.png) left top no-repeat;
	padding: 0px;
	width: 900px;
	height: 213px;
}

.pg-top-slide-btn {
	position: inherit;
	z-index: 1;
	margin: -240px auto 0px auto;
	width: 990px;
	height: 42px;
	/*background: #ff6600*/
}
.pg-top-slide-btn-list li {
	float: left;
	width: 34px;
}
a.pg-top-icon-arrow-left {
	position: absolute;
	/*top: 0px;
	left: 0px;*/
	display: block;
	width: 42px;
	height: 42px;
	background: url(../img/rbimg/arow_l.png) 0px 0px no-repeat;
}
a.pg-top-icon-arrow-right {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 42px;
	height: 42px;
	background: url(../img/rbimg/arow_r.png) 0px 0px no-repeat;
}
a.pg-top-icon-arrow-left:hover,
a.pg-top-icon-arrow-right:hover {
	background-position: 0px -42px;
}


/*-----------------------------------------------------	*/
  .bx-wrapper .bx-pager {
  	bottom: 7px;
	text-align: right;

  }
  
  .bx-wrapper .bx-pager a {
/*    border: solid #ccc 1px;*/
    display: block;
    margin: 0px 0px 0px 1px;
    padding: 0px;
  }
  
  .bx-wrapper .bx-pager a:hover,
  .bx-wrapper .bx-pager a.active {
  /*  border: solid #5280DD 1px;*/
  }
  
  .bx-wrapper {
    margin-bottom: 50px;
  }
/*-----------------------------------------------------	*/




/*-----------------------------------------------------	*/
/*	for - 800px以下の記述　*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 800px) {
@charset "utf-8";

/*
 * @namespace "pg-top"
 */
.pg-top-content-box {
	width: 100%;
}
.pg-top-slide-bg {
	width: 100%;
	height: 100%;
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
}
.pg-top-slide {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;/*バナーサイズ修正*/
	height: auto;/*バナーサイズ修正*/
	margin: 0px auto 0px auto;
	z-index: 2;
	background-color: ;
}
.pg-top-slide-list {
	position: absolute;
	top: 0;
	left: 0px;
	width: 2550px;/*5個分*/
	height: auto;
}
.pg-top-slide-list li a img {
	border: none;
	width: 100%;/*バナーサイズ修正*/
	height: auto;/*バナーサイズ修正*/
}
.pg-top-slide-list > li {
	float: left;
}
.pg-top-slide-list > li a{
	display: block;
	width: 100%;/*バナーサイズ修正*/
	height: auto;/*バナーサイズ修正*/
}

.pg-top-slide-logo{
	position: absolute;
	z-index:2;
	bottom: 0px;
	background: url(../img/top/top_title-logo_sp.png) left top no-repeat;
	padding: 0px;
	width: 100%;
	height: 223px;
}

.pg-top-slide-btn {
	visibility: hidden;
	position: inherit;
	z-index: 1;
	margin: -360px auto 0px auto;
	width: 510px;
	height: 360px;
}
.pg-top-slide-btn-list li {
	float: left;
	width: 34px;
}
a.pg-top-icon-arrow-left {
	position: absolute;
	top: 20px;
	left: 0px;
	display: block;
	width: 62px;
	height: 62px;
	background: url(../img/rbimg/arow_l.png) 0px 0px no-repeat;
}
a.pg-top-icon-arrow-right {
	position: absolute;
	top: 20px;
	right: 0px;
	display: block;
	width: 62px;
	height: 62px;
	background: url(../img/rbimg/arow_r.png) 0px 0px no-repeat;
}
a.pg-top-icon-arrow-left:hover,
a.pg-top-icon-arrow-right:hover {
	background-position: 0px -62px;
}
