#header {
	float: left;
	width: 1024px;
	height:400px;
}

#head1{
	float: left;
	width: 1024px;
	height:50px;
}
#head1 img{
	float: left;
	border:none;
}
#head2{
	float: left;
	width: 1024px;
	height:350px;
	background:url(images/header.jpg);
}
.navi{
float:left;
width:250px;
height:50px;
background:url(images/head_top.jpg);
}
.navi1{
float:left;
width:100px;
height:50px;
}
.navi1 a{
float:left;
width:100px;
height:50px;
background:url(images/navi_home.gif);
}
.navi1 a:hover{
float:left;
width:100px;
height:50px;
background:url(images/navi_home-hover.gif);
}
.navi2{
float:left;
width:105px;
height:50px;
}
.navi2 a{
float:left;
width:105px;
height:50px;
background:url(images/navi_product.gif);
}
.navi2 a:hover{
float:left;
width:105px;
height:50px;
background:url(images/navi_product-hover.gif);
}
.navi3{
float:left;
width:165px;
height:50px;
}
.navi3 a{
float:left;
width:165px;
height:50px;
background:url(images/navi_order.gif);
}
.navi3 a:hover{
float:left;
width:165px;
height:50px;
background:url(images/navo_order-hover.gif);
}
.navi4{
float:left;
width:110px;
height:50px;
}
.navi4 a{
float:left;
width:110px;
height:50px;
background:url(images/navi_payment-.gif);
}
.navi4 a:hover{
float:left;
width:110px;
height:50px;
background:url(images/navi_payment-hover.gif);
}
.navi5{
float:left;
width:135px;
height:50px;
}
.navi5 a{
float:left;
width:135px;
height:50px;
background:url(images/navi_contact.gif);
}
.navi5 a:hover{
float:left;
width:135px;
height:50px;
background:url(images/navi_contact-hover.gif);
}
.navi6{
float:left;
width:159px;
height:50px;
}
.navi6 a{
float:left;
width:159px;
height:50px;
background:url(images/navi_about.gif);
}
.navi6 a:hover{
float:left;
width:159px;
height:50px;
background:url(images/navi_about-hover.gif);
}