*{margin:0;padding:0;}
/******************************************/
/* Format for body                        */
/******************************************/
body{
    background-color:#008b77;
    font-family:arial,meiryo,sans-serif;
}
/******************************************/
/* container                              */
/******************************************/
#container{
    width:1000px;
    margin:auto;
    background-color:#eee9e9;
}
/******************************************/
/* header                                 */
/******************************************/
#top{
    padding:10px;
    background-color:#000000;
    color:#ffffff;
    text-align:center;
}
/******************************************/
/* Footer                                 */
/******************************************/
#bottom{
    padding:10px;
    background-color:#000000;
    color:#ffffff;
    text-align:center;
}
/******************************************/
/* Main contents                          */
/******************************************/
.unit{clear:both;}
#top1{
    margin:0;
    width:100px;
    height:25px;
    padding-top:5px;
    text-align:center;
    font-size:120%;
    background-color:#0066cc;
}
.jaen a{text-decoration:none;}
.jaen a:link{color:#ffffff;font-weight:bold;}
.jaen a:visited{color:#ffffff;font-weight:bold;}
.jaen a:active{color:#ffffff;font-weight:bold;}
.jaen a:hover{color:#ffff00;font-weight:bold;}
#top2{
    float:left;
    margin-right:auto;
    margin-left:auto;
    width:800px;
    height:25px;
    padding-top:5px;
    text-align:left;
    font-size:100%;
    background-color:#ffffff;
    color:#000000;
}
#top3{
    float:right;
    width:100px;
    height:25px;
    padding-top:5px;
    text-align:center;
    font-size:100%;
    background-color:#ffffff;
}
#intro{
    width:400px;
    margin:auto;
    text-align:left;
    font-size:90%;
    background-color:#ffffff;
    color:#000000;
}
#navi{
    float:left;
    margin-right:auto;
    margin-left:auto;
    width:100px;
    text-align:left;
    font-size:80%;
    background-color:#eee9e9;
    color:#000000;
}
#main{
    float:left;
    margin-right:auto;
    margin-left:auto;
    width:900px;
    line-height:150%;
    text-align:left;
    font-size:100%;
    background-color:#ffffff;
    color:#000000;
}
h1{font-size:180%;font-weight:bold;}
h2{
    margin:30px 5px 10px 5px;
    padding:5px 10px 5px 10px;
    background-color:#00008b;
    font-size:120%;
    color:#ffffff;
}
h3{
    margin:20px 0 10px 0;
    padding:0 0 0 10px;
    border-left:solid 20px #00008b;
    border-bottom:solid 1px #00008b;
    font-size:110%;
}
h4{
    margin:10px 0 10px 0;
    padding:0 0 0 10px;
    border-left:solid 10px #00008b;
    font-size:105%;
}
h5{
    margin:5px 0 5px 0;
    padding:0 0 0 0;
    font-size:100%;
}
/******************************************/
/* padding, ul, dl                        */
/******************************************/
.pad05{padding:5px;}
.pad10{padding:10px 20px 10px 20px;}
ul.doc{margin:10px 0 10px 0;font-size:95%;}
ul.doc li{margin:0 20px 0 40px;padding-left:5px;}
ul.lilink{list-style-type:none;text-decoration:none;margin:10px 0 10px 0;font-size:95%;}
ul.lilink li{margin:0 20px 0 40px;padding-left:5px;}
ul.lilink li a:link{text-decoration:none;color:#0000ff;font-weight:bold;}
ul.lilink li a:visited{color:#0000ff;font-weight:bold;}
ul.lilink li a:active{color:#0000ff;font-weight:bold;}
ul.lilink li a:hover{color:#ff0000;font-weight:bold;}
ul.navlink{list-style-type:none;margin:0;padding:0;font-size:120%;}
ul.navlink li{margin-bottom:5px;border:1px solid #2f4f4f;}
ul.navlink li a{display:block;text-decoration:none;text-align:center;background-color:#ffff99;}
ul.navlink li a:link{color:#0000ff;font-weight:bold;}
ul.navlink li a:visited{color:#0000ff;font-weight:bold;}
ul.navlink li a:active{color:#0000ff;font-weight:bold;}
ul.navlink li a:hover{color:#ff0000;font-weight:bold;}
dl{margin-left:30px;}
dt{float:left;margine:0 0 0 0;}
dd{margin-left:4em;}
/******************************************/
/* Format for picture grid                */
/******************************************/
.grid{
    float:left;
    margin-right:auto;
    margin-left:auto;
    width:210px;
    text-align:center;
    font-size:95%;
}
.grid p{margin:0;line-height:150%;}
.grid a{text-decoration:none;}
.grid a:link{color:#999999;font-weight:bold;}
.grid a:visited{color:#999999;font-weight:bold;}
.grid a:active{color:#999999;font-weight:bold;}
.grid a:hover{color:#000000;font-weight:bold;}
/******************************************/
/* table                             */
/******************************************/
table{
    margin:10px auto 10px auto;
    font-size:90%;
    line-height:100%;
    border-collapse:collapse;
}
th{text-align:center;font-weight:bold;}
th,td{padding:5px 5px 5px 5px;color:#000000;}
tbody.Ctbl th{text-align:center;border:1px solid #ffffff;background-color:#0099cc;color:#ffffff;}
tbody.Ctbl td{text-align:center;border:1px solid #0099cc;background-color:#ffffff;color:#000000;}
tbody.Ltbl th{text-align:center;border:1px solid #ffffff;background-color:#0099cc;color:#ffffff;}
tbody.Ltbl td{text-align:left;border:1px solid #0099cc;background-color:#ffffff;color:#000000;}
tbody.Rtbl th{text-align:center;border:1px solid #ffffff;background-color:#0099cc;color:#ffffff;}
tbody.Rtbl td{text-align:right;border:1px solid #0099cc;background-color:#ffffff;color:#000000;}
tfoot.tblcom td{text-align:left;background:#ffffff;color:#000000;}

tbody.tbllink th{border:1px solid #ffffff;background-color:#2e8b57;color:#ffffff;}
tbody.tbllink td{border-bottom:1px dashed #2e8b57;background-color:#ffffff;color:#000000;}
tbody.tbllink a{text-decoration:none;font-weight:bold;}
tbody.tbllink a:link{color:#0000ff;font-weight:bold;}
tbody.tbllink a:visited{color:#0000ff;font-weight:bold;}
tbody.tbllink a:active{color:#0000ff;font-weight:bold;}
tbody.tbllink a:hover{color:#ff0000;font-weight:bold;}
tbody.tbllink tr.line{border-bottom:1px solid #2e8b57;}

tbody.col2 th{font-size:100%;font-family:monospace;padding:5px 10px 5px 10px;text-align:center;border:1px solid #ffffff;background-color:#0066cc;color:#ffffff;}
tbody.col2 td{font-size:100%;font-family:monospace;padding:5px 10px 5px 10px;text-align:center;border:1px solid #ffffff;background-color:#bfefff;color:#000000;}
tbody.col1 th{font-size:100%;font-family:monospace;padding:5px 10px 5px 10px;text-align:center;border:1px solid #ffffff;background-color:#0066cc;color:#ffffff;}
tbody.col1 td{font-size:100%;font-family:monospace;padding:5px 10px 5px 10px;text-align:center;border:1px solid #ffffff;background-color:#bfefff;color:#000000;}
tbody.col1 a{text-decoration:none;font-weight:bold;}
tbody.col1 a:link{color:#777777;font-weight:bold;}
tbody.col1 a:visited{color:#777777;font-weight:bold;}
tbody.col1 a:active{color:#777777;font-weight:bold;}
tbody.col1 a:hover{color:#000000;font-weight:bold;}

tbody.index th{border:1px solid #2f4f4f;background-color:#2e8b57;color:#ffffff;}
tbody.index td{border:1px solid #2f4f4f;}
.icol1{width:120px;background-color:#ffff99;text-align:center;}
.icol2{background-color:#ffd39b;text-align:left;}
tbody.index a{text-decoration:none;font-weight:bold;}
tbody.index a:link{color:#0000ff;font-weight:bold;}
tbody.index a:visited{color:#0000ff;font-weight:bold;}
tbody.index a:active{color:#0000ff;font-weight:bold;}
tbody.index a:hover{color:#ff0000;font-weight:bold;}
tbody.index2 th{border:1px solid #2f4f4f;background-color:#0066cc;color:#ffffff;}
tbody.index2 td{border:1px solid #2f4f4f;}
tbody.index2 a{text-decoration:none;font-weight:bold;}
tbody.index2 a:link{color:#ffffff;font-weight:bold;}
tbody.index2 a:visited{color:#ffffff;font-weight:bold;}
tbody.index2 a:active{color:#ffffff;font-weight:bold;}
tbody.index2 a:hover{color:#ffff00;font-weight:bold;}
/******************************************/
/* scroll bar                             */
/******************************************/
.scrcode{
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
    overflow-x: scroll;
    width: 700px;
    color:#00ffff;
    background-color:#000000;
    padding:0 10px 0 10px;
    font-size:100%;
}
/******************************************/
/* Lateral jump menu                      */
/******************************************/
ul.menu-late{margin:0;padding:0;}
ul.menu-late li{
    line-height:85%;
    list-style:none;
    float:left;
    border-top:1px solid #000080;
    border-bottom:2px solid #000080;
    border-left:1px solid #000080;
}
ul.menu-late li a{
    display:block;
    width:80px;
    padding:1px;
    text-decoration:none;
    text-align:center;
    background-color:#ffffbb;
    font-size:80%;
    font-weight:bold;
}
ul.menu-late li a:link{color:#333333;}
ul.menu-late li a:visited{color:#333333;}
ul.menu-late li a:active{color:#333333;}
ul.menu-late li a:hover{background-color:#000080;color:#ffffff}
ul.menu-late li a.last{border-right:2px solid #000080;}