@charset "UTF-8";
#mainvisual {
	position: relative;
	overflow-x: hidden;
	background-image: url(../img/index/main_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#overlay {
	width : 950px;
	margin:0 auto;
}
/****************************************

          2. Slider

*****************************************/
.bx-wrapper {
	width: 100% !important;
	overflow: hidden;
	position: relative !important;
}
.bx-window {
	width: 950px !important;
	margin: 0 auto !important;
	overflow: visible !important;
	height: 350px;
	background: url(../img/index/window-bg.png) no-repeat center 0;
}
#slider div {
	width: 950px;
	margin-top: 30px;
}
/* Navi */
.bx-pager {
	display:none;
}
/* prev next */
.prev-next {
	width: 950px;
	margin: 0 auto;
	position: relative;
}
.bx-prev {
	text-align: center;
	vertical-align: baseline;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top:-200px;
	z-index:100;
	background-image: url(../img/index/ctl_left.png);
	background-position: center center;
	text-indent: -9999px;
}
.bx-next {
	text-align: center;
	vertical-align: baseline;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top:-200px;
	text-decoration: none;
	z-index:100;
	background-image: url(../img/index/ctl_right.png);
	background-position: center center;
	text-indent: -9999px;
}
.bx-prev:hover,  .bx-next:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.bx-prev {
	left: -5px;
}
.bx-next {
	right: -5px;
}
.bx-prev:hover,  .bx-next:hover {
	text-decoration: none;
}
*:first-child+html .bx-prev,  *:first-child+html .bx-next {
	top:-260px;
}
/* frame */

#overlay {
	position: relative;
}
#slider-frame-left {
	height: 403px;
	position: absolute;
	width: 1000px;
	top:-403px;
	right:950px;
	background: url(../img/index/frame-bg.png) repeat-x 100% 0;
}
#slider-frame-right {
	height: 403px;
	position: absolute;
	width: 1000px;
	top:-403px;
	left:950px;
	background: url(../img/index/frame-bg.png) repeat-x 0 0;
}
 @media screen and (max-device-width: 480px) {
#slider-frame-left, #slider-frame-right {
	display:none;
}
}
@media screen and (max-device-width: 1024px) {
#slider-frame-left, #slider-frame-right {
	display:none;
}
}
#frame-top, #frame-bottom {
	position: absolute;
	width: 950px;
	height: 403px;
	left:0;
}
#frame-top {
	top:-403px;
	background: url(../img/index/frame-top.png) no-repeat;
}
#frame-bottom {
	top:-50px;
 #frame-left, #frame-right {
 width: 50px;
 height: 230px;
 position: absolute;
 top:-406px;
}
#frame-left {
	left:0;
}
#frame-right {
	right:0;
}