//内幅(paddingを含み、スクロールバー,border,marginを除く)を求める
  function getINNERWIDTH(){
    if(window.opera)
      return window.innerWidth          //o6,o7用
    else if(document.all)
      return document.body.clientWidth  //e4,e5,e6用
    else if(document.layers)
      return window.innerWidth          //n4用
    else if(document.getElementById)
      return  window.innerWidth         //n6,n7,m1,s1用
    return null
  }


<!--
// メニュー･ロールオーバー
function rollOver(obj,val) {
	obj.className = val;
}

// URLリンク
function jumpUrl(url) {
	window.open(url,"_top");
}

// 表示モード切替
function displayMode(mode) {
	document.getElementById('submenu').style.display = mode;
}

// ポップアップメニュー
function popupMenu(obj, item, w, h) {

	var submenu = document.getElementById('submenu');

	// メニュー項目
	popupMenuItem = new Array();
	switch (item) {

	// 会社案内
	case 1:
		
		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> corp. information</font></strong></span>","");
		popupMenuItem.push("　会社概要      ", "01company-1.php");
		popupMenuItem.push("　企業理念　　　", "01company-2.php");
		popupMenuItem.push("　会社沿革　　　", "01company-3.php");
		popupMenuItem.push("　経営計画　　　", "01company-4.php");
		popupMenuItem.push("　創業時の心意気", "01company-6.php");
		popupMenuItem.push("　IS0 14001　　 ", "01company-7.php");
		popupMenuItem.push("　個人情報取扱　", "01company-8.php");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> map </font></strong></span>","");
		popupMenuItem.push("　アクセスマップ", "01company-5.php");

		break;

	// 販売拠点
	case 2:
		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> show room </font></strong></span>","");
		popupMenuItem.push("　夢木香Living", "./02showroom-1.php");
		popupMenuItem.push("　営業カレンダー", "./02showroom-2.php");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> office </font></strong></span>","");
		popupMenuItem.push("　夢木香 HOME<sup>(本社)</sup>", "./index-home.php");
		popupMenuItem.push("　夢木香 岐阜",   "./index-gifu.php");
		popupMenuItem.push("　夢木香 関西",   "./index-kansai.php");
		popupMenuItem.push("　夢木香 ノース", "./index-north.php");
		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> recipe </font></strong></span>","");
		popupMenuItem.push("　住宅販売事業部", "http://www.04p.jp/");

		break;

	// 夢木香の仕事
	case 3:
		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> log house </font></strong></span>","");
		popupMenuItem.push("　マシンカットログ", "03house-1.php");
		popupMenuItem.push("　ティンバー",       "03house-2.php");
		popupMenuItem.push("　ハンドカットログ", "03house-3.php");
		popupMenuItem.push("　ポスト＆ビーム",   "03house-4.php");
		popupMenuItem.push("　Desiger's Log",    "03house-10.php");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> wood house </font></strong></span>","");
		popupMenuItem.push("　個性派住宅",       "03house-6.php");
		popupMenuItem.push("　ソリッドフレーム", "03house-5.php");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> profin </font></strong></span>","");
		popupMenuItem.push("　北欧建具",       "13profin.php");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> other </font></strong></span>","");
		popupMenuItem.push("　店舗・内装",       "03house-7.php");
		popupMenuItem.push("　リフォーム･その他","03house-9.php");
//		popupMenuItem.push("　薪ストーブ工事",   "03house-8.php");
		popupMenuItem.push("　薪ストーブ工事",   "02showroom-3stove.php?no=32");

		break;

	// 夢木香のこだわり
	case 4:
		popupMenuItem.push("　品質と技術力", "04feeling-1.php");
		popupMenuItem.push("　保証について", "04feeling-2.php");
		popupMenuItem.push("　スピリッツ",   "04feeling-3.php");

		break;

	// ログハウスの良さ
	case 5:
		popupMenuItem.push("　ログハウスQ&A",    "05loghouse-1.php?no=1");
		popupMenuItem.push("　ログを薦める理由", "05loghouse-2.php?no=1");
	//	popupMenuItem.push("　---",              "05loghouse-3.php");

		break;

	// お客様コーナー
	case 6:
		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> Doc. request</font></strong></span>","");
		popupMenuItem.push("　資 料 請 求",     "06customer-1.php");
		popupMenuItem.push("　メルマガ登録",    "06customer-2.php");
		popupMenuItem.push("　お問合せ方法",    "06customer-3.php");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> seminar</font></strong></span>","");
		popupMenuItem.push("　資金計画セミナー","06customer-5.php");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> information</font></strong></span>","");
		popupMenuItem.push("　融 資 情 報",     "06customer-6.php");
		popupMenuItem.push("　土 地 情 報",     "06customer-7.php?no=1");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> letter</font></strong></span>","");
		popupMenuItem.push("　お施主様お便り",  "06customer-4.php?F=1");


		break;

	// 夢木香ひろば
	case 7:
		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> diary</font></strong></span>","");
		popupMenuItem.push("　社長の時々日記",      "07hiroba-1.php?F=1");
		popupMenuItem.push("　スタッフつぶやき",    "07hiroba-2.php?F=1");
		popupMenuItem.push("　ゆめぎふダイアリー",  "07hiroba-3.php?F=1");
		popupMenuItem.push("　かんさいダイアリー",  "07hiroba-4.php?F=1");
		popupMenuItem.push("　北の国から･･･",       "07hiroba-5.php?F=1");
		popupMenuItem.push("　夢木香ブログ",        "http://blog.yumekiko.com/");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> blog</font></strong></span>","");
		popupMenuItem.push("　雑学まめ知識",          "http://loghouse.04p.jp/");
		popupMenuItem.push("　感謝<sup>2</sup>社長ブログ","http://thanks2.04p.jp/");
		popupMenuItem.push("　レシピスタッフ",        "http://staff-blog.04p.jp/");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> staff</font></strong></span>","");
		popupMenuItem.push("　スタッフ紹介",        "07hiroba-6.php?F=1");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> letter</font></strong></span>","");
		popupMenuItem.push("　カナダから･･･",       "07hiroba-7.php?F=1");
		popupMenuItem.push("　フィンランドから･･･", "07hiroba-8.php?F=1");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> link</font></strong></span>","");
		popupMenuItem.push("　おすすめリンク",      "07hiroba-9.php?no=1");

		break;

	// 直営ショップ
	case 8:
		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> web shopping</font></strong></span>","");
		popupMenuItem.push("　夢木香ギャラリー",  "08shop-1.php");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> life article</font></strong></span>","");
		popupMenuItem.push("　夢木香Living", "./02showroom-1.php");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> takoyaki</font></strong></span>","");
		popupMenuItem.push("　洋食焼き「豆造」", "08shop-3.php");

		popupMenuItem.push("<span style='line-height: 14px'><strong><font color=#660000> bookstore</font></strong></span>","");
		popupMenuItem.push("　ヴィレッジヴァンガード", "08shop-4.php");

		break;

	}

	// メニュー作成
	myOS = navigator.userAgent;
	if(myOS.indexOf("Win") >=0){
	//　*****************　WINDOWS　*****************
	var layer;
	var roop;
	var url;
	var subject;
	layer = "<div id='popmenu' style='position:absolute;top:" + h + ";left:" + w + ";'>\n";
	roop = popupMenuItem.length / 2;
	for (i=0; i<roop; i++) {
		url = i * 2 + 1;
		subject = i * 2;
		layer += "	<div id='submenu" + i + "' class='submenu01'";
		layer += "	  onclick=jumpUrl('" + popupMenuItem[url] + "')";
		layer += "	  onmouseover=rollOver(this,'submenu02');displayMode('block');";
		layer += "	  onmouseout=rollOver(this,'submenu01');displayMode('none');>" + popupMenuItem[subject] + "</div>\n";
	}
	layer += "</div>\n";

	// ポップアップメニュー表示
	submenu.style.display = 'block';
	submenu.innerHTML = layer;

	}
	if(myOS.indexOf("Mac OS X") >=0){
	//　*****************　Macintosh　OS X *****************
	var layer;
	var roop;
	var url;
	var subject;
	var n;
	h = h + 26;
	w = w + ((getINNERWIDTH()-911)/2);
	layer = "<div id='popmenu' style='position:absolute;top:" + h + ";left:" + w + ";'>\n";
	roop = popupMenuItem.length / 2;
	for (i=0; i<roop; i++) {
		url = i * 2 + 1;
		subject = i * 2;
		layer += "	<div id='submenu" + i + "' class='submenu01'";
		layer += "	  onclick=jumpUrl('" + popupMenuItem[url] + "')";
		layer += "	  onmouseover=rollOver(this,'submenu02');displayMode('block');";
		layer += "	  onmouseout=rollOver(this,'submenu01');displayMode('none');>" + popupMenuItem[subject] + "</div>\n";
	}
	layer += "</div>\n";

	// ポップアップメニュー表示
	submenu.style.display = 'block';
	submenu.innerHTML = layer;

	}

	if(myOS.indexOf("Mac") >=0){
	//　*****************　Macintosh *****************
	var layer;
	var roop;
	var url;
	var subject;
	var n;
	h = h + 26;
	w = w + ((getINNERWIDTH()-911)/2);
	layer = "<div id='popmenu' style='position:absolute;top:" + h + ";left:" + w + ";'>\n";
	roop = popupMenuItem.length / 2;
	for (i=0; i<roop; i++) {
		url = i * 2 + 1;
		subject = i * 2;
		layer += "	<div id='submenu" + i + "' class='submenu01'";
		layer += "	  onclick=jumpUrl('" + popupMenuItem[url] + "')";
		layer += "	  onmouseover=rollOver(this,'submenu02');displayMode('block');";
		layer += "	  onmouseout=rollOver(this,'submenu01');displayMode('none');>" + popupMenuItem[subject] + "</div>\n";
	}
	layer += "</div>\n";

	// ポップアップメニュー表示
	submenu.style.display = 'block';
	submenu.innerHTML = layer;

	}
}
//-->