#main{
width:900px;
height:514px;
font-size:12px;
line-height:1.8em;
margin-bottom:30px;
margin-top:5px;
clear:both;
background-image:url(../img/index.jpg);
background-repeat:no-repeat;
}

#next{
width:317px;
height:30px;
margin-top:30px;
padding-left:33px;
}

#lead{
width:317px;
height:117px;
color:#CCCCCC;
margin-top:30px;
padding-left:33px;
}

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