#join_menu {
	position: relative;
	z-index: 50;
	
}

 #join_menu ul {
 padding: 0;
 margin: 0;
 }
  
 /* Don't apply padding here (offsetWidth will differ in IE)
 If you need padding add it to the child anchor */
 #join_menu ul li {
 top:100px;
 left:130px;
 position:relative;
 float: left;
 list-style: none;
 }
 
  #join_menu ul li a{
 z-index:50;
 position:relative;
 float: left;
 height:30px;
 }
 
 
 #menu_home a {
 width: 60px;
 border: 0px;
 
 }
   
 #menu_event a {
 width: 70px;
 border: 0px;
 }
   
 #menu_shop a {
 width: 60px;
 border: 0px;
 }
   
 #menu_work a {
 width: 60px;
 border: 0px;
 }
 
 #menu_party a {
 width: 70px;
 border: 0px;
 background: url('http://go-to-event.com/Join/event/images/party.png') no-repeat center !important;
 }

 #menu_homie a {
 width: 80px;
 border: 0px;
 }
 
 #menu_event_regist a {
 width: 70px;
 border: 0px;
 }
 
 #menu_shop_regist a {
 width: 70px;
 border: 0px;
 
}
 
 #menu_art_regist a {
 width: 70px;
 border: 0px;
 }

 #menu_party_regist a {
 width: 90px;
 border: 0px;
 }
 
 #menu_topic a {
 width: 90px;
 border: 0px;
 }
 
 #logout a {
 top:10px;
 position:relative;
 width: 100px;
 border: 0px;
 }

 #regist a {
 width: 100px;
 border: 0px;
 margin:0px 0px 0px 10px;
}
 
/*
 #join_menu li.background {
 background: url('http://go-to-event.com/Join/event/images/12px-round-half-deep3.gif') no-repeat top right !important;
 z-index: 8;
 position: absolute;
 visibility: hidden;
 }
 
 #join_menu .background .left {
 background: url('http://go-to-event.com/Join/event/images/12px-round-deep3.gif') no-repeat top left !important;
 height: 30px;
 margin-right: 10px; /* 7px is the width of the rounded shape */
 }
 */