@charset "utf-8";
/* CSS Document */

/* 全体 */
.jspContainer { 
	overflow:hidden;
	position:relative;
}

/* スクロールバーを除いたエリア */
.jspPane {
	position:absolute;
}

/* 縦スクロールバー */
.jspVerticalBar {
	position:absolute;
	top:0;
	right:0;
	width:18px;
	height:100%;
	background:#f1f1f1;
}

/* 横スクロールバー */
.jspHorizontalBar {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:10px;
}

/* 背景 */
.jspTrack {
	background:#f1f1f1;
	position:relative;
	padding: 3px;
}

/* ノブ */
.jspDrag {
	background:#bcbcbc;
	border: solid 1px #a8a8a8;
	position:relative;
	top:0;
	left:0;
	cursor:pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float:left;
	height:100%;
}


/* 全ての矢印 */
.jspArrow {
  display: block; 
  cursor : pointer;
  padding: 0;
  margin : 0;
		background: url("../images/common/scroll_arrow01.png") no-repeat 5px 8px;
     background-size: 40%;
  /* 便宜上、jQueryUIのアイコンに直リンクさせてます、すみません */
}
/* 下矢印 */
.jspArrowDown {
		background: url("../images/common/scroll_arrow02.png") no-repeat 5px 8px;
     background-size: 40%;
     opacity: 0.9;
      filter  : alpha( opacity=90 );
  -ms-filter  : alpha( opacity=90 );
}

/* disabledつまり、スクロールバーがくっついてる時 */
.jspVerticalBar>.jspDisabled, .jspVerticalBar>.jspDisabled:hover, .jspHorizontalBar>.jspDisabled, .jspHorizontalBar>.jspDisabled:hover {
		background: url("../images/common/scroll_arrow03.png") no-repeat 5px 8px;);
      background-size: 40%;
     opacity  : 0.9;
      filter  : alpha( opacity=90 );
  -ms-filter  : alpha( opacity=90 );
}

.jspVerticalBar .jspArrow {
	    height: 17px;
}




/* 1610420追加 */
.jspPane {
	width: 925px!important;
}
.jspContainer {
	width: 980px!important;
}
.jspTrack {
	height: 186px!important;
}
.jspDrag {
	height: 40px!important;
	/*top: 98px!important;*/
}



@media (max-width: 767px) {
	.jspContainer {
    width: 100%!important;
	}
	.jspPane {
	    width: 86%!important;
	}
	
	.jspDrag {
    height: 26px!important;
	}
}