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

body,h1,h2,h3,h4,h5,ul,li,img,p,dl,dt,dd{
	margin: 0;
	padding: 0;
	border:0;
	color: #555;
}
#base {
	width: 100%;
	background-color: #eee8c6;
	margin-top: 20px;
}

/*ヘッダー*/
#header{
	background-color: #FFF;
	width: 100%;
	height:40px;
	background-image: url(../image/upper_line_base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#header p.logo{
	float: left;}

/*ヘッダーナビ*/
#headnavi{
	overflow: hidden;
	margin-right:0px;
	width: 450px;
	height: 25px;
	float: right;
	margin-top: 8px;

}
#headnavi ul{
	height: 25px;
	width: 450px;
	list-style-type: none;
}
#headnavi ul li{
     float: left;
     width: 450px;
	 height: 25px;}

#headnavi li.totop{
	width: 112px;
}
#headnavi li.toshop{
	width: 86px;
}
	
#headnavi ul li a{
    display: block;
    /zoom: 1;				/* IE6 */
	height: 25px;
	background-repeat: no-repeat;
	background-position: 0 0;
    outline: none; 
    text-indent: -9999px;  
}
#headnavi ul li a:hover {
	background-position: 0 100%;
}
#headnavi ul li#menu01 a {
	background-image: url(../image/totop.gif);
}
#headnavi ul li#menu02 a {
	background-image: url(../image/towhatsnew.gif);
}
#headnavi ul li#menu03 a  {
	background-image: url(../image/toproducts.gif);
}
#headnavi ul li#menu04 a {
	background-image: url(../image/toshop.gif);
}

/*メイン部分*/
#main{
	margin:auto;
	width: 850px;
}
#main h1{
	width: 850px;
}


/*フッター*/
#footer{
	width: 100%;
	background-image: url(../image/footer_line_base.gif);
	height: 34px;
	background-repeat: repeat;
}
#footer p.copyright{
	margin-right:30px;
	float: right;
}

.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
 } 
.clearfix {  
  zoom: 100%;  
 }