@charset "Shift_JIS"; /* ================================================ * * HPテンプレート素材処QPLO * 左側2カラムfloat #102 * http://www.qplo.net/ * * ================================================ */ /* ================================================ * * 全体設定 * * ================================================ */ /* 全称セレクタでリセット */ * { margin: 0; padding: 0; font-style : normal; font-weight : normal; font-size: 100%; } /* 全体設定 */ body { color: #333; background: #FFF; text-align: center; line-height: 1.5; } /* ================================================ * * 主なブロック要素設定 * * ================================================ */ dl, p { padding: 0.25em; } /* ================================================ * * ページレイアウト(各ページ共通) * * ================================================ */ /* ------------------------------------------------ */ /* ページの整形 */ #container { text-align: left; background: #FFF; margin: 0 auto; padding: 0; width: 700px; } /* ------------------------------------------------ */ /* ヘッダー */ #header { width: 700px; height: 60px; margin: 0; padding: 0; background: #66ccb8; } /* ------------------------------------------------ */ /* メイン */ #main { width: 500px; float: right; background: #cc6; margin: 0; padding: 0; height: 800px; /* 表示の都合上表記。適宜削除して下さい。 */ } /* ------------------------------------------------ */ /* メニュー部分 */ #menu { margin: 0; padding: 0; background: #cc8f66; width: 200px; float: right; height: 800px; /* 表示の都合上表記。適宜削除して下さい。 */ } /* ------------------------------------------------ */ /* フッター */ #footer { clear: both; width: 700px; height: 60px; background: #8fcc66; margin: 0; padding: 0; }