画面レイアウトの修正

[cyoco]

画面周りを #11 で採用されたデザインに修正。 修正に伴いhtmlに記載されたいたjavascriptを別ファイルに分けました。 また、修正に必要なcss、画像ファイルフォルダも作成。

ボタンの修正もしたいので一旦、マージは待ってください。 修正完了したらアサインします。

[cyoco]

いろいろ修正してしまってすいません。 レビューお願いします。

macのchromeとfirefoxでは挙動確認済みです。

[mahya8585]

あまりクリティカルなものはない認識ですが、ないようのご確認おねがいします〜

[cyoco]

コミットがごちゃごちゃしすぎてすみません。

・pxへの統一 ・cssのフォーマット統一 ・一部コメントの修正 および ・master(htmlに記載のjavascript)の取り込み しました。

残りの指摘はissue化して別途対応します。