@charset "utf-8";
*{        /* スクロールバー色 */
  scrollbar-face-color: #000;
  scrollbar-track-color: #000;
  scrollbar-highlight-color: #000;
  scrollbar-3dlight-color: #333;
  scrollbar-shadow-color: #000;
  scrollbar-darkshadow-color: #aaa;
  scrollbar-arrow-color: #ddd;
}
body{
  margin: 0;
  padding: 0;
  background: #333333;    /* 背景色 */
  color: #fff;    /* 文字色 */
  font: 100%/125% Verdana,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  text-align: left;
}
a:link,a:visited{
  color: #ddd;    /* リンク文字色(訪問前・後) */
  text-decoration: underline;
}
a:hover,a:active{      /* リンク文字色(選択・実行中) */
  background: #f03;
  color: #000;
  text-decoration: none;
}
input,input.box,textarea,form{
  margin: 0;
  padding: 0;  
  background: #000;    /* フォーム背景色 */
  color: #fff;    /* フォーム文字色 */
}
input,textarea,.main_body,.main_body img{  /* 枠ライン色 */
  border: 5px #aaa inset;
}
input.box{
  border: none;
}
ul{
  margin: 0;
  padding: 0 0 0 15px;
  list-style: circle;    /* リストマーク種類 */
  color: #aaa;
}
h1{
  margin: 0;
  padding: 0;
  font-size: 150%;
  text-align: left;
}
h1 a:link,h1 a:visited,h3 a:link,h3 a:visited{
  color: #fff;    /* ブログタイトル・記事タイトル文字色(訪問前・後) */
  text-decoration: none;
  border: none;
}
h1 a:hover,h1 a:active,h3 a:hover,h3 a:active{
  background: #000;
  color: #fff;    /* ブログタイトル・記事タイトル文字色(選択・実行中) */
  text-decoration: underline;
}
h2{
  margin: 0 0 0 20%;
  padding: 20px 0 0 20px;  
  font-size: 110%;
  color: #aaa;    /* ブログ紹介文文字色 */
}
h3{        /* 記事タイトル */
  margin: 0 0 30px;
  padding: 0;  
  font-size: 100%;
}
h4{        /* コメントトラックバックタイトル */
  margin: 20px 0 0;
  padding: 0;  
  font-size: 100%;
}
h5{        /* メニュータイトル */
  margin: 0;
  padding: 0;
  font-size: 80%;
}
#wrapper{
  width: 100%;
}
#header{
  width: 69%;
   float: left;
  overflow: auto;
  margin: 0;
  padding: 20px;
}
#right{
  width: 20%;
   float: right;
  margin: 0;
  padding: 10px 5px 0;
}
#left{
  width: 15%;
   float: left;
  margin: 0;
  padding: 0 5px 0;
}
#main{
  width: 55%;
   float: left;
  margin: 10px 0 0 10px;
  padding: 10px 0 10px 10px;
}
.main_body{
  overflow: auto;
  margin: 0 0 30px;
  padding: 0 20px;   
}
.main{
  margin: 20px 0;
  padding: 0;
  font-size: 90%;
}
.main_more{
  margin: 0;
  padding: 0 0 20px;
  font-size: 90%;
}
.relate_dl{
  margin: 0;
  padding: 20px 0 0 50%;
  font-size: 80%;
}
.footer{
  margin: 0;
  padding: 0; 
  font-size: 70%;
  text-align: right;
}
.no{
  margin: 0;
  padding: 0 0 0 15px;
  list-style-type: none;
  font-size: 90%;
  color: #fff;
}
.menu{
  overflow: auto;
  margin: 0 0 20px; 
  padding: 5px;
}
.menu_l{
  margin: 10px 0 0;
  padding: 0;
  font-size: 70%;
}
table.calender{
  text-align: center;
}