/*-- (C)2007-2010 http://www.ksmplus.co.jp --*/


function makeInnerHTML(page) {

	/*-- ヘッダー --*/
	var headerHtml = '';
	headerHtml += '<img src="images/header.jpg" alt="市民パソコン教室 池袋千川校 - 豊島区の安心のパソコンスクール" width="640" height="100" />';
	headerHtml += '<p class="menu">';
	headerHtml += '	<a href="info_cert.html">セキュリティ情報</a>>';
	headerHtml += '	&nbsp;&nbsp;&nbsp;<a href="link.html">リンク</a>>';
	headerHtml += '	&nbsp;&nbsp;&nbsp;<a href="sitemap.html">サイトマップ</a>>';
	headerHtml += '</p>';

	document.getElementById("header").innerHTML = headerHtml;

	/*-- グローバルメニュー --*/
	var globalMenuHtml = '';
	globalMenuHtml += '<ul>';
	globalMenuHtml += '	<li><a href="index.html">ホーム</a></li>';
	globalMenuHtml += '	<li><a href="school.html">教室の概要</a></li>';
	globalMenuHtml += '	<li><a href="study.html">講座の概要</a></li>';
	globalMenuHtml += '	<li><a href="support.html">サポート</a></li>';
	globalMenuHtml += '	<li><a href="contact.html">お問い合せ</a></li>';
	globalMenuHtml += '</ul>';

	document.getElementById("globalMenu").innerHTML = globalMenuHtml;

	/*-- サイドメニュー --*/
	var sideMenuHtml = '';
	sideMenuHtml += '<p style="text-align: center; border: 1px solid #aaa;">';
	sideMenuHtml += '	<a href="accessibility.html">文字サイズの変更方法</a>';
	sideMenuHtml += '</p>';

	sideMenuHtml += '<ul>';
	sideMenuHtml += '	<li><a href="shimin_pc.html">市民パソコン教室とは</a></li>';
	sideMenuHtml += '	<li><a href="first_club.html">ファーストクラブ会員</a></li>';
	sideMenuHtml += '	<li><a href="shimin_qa.html">良くある質問 (FAQ)</a></li>';
	sideMenuHtml += '	<li><a href="person.html">講師紹介</a></li>';
	sideMenuHtml += '	<li><a href="access.html">教室へのアクセス</a></li>';
	sideMenuHtml += '</ul>';

	sideMenuHtml += '<ul>';
	sideMenuHtml += '	<li><a href="course.html">学習コースと料金</a></li>';
	sideMenuHtml += '	<li><a href="session.html">講座のご紹介</a></li>';
	sideMenuHtml += '	<li><a href="trial.html">プチ体験講座</a></li>';
	sideMenuHtml += '	<li><a href="campaign.html">キャンペーン</a></li>';
	/*
	sideMenuHtml += '	<li><a href="session_hoby.html">パソコンを楽しもう！<br />&nbsp;&nbsp;&nbsp;趣味の講座</a></li>';
	sideMenuHtml += '	<li><a href="session_tool.html">使いこなそう！<br />&nbsp;&nbsp;&nbsp;便利な小道具講座</a></li>';
	sideMenuHtml += '	<li><a href="session_tips.html">役に立つ！<br />&nbsp;&nbsp;&nbsp;知っ得講座</a></li>';
	sideMenuHtml += '	<li><a href="session_it.html">ＩＴで仕事しよう！<br />&nbsp;&nbsp;&nbsp;お仕事講座</a></li>';
	sideMenuHtml += '	<li><a href="session_biz.html">今の仕事に活かそう！<br />&nbsp;&nbsp;&nbsp;実務系講座</a></li>';
	sideMenuHtml += '	<li><a href="kids.html">キッズコース</a></li>';
	*/
	sideMenuHtml += '	<li><a href="kids.html">キッズ・ジュニア</a></li>';
	sideMenuHtml += '</ul>';

	sideMenuHtml += '<ul>';
	sideMenuHtml += '	<li><a href="nichiken.html">日検のご案内</a></li>';
	sideMenuHtml += '	<li><a href="nichiken_course.html">日検&nbsp;対策コース</a></li>';
	sideMenuHtml += '	<li><a href="nichiken_contact.html">日検&nbsp;申し込み</a></li>';
	sideMenuHtml += '</ul>';

	sideMenuHtml += '<ul>';
	sideMenuHtml += '	<li><a href="pc_support.html">パソコン・サポート</a></li>';
	sideMenuHtml += '	<li><a href="consult.html">プチ相談・１時間講習</a></li>';
	sideMenuHtml += '	<li><a href="training.html">企業研修のご案内</a></li>';
	sideMenuHtml += '	<li><a href="it_support.html">ＩＴ支援・環境改善</a></li>';
	sideMenuHtml += '	<li><a href="homepage.html">ホームページ製作</a></li>';
	sideMenuHtml += '	<li><a href="server.html">レンタルサーバー</a></li>';
/*--	sideMenuHtml += '	<li><a href="pc_discard.html">パソコン廃棄</a></li>'; --*/
	sideMenuHtml += '</ul>';

	sideMenuHtml += '<ul>';
	sideMenuHtml += '	<li><a href="info_cert.html">セキュリティ情報</a></li>';
	sideMenuHtml += '	<li><a href="link.html">リンク</a></li>';
	sideMenuHtml += '	<li><a href="sitemap.html">サイトマップ</a></li>';
	sideMenuHtml += '</ul>';

	sideMenuHtml += '<br style="clear: both;"/>';
	sideMenuHtml += '<div id="blog">';
	sideMenuHtml += '	<p class="midashi">ブログ</p>';
	sideMenuHtml += '	<a target="_blank" href="http://www2.ksmplus.ne.jp/~yukie/" target="_blank"><img src="images/pin_04.jpg" alt="+" />TAMA\'S ROOM</a>';
	sideMenuHtml += '	<a target="_blank" href="http://shimin-pc.jp/blog/" target="_blank"><img src="images/pin_04.jpg" alt="+" />教室ブログ</a>';
	sideMenuHtml += '</div>';

	sideMenuHtml += '<br />';
	sideMenuHtml += '<div id="w3c">';
	sideMenuHtml += '	<p class="midashi">Ｗ３Ｃ標準</p>';
	sideMenuHtml += '	<p class="banner">';
	sideMenuHtml += '	<a target="_blank" href="http://validator.w3.org/check?uri=referer">';
/*--	sideMenuHtml += '	<img src="http://www.w3.org/Icons/valid-xhtml10" '; --*/
	sideMenuHtml += '	<img src="images/valid-xhtml10.png" ';
	sideMenuHtml += '		alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>';
	sideMenuHtml += '	<a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer">';
/*--	sideMenuHtml += '		src="http://jigsaw.w3.org/css-validator/images/vcss" '; --*/
	sideMenuHtml += '	<img style="border:0;width:88px;height:31px" ';
	sideMenuHtml += '		src="images/vcss.png" ';
	sideMenuHtml += '		alt="Valid CSS!" />';
	sideMenuHtml += '	</a>';
	sideMenuHtml += '	</p>';
	sideMenuHtml += '	<p class="lead">';
	sideMenuHtml += '	当サイトは W3C 勧告に従った正しい文書構成で制作しています。';
	sideMenuHtml += '	</p>';
	sideMenuHtml += '</div>';
/*--
	sideMenuHtml += '<div>';
	sideMenuHtml += '	<p style="text-align: center">';
	sideMenuHtml += '		ホスティング、ハウジング<br />';
	sideMenuHtml += '		ホームページと<br />インターネットのことなら<br />';
	sideMenuHtml += '		<a target="_blank" href="http://www.ksmplus.co.jp/">ケイ・エス・エムプラス</a>へ<br />';
	sideMenuHtml += '		TEL : 03-3972-2121';
	sideMenuHtml += '	</p>';
	sideMenuHtml += '</div>';
--*/
/*--
	sideMenuHtml += '<br />';
	sideMenuHtml += '<div id="w3c">';
	sideMenuHtml += '	<p class="midashi">Powerd by</p>';
	sideMenuHtml += '	<p class="banner">';
	sideMenuHtml += '	<a target="_blank" href="http://www.ksmplus.co.jp/">';
	sideMenuHtml += '	<img src="images/ksm_logo.gif" alt="KSM+" />';
	sideMenuHtml += '	</a>';
	sideMenuHtml += '	</p>';
	sideMenuHtml += '</div>';
--*/
/*--
	sideMenuHtml += '<div id="google">';
	sideMenuHtml += '<!-- Google  -->';
	sideMenuHtml += '<form method=get action="http://www.google.co.jp/search">';
	sideMenuHtml += '<input type=hidden name=ie value=Shift_JIS>';
	sideMenuHtml += '<input type=hidden name=oe value=Shift_JIS>';
	sideMenuHtml += '<input type=hidden name=hl value="ja">';
	sideMenuHtml += '<input type=hidden name=sitesearch value="shimin-pc.jp"> ';
	sideMenuHtml += '<a href="http://www.google.co.jp/">';
	sideMenuHtml += '<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle">';
	sideMenuHtml += '</a>';
	sideMenuHtml += '<input type=text name=q size=16 maxlength=255 value="">';
	sideMenuHtml += '<br />';
	sideMenuHtml += '<input type=submit name=btnG value="サイト内検索">';
	sideMenuHtml += '</form>';
	sideMenuHtml += '<!-- Google -->';
	sideMenuHtml += '</div>';
--*/

	document.getElementById("sideMenu").innerHTML = sideMenuHtml;

	/*-- フッター --*/
	var footerHtml = '';
	footerHtml += '<p class="menu">';
	footerHtml += '	<a href="index.html" class="first">ホーム</a>';
	footerHtml += '	<a href="school.html">教室の概要</a>';
	footerHtml += '	<a href="study.html">講座の概要</a>';
	footerHtml += '	<a href="support.html">サポート</a>';
	footerHtml += '	<a href="contact.html">お問い合せ</a>';
	footerHtml += '	<a href="privacy.html">個人情報の取扱い</a>';
	footerHtml += '</p>';
	footerHtml += '<p class="copyright">';
	footerHtml += '	Copyright&copy;2007-2010 ';
	footerHtml += '	<a href="http://shimin-pc.jp">市民パソコン教室 池袋千川校</a>';
	footerHtml += '	 All Rights Reserved.';
	footerHtml += '	 <br />TEL&nbsp;:&nbsp;03-3972-2127';
	footerHtml += '</p>';
	footerHtml += '<p class="pwksm">';
	footerHtml += '	Powered by ';
	footerHtml += '	<a target="_blank" href="http://www.ksmplus.co.jp/">K.S.M. Plus Co.,Ltd.</a>';
	footerHtml += '</p>';

	document.getElementById("footer").innerHTML = footerHtml;

	if (page == "info_cert") {	/*-- info cert --*/
		var certHtml ='';
		certHtml += '<span style="color: #007300;">年月を選択すると、ページにジャンプします</span>';
		certHtml += '<form action="#">';
		certHtml += '	<select onchange="if (value != \'none\') {location.href = value;}">';
		certHtml += '		<option value="none">他、セキュリティ情報（2008年２月〜）</option>';
		certHtml += '		<option value="info_cert.html">2010年９月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1008.html">2010年８月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1007.html">2010年７月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1006.html">2010年６月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1005.html">2010年５月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1004.html">2010年４月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1003.html">2010年３月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1002.html">2010年２月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1001.html">2010年１月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0912.html">2009年12月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0911.html">2009年11月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0910.html">2009年10月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0909.html">2009年９月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0908.html">2009年８月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0907.html">2009年７月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0906.html">2009年６月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0905.html">2009年５月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0904.html">2009年４月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0903.html">2009年３月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0902.html">2009年２月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0901.html">2009年１月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0812.html">2008年12月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0811.html">2008年11月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0810.html">2008年10月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0809.html">2008年９月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0808.html">2008年８月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0807.html">2008年７月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0806.html">2008年６月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0805.html">2008年５月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0804.html">2008年４月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0803.html">2008年３月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0802.html">2008年２月のセキュリティ情報</option>';
		certHtml += '	</select>';
		certHtml += '</form>';

		document.getElementById("jumpCert").innerHTML = certHtml;
	}
	
	/*-- 講座分類 --*/
	var sessionHtml = '';
	sessionHtml += '<table class="kouzaCopy">';
	sessionHtml += '<tr>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="session_hoby.html">パソコンを楽しもう！<br />趣味の講座</a>';
	sessionHtml += '	</td>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="session_tool.html">使いこなそう！<br />便利な小道具講座</a>';
	sessionHtml += '	</td>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="session_biz.html">今の仕事に活かそう！<br />実務系講座</a>';
	sessionHtml += '	</td>';
	sessionHtml += '</tr>';
	sessionHtml += '<tr>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="session_tips.html">役に立つ！<br />知っ得講座</a>';
	sessionHtml += '	</td>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="session_it.html">ＩＴで仕事しよう！<br />お仕事講座</a>';
	sessionHtml += '	</td>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="nichiken_course.html">資格を取ろう<br />日検対策コース</a>';
	sessionHtml += '	</td>';
	sessionHtml += '</tr>';
	sessionHtml += '</table>';

	document.getElementById("sessionItemMenu").innerHTML = sessionHtml;
	
}

function chgDisp(id) {
	var expId = document.getElementById("exp" + id);
	expId.style.display = expId.style.display == "none" ? "block" : "none";

	var trId = document.getElementById("tr" + id);
	trId.style.display = trId.style.display == "none" ? "inline" : "none";
}