Use JPEG for a photographic image

写真の場合、PNGよりもJPEGの方が圧縮効率が良いことに気づきました。
Add "max-width: 900px" for "div#main"

現状、メイン領域の幅が指定されていないため、ウィンドウ幅を広げると
文章の一行が長くなって読みづらいので、最大幅（900px）を設定してみました。

TODO:
  * メイン領域を中央寄せするかどうか
  * 中央寄せするなら、見出し（h1）も中央寄せするかどうか
講演者情報詳細の文章を手直し。
開催趣意書に今までよりもっと思いを込めて調整してみました
LT が参加登録受付中であることをしつこく表示してみました
LT は先着順で決定することにしました

っていうのでいいかなぁ
懇親会についての説明をちょっと丁寧にした
ページ内リンクを押したときナビと見出しが重ならないようにした
ナビの上部のボーダーラインを削除
ナビの修正に伴うレスポンシブ対応の修正

ナビが見出しと重ならないことと、不自然に改行されないことを
優先して実装しました。
h1 ~ h3 はborder-bottom があると区切りが見やすかった
変数のプレフィックスをリネームした

変数が h1 でのみ使われることを仮定していたので
これだと他の箇所で使うときに混乱しそうと思いました
同名のフォントはひとつで十分なのでした
リンクの色を若干まろやかにした
区切り文字!
タイムテーブル周辺を更新
タイムテーブルにスタイルを充てました
フォントサイズにメリハリをつけた
講演詳細まわりを調整
OGP にも思いを込めた

Close #12