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{
font-size:16px;
line-height:67px;
padding-left:30px;
}

#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;
}

#box01{
width:524px;
height:280px;
padding:80px 40px 20px 40px;
color:#FFFFFF;
float:left;
background:url(../img/01.jpg);
}

#box01 .title{
font-size:14px;
font-weight:bold;
line-height:1.5em;
margin-bottom:10px;
}

#box02{
width:286px;
height:370px;
padding:5px;
float:left;
background:url(../img/02.jpg);
}

#box02 .text{
width:286px;
height:120px;
color:#FFFFFF;
margin:10px 0px;
}

#box02 .text a{
color:#FFFFFF;
}

#box02 .text a:hover{
color:#FFFFFF;
}

#box02 .button{
width:286px;
height:25px;
}

#box03{
width:900px;
height:67px;
color:#FFFFFF;
float:left;
background:url(../img/03.jpg);
}

#box04{
width:297px;
height:274px;
float:left;
display:inline;
margin-right:5px;
margin-bottom:5px;
background:url(../img/04.jpg);
}

#box04 img{
float:left;
}

#box05{
width:297px;
height:274px;
float:left;
display:inline;
margin-right:5px;
margin-bottom:5px;
background:url(../img/05.jpg);
}

#box06{
width:296px;
height:274px;
float:left;
display:inline;
margin-bottom:5px;
background:url(../img/06.jpg);
}

#box07{
width:297px;
height:274px;
float:left;
display:inline;
margin-right:5px;
margin-bottom:5px;
background:url(../img/07.jpg);
}

#box08{
width:297px;
height:274px;
float:left;
display:inline;
margin-right:5px;
margin-bottom:5px;
background:url(../img/08.jpg);
}

#box09{
width:296px;
height:274px;
float:left;
display:inline;
margin-bottom:5px;
background:url(../img/09.jpg);
}

#box10{
width:860px;
height:86px;
padding:20px;
font-size:10px;
line-height:1.4em;
clear:both;
background:url(../img/10.jpg);
}

#info02{
width:840px;
height:160px;
padding:30px 30px;
margin-bottom:30px;
border:solid #333333 1px;
}

#info02 img{
float:left;
margin-right:8px;
}

#info02 .left{
width:350px;
height:auto;
margin-right:160px;
float:left;
}

#info02 .right{
width:350px;
height:auto;
float:left;
}

#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;
}