/* ************************************************ * 共通設定 * ************************************************ */ * { margin: 0px; padding: 0px; } body { background-color: #000; color: #333; font-size: small; font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅"; line-height: 1.6em; text-align:center; } h1 {display: none;} h2 {display: none;} a:link {color: #36c;background-color: transparent;text-decoration: underline;} a:visited {color: #36c;background-color: transparent;text-decoration: underline;} a:hover {color: #f60;background-color: transparent;text-decoration: underline;} a:active {color: #f60;background-color: transparent;text-decoration: underline;} br.clear { clear: both; font: 0pt/0pt sans-serif; } img { border: 0px; } /* ------------------------------------- * ページレイアウト * ------------------------------------- *※ページ全体の幅は800pxとなっています。 幅を広げる場合は、.sideと.mainのwidth の合計値が#containerのwidthになるよう 設定してください。 * ------------------------------------- */ /*ページ全体の幅、レイアウトをセンタリング*/ #container { background-color: #fff; margin: 25px auto 10px auto; padding: 3px 0; width:900px; text-align: center; } /*ヘッダー(ページタイトル、グローバルメニュー)*/ .headerAll { margin: 0 auto 15px auto; width: 840px; } .Utility { margin: 5px 0; text-align: right; } .Utility ul { list-style: none; } .Utility ul li { background: url(https://img07.shop-pro.jp/PA01116/471/etc/square.gif?20101013105001) no-repeat left center; display: inline; margin: 0 5px 0 0; padding: 0 0 0 10px; } .header { background: url(https://img07.shop-pro.jp/PA01116/471/etc/main.jpg?20101013104943) no-repeat; position: relative; height: 200px; width: 100%; } /* h1 */ h1 { display: block; height: 150px; position: absolute; left: 20px; top: 20px; width: 280px; } h1 a { display: block; height: 150px; width: 280px; } /* コンテンツ枠組み */ div.contents { margin: 0 auto; width: 840px; } /* 画面右側の幅 */ .main { float: right; text-align: left; width: 600px; } /* h3 */ .main .h3_deco { background-color: #069; margin: 10px 0; padding: 1px; } .main .h3_deco h3 { border: #fff 1px solid; color: #fff; font-size: 12px; margin: 0; padding: 2px 0 2px 10px; } /* 商品(4カラム) */ .products { float: left; margin: 0 5px 0 0; padding: 0 0 10px 0; text-align: center; /* 4カラム用 */ width: 195px; /* 3カラム用 width: 145px; */ _display: inline; /* ie6 */ } /* 画面左側メニューの幅 */ .side { float: left; text-align: left; width:195px; } /* h3 */ .side h3 { margin: 0 0 10px 0; } /* お問い合わせ */ .inq { margin: 10px 0; text-align: center; } /* 下線 */ .line01 { border-bottom: #999 1px dotted; margin: 0 0 20px 0; padding: 0 0 10px 0; width: 195px; } /* サイドバナー */ ul.banner { list-style: none; } ul.banner li { margin: 0 0 5px 0; } /* 特定商取引法に基づく表記(返品など)ボタン */ p#sk_link_other { text-align:left; margin-top:10px; } p#sk_link_other a { font-size:12px; } /* フッター(コピーライト) */ .footer { border-top: #999 1px dotted; margin: 25px auto 5px auto; padding: 0 0 10px 0; width: 870px; } .footer p { margin: 5px 5px 0 0; text-align: right; } .copyright { font-family: Arial, Helvetica, sans-serif; margin: 5px 5px 0 0; text-align: right; } #group-list { border-top:#838383 dotted 1px; padding:5px 0px 0px; margin:10px 20px 0px 0px; } /* ※※※※※※ クラス定義 ※※※※※※ */ .noDisplay { display: none; margin: 0; padding: 0; } /* 日本語段落 */ .jpara { text-indent: 1em; } /* */ .v-bottom { vertical-align: bottom; } .v-middle { vertical-align: middle; } .v-top { vertical-align: top; } .text-center { text-align: center; } .text-right { text-align: right; } /* スペース */ .spaceTop05 { margin-top: 5px; } .spaceTop10 { margin-top: 10px; } .spaceTop15 { margin-top: 15px; } .spaceBottom05 { margin-bottom: 5px; } .spaceBottom10 { margin-bottom: 10px; } .spaceBottom15 { margin-bottom: 15px; } .spaceBottom20 { margin-bottom: 20px; }