h1 {
    height : 80px;
    line-height : 80px;
    font-size : 2.0em;
    text-align : center;
    letter-spacing : 0.5em;
    color : #ffffff;
}

#navigation {
    height : 30px;
    padding : 6px 15px; 
    border-bottom : 1px solid #000000;
}

ul#navi li {
    float : left;
    width : 150px;
    height : 30px;
    line-height : 30px;
    text-align : center;
    margin-right : 5px;
    /* 立体化 */
    border-top : 1px solid #999;
    border-left : 1px solid #999;
    border-right : 1px solid #333;
    border-bottom : 1px solid #333;
    /* 角丸 */
    border-radius : 5px;
    /* グラデーションを使用できないブラウザ用 */
    background-color : #ccc;
    /* グラデーション（メタル感）*/
    background : linear-gradient(top, #fff, #ccc);
    background : -moz-linear-gradient(top, #fff, #ccc);
    background : -webkit-linear-gradient(top, #fff, #ccc);
    background : -o-linear-gradient(top, #fff, #ccc);
    background : -ms-linear-gradient(top, #fff, #ccc);
}

/* ナビゲーション */
ul#navi li a {
    display : block;
    width : 150px;
    height : 30px;
    text-decoration : none;
    font-weight : bold;
    color : #333333;
}

/* 見出し */
h2.mid {
    font-size : 1.1em; 
    border-left : 10px solid #990000;
    padding-left : 10px;
    margin-bottom : 20px;
}

ul.sub li
{
    list-style-type : disc;
    margin-left : 20px;
}

ul.sub a, #t1 a
{
    line-height : 2.0em;
    font-weight : bold;
    color : #0000cd;
}

ul.sub a {
    font-size : 1.1em;
}
 
#t1 td a {
    font-size : 1.2em;
}

ul.sub a:hover, #t1 a:hover
{
    color : #cd0000;
}

#t1
{
    width : 710px;
    margin-bottom : 10px;
}

#t1 th
{
    width : 120px;
    font-size : 1.1em;
    text-align : left;
    border-bottom : 1px dashed #000000;
}

#t1 td
{
    height : 55px;
    border-bottom : 1px dashed #000000;
}

#t1 td span {
    display : block;
    float : left;
    width : 50px;
    line-height : 35px;
    font-weight : bold;
}

#t1 td a
{
    width : 58px;
    display : block;
    float : left;
    text-align : center;
}