@charset "UTF-8";


body{
	overflow-x:hidden;
}

.bx-wrapper{
	width: 100% !important;
	position: relative !important;
}

.bx-window{
	width: 960px !important;
	margin: 0 auto !important;
	overflow: visible !important;
	height: 360px;
	background :url(/images/window-bg.png) no-repeat center 0;
}

#slider div{
	width: 960px;
}
	#slider h3{
		font-family: 'Josefin Sans', sans-serif;
		line-height: 1.2;
		font-size: 36px;
	}


/* slide1 (old) */
/*
#slide1{
	height: 330px;
	background:url(/images/img_slider01.jpg?20131227) no-repeat 0 0;
	color: #fff;
}
*/

/* slide1 */
#slide1{
	height: 330px;
	background:url(/images/img_slider06.jpg) no-repeat 0 0;
	color: #fff;
	z-index:1 !important;
}

/* slide2 (old) */
/**
#slide2{
	height: 330px;
	background:url(/images/img_slider07.jpg?date=20220225) no-repeat 0 0;
	color: #fff;
}
*/

/* slide2 (old) */
/* #slide2{
	height: 330px;
	background:url(/images/img_slider04.jpg) no-repeat 0 0;
	color: #fff;
} */

/* slide2 */
#slide2{
	height: 330px;
	background:url(/images/img_slider04.jpg) no-repeat 0 0;
	color: #fff;
}

/* slide3  (old2)*/
#slide3{
	height: 330px;
	background:url(/images/img_slider08.jpg) no-repeat 0 0;
	color: #fff;
}

#mainImages .right,
#mainImages .left{
	width:380px !important;
	float: right;
	padding: 70px 50px;
}

#mainImages .left{
	float: left;
	padding-left: 130px;
}


/* Navi */
.bx-pager{
	width: 570px;
	margin: 0 auto;
	position: relative;
}

/* prev next */
.prev-next{
	width: 960px;
	margin: 0 auto;
	position: relative;
}


	.bx-prev,
	.bx-next{
		display: block;
		width: 20px;
		height: 47px;
		position: absolute;
		top:-217px;
		z-index:6000;
	}


		.bx-prev {
			left: 0px;
			text-indent:-9999px;
			background:url(/images/bg_back.png) 0 0 no-repeat;
		}

		.bx-prev:hover{
			background:url(/images/bg_back.png) 0 -47px no-repeat;
		}



		.bx-next {
			right: 0;
			text-indent:-9999px;
			background:url(/images/bg_prev.png) 0 0 no-repeat;
		}

		.bx-next:hover{
			background:url(/images/bg_prev.png) 0 -47px no-repeat;
		}



		*+html .bx-prev,
		*+html .bx-next{
			top:-260px;
		}



		.bx-next a{ right: 0;}

/* frame */
#mainImages #container{
	position: relative;
}


#slider-frame-left{
	height: 360px;
	position: absolute;
	width: 1000px;
	top:-345px;
	right:960px;
	background: url(/images/frame-bg.png) repeat-x 100% 0;
	z-index:9995;
}

*+html #slider-frame-left{
	height: 360px;
	position: absolute;
	width: 1000px;
	top:-385px;
	right:960px;
	background: url(/images/frame-bg.png) repeat-x 100% 0;
	z-index:9996;
}



#slider-frame-right{
	height: 360px;
	position: absolute;
	width: 1000px;
	top:-345px;
	left:960px;
	background: url(/images/frame-bg.png) repeat-x 100% 0;
	z-index:9995;
}



*+html #slider-frame-right{
	height: 360px;
	position: absolute;
	width: 1000px;
	top:-385px;
	left:960px;
	background: url(/images/frame-bg.png) repeat-x 100% 0;
	z-index:9996;
}


#frame-top,
#frame-bottom{
	position: absolute;
	left:0;
	width: 960px;
	height: 50px;
	z-index:9991 !important;
	cursor:pointer;
}
	#frame-top{
		top:-345px;
		background: url(/images/frame-top.png) repeat-x 0 0;
		background:5555;
	}
	#frame-bottom{
		top:-65px;
		background: url(/images/frame-bottom.png) repeat-x 0 0;
	}



*+html #frame-top{
		top:-385px;
		background: url(/images/frame-top.png) repeat-x 0 0;
	}
*+html #frame-bottom{
		top:-105px;
		background: url(/images/frame-bottom.png) repeat-x 0 0;
	}

#frame-left,
#frame-right{
	width: 50px;
	height: 230px;
	position: absolute;
	top:-310px;
	z-index:5999;
	cursor:pointer;
}


*+html #frame-left,
*+html #frame-right{
	width: 50px;
	height: 230px;
	position: absolute;
	top:-350px;
}


	#frame-left{
		left:0;
		background: url(/images/frame-left.png) repeat-x 0 0;
	}
	#frame-right{
		right: 0;
		background: url(/images/frame-right.png) repeat-x 0 0;
	}




#mainImages{
	background:url(/common/images/bg_main.gif) 0 0 repeat;
	padding-top:30px;
	position:relative !important;
	overflow:hidden !important;
	width:auto;
}

#mainImages div{
	display:none;
}

.bx-wrapper,
#container,
.bx-wrapper div,
#container div{

}

/** pager-1 (old) **/
/*
.pager-1{
	margin-right:15px;
	display:block;
	width:180px;
	height:40px;
	background:url(/images/img_thum01.jpg?20131115) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}
*/

/** pager-1 (old) **/
/*
.pager-1{
	margin-left:98px;
	margin-right:15px;
	display:block;
	width:180px;
	height:40px;
	background:url(/images/img_thum06.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}
*/

/** pager-1 **/
.pager-1{
	margin-right:15px;
	display:block;
	width:180px;
	height:40px;
	background:url(/images/img_thum08.jpg) 0 0 no-repeat;
	text-indent:-9998px;
	float:left;
}

/** pager-2 **/
.pager-2{
	margin-right:15px;
	display:block;
	width:180px;
	height:40px;
	background:url(/images/img_thum06.jpg) 0 0 no-repeat;
	text-indent:-9998px;
	float:left;
}

/** pager-2 (old) **/
/**
.pager-2{
	margin-right:15px;
	display:block;
	width:180px;
	height:40px;
	background:url(/images/img_thum07.jpg?date=20220225) 0 0 no-repeat;
	text-indent:-9998px;
	float:left;
}
*/

/** pager-3 **/
.pager-3{
	display:block;
	width:180px;
	height:40px;
	background:url(/images/img_thum04.jpg) 0 0 no-repeat;
	text-indent:-9998px;
	float:left;
}



#container{
    margin: -15px auto 0 auto;
    width: 960px;
}

#container div{
	overflow:hidden !important;
}




#slide1,
#slide2,
#slide3,
#slide4,
#slide5 {
	position:relative;
	z-index:500;
}

#slide1 a,
#slide2 a,
#slide3 a,
#slide4 a,
#slide5 a{
	display:block;
	width:960px;
	height:330px;
	text-indent:-9999px;
	position:absolute;
	left:0;
	top:0;
}