@charset "utf-8";

a {overflow: hidden;}

#wrapTop h1 a{
	display:block;
	width:200px;
	height:32px;
	margin:54px 0 0 17px;
	text-indent: -9999px;
}

#topCont{
	width:798px;
	height:224px;
	margin:0 auto;
}	

#wrapTop p{
	display:none;
}

#topCont .left{
	float:left;
	width:232px;
	margin-right:70px;
}

#topCont .right{
	float:left;
	width:496px;
}

div#menu ul{
	width:496px;
	height:26px;
	margin-top:141px;
	background:url(../../img/common/menu.jpg) no-repeat top;
}

div#menu li, div#category li{
	float:left;
	text-indent:-9999px;
}

div#menu li a{
	display:block;
	height:26px;
}

#menu .menu1 a{width:177px; background:url(../../img/common/menu.jpg) no-repeat 0 0;}
#menu .menu2 a{width:161px; background:url(../../img/common/menu.jpg) no-repeat -177px 0;}
#menu .menu3 a{width:158px; background:url(../../img/common/menu.jpg) no-repeat -338px 0;}

#menu .menu1 a:hover{background:url(../../img/common/menu.jpg) no-repeat 0 -26px;}
#menu .menu2 a:hover{background:url(../../img/common/menu.jpg) no-repeat -177px -26px;}
#menu .menu3 a:hover{background:url(../../img/common/menu.jpg) no-repeat -338px -26px;}

div#category {
	width: 798px;
	margin: 10px auto 0;
}

div#category li a {
	display:block;
	width: 192px;
	height: 50px;
	margin: 0 0 10px 0;
}

#category .cate1 a{margin-right:10px; background:url(../../img/common/btn_natural.gif) no-repeat 0 0;}
#category .cate2 a{margin-right:10px; background:url(../../img/common/btn_waso.gif) no-repeat 0 0;}
#category .cate3 a{margin-right:10px; background:url(../../img/common/btn_hp.gif) no-repeat 0 0;}
#category .cate4 a{background:url(../../img/common/btn_you.gif) no-repeat 0 0;}

#category .cate1 a:hover{background:url(../../img/common/btn_natural.gif) no-repeat 0 bottom;}
#category .cate2 a:hover{background:url(../../img/common/btn_waso.gif) no-repeat 0 bottom;}
#category .cate3 a:hover{background:url(../../img/common/btn_hp.gif) no-repeat 0 bottom;}
#category .cate4 a:hover{background:url(../../img/common/btn_you.gif) no-repeat 0 bottom;}