function menu(id) {
  if(id == 1) {
    if(document.getElementById('subnavi_1').style.display == 'none') {
      document.getElementById('subnavi_1').style.display = 'block';
    }
    document.getElementById('subnavi_2').style.display = 'none';
    document.getElementById('subnavi_3').style.display = 'none';
    document.getElementById('subnavi_4').style.display = 'none';
  } else if(id == 2) {
    if(document.getElementById('subnavi_2').style.display == 'none') {
      document.getElementById('subnavi_2').style.display = 'block';
    }
    document.getElementById('subnavi_4').style.display = 'none';
    document.getElementById('subnavi_3').style.display = 'none';
    document.getElementById('subnavi_1').style.display = 'none';
  } else if(id == 3) {
    if(document.getElementById('subnavi_3').style.display == 'none') {
      document.getElementById('subnavi_3').style.display = 'block';
    }
    document.getElementById('subnavi_1').style.display = 'none';
    document.getElementById('subnavi_2').style.display = 'none';
    document.getElementById('subnavi_4').style.display = 'none';
  } else if(id == 4) {
    if(document.getElementById('subnavi_4').style.display == 'none') {
      document.getElementById('subnavi_4').style.display = 'block';
    }
    document.getElementById('subnavi_1').style.display = 'none';
    document.getElementById('subnavi_2').style.display = 'none';
    document.getElementById('subnavi_3').style.display = 'none';
 }
}