$("#navi_1.box").mouseover(function(){
  $('#navi_1 > .sub').show();
}).mouseout(function(){
  $('#navi_1 > .sub').hide();
});
			
$("#navi_2.box").mouseover(function(){
  $('#navi_2 > .sub').show();
}).mouseout(function(){
  $('#navi_2 > .sub').hide();
});
			
$("#navi_3.box").mouseover(function(){
  $('#navi_3 > .sub').show();
}).mouseout(function(){
  $('#navi_3 > .sub').hide();
});
			
$("#navi_4.box").mouseover(function(){
  $('#navi_4 > .sub').show();
}).mouseout(function(){
  $('#navi_4 > .sub').hide();
});