/* start */

body { background-image: url(hiro.jpg); background-color: #66cccc; color: #000080; }

div#title { position: reilativ; top: 0px; left: 0px;  right: 0px; height: 142px; background-color: #00ccff; }

div#menu_hysi { position: reilativ; top: 140px; left: 0px; width: 180px; height: 100%;
padding: 0.5em; background-color: #66ccff;}
div#menu_1 { position: reilativ; margin-top: 2em; margin-left: 3em; margin-right: 3em; }

div#content_hysi { position: absolute; top: 146px; left: 200px; margin-left: 3em; margin-right: 3em;}
div#content_bun { position: reilativ; margin-top: 5em; margin-left: 5em; margin-right: 5em; }

table{ margin-left: auto; margin-right: auto; border: outset 1px; background-color: #99ccff; padding: 0.2em; }
th { width: 200px ; text-align: left; border-bottom: solid 1px; border-bottom-color: #0099ff; }
td { width: 300px ; text-align: left; border-bottom: solid 1px; border-bottom-color: #0099ff; }

big{font-size: 120%}
small{font-size: 80%}
span.new { color: yellow } 

.shi { margin-left: 4em; font-weight: bold; }
.hidari { text-align:left; margin-left: 2em; }
.migi { text-align: right; margin-right: 2em; }
.naka { text-align: center; }
.v-naka { vertical-align: middle; }
.sage { margin-left: 2em; margin-right: 2em; }
.migisage { margin-right: 2em; }
.keisen{ background-color: #00ccff; color: #000080; text-align: center; }

a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:hover {color: Green; text-decoration: underline }

/* end */