@charset "Shift_JIS"; /* ================================================ * * HPテンプレート素材処QPLO * 右側2カラムリキッド #103 * 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: 90%; } /* ------------------------------------------------ */ /* ヘッダー */ #header { width: 100%; height: 60px; margin: 0; padding: 0; background: #66ccb8; } /* ------------------------------------------------ */ /* メイン */ #main { width: 75%; float: left; background: #cc6; margin: 0; padding: 0; height: 800px; /* 表示の都合上表記。適宜削除して下さい。 */ } /* ------------------------------------------------ */ /* メニュー部分 */ #menu { margin: 0; padding: 0; background: #cc8f66; width: 25%; float: left; height: 800px; /* 表示の都合上表記。適宜削除して下さい。 */ } /* ------------------------------------------------ */ /* フッター */ #footer { clear: both; width: 100%; height: 60px; background: #8fcc66; margin: 0; padding: 0; }