@charset "utf-8";
#top_img{
	width:900px;
	height:377px;
	background:url(../images/top/top_image.png) no-repeat;
}
nav{
	height:120px;
	position:relative;
}
nav p#kigyou_button{
	width:210px;
	height:216px;
	background:url(../images/top/kigyou_button.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:-100px;
	left:35px;
}
nav p#kigyou_button a{
	width:210px;
	height:216px;
	display:block;
	badkgroun:#666;
}
nav p#kigyou_button a:hover{
	background:url(../images/top/kigyou_button_on.png) no-repeat;
}
#top_toiawase{
	width:624px;
	height:85px;
	background:url(../images/top/contact.png) no-repeat;	
	text-indent:-9999px;
	margin-top:20px;
	position:absolute;
	right:20px;
}
h2{
	background:url(../images/top/works.png) no-repeat center;
}
.work{
	width:900px;
}
.work p{
	padding:100px 300px 0px 70px;
}
#work01{
	height:218px;
	background:url(../images/top/works01.png) no-repeat;
}
#work02{
	height:218px;
	background:url(../images/top/works02.png) no-repeat;
}

#work03{
	height:294px;
	background:url(../images/top/works03.png) no-repeat;
}



/*.haken_button {
    float: left;
    width: 250px;
    margin: 18px 0 0 380px;
}
.haken_button:hover{
	opacity: 0.7;
}
.haken_button img{
	width: 100%;
	max-width: 100%;}

*/
.haken_button_wrap {
	position: relative;
	width: 100%;

}



.haken_button {
    width: 240px;
    height: 60px;
    background: url(../images/top/haken_button.png) no-repeat;
    text-indent: -9999px;
    position: absolute;
	background-size: contain;
    top: 18px;
    left: 380px;

}

.haken_button a{
    width: 240px;
    height: 60px;
	display:block;

}
.haken_button a:hover{
	background:url(../images/top/haken_button_on.png) no-repeat;
	background-size: contain;
}


/*#work03 {
    height: 664px;
    background: url(../images/top/works03.png) no-repeat;
    background-size: contain;
    padding: 0px 0 0 0;
    margin: 0 0 0 18px;
}
*/
#work04{
	height:221px;
	background:url(../images/top/works04.png) no-repeat;
}
#work05{
	height:481px;
	background:url(../images/top/works05.png) no-repeat;
}
#work06{
	height:658px;
	background:url(../images/top/works06.png) no-repeat;
	padding-bottom:20px;
}
#work06 p{
	text-indent:-9999px;
}





