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

#menu  {
	margin: 0px;
	padding: 0px;
	height: 30px;
	position: relative;
	clear: both;
	background-image: url(../img_cmn/bg_menu.gif);
	background-repeat: no-repeat;
	width: 800px;
}

#menu ul {
	list-style:none;
	margin: 0px;
	height: auto;
	padding: 0px;
}

#menu li {
	width: 123px;
	height: 30px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

#menu li a {
	text-decoration: none ;
	display: block ;
	width: 123px ;
	height: 30px ;
}

#menu li#top {
	left: 31px;
	background-image: url(../img_cmn/menu/topA.gif);
	background-repeat: no-repeat;
}

#menu li#top a:hover {
	background-image: url(../img_cmn/menu/topB.gif);
	background-repeat: no-repeat;
}

#menu li#shop {
	left: 154px;
	background-image: url(../img_cmn/menu/shopA.gif);
	background-repeat: no-repeat;
}

#menu li#shop a:hover {
	background-image: url(../img_cmn/menu/shopB.gif);
	background-repeat: no-repeat;
}

#menu li#menu {
	left: 277px;
	background-image: url(../img_cmn/menu/menuA.gif);
	background-repeat: no-repeat;
}

#menu li#menu a:hover {
	background-image: url(../img_cmn/menu/menuB.gif);
	background-repeat: no-repeat;
}

#menu li#campaign {
	left: 400px;
	background-image: url(../img_cmn/menu/campaignB.gif);
	background-repeat: no-repeat;
}

#menu li#campaign a:hover {
	background-image: url(../img_cmn/menu/campaignB.gif);
	background-repeat: no-repeat;
}

#menu li#staff {
	left: 523px;
	background-image: url(../img_cmn/menu/staffA.gif);
	background-repeat: no-repeat;
}

#menu li#staff a:hover {
	background-image: url(../img_cmn/menu/staffB.gif);
	background-repeat: no-repeat;
}

#menu li#blog {
	left: 646px;
	background-image: url(../img_cmn/menu/blogA.gif);
	background-repeat: no-repeat;
}

#menu li#blog a:hover {
	background-image: url(../img_cmn/menu/blogB.gif);
	background-repeat: no-repeat;
}