#bodyid{
padding:0;
margin:0;
background:#edfeff
}
#page{
background:#edfeff url('img/bg.png') repeat-y 700px 0;
}
#page2{
margin:0 auto ;
border:1px solid #666;
background:#edfeff;
width:980px;
font-size:0.8em;
color:#666;
text-align:center;
}
#banner{
background:#ddffee;
border-bottom:1px solid #fff;
letter-spacing:2px;
text-align:left
}
#banner h1{
font-size:24px;
color:#0066aa;
margin:0;
padding:3px 20px;
}
#banner p{
font-size:12px;
color:#000000;
margin:0;
padding:2px 10px 2px 100px;
}
#banner2 {
text-align:right;
}
#banner2 h2{
font-size:14px;
color:#0066aa;
margin:0;
padding:3px 10px;
}
#banner2 p{
font-size:12px;
color:#000000;
margin:0;
padding:2px 10px 2px 40px;
}
#menu{
border-collapse:collapse;
background:#cceedd;
width:100%;
}
#menu td{
border:1px solid #000000;
border-right-width:0;
height:20px;
font-size:13px;
width:10%;
letter-spacing:1px;
text-align:center;
}
#menu a{
color:#0000ff;
font-weight:bold;
width:100%;
text-decoration:none;
}
#menu a:hover{
color:#00aa66;
}
#image{
border:1px solid #666;
background:#133d6f url('img/image.jpg') no-repeat top left;
width:680px;
height:80px;
margin:10px auto;
}
#image h3{
color:#fff;
font-size:1.1em;
text-align:right;
padding:10px;
margin:0;
}
#left{
width:170px;
float:left;
margin-bottom:20px;
text-align:left;
}
#sidemenu{
border:1px solid #aaaaaa;
border-bottom-width:0;
}
#left h3{
border-bottom:1px solid #777;
background:#aaeedd ;
font-size:1em;
margin:0;
padding:4px 10px;
color:#003366;
}
#left h4{
border-bottom:1px solid #777;
background:#aaeedd ;
font-size:1em;
margin:0;
padding:4px 10px;
color:#003366;
}
#left ul{
list-style-type:none;
margin:0;
padding:0;
}
#left li{
border-bottom:1px solid #777;
font-weight:normal;
margin:0;
padding:4px 10px;
font-size:1em;
}
#left li a{
width:100%;
text-decoration:none;
color:#0000dd;
}
#left li a:hover{
color:#00aabb;
font-weight:bolder;
}
#right{
float:right;
width:770px;
margin:20px ;
padding:0 0 10px 0;
text-align:left;
}
#right a{
color:#223388;
font-weight:bolder;
}
#right a:hover{
color:#aa0000;
}
#right h2{
color:#0000dd;
font-size:20px;
margin:0 5px 0 0;
padding:6px 0 10px 10px;
}
#right h3{
color:#4444ee;
font-size:18px;
margin:0 10px 0 0;
padding:6px 0 10px 10px;
}
#right h4{
color:#8888ff;
font-size:16px;
margin:0 10px 0 0;
padding:6px 0 10px 10px;
}
#right h5{
color:#bbbbff;
font-size:16px;
margin:0 10px 0 0;
padding:3px 10px 3px 10px;
}
#right p{
font-weight:normal;
margin:5px 10px 13px 0;
padding:0 10px;
font-size:16px;
line-height:24px;
}
#right span{
font-weight:bold;
}

#main{
float:right;
width:770px;
margin:20px ;
padding:0 0 10px 0;
text-align:left;
}
#main a{
color:#223388;
font-weight:bolder;
}
#main a:hover{
color:#aa0000;
}
#main h2{
color:#0000dd;
font-size:20px;
margin:0 10px 0 0;
padding:6px 0 10px 10px;
}
#main h3{
color:#4444ee;
font-size:18px;
margin:0 10px 0 0;
padding:6px 0 10px 10px;
}
#main h4{
color:#8888ff;
font-size:16px;
margin:0 10px 0 0;
padding:6px 0 10px 10px;
}
#main h5{
color:#bbbbff;
font-size:14px;
margin:0 10px 0 0;
padding:3px 10px 3px 10px;
}
#main p{
font-weight:normal;
margin:5px 10px 13px 0;
padding:0 10px;
font-size:14px;
line-height:22px;
}
#main span{
font-weight:bold;
}
#pagetop{
padding:20px 10px 0 0;
text-align:right;
}
#copy{
clear:both;
border-top:1px solid #666;
color:#666;
padding:3px 10px;
text-align:center;
}
#omo{
display:none;
}
#spec{
font-size:11px;
}
#ad {
margin:12px 5px ;
text-align:center;
font-size:14px;
line-height:20px;
color:#6666aa;
}
#ad a{
font-size:16px;
font-weight:bolder;
color:#ff6600;
}
#ad a:hover{
color:#dd8800;
}

#navi {   
    margin:0;   
    padding:0;   
    width:978px;   
    height:24px;   
    overflow:hidden;   
    background:#d0f0e0;   
border:1px solid #888888;
}   
#navi li { list-style:none; width:96px; float:left; border-left:1px solid #888888;
}   
#navi li a {   
    display:block;   
    line-height:24px;   
    color:#00f;   
    text-align:center;   
    font-weight:bold;
    text-decoration:none;
}   
#navi li a:hover { background:#e6fff6; color:#0000aa}