/*      基本設定　　　　*/

body     {
     background-color: White;
     text-align: center;
     color: Black;
     margin-top: 1px;
     font-size: 15px;
}

body a     {
     color: Black;
     text-decoration: none;
}

body a:hover     {
     color: Navy;
}

#header     {
     width: 680px;
     height: 80px;
     background-color: green;
     margin-top: 5px;
     margin-bottom: 0px;
     padding: 0px;
     text-align: right;

     background-image: url("gifs/header01.jpg");
}

h1     {
     font-size: 36px;
     text-align: left;
     color: White;
     font-family: Arial Black;
     margin-top: 1px;
     margin-left: 20px;
     margin-bottom: 0px;
}

h2       {
     color: White;
     font-size: 20px;
     text-decoration: none;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-right: 20px;
     font-family: HG正楷書体-PRO;
         }

#tag     {
     width: 680px;
     text-align: left;
     color: Gray;
     font-size: 12px;
     margin-top: 3px;
     margin-bottom: 3px;
}

#tag a    {
     color: Gray;
}

#tag a:hover    {
     color: Black;
}

.menu-bar     {
     width: 680px;
}

.menu     {
     width: 136px;
     height: 19px;
     color: White;
     float: left;
     font-size: 14px;
     padding-top: 5px;
     background-image: url("gifs/button05.jpg");
}

.menu  a   {
     width: 136px;
     height: 19px;
     color: White;
     text-decoration: none;

}

.menu  a:hover   {
     width: 136px;
     height: 19px;
     color: Orange;

}

h3     {
     font-size: 15px;
     margin-left: 10px;
     margin-top: 0px;
     margin-bottom: 0px;
}

#title     {
     width: 680px;
     height: 17px;
     background-color: #cccccc;
     color: White;
     margin-top: 3px;
     margin-bottom: 3px;
     padding-top: 3px;
     font-size: 15px;
     font-weight: bold;
     text-align: left;
     background-image: url("gifs/sub-title02.jpg");
}


#contents     {
     width: 680px;
     text-align: right;
     background-color: White;
     margin-top: 3px;
}

#left01     {
     width: 196px;
    height: 350px;
    float: left;
    border-right: gray 1px solid;
    border-left: gray 1px solid;
}

#right     {
     width: 480px;
     text-align: left;
     background-color: White;
     font-size: 15px;
     margin-top: 20px;
     margin-bottom: 20px;
     margin-right: 10px;
}

#right01     {
     width: 480px;
     height: 350px;
     text-align: left;
     background-color: White;
     font-size: 15px;
     margin-top: 50px;
     margin-bottom: 50px;
     margin-right: 10px;
     background-image: url("gifs/tree00.jpg");
}

#left     {
     width: 80px;
     text-align: left;
}

#line1     {
     width: 475px;
     height: 17px;
     text-align: right;
     font-size: 15px;
     padding-top: 3px;
     font-weight: bold;
     margin-top: 0px;
     margin-bottom: 3px;
     background-color: #cccccc;
     padding-right: 10px;
     background-image: url("gifs/line01.jpg");
     color: white;
}

#bottom-menu     {
     width: 680px;
     font-size: 12px;
     color: Gray;
     text-align: right;
     margin-top: 3px;
     margin-bottom: 3px;
}

#bottom-menu  a   {
     color: Gray;
     text-decoration: none;
}

#bottom-menu  a:hover   {
     color: Black;
}

h6     {
     text-align: center;
     background-color: Navy;
     width: 680px;
     height: 16px;
     font-size: 12px;
     color: White;
     padding-top: 2px;
     margin-top: 3px;
     margin-bottom: 0px;
     background-image: url("gifs/footer01.jpg");
     padding-top: 4px;
}

#bottom-b     {
     color: Gray;
     font-size: 12px;
}

#bottom-b a    {
     color: Gray;
}

#bottom-b a:hover    {
     color: Black;
}