@charset "utf-8";


#main {
	background-color: #FFF;

}
#main h1 {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	text-decoration: none;
	float: left;
}
#main #wrap1 {
	margin: 0px;
	float: left;
	height: 130px;
	width: 780px;
	padding: 0px;
}


#main #wrap1 .plan {
	height: 69px;
	width: 141px;
	float: left;
	margin-top: 40px;
	padding-left: 35px;
	clear: both;
}
#main #wrap1 .plan a {
	background-image: url(../img/main/Planning.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	width: 146px;
	float: left;
	text-indent: -9999px;
}
#main #wrap1 .plan a:hover {
	background-image: url(../img/main/Planning_on.png);
}
#main #wrap1 .moca {
	float: right;
	margin-top: 40px;
	padding-right: 70px;
}
#main #wrap1 .moca a {
	background-image: url(../img/main/moca.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	height: 57px;
	width: 129px;
	text-indent: -9999px;
}
#main #wrap1 .moca a:hover {
	background-image: url(../img/main/moca_on.png);
}
#main #wrap2 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 780px;
}

#main #wrap2 .news {
	float: left;
	height: 202px;
	margin-top: 98px;
	padding-left: 40px;
}
#main #wrap2 .news a {
	float: left;
	height: 202px;
	width: 197px;
	background-image: url(../img/main/news.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
}
#main #wrap2 .news a:hover {
	background-image: url(../img/main/news_on.png);
}
#main #wrap2 .work {
	float: left;
	margin-top: 192px;
	padding-left: 40px;
	height: 108px;
	width: 206px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
}
#main #wrap2 .work a {
	float: left;
	height: 108px;
	width: 206px;
	background-image: url(../img/main/work.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
}
#main #wrap2 .work a:hover {
	background-image: url(../img/main/work_on.png);
}#main #wrap2 .about {
	margin: 0px;
	float: left;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 65px;
	width: 196px;
	height: 300px;
}
#main #wrap2 .about a {
	float: left;
	height: 300px;
	width: 196px;
	background-image: url(../img/main/about.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
}
#main #wrap2 .about a:hover {
	background-image: url(../img/main/about_on.png);
}

#main #footer {
	margin: 0px;
	float: left;
	height: 70px;
	width: 780px;
	background-image: url(../img/footer_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#main #footer .moatTop {
	float: left;
	height: 35px;
	width: 80px;
	padding-left: 350px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main #footer .moatTop a {
	height: 35px;
	width: 80px;
}


#main #footer .pankuzu {
	padding: 0px;
	float: left;
	height: 20px;
	width: 780px;
	margin: 0px;
	font-size: 70%;
	text-align: left;
}
#main #footer .pankuzu ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 780px;
}
#main #footer .pankuzu ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	color: #FFF;
}
#main #footer .pankuzu ul li .home {
	padding-left: 20px;
	color: #FFF;
	text-decoration: none;
}
#main #footer .pankuzu ul li .home:hover {
	text-decoration: underline;
}
#main #footer .pankuzu ul li a {
	color: #FFF;
	padding-left: 5px;
	text-decoration: none;
}