.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;
}

/* �X�N���[���o�[�v�f
----------------------------------------------------------- */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 10px;     /* �c�X�N���[���o�[�̕����w�� */
  height: 100%;
  background: #ffffff;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 12px;     /* ���X�N���[���o�[�̕����w�� */
  background: #ffffff;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  position: relative;
}

.jspDrag {
  position: relative;
  top: 0px;
  left: 0px;
  cursor: pointer;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

/* �X�N���[���o�[�̔w�i�F���w�� */
.news .jspTrack { background: #e1f0f9;}
.opening .jspTrack { background: #dcf4ed;}
.reserve .jspTrack { background: #fde9ed;}
/* �X�N���[���o�[�̐F���w�� */
.news .jspDrag { background: #2d97d3;}
.opening .jspDrag { background: #0ab180;}
.reserve .jspDrag { background: #f36683;}





.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;
}