$(function(){
  $('.hover,#contents').click(function(){
    $('#sub_01,#sub_02').hide('fast');
  });

  $('#icon1').click(function(){
    $('#sub_01').toggle('fast');
    $('#sub_02').hide('fast');
  });

  $('#icon2').click(function(){
    $('#sub_02').toggle('fast');
    $('#sub_01').hide('fast');
  });

  $('#no01,#no02,#no03,#no04,#no05,#no06,#no07,#no08,#no09').click(function(){
    $('#sub_01,#sub_02').hide('fast');
  });

});