html {
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-y:scroll;
}

h1 { /*トップ大分類*/
  margin: 0 0 0 0; /* 上マージン、右マージン、下マージン、左マージン */
  padding-top: 6px; /* 上パディング */
  width: 158px; /* 図形幅 */
  height: 20px; /* 図形高さ */
  background: #00ffff; /* 図形背景色 */
  border-radius: 20px 20px 0 0; /* 左上、右上、右下、左下 */
  font-family: "メイリオ","ＭＳ　Ｐゴシック";
  font-size: 90%; /* 文字サイズ */
  color: #0000ff; /* 文字色 */
  text-valign: middle;
  text-align: center;
}

h2 { /*トップ小分類*/
  margin: -16 0 -16 0; /* 上マージン、右マージン、下マージン、左マージン */
  width: 158px; /* 図形幅 */
  height: 35px; /* 図形高さ */
  background: #00ffff; /* 図形背景色 */
  font-family: "メイリオ","ＭＳ　Ｐゴシック";
  font-size: 70%; /* 文字サイズ */
  color: #ff0000; /* 文字色 */
  text-valign: top;
  text-align: left;
}

h3 { /*トップ選択部*/
  margin: 0 0 0 0; /* 上マージン、右マージン、下マージン、左マージン */
  padding-top: 5px; /* 上パディング */
  padding-bottom: 5px; /* 下パディング */
  padding-left: 8px; /* 左パディング */
  height: 20px; /* 図形高さ */
  background: #00ffff; /* 背景色 */
  font-family: "メイリオ","ＭＳ　Ｐゴシック";
  font-size: 100%; /* 文字サイズ */
  border-bottom: 1px solid #ffffff; /* 下ボーダー、幅、実線、線色 */
  text-valign: bottom;
  text-align: left;
}


h4.code { /*大会名-1 大会コード用*/
  margin: 0 0 0 0; /* 上マージン、右マージン、下マージン、左マージン */
  font-family: "Arial";
  font-size: 100%; /* 文字サイズ */
  color: #0000ff; /* 文字色 */
  padding-top: 5px; /* 上パディング */
  padding-right: 0px; /* 右パディング */
  padding-bottom: 0px; /* 下パディング */
  padding-left: 10px; /* 左パディング */
  border-top: 2px solid #00ccff; /* 上ボーダー、幅、実線、線色 */
  border-right: 2px solid #00ccff; /* 右ボーダー、幅、実線、線色 */
  border-left: 10px solid #00ccff; /* 左ボーダー、幅、実線、線色 */
}

h4.taikai1 { /*大会名-2 大会名用*/
  margin: -15 0 0 0; /* 上マージン、右マージン、下マージン、左マージン */
  font-family: "メイリオ","ＭＳ　Ｐゴシック";
  font-size: 130%; /* 文字サイズ */
  color: #000000; /* 文字色 */
  padding-top: 0px; /* 上パディング */
  padding-right: 0px; /* 右パディング */
  padding-bottom: 0px; /* 下パディング */
  padding-left: 20px; /* 左パディング */
  border-right: 2px solid #00ccff; /* 右ボーダー、幅、実線、線色 */
  border-left: 10px solid #00ccff; /* 左ボーダー、幅、実線、線色 */
}

h4.taikai2 { /*大会名-3 大会名(サブ)用*/
  margin: -7 0 0 0; /* 上マージン、右マージン、下マージン、左マージン */
  font-family: "メイリオ","ＭＳ　Ｐゴシック";
  font-size: 100%; /* 文字サイズ */
  color: #000000; /* 文字色 */
  padding-top: 5px; /* 上パディング */
  padding-right: 0px; /* 右パディング */
  padding-bottom: 5px; /* 下パディング */
  padding-left: 100px; /* 左パディング */
  border-right: 2px solid #00ccff; /* 右ボーダー、幅、実線、線色 */
  border-left: 10px solid #00ccff; /* 左ボーダー、幅、実線、線色 */
}

h4.date { /*大会名-4 期日・会場用*/
  margin: 0 0 0 0; /* 上マージン、右マージン、下マージン、左マージン */
  font-family: "メイリオ","ＭＳ　Ｐゴシック";
  font-size: 80%; /* 文字サイズ */
  color: #000000; /* 文字色 */
  padding-top: 0px; /* 上パディング */
  padding-right: 0px; /* 右パディング */
  padding-bottom: 5px; /* 下パディング */
  padding-left: 400px; /* 左パディング */
  border-right: 2px solid #00ccff; /* 右ボーダー、幅、実線、線色 */
  border-bottom: 2px solid #00ccff; /* 下ボーダー、幅、実線、線色 */
  border-left: 10px solid #00ccff; /* 左ボーダー、幅、実線、線色 */
}

h5.info1 { /*大会情報-1 ヘッダー*/
  margin: 0 0 0 0; /* 上マージン、右マージン、下マージン、左マージン */
  font-family: "メイリオ","ＭＳ　Ｐゴシック";
  font-size: 90%; /* 文字サイズ */
  color: #000000; /* 文字色 */
  background-color: #ccffff; /* 背景色 */
  padding-top: 5px; /* 上パディング */
  padding-right: 0px; /* 右パディング */
  padding-bottom: 5px; /* 下パディング */
  padding-left: 15px; /* 左パディング */
  border-right: 2px solid #00ccff; /* 右ボーダー、幅、実線、線色 */
  border-left: 2px solid #00ccff; /* 左ボーダー、幅、実線、線色 */
}

h5.info2 { /*大会情報-2 本文1*/
  margin: 0 0 0 0; /* 上マージン、右マージン、下マージン、左マージン */
  font-family: "メイリオ","ＭＳ　Ｐゴシック";
  font-size: 80%; /* 文字サイズ */
  line-height: 1.4em; /* 行間隔 */
  color: #000000; /* 文字色 */
  padding-top: 10px; /* 上パディング */
  padding-right: 0px; /* 右パディング */
  padding-bottom: 10px; /* 下パディング */
  padding-left: 10px; /* 左パディング */
  border-right: 2px solid #00ccff; /* 右ボーダー、幅、実線、線色 */
  border-bottom: 2px solid #00ccff; /* 下ボーダー、幅、破線、線色 */
  border-left: 2px solid #00ccff; /* 左ボーダー、幅、実線、線色 */
}

h6 { /*大会間スペース*/
  margin: 0 0 0 0; /* 上マージン、右マージン、下マージン、左マージン */
  height: 5; /* 高さ */
}

h6.bottom { /*下余白*/
  margin: 0 0 0 0; /* 上マージン、右マージン、下マージン、左マージン */
  height: 500; /* 高さ */
}


a {
  text-decoration: none; /* リンクの下線を消す */
}


.btn {
  font-family: "メイリオ","ＭＳ　Ｐゴシック";
  font-size: 80%; /* 文字サイズ */
  font-weight: bolder; /* 太字 */
  border: 1px solid #cccccc;  
  color: #000000;  
  background: #99ffff; /* 背景色 */
  width: 150px;
  padding-top: 4px; /* 上パディング */
  padding-bottom: 2px; /* 下パディング */
} 

.btnnow {  
  font-family: "メイリオ","ＭＳ　Ｐゴシック";
  font-size: 80%; /* 文字サイズ */
  font-weight: bolder; /* 太字 */
  border: 1px solid #cccccc;  
  color: #000000;  
  background-color: #ff9900; /* 背景色 */
  width: 150px;  
  padding-top: 4px; /* 上パディング */
  padding-bottom: 2px; /* 下パディング */
} 



body
    {
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
    }

#main
    {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:960px;         /* 幅を決定する */
    }