/* 全体 */

body {
margin: 0;
padding: 0;
background-color: #86B5ED;
}

/* ナビゲーション */

#navigation{
width: 800px;
margin: 0 auto;
overflow: auto;
}

#navigation > ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#navigation > ul > li {
white-space: nowrap;
float: left;
width: 197px;
padding: 4px 0;
margin: 0 2px;
text-align: center;
}
#navigation > ul > li:first-child {margin-left: 0px;}
#navigation > ul > li:last-child {margin-right: 0;}

/* ナビゲーションの色の設定 */

#navigation > ul > li {
color: #86B5ED;
background-color: #3075B6;
}
#navigation > ul > li:hover {
background-color: #4E93D2;
}
#navigation > ul > li.current {
background-color: #CFDAE6;
}

#navigation > ul > li > a {
color: white;
text-decoration: none;
}
#navigation > ul > li > a:visited {
color: white;
text-decoration: none;
}
#navigation > ul > li > u {
color: #86B5ED;
text-decoration: none;
}
#navigation > ul > li.current > u {
color: #45627E;
background-color: #CFDAE6;
font-weight: bold;
}




#main {
width: 800px;
margin: 0 auto 1em;
float: none;
padding: 1em 0;
color: #45627E;
background-color: #CFDAE6;
}

#main > *{
margin: 1em 32px;
}

#main > h1 {
border-bottom: solid 4px;
margin-bottom: 1em;
}

.right {
text-align: right;
}

#main > p {
line-height: 1.8em;
}

#main > h2 {
font-size: 150%;
margin-bottom: 0;
}

#main > h2 + p {
margin-top: 0.5em;
margin-left: 5em;
}

div.floatclear {
overflow: auto;
}

dl.list > dt {
float: left;
clear: left;
margin: 0.5em 0 0 0;
font-weight: bold;
width: 20%;
}

dl.list > dd {
float: left;
margin: 0.5em 0 0 0;
}

dl.theme > dt {
font-weight: bold;
}

dl.theme > dd {
width: 80%;
margin-bottom: 1em;
}

ul.notes {
list-style-type: none;
}

ul.notes > li::before {
content: "＊ ";
}