.TtlBox {width:1024px; height:auto; position:relative; margin:0 auto;}
.TtlBox h1.ttlticket {
	position:absolute;
	top:20px;
	left:10px;
	z-index:1;
}

.TtlBox p.click {
	position:absolute;
	top:316px;
	left:340px;
	z-index:1;
}

/*----------------------------------
	slide
----------------------------------*/
#slider {
	position: relative;
	margin: 0 auto;
	width: 1024px;
	height: 400px;
}

/*boot strap対応*/
#slider ul  {
	margin:0!important;
}

.bx-next {
	top: 50%;
	right: 10px;
	background-position: -43px 0px;
}

.bx-prev {
	top: 50%;
	left: 10px;
	background-position:0px 0px;
}

.bx-prev, .bx-next {
	position: absolute;
  width: 32px;
  height: 32px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
	background-image: url("/attending/kokunai/localtrain/images/controls.png");
  background-repeat: no-repeat;	
	text-indent: -9999px;
}

.bg_img {
	margin: 0 auto 0;
	width: 1024px;
}

.bx-pager {
	margin: 0 auto 0;
	width: 1024px;
	text-align:center;
	position:absolute;
	bottom:0px;
	background:hsla(0,0%,0%,1.00);
	opacity:0.8;
	padding:10px 0;
}

.bx-pager img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	width:30px;
	height:30px;
}

.bx-pager a.active img {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*隙間を無効化してから隙間を設定する*/
.bx-pager {
  letter-spacing: -.40em;
}
.bx-pager a {
	display: inline-block;
	background: #000;
	width: 30px;
	height: 30px;
	margin-right: 20px;
	letter-spacing: normal;
	*display: inline;
	*zoom: 1;
}

html.lt-ie8 .bx-pager a {
	margin-right: 0;
}

.bx-pager a.thumb-edge {
	display: inline-block;
	background: #000;
	width: 30px;
	height: 30px;
	margin-right: 0;
	letter-spacing: normal;
	*display: inline;
	*zoom: 1;
}

.bg_img > .slider > li {display: none; -webkit-backface-visibility: hidden;} /* JSがロードされる前に、スライドを非表示にします。画像ジャンプを回避 */