@charset "UTF-8";
/*kwz3.css*/


#sample {
	width: 420px;
	margin-top: 5px;
}
#sample .mainmenu {
	width:100px;
	float:left;
}
#sample .mainmenu ul {
	margin: 0px 3px;
	padding:0px;
	visibility:hidden;
	width: 94px;
}
#sample .mainmenu li a{
	display:block;
	border-left:1px solid #00CC00;
	border-bottom:1px solid #006600;
	border-right:1px solid #009900;
	background: #D4F4D1;
	font-size: 86%;
	text-indent: 3px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	height: 1.6em;
}
#sample .mainmenu li a:hover{
	background-color:#009900;
	color: #FFFFFF;
}
/*parent menu*/
#sample .mainmenu h4 a {
	height: 25px;
	width: 100px;
	display: block;
	text-indent: -9999px;
}
#sample .mainmenu h4#menu1 a {
	background: url(../img/pullbtn.gif) no-repeat 0px 0px;
}
#sample .mainmenu h4#menu2 a {
	background: url(../img/pullbtn.gif) no-repeat -100px 0px;
}
#sample .mainmenu h4#menu3 a {
	background: url(../img/pullbtn.gif) no-repeat -200px 0px;
}
#sample .mainmenu h4#menu4 a {
	background: url(../img/pullbtn.gif) no-repeat -300px 0px;
}

#sample .mainmenu h4#menu1 a:hover {
	background: url(../img/pullbtn.gif) no-repeat 0px -25px;
}
#sample .mainmenu h4#menu2 a:hover {
	background: url(../img/pullbtn.gif) no-repeat -100px -25px;
}
#sample .mainmenu h4#menu3 a:hover {
	background: url(../img/pullbtn.gif) no-repeat -200px -25px;
}
#sample .mainmenu h4#menu4 a:hover {
	background: url(../img/pullbtn.gif) no-repeat -300px -25px;
}