/* 060901 */ /* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /* 変更箇所1 項目欄背景 ①薄い色(背景1 背景2) ②中間の色(背景3) ③濃い色(背景4) */ /* 変更箇所2 背景 ①薄い色(背景5 背景6 背景7は共通htmlのグローバルナビで変更 */ /* 変更箇所3 カテゴリ商品紹介背景 背景A */ /* 変更箇所4 1.文字色指定 でCSSを検索し、色番号をコピーする。 2.デザイン設定→共通項目編集→フォント色(全体)より簡易設定 */ /* 変更箇所5 画像枠線の色 ①商品詳細画像枠線の色 ②商品一覧htmlの 商品一覧画像枠線の色 で検索*/ /* 変更箇所6 (オレンジバージョンのみ商品一覧の点線仕切り線変更) ①ソート .sortで検索 ②商品一覧htmlの 仕切り線 で検索 */ /* ボディ htmlで表示される画面すべて */ body { font-size:12px; /* 項目編集→フォントサイズ(全体)より設定 12px */ font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "HG丸ゴシックM-PRO", "Osaka‐等幅"; /* 文字フォント優先順位順 */ /* ●●●文字色指定 デザイン設定→共通項目編集→フォント色(全体)より設定 */ color:#695B48;  /* ●濃い緑色 #1E3E02 */ /* ●濃いオレンジ色から茶色に変更 #B01710 */ /* ●濃い新色 #xxxxxx */ /* ●水色 #333399 */ /* htmlのバックカラー 背景5 */ /* background:#F6FCF6; */ /* 背景5 薄緑色 */ background:#FDFBEF; /* 背景5 薄オレンジ */ /* background:#F7F7FF; */ /* 背景5 薄水色 */ margin: 0px; /* 外側余白なし */ padding: 0px; /* 内側余白なし */ } /* ●●●テーブル ヘッドとヘッダーを除く中央の部分 -会社紹介以外のすべての部分- */ table { /* background:#F6FCF6;*/ /* ●背景6 薄緑色 */ background:#FAF8F0; /* ●背景6 薄オレンジ色 */ /* background:#xxxxxx;*/ /* ●背景6 薄○色 */ /* background:#F7F7FF;*/ /* ●背景6(基本) 薄水色 */ } /* フォーム 禁止 */ form { margin: 0px; /* 外側余白なし */ padding: 0px; /* 内側余白なし */ } /* スタイルシートをつかう部分のくくり 禁止 */ div { margin: 0px; /* 外側余白なし */ padding: 0px; /* 内側余白なし */ } /* 画像 禁止 */ img { border: 0px; /* 画像周りの線 */ } /* リンク 禁止 */ /* ①通常のリンク */ a:link { color: #3F3F3F; /* 項目編集→リンク文字色(通常時)青#0000FF */ text-decoration: underline; } /* ②アクセス済みのリンク */ a:visited { color: #3F3F3F; /* 項目編集→リンク文字色(通常時)青#0000FF */ text-decoration: underline; } /* ③ポイントしたときのリンク */ a:active { color: #3F3F3F; /* 項目編集→ リンク文字色(マウスが当たっている時)紺色#333399 */ text-decoration: underline; } /* ④クリックした瞬間のリンク */ a:hover { color: #3F3F3F; /* 項目編集→ リンク文字色(マウスが当たっている時)紺色#333399 */ text-decoration: none; } /* IDコンテンツ 禁止 */ #contents { margin: 0px auto; width: 800px; } /* IDセンター 禁止 */ /*ページ中央の枠線の色*/ #center { margin: 0px 5px 0px 5px; /* 外側余白指定 上右下左 */ } /* ************************************************ * 1.ヘッダーメニュー * ************************************************ */ /* IDヘッダー 禁止 */ #header { margin: 0px auto 0px auto; /* 外側余白指定 上右下左 autoは自動という意味(残りの分が自然に入る)*/ width: 800px; /* 幅 */ } /* ************************************************ * 2.左側メニュー * ************************************************ */ /* ------------------------------------- * 商品検索 * ------------------------------------- */ /* 商品検索エリアの内側枠 水色部分 禁止 */ #search { width: 130px; /* 幅 */ margin: 10px auto; /* 外側余白指定 上下 右左自動 */ } /* ?? */ #search select { width: 125px; border: 1px solid #660066; } /* ?? */ #search input { width: 120px; border: 1px solid #660066; margin: 5px 0px 5px 0px; padding: 2px; } /* ************************************************ * 3.右側メニュー * ************************************************ */ /* ●●●classカート */ .cart { text-align: center; /* 中央揃え */ background: #ffffff; /* ●背景 白 */ margin: 10px 7px 20px 7px; /* 外側余白指定 上右下左 */ width: 136px; /* 幅 */ padding: 10px 0px 10px 0px; /* 内側余白指定 上右下左 */ } /* classカート内のリスト class="cart"の中にある