close #352 note/show::create html&css

今までのレビューによると、styleをclassにまとめるのはパフォーマンスが落ちるのとhtmlの構造の中にスタイル情報が入ってしまうので基本的にはNGみたいです。（Twitter Bootstrapとかはそういう仕様になっていて、デザイナーのコーディングとかプロトタイピング用途としてはOKとのこと）
大きさはページ毎にバラバラなので、
・common.css.scssで 3種類あるfont-familyをすべて変数化しておく
・ページごとにフォントのサイズを変数化する
くらいが現実的だと思います。