@charset "utf-8";
@import url("reset.css");
/* CSS Document */

body{
background-color:#CCCCCC;}

#OUTER {
width:900px;
height:1900px;
margin:0 auto;
padding:0px;
background-color:#FFFFFF;}

#TOP {
width:900px;
height:315px;
margin:0px;
padding:0px;}

#TOP h1 {
display:block;
width:900px;
height:315px;
text-indent:-9999px;}

#CENTER {
width:900px;}

#LEFT {
}

#LEFT ul {
float:left;
width:350px;
height:1540px;
background-image:url(image/left-down.gif);
}

#LEFT li {
}

#LEFT li a{
display:block;
width:95px;
height:20px;
background-repeat:no-repeat;
background-position:45px 20px;
padding-top:273px;
padding-left:235px;
font-size:12px;
}

#LEFT li.A1 a{
background-image:url(image/pic-1a.jpg);}

#LEFT li.A2 a{
background-image:url(image/pic-2a.jpg);}

#LEFT li.A3 a{
background-image:url(image/pic-3a.jpg);}

#LEFT li.A4 a{
background-image:url(image/pic-4a.jpg);}

#LEFT li.A5 a{
background-image:url(image/pic-5a.jpg);}




#LEFT li.A1 a:hover{
background-image:url(image/pic-1b.jpg);}

#LEFT li.A2 a:hover{
background-image:url(image/pic-2b.jpg);}

#LEFT li.A3 a:hover{
background-image:url(image/pic-3b.jpg);}

#LEFT li.A4 a:hover{
background-image:url(image/pic-4b.jpg);}

#LEFT li.A5 a:hover{
background-image:url(image/pic-5b.jpg);}




#RIGHT {
float:right;
width:550px;
background-image:url(image/right-down.jpg);
background-repeat:no-repeat;}

#RIGHT h2 {
color:#215a81;
	padding-top:40px;
	padding-bottom:20px;
	padding-left:50px;
	padding-right:80px;
	font-size:15px;
	font-weight: normal;
	line-height: 26px;
}

#RIGHT h3 {
display:block;
width:550px;
height:116px;
background-image:url(image/Chart1.jpg);
}

#RIGHT h4 {
display:block;
width:550px;
height:200px;
background-image:url(image/Chart.jpg);

}


#RIGHT table {
margin-left:30px;
font-size:14px;
color:#000000;
}