body {
background-color: #0365f7;
font-size: 12px;
font-family: Arial;
}
#main {
width: 780px;
height: 880px;
position: absolute;
left: 50%;
margin-left: -400px;
border: 1px solid #000000;
padding: 10px;
}
#header {
width: 776px;
height: 146px;
border: 1px solid #FFFFFF;
background-image: url('header.gif');
}
#navi {
padding: 7px;
width: 762px;
height: 20px;
border: 1px solid #00BFFF;
border-top: 0px;
background-color: #482299;
color: #fff;
font-size: 16px;
}
a.navi {
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Sans-Serif;
}
a.navi:hover {
color: #0365f7;
}
#navi2 {
margin-top: 10px;
padding-top: 10px;
padding-bottom: 5px;
width: 150px;
text-align: center;
height: 670px;
background-color: #482299;
border: 1px solid #00BFFF;
font-size: 16px;
color: #999;
font-family: Arial, Sans-Serif;
line-height: 20px;
}
a.navi2 {
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Sans-Serif;
font-size: 12px;
}
a.navi2:hover {
color: #0365f7;
}
#content {
padding: 10px;
width: 595px;
height: 650px;
position: absolute;
left: 170px;
top: 203px;
font-size: 16px;
font-family: Arial, Sans-Serif;
overflow: auto;
}