
/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
Xwidth: 470px;
Xheight: 160px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
Xposition: relative;
Xbackground-color: #f2f2f2;
Xmargin: 100px auto;
Xpadding: 15px;
}




/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
visibility: visible !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */


/* And style your scrollbar like you normally do */

/* 背景 */
.vscrollerbase {
width: 19px;
background: #D7EBDF url("bar.jpg")/*tpa=http://www.fujidennetsu.co.jp/images/top/bar.jpg*/ 0px 0px repeat-y;
}

/* スクロールバー */
.vscrollerbar {
width: 19px;
background: #99CBCB url("bar.jpg")/*tpa=http://www.fujidennetsu.co.jp/images/top/bar.jpg*/ -19px 0px repeat-y;
}

.vscrollerbar, .hscrollerbar {
padding: 18px;
z-index: 2;
}

/* スクロールバー上 */
.vscrollerbarbeg {
background: url("bar.jpg")/*tpa=http://www.fujidennetsu.co.jp/images/top/bar.jpg*/ -57px 0px no-repeat;
width: 19px;
height: 18px !important;
}

/* スクロールバー下 */
.vscrollerbarend {
background: url("bar.jpg")/*tpa=http://www.fujidennetsu.co.jp/images/top/bar.jpg*/ -57px -18px no-repeat;
width: 19px;
height: 17px;
}

/* スクロールバー上ボタン */
.vscrollerbasebeg {
background: url("bar.jpg")/*tpa=http://www.fujidennetsu.co.jp/images/top/bar.jpg*/ -38px 0px no-repeat;
width: 19px;
height: 18px !important;
}

/* スクロールバー下ボタン */
.vscrollerbaseend {
background: url("bar.jpg")/*tpa=http://www.fujidennetsu.co.jp/images/top/bar.jpg*/ -38px -18px no-repeat;
height: 18px;
width: 19px;
}