/* CSS Document */

*{
margin:0px;
padding:0px;
font-family:"Times New Roman", Times, serif;
}

table{
color:#ffffff;
font-size:0.9em;
padding: 5px;
}

a {
color:#9999ff;
text-decoration:none;
}
a:hover{
color:#9999ff;
text-decoration:underline;
}
a:visited{
color:#9999ff;
}

body{
padding:0px;
margin:0px;
background-image:url("images/bg.gif");
background-position: center;
}

.left {
float:left;
padding:5px 5px 5px 0px;
}
.right {
float:right;
padding:5px 10px;
}

#container {
width:800px;
padding:0px;
margin-left:auto;
margin-right:auto;
}

#header {
width:800px;
}
#header h1{
margin:0px;
padding:0px;
}


#header2 {
width:800px;

}

#navi {
width:800px;
height:40px;
background-image:url("images/navi.jpg");
}
#navi a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#navi a:hover{
color:#000000;
font-weight:bold;
text-decoration:none;
}


#wrap {
width:800px;
}

#left {
float:left;
width:500px;
margin-top:5px;
margin-left:10px;
margin-right:0px;
margin-bottom:10px;
font-size:1.2em;

border-right:dashed 1px #666666;
padding-right:5px;
}



#left h2{
height:25px;
background-image:url("images/onpu.gif");
background-position:left;
background-repeat:no-repeat;
padding-left:30px;
padding-top:11px;
padding-bottom:5px;
font-size:1.3em;
margin:5px 0px;
clear:both;
color:#ffffff;
}
#left ul{
padding-left:0px;
text-decoration:none;
}

#left p{
padding-left:0px;
line-height:1.2em;
margin:10px 0px;
color:#cccccc;
}

#contentsleft {
float:left;
width:200px;
margin-top:10px;
margin-left:0px;
margin-right:3px;
margin-bottom:10px;
font-size:0.9em;
color:#666666;

}
#contentsleft h1{
margin:10px;
}
#contentsleft h2{
height:25px;
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
padding-top:8px;
font-size:1.1em;
margin:5px 0px;

}

#contentsleft ul{
margin:0px;
padding:0px 10px;
}

#contentsleft li{
padding:0px;
list-style:none;
margin:2px 0px 0px 0px;
text-align:left;
}
#contentsleft a{
padding-top:5px;
padding-left:8px;
margin:0px;
background:url("images/leftbutton.gif") no-repeat;
display:block;
width:170px;
height:25px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#contentsleft a:hover{
background:url("images/leftbuttonhover.gif") no-repeat;
color:#333333;
}
#contentsleft p{
padding-left:10px;
}


#right {
float:right;
width:250px;
margin-top:15px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
}

#right h2{
font-size:1.0em;
color:#ffffff;
border-bottom:dashed 1px #ffffff;
width:200px;
padding:5px;
font-size:1.1em;
}

#right h3{
font-size:1.0em;
color:#ffffff;
width:200px;
padding:5px;
font-size:1.1em;
}

#right p{
padding:8px;
font-size:0.9em;
color:#CCCCCC;
line-height:1.2em;
}

#contentsright {
float:right;
width:755px;
margin-top:15px;
margin-left:5px;
margin-right:10px;
margin-bottom:10px;
padding:0px;
}

#contentsright h2{
clear:both;
font-size:1.8em;
color:#FFFFFF;
border-bottom:dashed 1px #666666;
padding:5px;
background-image:url("images/h2bg.gif");
width:100%;
}
#contentsright h3{
height:25px;
background-image:url("images/onpu.gif");
background-position:left;
background-repeat:no-repeat;
padding-left:30px;
padding-top:11px;
padding-bottom:5px;
font-size:1.5em;
margin:5px 0px;
color:#ffffff;
clear:both;
}
#contentsright h4{
height:25px;
background-position:left;
background-repeat:no-repeat;
padding-left:8px;
padding-top:8px;
font-size:1.5em;
margin:5px 0px;
color:#FFFFFF;
}
#contentsright p{
padding:8px;
font-size:1.2em;
color:#CCCCCC;
line-height:1.3em;
margin:10px 0px;
}

#contentsright td{
padding:5px;
}

#contentsright ol{
font-size:0.9em;
color:#666666;
padding-left:25px;
line-height:1.3em;
}

#footer{
clear:both;
width:800px;
height:60px;
background-image:url("images/footer.jpg");
font-size:0.8em;
text-align:right;
color:#FFFFFF;
}

#footer p{
padding:5px;
}