function popup(id,status){
  
          if (status==1){
            clearTimeout(document.getElementById(id).timer);
            document.getElementById(id).style.visibility = 'visible';
          }else{
            document.getElementById(id).timer = setTimeout("hidelayer('"+id+"')",100);
        
          }
          
        }
        function hidelayer(id){  
          document.getElementById(id).style.visibility = 'hidden';
        }  
        
        
        
function drawsubmenu(){

  document.write(

  
'      <div class="submenu" id="sub_yomimono">',
'        <ul>',
'        <li><a href="/topic" onmouseover="popup(\'sub_yomimono\',1);" onmouseout="popup(\'sub_yomimono\',0);">科学ニュース<br></a></li>',
'        <li><a href="/document" onmouseover="popup(\'sub_yomimono\',1);" onmouseout="popup(\'sub_yomimono\',0);">科学よみもの</a></li>',
'        <li><a href="/booknavi" onmouseover="popup(\'sub_yomimono\',1);" onmouseout="popup(\'sub_yomimono\',0);">ブックナビ</a></li>',
'        </ul>',
'      </div>',

'      <div class="submenu" id="sub_miru">',
'        <ul>',
'        <li><a href="/graphic" onmouseover="popup(\'sub_miru\',1);" onmouseout="popup(\'sub_miru\',0);">科学グラフィックス</a></li>',
'        <li><a href="/library/list" onmouseover="popup(\'sub_miru\',1);" onmouseout="popup(\'sub_miru\',0);">科学ムービー<br></a></li>',
'        </ul>',
'      </div>',

'      <div class="submenu" id="sub_blog">',
'        <ul>',
//'        <li><a href="/blog/show/4" onmouseover="popup(\'sub_blog\',1);" onmouseout="popup(\'sub_blog\',0);">池谷裕二blog<br></a></li>',
//'        <li><a href="/blog/show/5" onmouseover="popup(\'sub_blog\',1);" onmouseout="popup(\'sub_blog\',0);">大発見？かもね！blog</a></li>',
//'        <li><a href="/blog/show/6" onmouseover="popup(\'sub_blog\',1);" onmouseout="popup(\'sub_blog\',0);">理科準備室へようこそblog</a></li>',
'        <li><a href="/blog/show/7" onmouseover="popup(\'sub_blog\',1);" onmouseout="popup(\'sub_blog\',0);">おしゃべりな科学Blog</a></li>',
'        </ul>',
'      </div>',

'      <div class="submenu" id="sub_study">',
'        <ul>',
'        <li><a href="/lesson" onmouseover="popup(\'sub_study\',1);" onmouseout="popup(\'sub_study\',0);">授業サプリ<br></a></li>    ',
'        </ul>',
'      </div>',

'      <div class="submenu" id="sub_hiroba">',
'        <ul>',
'        <li><a href="/community" onmouseover="popup(\'sub_hiroba\',1);" onmouseout="popup(\'sub_hiroba\',0);">ナビのひろば<br></a></li>',
'        <li><a href="/community/bbs" onmouseover="popup(\'sub_hiroba\',1);" onmouseout="popup(\'sub_hiroba\',0);">ナビかきこコーナー<br></a></li>',
'        <li><a href="/blog/show/7" onmouseover="popup(\'sub_hiroba\',1);" onmouseout="popup(\'sub_hiroba\',0);">おしゃべりな科学Blog<br></a></li>',
'        <li><a href="/blog/show/6" onmouseover="popup(\'sub_hiroba\',1);" onmouseout="popup(\'sub_hiroba\',0);">理科準備室へようこそBlog</a></li>',
//'        <li><a href="/community/oshaberi" onmouseover="popup(\'sub_hiroba\',1);" onmouseout="popup(\'sub_hiroba\',0);">おしゃべりな科学</a></li>    ',
'        </ul>',
'      </div>  '
  
  
  );

}

function keyword_popup(fi,na,w,h)
{
    window.open(fi,na,"width="+w+",height="+h+",toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,favorites=no,resizable=no");
}