/* ============================================================================
	fleXcrollの使い方
============================================================================ */
div#scbox,
div#scbox2 {
	width:180px;
	height:150px;
	overflow:auto;
	position:relative;
	background-color:#fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding: 10px;
}

/* 本体？ */
.scrollgeneric {
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:0;
	left:0;
}

/* 縦スクロール範囲 */
.vscrollerbase {
	width:100px;
	background-color:#eee;
}

/* 縦スクロールバー */
.vscrollerbar {
	width:10px;
	background-color:#900;
}

/* 横スクロール範囲 */
.hscrollerbase {
	height:10px;
	background-color:#eee;
}

/* 横スクロールバー */
.hscrollerbar {
	height:10px;
	background-color:#900;
}

/* 縦横スクロールバー */
.scrollerjogbox {
	width:10px;
	height:10px;
	top:auto;
	left:auto;
	bottom:0;
	right:0;
	background-color:#eee;
}

/* スクロール範囲（上下、左右のスクロールボタンを設置した場合に使用） */
div#scbox2 .vscrollerbar,
div#scbox2 .hscrollerbar {
	padding:10px;
	z-index:2;
}

/* 縦スクロール範囲 */
div#scbox2 .vscrollerbase {
	width:10px;
	background: url(../imgs/flexcroll/scrollbase_y_background.gif);
}

/* 縦スクロールバー */
div#scbox2 .vscrollerbar {
	width:10px;
	background: url(../imgs/flexcroll/scroll_y_center.gif);
}

/* 横スクロール範囲 */
div#scbox2 .hscrollerbase {
	height:10px;
	background: url(../imgs/flexcroll/scrollbase_x_background.gif);
}

/* 横スクロールバー */
div#scbox2 .hscrollerbar {
	height:10px;
	background: url(../imgs/flexcroll/scroll_x_center.gif);
}

/* 縦スクロール 上スクロールボタン */
div#scbox2 .vscrollerbasebeg {
	background: url(../imgs/flexcroll/scroll_topbtn.gif) no-repeat;
	width:10px;
	height:10px !important;
}

/* 縦スクロール 下スクロールボタン */
div#scbox2 .vscrollerbaseend {
	background: url(../imgs/flexcroll/scroll_downbtn.gif) no-repeat;
	width:10px;
	height:10px !important;
}

/* 縦スクロールバー 先端 */
div#scbox2 .vscrollerbarbeg {
	background: url(../imgs/flexcroll/scroll_y_top.gif) no-repeat;
	width:10px;
	height:5px !important;
}

/* 縦スクロールバー 終端 */
div#scbox2 .vscrollerbarend {
	background: url(../imgs/flexcroll/scroll_y_down.gif) no-repeat;
	width:10px;
	height:5px !important;
}

/* 横スクロール 左スクロールボタン */
div#scbox2 .hscrollerbasebeg {
	background: url(../imgs/flexcroll/scroll_leftbtn.gif) no-repeat;
	width:10px !important;
	height:10px;
}

/* 横スクロール 右スクロールボタン */
div#scbox2 .hscrollerbaseend {
	background: url(../imgs/flexcroll/scroll_rightbtn.gif) no-repeat;
	width:10px !important;
	height:10px;
}

/* 縦スクロールバー 先端 */
div#scbox2 .hscrollerbarbeg {
	background: url(../imgs/flexcroll/scroll_x_left.gif) no-repeat;
	width:5px !important;
	height:10px;
}

/* 縦スクロールバー 終端 */
div#scbox2 .hscrollerbarend {
	background: url(../imgs/flexcroll/scroll_x_right.gif) no-repeat;
	width:5px !important;
	height:10px;
}