// 説明ページ

document.write( '<div class="xxxxxx">');
document.write( '<img src="demo/image/maru1.gif" width="181" height="147" class="maru1" usemap="#linkmap" />');
document.write( '<img src="demo/image/y1.gif" width="42" height="14" class="y1" />');
document.write( '<p class="tyui1">クリックすると詳細ページを表示します。</p>');
document.write( '<img src="demo/image/y11.gif" width="42" height="14" class="y11" style="position:absolute;top:110px;left:220px;" />');
document.write( '<p class="tyui1" style="position:absolute;top:100px;left:250px;">ヘッダーのデザインは選べます。URLはhttp://www.ABC.book10.jpとなります。</p>');
document.write( '<img src="demo/image/y12.gif" width="36" height="26" class="y12" style="position:absolute;top:330px;left:70px;" />');
document.write( '<p class="tyui1" style="position:absolute;top:360px;left:80px;line-height:180%;">カテゴリを10個まで<br />設定できます。</p>');
document.write( '<map name="linkmap">');
document.write( '<area shape="rect" coords="37,18,151,132" href="book.html">');
document.write( '</map>');
document.write( '</div>');

document.write( '<div class="message1">閲覧用ページデモトップ：コンテンツの一覧表示</div>');
document.write( '<div class="message3">このページは「Book10 ビジネス」の概要をご覧いただくためのデモページです。実際のページとは異なります。内容の一部、全部に関わらず、コピーして他に転用することは禁じられていますのでご注意ください。</div>');

document.write( '<ul class="demoAdminMenu">');
document.write( '<li><a href="index.html" class="toviewer">閲覧デモトップへ</a></li>');
document.write( '<li><a href="demoadmin/index.html" class="toadmin">管理者デモトップへ</a></li>');
document.write( '<li><a href="../index.html" class="totop">デモトップページへ</a></li>');
document.write( '</ul>');