function right(name, id){
active = "class=\"active\"";
document.write('<div id="right">\
	<div id="rightInner">\
');
if (name == "cpn"){
document.write('\
	<div id="cpn" class="r_navi">\
	<ul>\
	<li id="cpn_menu01"' + (id  == "cpn_menu01" ? active : "") + '><a href="/about/what.html"><span>「iD」ってなに？</span></a></li>\
	<li id="cpn_menu02"' + (id  == "cpn_menu02" ? active : "") + '><a href="/search/index.php"><span>「iD」ってどこで使えるの？</span></a></li>\
	<li id="cpn_menu03"' + (id  == "cpn_menu03" ? active : "") + '><a href="/about/otoku.html"><span>「iD」で支払うと「おトク、便利」なの？</span></a></li>\
	<li id="cpn_menu04"' + (id  == "cpn_menu04" ? active : "") + '><a href="/about/anshin.html"><span>他人に使われたりするのが心配！？</span></a></li>\
	<li id="cpn_menu05"' + (id  == "cpn_menu05" ? active : "") + '><a href="/apply/id.html"><span>どうやってはじめるの？</span></a></li>\
	<li id="cpn_menu06"' + (id  == "cpn_menu06" ? active : "") + '><a href="/about/issyo.html"><span>あなたといっしょの「iD」です</span></a></li>\
	</ul>\
	</div>\
');
}else{
document.write('\
		<div id="right_feutuer1">\
		<div class="right_Box">\
		<a href="/sej/" target="_blank">\
		<img src="/common/image/rightContents/cpn_sej.jpg" alt="iDかざしてケータイGET！キャンペーン" />\
		<h3>iDかざしてケータイGET！キャンペーン</h3>\
		<p>\
		セブン-イレブンで「iD」を使うと、最新モデルにも使える「ケータイ引換券」があたる！<br />\
		「iD」を使って使って好きなコースに応募しよう！<br />\
		</p>\
		</a>\
		</div>\
		</div>\
	<!--/特集表示エリア-->\
');
}
switch(name){
case "about":
document.write('\
	<div id="about" class="r_navi">\
	<h3><a href="/about/id.html"><span>「iD」について</span></a></h3>\
	<ul>\
	<li id="about_menu01"' + (id  == "about_menu01" ? active : "") + '><a href="/about/what.html"><span>「iD」ってなに？</span></a></li>\
	<li id="about_menu02"' + (id  == "about_menu02" ? active : "") + '><a href="/search/index.php"><span>「iD」ってどこで使えるの？</span></a></li>\
	<li id="about_menu03"' + (id  == "about_menu03" ? active : "") + '><a href="/about/otoku.html"><span>「iD」で支払うと「おトク、便利」なの？</span></a></li>\
	<li id="about_menu04"' + (id  == "about_menu04" ? active : "") + '><a href="/about/anshin.html"><span>他人に使われたりするのが心配！？</span></a></li>\
	<li id="about_menu05"' + (id  == "about_menu05" ? active : "") + '><a href="/apply/id.html"><span>どうやってはじめるの？</span></a></li>\
	<li id="about_menu06"' + (id  == "about_menu06" ? active : "") + '><a href="/about/issyo.html"><span>あなたといっしょの「iD」です</span></a></li>\
	</ul>\
	</div>\
');
break;
case "search":
document.write('\
	<div id="search" class="r_navi">\
	<h3><a href="/about/id.html"><span>「iD」について</span></a></h3>\
	<ul>\
	<li id="search_menu01"' + (id  == "search_menu01" ? active : "") + '><a href="/about/what.html"><span>「iD」ってなに？</span></a></li>\
	<li id="search_menu02"' + (id  == "search_menu02" ? active : "") + '><a href="/search/index.php"><span>「iD」ってどこで使えるの？</span></a></li>\
	<li id="search_menu03"' + (id  == "search_menu03" ? active : "") + '><a href="/search/shop.html"><span>「iD」が使える主なお店</span></a></li>\
	<li id="search_menu04"' + (id  == "search_menu04" ? active : "") + '><a href="http://www.e-map.ne.jp/pc/index.htm?cid=docomoid" target="_blank"><span>「iD」が使えるお店検索</span></a></li>\
	<li id="search_menu05"' + (id  == "search_menu05" ? active : "") + '><a href="/search/site.html"><span>「iD」が使えるショッピングサイト一覧</span></a></li>\
	<li id="search_menu06"' + (id  == "search_menu06" ? active : "") + '><a href="/search/world/guam.html"><span>「iD」が使える海外のお店（グアム）</span></a></li>\
	<li id="search_menu07"' + (id  == "search_menu07" ? active : "") + '><a href="/search/world/beijing.html"><span>「iD」が使える海外のお店（中国・北京）</span></a></li>\
	<li id="search_menu08"' + (id  == "search_menu08" ? active : "") + '><a href="/search/world/shanghai.html"><span>「iD」が使える海外のお店（中国・上海）</span></a></li>\
	<li id="search_menu09"' + (id  == "search_menu09" ? active : "") + '><a href="/about/otoku.html"><span>「iD」で支払うと「おトク、便利」なの？</span></a></li>\
	<li id="search_menu10"' + (id  == "search_menu10" ? active : "") + '><a href="/about/anshin.html"><span>他人に使われたりするのが心配！？</span></a></li>\
	<li id="search_menu11"' + (id  == "search_menu11" ? active : "") + '><a href="/apply/id.html"><span>どうやってはじめるの？</span></a></li>\
	<li id="search_menu12"' + (id  == "search_menu12" ? active : "") + '><a href="/about/issyo.html"><span>あなたといっしょの「iD」です</span></a></li>\
	</ul>\
	</div>\
');
break;
case "apply":
document.write('\
	<div id="apply" class="r_navi">\
	<h3><a href="/about/id.html"><span>「iD」について</span></a></h3>\
	<ul>\
	<li id="apply_menu01"' + (id  == "apply_menu01" ? active : "") + '><a href="/about/what.html"><span>「iD」ってなに？</span></a></li>\
	<li id="apply_menu02"' + (id  == "apply_menu02" ? active : "") + '><a href="/search/index.php"><span>「iD」ってどこで使えるの？</span></a></li>\
	<li id="apply_menu03"' + (id  == "apply_menu03" ? active : "") + '><a href="/about/otoku.html"><span>「「iD」で支払うと「おトク、便利」なの？</span></a></li>\
	<li id="apply_menu04"' + (id  == "apply_menu04" ? active : "") + '><a href="/about/anshin.html"><span>他人に使われたりするのが心配！？</span></a></li>\
	<li id="apply_menu05"' + (id  == "apply_menu05" ? active : "") + '><a href="/apply/id.html"><span>どうやってはじめるの？</span></a></li>\
	<li id="apply_menu06"' + (id  == "apply_menu06" ? active : "") + '><a href="/apply/dcmxmini.html"><span>気軽に・すぐにはじめたい方</span></a></li>\
	<li id="apply_menu07"' + (id  == "apply_menu07" ? active : "") + '><a href="/about/issuer.html"><span>「iD」対応クレジットカード会社</span></a></li>\
	<li id="apply_menu08"' + (id  == "apply_menu08" ? active : "") + '><a href="/about/issyo.html"><span>あなたといっしょの「iD」です</span></a></li>\
	</ul>\
	</div>\
');
break;
case "support":
document.write('\
	<div id="support" class="r_navi">\
	<h3><a href="/support/index.html"><span>お客様サポート</span></a></h3>\
	<ul>\
	<li id="support_menu01"' + (id  == "support_menu01" ? active : "") + '><a href="/support/install.html"><span>カード情報の設定・削除</span></a></li>\
	<li id="support_menu02"' + (id  == "support_menu02" ? active : "") + '><a href="/support/change.html"><span>メインカードの変更</span></a></li>\
	<li id="support_menu03"' + (id  == "support_menu03" ? active : "") + '><a href="/support/erace.html"><span>「iD」設定アプリの削除</span></a></li>\
	<li id="support_menu04"' + (id  == "support_menu04" ? active : "") + '><a href="/support/version.html"><span>バージョンの確認</span></a></li>\
	<li id="support_menu05"' + (id  == "support_menu05" ? active : "") + '><a href="/support/id_net.html"><span>ネット決済の使い方</span></a></li>\
	<li id="support_menu06"' + (id  == "support_menu06" ? active : "") + '><a href="/support/ic.html"><span>機種変更のとき</span></a></li>\
	<li id="support_menu07"' + (id  == "support_menu07" ? active : "") + '><a href="/support/cashing.html"><span>「iD」でのキャッシング</span></a></li>\
	<li id="support_menu08"' + (id  == "support_menu08" ? active : "") + '><a href="/support/reissue.html"><span>「iD」を再設定される方</span></a></li>\
	<li id="support_menu09"' + (id  == "support_menu09" ? active : "") + '><a href="/support/password.html"><span>パスワードの設定</span></a><li>\
	<li id="support_menu10"' + (id  == "support_menu10" ? active : "") + '><a href="http://www.nttdocomo.co.jp/service/convenience/osaifu/security/index.html#p03" target="_blank"><span>ICカードロック</span></a></li>\
	<li id="support_menu11"' + (id  == "support_menu11" ? active : "") + '><a href="http://www.nttdocomo.co.jp/service/safety/lock/index.html" target="_blank"><span>おまかせロック</span></a></li>\
	</ul>\
	</div>\
');
break;
case "campaignlist":
document.write('\
	<div id="campaignlist" class="r_navi">\
	<h3><a href="/campaign/"><span>「iD」共通キャンペーン一覧</span></a></h3>\
	<ul>\
	<li id="campaignlist_menu01"' + (id  == "campaignlist_menu01" ? active : "") + '><a href="/campaign/creditcompany/index.php"><span>クレジットカード会社別キャンペーン一覧</span></a></li>\
	</ul>\
	</div>\
');
break;
case "information":
document.write('\
	<div id="information" class="r_navi">\
	<h3><a href="/information/index.php"><span>インフォメーション一覧</span></a></h3>\
	<ul>\
	<li id="information_menu01"' + (id  == "information_menu01" ? active : "") + '><a href="/information/index.php"><span>お知らせ</span></a></li>\
	<li id="information_menu02"' + (id  == "information_menu02" ? active : "") + '><a href="/presrelease/index.php"><span>プレスリリース</span></a></li>\
	</ul>\
	</div>\
');
break;
case "question":
document.write('\
	<div id="question" class="r_navi">\
	<h3><a href="/question/index.html"><span>よくある質問</span></a></h3>\
	<ul>\
	<li id="question_menu01"' + (id  == "question_menu01" ? active : "") + '><a href="/question/index.html"><span>「iD」に関するご質問</span></a></li>\
	<li id="question_menu02"' + (id  == "question_menu02" ? active : "") + '><a href="/question/apply.html"><span>お申し込みに関するご質問</span></a></li>\
	<li id="question_menu03"' + (id  == "question_menu03" ? active : "") + '><a href="/question/use.html"><span>ご利用に関するご質問</span></a></li>\
	<li id="question_menu04"' + (id  == "question_menu04" ? active : "") + '><a href="/question/function.html"><span>機能に関するご質問</span></a></li>\
	<li id="question_menu05"' + (id  == "question_menu05" ? active : "") + '><a href="/question/id_net.html"><span>ネット決済に関するご質問</span></a></li>\
	</ul>\
	</div>\
');
break;
}
document.write('\
		<h3><img src="/common/image/rightContents/r_link_shop.gif" alt="「iD」が使えるお店" width="219" height="32"/></h3>\
		<div class="right_Box">\
		<p><a href="/search/shop.html"><img src="/common/image/rightContents/r_link_shop_list.gif" alt="iDが使える主なお店" width="207" height="178"/></a></p>\
		</div>\
		\
		<h3><img src="/common/image/rightContents/r_menu_search.gif" alt="使えるお店を検索したい" width="219" height="32"/></h3>\
		<div class="right_Box">\
		<p><img src="/common/image/rightContents/r_menu_search_mark.gif" alt="このマークがあるお店でご利用できます。" width="205" height="68"/></p>\
		<form target="_blank" class="form_search_s" method="get" action="http://www.e-map.ne.jp/pc/index.htm" target="_blank">\
		<label class="la_add"><input type="radio" checked="checked" class="search_radio" id="address" value="ShopW" name="type"/>住所・店名</label>\
		<label class="la_sta"><input type="radio" class="search_radio" id="station" value="StW" name="type"/>駅名</label>\
		<label class="la_zip"><input type="radio" class="search_radio" id="zipcode" value="ZipW" name="type"/>郵便番号</label>\
		<p><input type="text" class="search_text_s" id="searchText_s" name="keyword"/>\
		<input type="hidden" value="UTF8" name="enc"/>\
		<input type="hidden" value="docomoid" name="cid"/>\
		<input type="hidden" value="FREE_SRCH" name="col"/>\
		</p>\
		<p><input type="submit" class="input_btn" id="right_searchSubmit" value="" onclick="pageTracker._trackEvent(\'Internal_link\',\'top\');"/></p>\
		</form>\
		<p><img src="/common/image/rightContents/r_menu_search_ex.gif" alt="記入例" width="205" height="60"/></p>\
		<p class="rlink"><a href="http://www.e-map.ne.jp/pc/index.htm?cid=docomoid" target="_blank" onclick="pageTracker._trackEvent(\'Internal_link\',\'top\');"><img src="/common/image/rightContents/r_menu_search_huyasu.gif" alt="検索方法をふやす" width="117" height="13"/></a></p>\
		</div>\
		\
		<div id="rCreditcardCampany">\
		<h3><img src="/common/image/rightContents/r_creditcard_campany.gif" alt="iD対応クレジットカード会社" width="219" height="32"/></h3>\
		<div class="right_Box">\
			<ul>\
				<li>DCMX</li>\
				<li>三井住友カード株式会社</li>\
				<li>VJAグループ</li>\
				<li>UCカード</li>\
				<li>AEONカード</li>\
				<li>セゾンカード</li>\
				<li>LIFEカード</li>\
				<li>ローソンパス</li>\
				<li>オリコカード</li>\
			</ul>\
		<p><a href="/about/issuer.html"><img src="/common/image/rightContents/r_creditcard_campany_list.gif" alt="一覧から選ぶ" width="207" height="115"/></a></p>\
		</div>\
		</div>\
		\
		<div id="backgroundGradation"></div>\
	</div>\
</div>\
');
}

window.onload = btnConform;

// JavaScript Document 20100607 rollover script //

 function smartRollover() {
     if(document.getElementsByTagName) {
         var images = document.getElementsByTagName("img");
         for(var i=0; i < images.length; i++) {
             if(images[i].getAttribute("src").match("_off."))
             {
                 images[i].onmouseover = function() {
                     this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
                 }
                 images[i].onmouseout = function() {
                     this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
                 }
             }
         }
     }
 }
 if(window.addEventListener) {
     window.addEventListener("load", smartRollover, false);
 }
 else if(window.attachEvent) {
     window.attachEvent("onload", smartRollover);
}

//

/*
Description: search OnMouse
Version: 1.0
*/
function btnConform(){
	var inputs = document.getElementsByTagName("input");
	for( var i=0,j=inputs.length; i<j; i++){
		var btn = inputs[i]; 
		if(btn.getAttribute("class") ){
			if(btn.getAttribute("class") == "input_btn"){
				btn.onmouseover = function(){
					btn.style.backgroundPosition = 'center -29px';
					return false;
				}
				btn.onmouseout = function(){
					btn.style.backgroundPosition = 'center top';
					return false;
				}
			}
		}
		else if(btn.getAttribute("className")){
			if(btn.getAttribute("className") == "input_btn"){
				btn.onmouseover = function(){
					btn.style.backgroundPosition = 'center -29px';
					return false;
				}
				btn.onmouseout = function(){
					btn.style.backgroundPosition = 'center top';
					return false;
				}
			}
		}
	}
}