@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(../2010images/bgwood3.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-color: #eeeeee;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
}

#bg-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#wrapper {
	height: 810px;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../2010images/bg1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
}
#wrapper #topbg {
	background-repeat: no-repeat;
	background-position: center 30px;
	width: 1140px;
	height: 735px;
	overflow: hidden;
}
#wrapper #topfooter {
	height: 20px;
	width: 998px;
	margin-left: 69px;
	background-color: #303837;
	font-size: 10px;
	color: #D5D5D5;
	text-align: center;
	padding-top: 10px;
}
#wrapper #topbg #navi {
	float: left;
	height: 400px;
	width: 230px;
	padding-top: 300px;
	padding-left: 120px;
}
#navi #navi_news a{
	background-image: url(../2010images/navi_off.png);
	background-repeat: no-repeat;
	background-position: 0px -15px;
	height: 0px;
	width: 210px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
}
#navi #navi_news a:hover{
	background-image: url(../2010images/navi_on.png);
	background-repeat: no-repeat;
	background-position: 0px -15px;
	height: 0px;
	width: 210px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
}
#navi #navi_works a {
	height: 0px;
	width: 210px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
	background-image: url(../2010images/navi_off.png);
	background-repeat: no-repeat;
	background-position: left -80px;
}
#navi #navi_works a:hover {
	height: 0px;
	width: 210px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
	background-image: url(../2010images/navi_on.png);
	background-repeat: no-repeat;
	background-position: left -80px;
}
#navi #navi_company a{
	background-image: url(../2010images/navi_off.png);
	background-repeat: no-repeat;
	background-position: 0px -145px;
	height: 0px;
	width: 230px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
}
#navi #navi_company a:hover{
	background-image: url(../2010images/navi_on.png);
	background-repeat: no-repeat;
	background-position: 0px -145px;
	height: 0px;
	width: 230px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
}
#navi #navi_contact a{
	background-image: url(../2010images/navi_off.png);
	background-repeat: no-repeat;
	background-position: 0px -210px;
	height: 0px;
	width: 210px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
}
#navi #navi_contact a:hover{
	background-image: url(../2010images/navi_on.png);
	background-repeat: no-repeat;
	background-position: 0px -210px;
	height: 0px;
	width: 210px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
}
#navi #navi_links a{
	background-image: url(../2010images/navi_off.png);
	background-repeat: no-repeat;
	background-position: 0px -275px;
	height: 0px;
	width: 210px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
}
#navi #navi_links a:hover{
	background-image: url(../2010images/navi_on.png);
	background-repeat: no-repeat;
	background-position: 0px -275px;
	height: 0px;
	width: 210px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
}
#navi #navi_web a{
	background-image: url(../2010images/navi_off.png);
	background-repeat: no-repeat;
	background-position: 0px -340px;
	height: 0px;
	width: 210px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
}
#navi #navi_web a:hover{
	background-image: url(../2010images/navi_on.png);
	background-repeat: no-repeat;
	background-position: 0px -340px;
	height: 0px;
	width: 210px;
	overflow: hidden;
	float: left;
	padding-top: 60px;
}
#wrapper #topbg #contents {
	float: right;
	width: 730px;
	padding-left: 0px;
	height: 585px;
	padding-top: 150px;
	padding-right: 30px;
	background-image: url(../2010images/top_illust.png);
	background-repeat: no-repeat;
	background-position: 29px bottom;
}