@charset "utf-8";
/* CSS Document */

ul, li {
margin-top: 0;
padding: 0;
list-style-type: none;
float: left;
}

ul#navi {
width: 570px;
height: 40px;
margin-top: 0;
margin-left: 0;
padding: 0;
background-color: #adc8e9;
}

ul#navi li a {
margin: 0;
width: 188px;
height: 27px;
padding-top: 13px;
text-indent: 18px;
background-color: #adc8e9;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
text-align: left;
text-decoration: none;
font-weight: bold;
color: #1e3682;
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
float: left;
}

ul#navi li a:hover {
color: #1e3682; 
background-color: #c7d8f0;
float: left;
}

ul#navi li a:focus {
color: #ffffff; 
background-color: #1e3682;
display: block;
}

ul#navi2 {
width: 380px;
height: 40px;
margin-top: 100px;
margin-left: 0;
padding: 0;
background-color: #418336;
}

ul#navi2 li a {
margin: 0;
width: 188px;
height: 27px;
padding-top: 13px;
text-indent: 18px;
background-color: #418336;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
text-align: left;
text-decoration: none;
font-weight: bold;
color: #ffffff;
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
float: left;
}

ul#navi2 li a:hover {
color: #418336; 
background-color: #cdf0c3;
float: left;
}

ul#navi2 li a:focus {
color: #ffffff; 
background-color: #a3d694;
display: block;
}