/* ★基本カスタマイズは、以下の4つのclassのみ。 */

/* スクロールバー本体 */
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
/* 横幅を変更 */
width: 14px;
height: 100%;
}

/* スクロールバーの背景 */
.jspTrack {
position: relative;
background: #ccc;
}

/* ドラッグバーの背景 */
.jspDrag {
position: relative;
top: 0;
left: 0;
background: #000;
cursor: pointer;
}

/* コンテンツ表示エリア */
.jspContainer {
position: relative;
overflow: hidden;
/* 背景指定 */
background: #fff;
}





.jspPane {
position: absolute;
}



/* ★以下は必要に応じて（通常は不使用） */


/* 横スクロールバー本体 */

.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}

.jspCap {
display: none;
}

.jspHorizontalBar .jspCap {
float: left;
}

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


/* 矢印ボタン */

.jspArrow {
text-indent: -20000px;
display: block;
cursor: pointer;
background: #50506d;
}

.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}

.jspVerticalBar .jspArrow {
height: 16px;
}

.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}

.jspVerticalBar .jspArrow:focus {
outline: none;
}

.jspCorner {
float: left;
height: 100%;
background: #eeeef4;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0;
}