@charset "UTF-8";

/* ========================================
	main
======================================== */
.ttl {
	margin-top: -1.5%;
}

/*----------------------
	#area2
----------------------*/
#area2 {
	position: relative;
	background: url(../copy/images/area2_bg.jpg) no-repeat center top;
	background-size: contain;
}

.slide-inner {
	display: table;
	width: 100%;
}
.slide-inner span {
	display: table-cell;
}
.slide-inner .switch-name {
	width: 45%;
}
.slide-inner .switch-movie {
    position: relative;
	width: 55%;
}

.movie-arw {
    position: absolute;
    top: 0;
    left: 0;
}

/* btn */
.slide-btn {
	position: relative;
	padding-top: 18%;
	/*min-height: 97px;
	max-height: 194px;*/
}

.btn1 a,
.btn2 a,
.btn3 a,
.switch-btn-new {
	position: absolute;
	width: 26.5625%;
	height: auto;
}
.btn1 {
	background: url(../copy/images/switch_btn1.png) no-repeat 0 0;
	background-size: 100% auto;
}
.btn2 {
	background: url(../copy/images/switch_btn2.png) no-repeat 0 0;
	background-size: 100% auto;
}
.btn3 {
	background: url(../copy/images/switch_btn3.png) no-repeat 0 0;
	background-size: 100% auto;
}

.btn1 a {
	left: 12.5%;
	top: 36%;
	background: url(../copy/images/switch_btn1.png) no-repeat 0 0;
	background-size: 100% auto;
}
.btn2 a {
	left: 36.6%;
	top: 0;
	background: url(../copy/images/switch_btn2.png) no-repeat 0 0;
	background-size: 100% auto;
}
.btn3 a {
	right: 12.5%;
	top: 36%;
	background: url(../copy/images/switch_btn3.png) no-repeat 0 0;
	background-size: 100% auto;
}

.btn1 a.active {
	background: url(../copy/images/switch_btn1_cr.gif) no-repeat 0 0;
	background-size: 100% auto;
}
.btn2 a.active {
	background: url(../copy/images/switch_btn2_cr.gif) no-repeat 0 0;
	background-size: 100% auto;
}
.btn3 a.active {
	background: url(../copy/images/switch_btn3_cr.gif) no-repeat 0 0;
	background-size: 100% auto;
}
.switch-btn-new {
	top: 143%;
	right: 12.5%;
}



/*----------------------
	slider
----------------------*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -35px;
	width: 100%;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	padding-top: 25px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 26.5625%;
	height: auto;
	outline: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

a#prev.prev-btn,
a#next.next-btn {
	position: absolute;
	outline: 0;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-prev,
.bx-next {
	text-indent:-9999px;
	position: absolute;
	top: 36%;
	width: 14%;
	height: 7.428%;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.bx-prev {
	left: 0;
	background-image: url(../copy/images/arrow_prev.png);
}

.bx-next {
	right: 0;
	background-image: url(../copy/images/arrow_next.png);
}