@charset "Shift_JIS";

/* スクロール
----------------------------------------------- */
/* トップで使用 */
#mycustomscroll_1 {
	/* width: 194px; */ /* 右側サイズ */
	/* height: 80px; */ /* 右側サイズ */
	width: 184px; /* 右側サイズ */
	height: 122px; /* 右側サイズ */
	overflow: auto;
	position: relative;
}
#mycustomscroll_2 {
	/* width: 194px; */ /* 右側サイズ */
	/* height: 80px; */ /* 右側サイズ */
	width: 184px; /* 左側サイズ */
	height: 121px; /* 左側サイズ */
	overflow: auto;
	position: relative;
}

/* CMで使用 */
#mycustomscroll_3 {
	width: 190px;
	height: 344px;
	_height: 349px;
	margin-top:5px;
	overflow: auto;
	position: relative;
}


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

/* 縦スクロール範囲 */
.vscrollerbase {
	width:10px;
	background-color:#e9e9e9;
}
#mycustomscroll_3 .vscrollerbase {
	width:20px;
	background: url(/img/common/scroll_base02.gif) repeat-y left center;
}


/* 縦スクロールバー */
.vscrollerbar {
	width:10px;
	background: url(/img/common/scroll01.gif) repeat-y left center;
	cursor:pointer;
}
#mycustomscroll_3 .vscrollerbar {
	width:20px;
	height:20px!important;
	background: url(/img/common/scroll02.gif) no-repeat left center;
}


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


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

/* 縦スクロール 上スクロールボタン */
.vscrollerbasebeg {
	background: url(/img/common/btn_scroll01up.gif) no-repeat left center;
	width:10px;
	height:10px !important;
	cursor:pointer;
}
#mycustomscroll_3 .vscrollerbasebeg {
	background: url(/img/common/btn_scroll02up.gif) no-repeat left center;
	width:20px;
	height:11px !important;
}

/* 縦スクロール 下スクロールボタン */
.vscrollerbaseend {
	background: url(/img/common/btn_scroll01down.gif) no-repeat;
	width:10px;
	height:10px !important;
	cursor:pointer;
}
#mycustomscroll_3 .vscrollerbaseend {
	background: url(/img/common/btn_scroll02down.gif) no-repeat;
	width:20px;
	height:11px !important;
}

/* 縦スクロールバー 先端
.vscrollerbarbeg {
	background: url(/img/common/btn_scroll01up.gif) no-repeat left top;
	width:10px;
	height:10px !important;
} */

/* 縦スクロールバー 終端
.vscrollerbarend {
	background: url(/img/common/btn_scroll01down.gif) no-repeat left bottom;
	width:10px;
	height:10px !important;
} */

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

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