h1{
width:885px;
height:40px;
padding-left:10px;
line-height:40px;
font-size:14px;
font-weight:bold;
border-left:5px #2c2d56 solid;
margin-bottom:20px;
}

h2{
width:885px;
height:40px;
font-size:14px;
background-color:#2c2d56;
color:#FFFFFF;
margin-bottom:5px;
line-height:40px;
padding-left:15px;
}

h3{
width:885px;
height:40px;
font-size:14px;
background-color:#2c2d56;
color:#FFFFFF;
margin-bottom:6px;
line-height:40px;
padding-left:15px;
}

#main{
width:100%;
height:1200px;
font-size:12px;
clear:both;
margin:20px 0px;
text-align:center;
background:url(../img/bg.jpg);
background-position: center top;
}

#main-inner{
width:900px;
height:1165px;
font-size:12px;
text-align:left;
line-height:1.6em;
padding-top:35px;
margin:0 auto;
clear:both;
}

/*------------------------------
main01
------------------------------*/

#main01{
width:900px;
height:598px;
margin-bottom:35px;
}

#main01 .style{
width:589px;
height:543px;
background-color:#000000;
color:#FFFFFF;
float:left;
padding:5px;
margin-right:5px;
}

#main01 .style .text{
width:185px;
height:543px;
padding:0px 15px 0px 20px;
float:left;
}

#main01 .pic{
float:left;
}

#main01 .sub_box{
width:296px;
height:553px;
float:left;
}

#main01 .sub01{
width:296px;
height:274px;
margin-bottom:5px;
_margin-bottom:2px;
}

#main01 .sub02{
width:296px;
height:274px;
}

/*------------------------------
main02
------------------------------*/

#main02{
width:900px;
height:320px;
margin-bottom:35px;
clear:both;
}

#main02 .sub03{
width:296px;
height:274px;
float:left;
margin-right:6px;
_margin-right:4px;
}

#main02 .sub04{
width:296px;
height:274px;
float:left;
}

/*------------------------------
main03
------------------------------*/

#main03{
width:900px;
height:126px;
clear:both;
}

#main03 .left{
width:296px;
height:126px;
float:left;
margin-right:6px;
}

#main03 .button01{
width:296px;
height:60px;
margin-bottom:6px;
}

#main03 .button02{
width:296px;
height:53px;
}

#main03 .info{
width:558px;
height:86px;
padding:20px;
font-size:10px;
line-height:1.4em;
background:url(../style/info.gif);
float:left;
}

/*------------------------------
bottom
------------------------------*/

#bottom{
width:100%;
height:auto;
clear:both;
margin:20px 0px;
text-align:center;
}

#bottom-inner{
width:900px;
height:auto;
clear:both;
margin:0 auto;
text-align:left;
}

clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
clearfix {
	display: inline-block;
}
/*Hides from IE\mac \*/
* html .clearfix {
	height: 1%;
}
clearfix {
	display:: block;
}
/* End hide from IE\mac */




/* index */

#sp01index{
width:350px;
}

#sp01index ul li{
width:350px;
}

#sp01index ul li a{
width:350px;
display: block;
text-indent: -9999px;
background-image:url(../img/index_title.jpg);
}

#sp01index ul li#title a {
	width: 350px;
	height:110px;
	background-position: 0 0;
}

#sp01index ul li#title a:hover {
	width: 350px;
	height:110px;
	background-position: -350px 0;
}

#sp01index ul li#title00 a {
	width: 350px;
	height:35px;
	background-position: 0 -110px;
}

#sp01index ul li#title00 a:hover {
	width: 350px;
	height:35px;
	background-position: -350px -110px;
}

#sp01index ul li#title01 a {
	width: 350px;
	height:35px;
	background-position: 0 -145px;
}

#sp01index ul li#title01 a:hover {
	width: 350px;
	height:35px;
	background-position: -350px -145px;
}

#sp01index ul li#title01 {
	width: 350px;
	height:35px;
	background-position: 0 -145px;
}


#sp01index ul li#title02 a {
	width: 350px;
	height:35px;
	background-position: 0 -180px;
}

#sp01index ul li#title02 a:hover {
	width: 350px;
	height:35px;
	background-position: -350px -180px;
}

#sp01index ul li#title03 a {
	width: 350px;
	height:35px;
	background-position: 0 -215px;
}

#sp01index ul li#title03 a:hover {
	width: 350px;
	height:35px;
	background-position: -350px -215px;
}