@charset "utf-8";

/* sidebar
=============================================================== */
div#sidebar{
  width:150px;
  float:right;
  font-family:'Noto Sans Japanese', Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  }
div#sidebar h3{
  padding:0 1px;
  font-size:6px;
}

/* navigation
=============================================================== */
div#navigation{
  padding:0 0 90px 0;
  width:150px;
  float:right;
}
div#navigation h3{
  padding:0 1px 3px 0;
}
div#navigation ul{
  padding:0 0 10px 0;
  background:url(../../images/line_sidebar.gif) no-repeat left bottom;
}
div#navigation ul li{
  margin:10px 0 10px 9px;
  line-height:0;
}
div#navigation ul.sub{
  margin:15px 0 0 0;
  padding:0;
  background:none;
}
div#navigation ul.sub li{
  margin:10px 0 -5px 8px;
}

/* contentslist
=============================================================== */
div#contentslist{
  padding:0 0 90px 0;
  width:150px;
  float:left;
}

div#contentslist ul{
  margin:15px 8px 0 8px;
}

div#contentslist ul.contentlist{
  padding-bottom: 20px;
  background:url(../../images/line_sidebar.gif) no-repeat left bottom;
}

div#contentslist ul li{
  margin:3px 0;
  font-size: 12px;
  background:url(../../images/linkmark1.gif) no-repeat left 6px;
}

*:first-child+html div#contentslist ul li{
  background:url(../../images/linkmark1.gif) no-repeat left 0.5em;
}

div#contentslist ul li span,
div#contentslist ul li a{
  padding:0 0 0 12px;
  display:block;
  text-decoration:none;
}

* html div#contentslist ul li a{
  height:1%;
}

div#contentslist ul li span,
div#contentslist ul li a:link,
div#contentslist ul li a:visited,
div#contentslist ul li a:hover,
div#contentslist ul li a:active{
  /*color:#005588;*/
}

div#contentslist ul li a:hover{
  text-decoration:underline;
}


div#contentslist ul li ul{
  margin:0;
}

div#contentslist ul li ul li{
  margin:5px 0;
  line-height: 1.5;
  background:url(../../images/linkmark2.gif) no-repeat left 5px;
}

*:first-child+html div#contentslist ul li ul li{
  background:url(../../images/linkmark2.gif) no-repeat left 0.45em;
}

div#contentslist ul li ul li span,
div#contentslist ul li ul li a:link,
div#contentslist ul li ul li a:visited,
div#contentslist ul li ul li a:hover,
div#contentslist ul li ul li a:active{
  color:#999999;
}

div#contentslist ul li ul li.present{
  background:url(../../images/linkmark3.gif) no-repeat left 0.3em;
}

*:first-child+html div#contentslist ul li ul li.present{
  background:url(../../images/linkmark3.gif) no-repeat left 0.45em;
}

div#contentslist ul li ul li.present,
div#contentslist ul li ul li.present a:link,
div#contentslist ul li ul li.present a:visited,
div#contentslist ul li ul li.present a:hover,
div#contentslist ul li ul li.present a:active{
  color:#000000;
}

div#contentslist ul li ul li ul{
  margin:0 0 0 10px;
}

div#contentslist ul li ul li ul li,
div#contentslist ul li ul li.present ul li{
  margin: 5px 0;
  color:#999999;
  line-height:1.2em;
}

div#contentslist ul li ul li ul li a:link,
div#contentslist ul li ul li ul li a:visited,
div#contentslist ul li ul li ul li a:hover,
div#contentslist ul li ul li ul li a:active,
div#contentslist ul li ul li.present ul li a:link,
div#contentslist ul li ul li.present ul li a:visited,
div#contentslist ul li ul li.present ul li a:hover,
div#contentslist ul li ul li.present ul li a:active{
  margin:0;
  padding:0 0 0 12px;
  display:block;
  position:relative;
  color:#999999;
}

div#contentslist ul li ul li ul li.present{
  background:none;
  color:#000000 /*!important*/;
}

div#contentslist ul li ul li ul li.present a:link,
div#contentslist ul li ul li ul li.present a:visited,
div#contentslist ul li ul li ul li.present a:hover,
div#contentslist ul li ul li ul li.present a:active{
  color:#000000 /*!important*/;
}


div#contentslist ul li ul li ul li ul li,
div#contentslist ul li ul li ul li.present ul li{
  color:#999999 /*!important*/;
}

div#contentslist ul li ul li ul li ul li a:link,
div#contentslist ul li ul li ul li ul li a:visited,
div#contentslist ul li ul li ul li ul li a:hover,
div#contentslist ul li ul li ul li ul li a:active,
div#contentslist ul li ul li ul li.present ul li a:link,
div#contentslist ul li ul li ul li.present ul li a:visited,
div#contentslist ul li ul li ul li.present ul li a:hover,
div#contentslist ul li ul li ul li.present ul li a:active{
  color:#999999 /*!important*/;
}

div#contentslist div.navigation{
  padding:0 0 90px 0;
  width:150px;
  float:right;
}

div#contentslist div.navigation h3{
  padding:0 1px 3px 0;
}

div#contentslist div.navigation ul{
  padding:0 0 10px 0;
  background:url(../../images/line_sidebar.gif) no-repeat left bottom;
}
div#contentslist div.navigation ul li{
  margin:10px 0 10px 4px;
  line-height:1.5;
  font-size: 14px;
  background-image: none;
}
div#contentslist div.navigation ul li a {
  padding: 0;
  color: #222;
  text-decoration: none;
}
div#contentslist div.navigation ul li a:hover {
  color: #666;
}
div#contentslist div.navigation ul li a span {
  font-size: 0.5em;
  padding: 0;
}
div#contentslist div.navigation ul.sub{
  margin:15px 0 0 0;
  padding:0;
  background:none;
}
div#contentslist div.navigation ul.sub li{
  margin:10px 0 0 8px;
  font-size: 10px;
}
div#contentslist div.navigation ul.sub li a {
  font-size: 0.8em;
  color: #666;
  padding-left: 5px;
}

/* bannerlist
=============================================================== */
div#contentslist ul#bannerlist{
  margin:20px 8px 0 8px;
  padding:0px 0px 18px 0px;
  background:url(../../images/line_sidebar.gif) repeat-x left bottom;
}

div#contentslist ul#bannerlist li{
  margin:0 auto 10px auto;
  width:130px;
  background:none;
  line-height:0;
}

div#contentslist ul#bannerlist li a{
  padding:0;
}

/* calendar
=============================================================== */
div#contentslist div#calendar{
  margin:20px 0 0 0;
  padding:19px 8px 0 8px;
  position:relative;
  background:url(../../images/line_sidebar.gif) repeat-x left top;
}

div#contentslist div#calendar ul{
  margin:0 4px;
  width:126px;
  position:absolute;
  top:16px;
}

div#contentslist div#calendar ul li{
  margin:0;
  padding:0;
  background:none;
}

div#contentslist div#calendar ul li.prev{
  float:left;
}

div#contentslist div#calendar ul li.next{
  float:right;
}

div#contentslist div#calendar ul li a:link,
div#contentslist div#calendar ul li a:visited,
div#contentslist div#calendar ul li a:hover,
div#contentslist div#calendar ul li a:active{
  padding:0;
  color:#000000;
}

div#contentslist div#calendar table{
  width:100%;
  font-size:9px;
}

div#contentslist div#calendar table caption,
div#contentslist div#calendar table th{
  font-weight:bold;
}

div#contentslist div#calendar table th,
div#contentslist div#calendar table td{
  text-align:center;
  line-height:140%;
}

div#contentslist div#calendar table th{
  padding:3px 0;
  color:#000000;
}

div#contentslist div#calendar table td,
div#contentslist div#calendar table td a:link,
div#contentslist div#calendar table td a:visited,
div#contentslist div#calendar table td a:hover,
div#contentslist div#calendar table td a:active{
  color:#666666;
}

div#contentslist div#calendar table th.sun,
div#contentslist div#calendar table td.sun,
div#contentslist div#calendar table td.sun a:link,
div#contentslist div#calendar table td.sun a:visited,
div#contentslist div#calendar table td.sun a:hover,
div#contentslist div#calendar table td.sun a:active{
  color:#CC0000;
}

div#contentslist div#calendar table td.today,
div#contentslist div#calendar table td.today a:link,
div#contentslist div#calendar table td.today a:visited,
div#contentslist div#calendar table td.today a:hover,
div#contentslist div#calendar table td.today a:active{
  background:#626262;
  color:#FFFFFF
}

div#contentslist div#calendar table td.around,
div#contentslist div#calendar table td.around a:link,
div#contentslist div#calendar table td.around a:visited,
div#contentslist div#calendar table td.around a:hover,
div#contentslist div#calendar table td.around a:active{
  color:#CCCCCC;
}