* {
 margin:0;
 padding:0;
}


.header{
background-color: #0000cd;
}





body {
 text-align:center;
}

#container {
 width:96%;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

#wrapper {
 width:100%;
 float:left;
 margin-right:-160px;
}

.right {
 width:160px;
 float:left;
 text-align:center;
}

.footer   { 
margin-top;10px;
clear: both; 
border: 0px solid #696969; 
text-align: center;
color:#696969;
background-color:#efefef;

}
.footer a  { border: 0px solid #696969; 
			text-align: center;
			text-decoration:none; 
			color:#ffffff;
}
.footer a:visited  { border: 0px solid #696969; 
			text-align: center;
			text-decoration:none; 
}

.footer a:hover  { border: 0px solid #696969; 
			text-align: center;
			text-decoration:none; 
}


.main {
 width:100%;
 float:right;
 margin-left:-160px;
_margin-right:-160px;
_margin-left:-125px;

}



.main p{
margin:20px 180px 20px 180px ;
color:#696969;
line-height:200%;
_margin:20px 360px 20px 20px ;
}

.left {
 width:160px;
 float:right;
margin-bottom:10px;
_margin-right:125px;
}

.ie{
text-align : center ;
_width:65%; 
_margin-right:50px;
}

.api{
text-align : center ;
 margin-right:180px;
 margin-left:180px;
_margin-left:20px;
_margin-right:20px;
color:#696969;
}

.banner{
text-align:center;
font-size: 80%;
}

.right-banner{
text-align:center;
margin:auto;
font-size: 80%;
padding:10px;
}

h1{font-size:120%;
display: block; 
color:#696969;
background-color:#efefef;
text-align:center;
padding:5px 10px;
border-top:1px solid #dededd;
border-left:1px solid #dededd;
border-right:1px solid #dededd;
margin-right:160px;
margin-left:160px;
margin-top:10px;
_margin-left:0px;
_margin-right:320px;
}

h2{font-size:120%;
text-decoration: none;
display: block; 
color:#696969;
background-color:#efefef;
text-align:center;
padding:5px 10px;
border-top:1px solid #dededd;
border-left:1px solid #dededd;
border-right:1px solid #dededd;
margin-right:160px;
margin-left:160px;
_margin-left:0px;
_margin-right:320px;

}



h3{
text-decoration: none;
font-size:x-small;
display: block; 
color:#ffffff;
text-align:center;
font-size:small;
line-height:200%;
background-image:url(http://www.20020707.com/image/h3.jpg);
_font-size:xx-small;
}






.list{
text-align: left;
padding-left: 20px;
font-size: x-small;
margin-left:200px;
margin-right:160px;
margin-bottom:10px;
_margin-right:-160px;

}

.main ul{

}

li.main {
text-decoration: none;

background-color:#ffffff;
line-height:200%;
margin-right:180px;
margin-left:180px;
font-size:small;

}

.navi{
width: 158px;
background-color:#ffffff;
text-decoration: none;

border: 1px solid #aaaaaa;
margin:10px 0px 5px 0px;
}


.area {
padding:5px 0px 5px 10px;
text-decoration: none;
font-size:x-small;
float:left;
width:42px;
text-align:left;
}

.area-guide {
margin:5px 5px 5px 10px;
text-decoration: none;
font-size:x-small;
color:#696969;

}

.line {
padding:5px 5px 5px 10px;
text-decoration: none;
font-size:x-small;
color:#696969;
text-align:left;

}

img { border:none }

strong{
font-weight:normal;
}

dl{

color:#696969;
line-height:200%;
padding-bottom:20px:

}

dt{
margin-right:180px;
margin-left:180px;
_margin-left:60px;
}

dd{
margin-right:180px;
margin-left:200px;
_margin-left:80px;
_margin-right:360px;
_margin-top:10px;
}