@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: スライダー部用CSS                                             　　　　　　 */
/* 作成日: 2012-07-13                                                               */
/* 最終更新日: 2012-07-13       　                                                  */
/*                                                                                  */
/* ################################################################################ */

.bx-wrapper{
	width:100% !important;
	overflow:hidden;
	position:relative !important;
}
.bx-window{
	width:960px !important;
	margin:0 auto !important;
	overflow:visible !important;
	height:260px;
}

#slider div{
	width:960px;
}
	

#slide1{
	height:260px;
}

#slide2{
	height:260px;
}

#slide3{
	height:260px;
}

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

.bx-pager{
	width:180px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	padding:20px 0 0 60px;

}

.bx-pager a{
	display:block;
	width:14px;
	height:14px;
	float:left;
	background:url(../images/slide-mark-off.png) 1px 1px no-repeat;
	margin:0 5px;
	text-indent:-9999px;
}
	
.bx-pager a:hover,
.bx-pager a.pager-active{
	background:url(../images/slide-mark-on.png) 1px 1px no-repeat;
}


.prev-next{
	width:960px;
	margin:0 auto;
	position:relative;
}
	
.bx-prev,
.bx-next{
	vertical-align:baseline;
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	top:-170px;
	text-decoration:none;
}

.bx-prev {
	left:10px;
	background:url(../images/prev-btn.png) top left no-repeat;
	text-indent:-9999px;
}
.bx-next {
	right:10px;
	background:url(../images/next-btn.png) top left no-repeat;
	text-indent:-9999px;
}

.bx-prev:hover,
.bx-next:hover{
	text-decoration:none;
}

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

body,
#slidecontainer,
.wrapper{
	position:relative;
}

#slidecontainer {
	width:960px;
	margin:0 auto;
	clear:both;
}


html,
body{
	overflow-x: hidden;
}


#slider-frame-left{
	width:1000px;
	height:260px;
	position:absolute;
	top:-294px;
	right:960px;
	background:url(../images/back-slide-side.png) repeat-x 100% 0;
}

#slider-frame-right{
	height:260px;
	position:absolute;
	width:1000px;
	top:-294px;
	left:960px;
	background:url(../images/back-slide-side.png) repeat-x 100% 0;
}

#frame-bottom{
	position:absolute;	
	width:960px;
	height:26px;
	left:0;
	top:-35px;
	background:url(../images/back-slide-bottom.png) top left no-repeat;
}