@charset "shift-jis";
/* CSS Document */


#header {
	width: 888px;	
	float: left;	
    clear: both;
	display: block;				
}
#centerTP�@{
	width: 888px;
    margin: 0px;
	padding: 0px;
    clear: both;
	display: block;					
}

#centerBT�@{
	width: 888px;
    margin: 0px;
	padding: 0px;
    clear: both;	
		
}


#logo {
	width: 278px;
    margin: 0px;
	padding: 0px;
	float: left;			
}

h1 {
	width: 278px;
	height: 140px;	

margin: 0px;
	padding: 0px;	
	display: block;	
			
}
h1 a {
	width: 278px;
	height: 140px;		
	text-decoration: none;
	display: block;		
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;			
}

h2 {
	width: 888px;
	height: 559px;			
	text-decoration: none;
    margin: 0px;
	padding: 0px;	
	display: block;	
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;	
	float: left;			
}
h3 {
	width: 560px;
	height: 60px;			
	text-decoration: none;
margin: 0px;
	padding: 0px;	
	display: block;		
	background-image: url(images/introduction.jpg);
	background-repeat: no-repeat;	
	float: left;				
}
h4 {
	width: 60px;
	height: 60px;			
	text-decoration: none;
margin: 0px;
	padding: 0px;	
	display: block;	
	background-image: url(images/fairtrade.jpg);
	background-repeat: no-repeat;		
	float: right;			
}





#tw {
	float: left;
	width: 300px; 
    margin: 0px;
	padding: 0px;		
}

.navi {
	width: 610px;
	padding: 0px;
	margin-top: 70px;
	float: left;
}
.navi li {
	float: left;
	list-style-type: none;
}
.navi em {
	font-size: 1px;
}
.navi00  {
	width: 210px;
	height: 70px;
	display: block;
	background-image: url(images/navi00.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}

.navi01 a {
	width: 100px;
	height: 70px;
	display: block;
	background-image: url(images/navi01.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.navi02 a {
	width: 120px;
	height: 70px;
	display: block;
	background-image: url(images/navi02.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.navi03 a {
	width: 80px;
	height: 70px;
	display: block;
	background-image: url(images/navi03.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.navi04 a {
	width: 100px;
	height: 70px;
	display: block;
	background-image: url(images/navi04.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}

.navi01 a:hover  {
	background-image: url(images/navi001.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.navi02 a:hover  {
	background-image: url(images/navi002.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.navi03 a:hover  {
	background-image: url(images/navi003.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.navi04 a:hover  {
	background-image: url(images/navi004.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}