/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer{overflow:hidden; position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute; top:0; right:0; width:5px; height:100%; background:red;}/*スクロールバーの幅*/
.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;}
/*修正アリ*/
#info_area .jspTrack{background:#e8e8e8; position:relative;}/*スクロールバーの背景*/
#info_area .jspDrag{background:#a99574; position:relative; top:0; left:0; cursor:pointer;}/*スクロールバー*/

#sbe_scroll .jspTrack{background:#b4b0e5; position:relative;}/*スクロールバーの背景*/
#sbe_scroll .jspDrag{background:#8b85cd; position:relative; top:0; left:0; cursor:pointer;}/*スクロールバー*/
#pui_scroll .jspTrack{background:#fcfbe5; position:relative;}/*スクロールバーの背景*/
#pui_scroll .jspDrag{background:#e0e09f; position:relative; top:0; left:0; cursor:pointer;}/*スクロールバー*/
#information .jspTrack{background:url("/wedding/common/img/info_bar_bg.gif") #e7db92; position:relative;}/*スクロールバーの背景*/
#information .jspDrag{background:#66645b; position:relative; top:0; left:0; cursor:pointer;}/*スクロールバー*/

#twitter .jspTrack{background:url("/wedding/common/img/twitter_bar_bg.gif") #a1e0f3; position:relative;}/*スクロールバーの背景*/
#twitter .jspDrag{background:#6eb8cf; position:relative; top:0; left:0; cursor:pointer;}/*スクロールバー*/
/*修正ここまで*/

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float:left; height:100%;}
.jspArrow{background:#50506d; text-indent:-20000px; display:block; cursor:pointer;}
.jspArrow.jspDisabled{ cursor:default; background: #80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px; float:left; height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4; float:left; height:100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}