* {
    margin: 0px;
    padding: 0px;
}

body {
    width: 800px;
    margin: 0px auto;
    background-color: #EEEEEE;
    color: #111111;
}

#main {
    background-color: #FFFFFF;
}

#header {
    padding: 10px 5px;
    background-image: url(./img/header_bk.jpg);
}

#header span#scieng {
    color: #FF9933;
    font-size: 32px;
}

#header span#maintitle {
    color: #FF6600;
    font-size: 40px;
}

#header span#subtitle {
    color: #FF6600;
    font-size: 28px;
}

#header h1>a {
    text-decoration: none;
}


#header p {
    font-size: 16px;
    font-weight: bold;
}

#menu ul {
    list-style: none;
}

#menu li {
    float: left;
    width: 158px;
    border: 1px solid #FFFFFF;
    background-color: #FFCC99;
    font-size: 22px;
    text-align: center;
    white-space: nowrap;
}

#menu li:hover {
    background-color: #FF9900;
}

#menu ul ul {
    display: none;
    position: absolute;
    z-index: 10px;
    margin-left: -1px;
}

#menu li li {
    clear: left;
    position: relative;
    width: 158px;
    font-size: 14px;
    text-align: left;
}

#menu li li:hover {
    background-color: #FF9900;
}

#menu li li a {
    padding-left: 8px;
}

#menu ul ul ul {
    top: 0px;
    left: 100%;
}

#menu ul li:hover > ul {
    display: block;
}

*+html #menu ul ul a {   /*IE用*/
    width: 156px;        /* パディングとボーダーの分を引いた値*/
    white-space: normal; /*幅に応じて改行*/
}

#menu a {
    display: block;
    padding: 15px 0px;
    color: #111111;
    text-decoration: none;
}

#menu1 {
    border-bottom: 6px solid #FF0000;
}

#menu2 {
    border-bottom: 6px solid #00FF00;
}

#menu3 {
    border-bottom: 6px solid #00FFFF;
}

#menu4 {
    border-bottom: 6px solid #0000FF;
}

#menu5 {
    border-bottom: 6px solid #FFFF00;
}

#contents {
    clear: both;
    padding: 15px 5px 5px;
}

#contents img#top {
    margin: 0px;
    padding: 0px;
}

#contents img.img0 {
    float: right;
    margin: 5px 10px 15px 5px;
}

#contents img.img1 {
    float: right;
    margin: 5px 0px 15px 5px;
}

#contents h2 {
    clear: both;
    margin: 15px 5px 10px;
    padding-left: 6px;
    border-left: 6px solid #FF9999;
    border-bottom: 2px solid #FF9999;
    color: #330000;
}

#contents h3 {
    clear: both;
    margin: 15px 5px 10px;
    padding-left: 3px;
    border-left: 3px solid #9999FF;
    border-bottom: 1px solid #9999FF;
    color: #000033;
}

#contents p {
    margin: 5px 10px;
    padding-left: 1em;
    line-height: 150%;
}

#contents hr {
    margin: 0px 5px;
}

dl#date {
    margin: 5px;
    padding-left: 1em;
}

#date dt {
    clear: both;
    float: left;
    font-weight: bold;
}

#date dd {
    padding-left: 7em;
    margin: 5px 0px;
}

dl.prog {
    margin: 5px 10px;
    padding-left: 1em;
}

.prog dt {
    float: left;
    font-weight: bold;
}

.prog dd {
    padding-left: 3em;
    margin: 5px 0px;
}

#contents ul,ol {
    margin: 10px 4em;
}

#contents li {
    margin: 5px 0px;
}

#contents table {
    margin: 10px auto;
}

#contents th,td {
    padding: 3px;
    text-align: left;
}

.indent {
    margin-left: 1em;
}

#sponsor {
    padding: 5px;
    font-size: 14px;
}

#sponsor p {
    margin: 5px;
    padding-left: 3em;
    text-indent: -3em;
}


#sponsor span {
    white-space: nowrap;
}

#footer {
    clear: both;
    padding: 5px;
    background-color: #FFCC99;
    font-size: 12px;
    text-align: center;
}

#page {
    clear: both;
    margin: 10px;
    text-align: center;
}