/*サイドバー全体*/
div#scroll{
  width:200px;height:100%;
  position:fixed;
  top:-1px;
  left:-1px;
  z-index:1;
  border:2px solid #000;
  background:#aa8888;
}

/*サイト名*/
#sidebartop{
  position:absolute;
  top:20px;
  width:100%;
  text-align: center;
  font-size:15pt;
}

/*サイト説明*/
#sidebar1{
  position:absolute;
  top:60px;
  width:100%;
  color:#434355;
  background: linear-gradient(90deg, #E4A9FF, #cccccc);
  border:solid #000;
  border-width:2px 0px 2px 0px;
  text-align: center;
  font-size:15pt;
  padding:2px 0px 2px 0px;
}

/*ページ一覧*/
#sidebar2label{
  position:absolute;
  top:110px;
  width:100%;
  color:#434355;
  background: linear-gradient(90deg, #E4A9FF, #cccccc);
  border:solid #000;
  border-width:2px 0px 2px 0px;
  text-align: center;
  font-size:15pt;
  padding:2px 0px 2px 0px;
}
#sidebar2{
  position:absolute;
  top:123px;
  width:100%;
  color:#fafaff;
  background: linear-gradient(90deg, #248, #222);
  border:solid #000;
  border-width:0px 0px 2px 0px;
  font-size:12pt;
  padding:5px 0px 2px 0px;
  line-height: 100%;
}
#sidebar3{
  position:absolute;
  top:161px;
  width:100%;
  color:#fafaff;
  background: linear-gradient(90deg, #844, #222);
  border:solid #000;
  border-width:0px 0px 2px 0px;
  font-size:12pt;
  padding:0px 0px 2px 0px;
  line-height: 100%;
}

#sidebar4{
  position:absolute;
  top:430px;
  width:100%;
  background: linear-gradient(90deg, #248, #222);
  white-space:nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  padding:3px 0px 0px 0px;
}

#sidebar4 img{
  height:80px;
}

#sidebar5{
  position:absolute;
  top:540px;
  width:100%;
  background: linear-gradient(90deg, #248, #222);
  white-space:nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  padding:3px 0px 0px 0px;
}
#sidebar5 img{
  height:80px;
}

/*一覧表示全般*/

a{
  text-decoration: none;
}
a#select{
  color:#fafaff;
}
li a{
  display: block;
  width: 100%;
}
a.light:hover{ /* リンクにカーソルが乗った時、赤系の色に変更 */
  text-decoration: underline;
  color : #ffaacc !important;
  background: #833 !important;
}