﻿/*
.page {
  width: 500px;
  height: 300px;
  margin: 100px auto 100px auto;
}

.news_wrapper {
  width: 380px;
  height: 170px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 10px 10px 10px 10px;
  font-size: 100%;
  border: 1px solid #dcdcdc;
}

.news_wrapper  dl.news {
  width: 380px;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.news_wrapper  dl.news dt {
  width: 365px;
  height: auto;
  padding: 0px 0px 0px 0px;
  color: #3261ab;
}

.news_wrapper  dl.news dd {
  width: 365px;
  height: auto;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px dotted #dcdcdc;
}

.news_wrapper  dl.news dd a {
  color: #111111;
  text-decoration: underline;
}

.news_wrapper  dl.news dd a:hover {
  text-decoration: none;
}
*/

/* スクロールバー要素
----------------------------------------------------------- */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
    background: #ffffff none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;     /* 縦スクロールバーの幅を指定 */
}



.jspHorizontalBar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 4px;     /* 横スクロールバーの幅を指定 */
  background: #ffffff;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #deb2c5;     /* スクロールバーの背景色を指定 */
  position: relative;
}

.jspDrag {
  background: #eb6ea5;     /* スクロールバーの色を指定 */
  position: relative;
  top: 0px;
  left: 0px;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
}

.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%;
}

/* IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0px -3px 0px 0px;
}
