--- /dev/null
+<div class="sidenavi">\r
+ <a class="sidenavi-item">ようこそ!</a>\r
+ <a class="sidenavi-item">基本的な使い方</a>\r
+ <a class="sidenavi-item">cool!な使い方</a>\r
+ <a class="sidenavi-item">ショートカット</a>\r
+ <a class="sidenavi-item">保存形式</a>\r
+ <a class="sidenavi-item">このエディタについて</a>\r
+</div>\r
+<div class="page-contents">\r
+ <div class="page-content">\r
+ <h2>ようこそ!</h2>\r
+ <div style="text-align:center;margin: 1em 0 2em;">\r
+ <img src="help/wellcom.png" width="200" height="200">\r
+ </div>\r
+ <p>ぺったんR はWebブラウザだけでマンガが簡単に作れてしまうツール & サービスです。</p>\r
+ <p>この ぺったんR エディターの使い方をマスターしたらちょっと楽しいかも。</p>\r
+ </div>\r
+ <div class="page-content">\r
+ <h2>基本的な使い方</h2>\r
+ <h3>画像の追加</h3>\r
+ <h3>吹き出しの追加</h3>\r
+ <h3>背景の設定</h3>\r
+ </div>\r
+ <div class="page-content">\r
+ <h2>cool!な使い方</h2>\r
+ <h3>グリッド編集モード</h3>\r
+ <h3>マンガ以外にもこんなことが</h3>\r
+ </div>\r
+ <div class="page-content">\r
+ <h2>ショートカット</h2>\r
+ <dl>\r
+ <dt>ctrl + Z</dt>\r
+ <dd>戻る</dd>\r
+ <dt>ctrl + Y, ctrl + shift + Z</dt>\r
+ <dd>進む</dd>\r
+ <dt>ctrl + 0</dt>\r
+ <dd>キャンバスのセンタリング</dd>\r
+ <dt>tab</dt>\r
+ <dd>次の入力エリアにフォーカス</dd>\r
+ <dt>shift + tab</dt>\r
+ <dd>前の入力エリアにフォーカス</dd>\r
+ </dl>\r
+ </div>\r
+ <div class="page-content">\r
+ <h2>保存形式</h2>\r
+ <h3>ぺったんサーバにポスト</h3>\r
+ <h3>ローカルに保存</h3>\r
+ <dl>\r
+ <dt>MT形式</dt>\r
+ <dd></dd>\r
+ <dt>htmlタグ形式</dt>\r
+ <dd></dd>\r
+ <dt>json形式</dt>\r
+ <dd></dd>\r
+ <dt>xml形式</dt>\r
+ <dd></dd>\r
+ <dt>pdf形式</dt>\r
+ <dd></dd>\r
+ </dl>\r
+ </div>\r
+ <div class="page-content">\r
+ <h2>エディタについて</h2>\r
+ <div style="text-align:center;">\r
+ <p style="color:#550055;font-size:1.4em;font-weight:bold;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);">pettanR editor</p>\r
+ <p>version 0.3.0</p>\r
+ <p>© 2011 pettanR team some rights reserved.</p>\r
+ </div>\r
+ <h3>推奨動作環境</h3>\r
+ <dl>\r
+ <dt>Internet Exproler</dt>\r
+ <dd>ie9, ie8, ie7, ie6 ie9で良好に動作します.</dd>\r
+ <dt>Firefox</dt>\r
+ <dd>3.6以上で動作確認.</dd>\r
+ <dt>Chrome</dt>\r
+ <dd>5以上で動作確認.</dd>\r
+ <dt>Safari</dt>\r
+ <dd>3.2以上で動作確認.</dd>\r
+ <dt>Opera</dt>\r
+ <dd>11以上を推奨.</dd>\r
+ </dl>\r
+ </div>\r
+</div>\r