スタイルのメモ書き・・・

＜基本格子＞
ブラウザの表示部、縦方向のスクロールバーは最初から表示、横方向は表示しない。
表示部は、上部余白０、左右は自動で中央表示。
フォントはブラウザ指定の８７．５％。
１行の高さは１．２文字分。
全体の幅は、１２８０～８００pxの可変式。
文章は左寄せ。

ヘッダー１：バナー広告（予定）

ヘッダー２：ロゴ表示部分
要素を左寄せ。
ロゴは、縦を２４０pxでアスペクト比維持したまま縮小拡大表示。
ＴＯＰ時以外は選択要素で、ＴＯＰに戻るスイッチになる。
選択要素時はカーソルを乗せると、不透明化率８０％になり、スイッチであることを知らせている。

メニュー１：親メニュー
高さは２文字分内部マージンで左右に２文字分。
選択されることで、選択要素から表示要素に変わり、０．５文字分下がって子メニューが隣接して開く。

メニュー２：子メニュー
外部余白で左右に０．５文字分、隣接したメニュー１の表示要素に変わった要素と背景色を同じにする。
角を丸めている。
内部選択要素は、カーソルを上にもってくると、浮いたような演出になり、選択すると表示要素に変わり、
押されたままのような演出になる。

ＫＡＲＡ（広告用）
要素を右寄せ。幅は３３０px。

Ｍａｉｎ（メインコンテンツ表示）
表示幅、９５０～５００pxの可変式。外部右余白３３０px（広告エリア分）
内部余白として１文字分。

ｎｅｗ１（新着情報）
外部余白、上下：１文字分　左右：５文字分、内部余白は０．５文字分ずつ。
ｇｍａｐ（グーグルマップ表示）
外部余白は０．５文字分、内部余白も０．５文字分。
ボーダーラインをもうける。

ｍａｉｎ．ｋｊ（記事囲み用）
外部余白、上下に０．５文字分ずつ。内部余白は０．５文字分ずつ。
画像表示用は、右寄せ・中央・左寄せで別々に用意し、表示幅の有無でも別に用意している。
動画・グーグルマップも同様

ｆｏｏｔｅｒ
文字を中央寄せ表示

書いてない部分もあるがおおむね記載。

表示に関してアイデアや、こういう部分の追加はこの下に書いてください。