<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jquery.jscrollpane.css | SP advertising Co., Ltd</title> <!--リソース変数pagetitleとコンフィグ変数site_name-->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--コンフィグ変数modx_charset-->
  <base href="http://www.sp-k.co.jp/" />                   <!--コンフィグ変数site_url-->
</head>
<body>
    <h1>jquery.jscrollpane.css</h1>                       <!--リソース変数pagetitle-->
     /*
 * 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:7px;height:100%;background:#002B91;}
/* 横スクロールバー */
.jspHorizontalBar{position:absolute;bottom: 0;left:0;width:100%;height:7px;background:#002B91;}

.jspVerticalBar *,
.jspHorizontalBar *
{margin:0;padding:0;}

.jspCap{display:none;}

.jspHorizontalBar .jspCap{float:left;}

/* 背景 */
.jspTrack{background: #888888;position:relative;}

.jspDrag
{background: #ffffff;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;}                                 <!--リソース変数content-->
</body>
</html>
