/* $Id: stylesheet.css,v 1.5 2003/03/14 12:46:31 hawk Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License ===================================================================== 日本語のためのカスタマイズ履歴 1. 全てののfont-familyプロパティに、Osakaを追加 （Apple Mac/Macintosh用文字化け対策） 2. stockWarning のfont-sizeプロパティを10から12に変更 3. SPAN.greetUserのカラー(いらっしゃいませ○○さん)を#f0a480から#0000a0へ変更 4. TD.smallText, SPAN.smallText のfont-sizeプロパティを10から11に変更 5. TD.productListing-heading のfont-sizeプロパティを10から11に変更 6. TD.productListing-data のfont-sizeプロパティを10から11に変更 7. TD.headerNavigation のfont-sizeプロパティを10から11に変更 8. boxText のfont-sizeプロパティを10から11に変更 9. infoBoxContents のfont-sizeプロパティを10から11に変更 10. orderEdit のfont-sizeプロパティを10から11に変更 11. TD.footer のfont-sizeプロパティを /* --------------------------- 左右のボックス：通常 --------------------------- */ .boxText { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ } /* --------------------------- 左右のボックス：エラー --------------------------- */ .errorBox { font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size : 10px; /* フォントサイズ */ background: #ffb3b5; /* 背景色 */ font-weight: bold; /* フォント太さ */ } /* --------------------------- 「カートには何が入っている?」ページで商品の在庫が無い時に表示するメッセージ --------------------------- */ .stockWarning { font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size : 12px; /* フォントサイズ */ color: #cc0033; /* フォントカラー */ } /* --------------------------- 調査中 --------------------------- */ .productsNotifications { background: #f2fff7; /* 背景色 */ } /* --------------------------- 「ご注文の最終確認」ページ「変更」文字 --------------------------- */ .orderEdit { font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size : 11px; /* フォントサイズ */ color: #70d250; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } /* --------------------------- BODY：ボディ --------------------------- */ BODY { background: #ffffff; /* 背景色 */ color: #627586; /* フォントカラー */ margin: 0px; /* マージン */ } /* --------------------------- A：リンク（通常） --------------------------- */ A { color: #8595a2; text-decoration: none;} /* --------------------------- A：リンク（カーソルが上に乗ったとき） --------------------------- */ A:hover { color: #AABBDD; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } /* --------------------------- FORM：フォーム --------------------------- */ FORM { display: inline; /* インラインボックス */ } /* --------------------------- TR：ヘッダー（ショップ名） --------------------------- */ TR.header { background: #ffffff; /* 背景色 */ } /* --------------------------- TR：ヘッダー（ナビゲーション） --------------------------- */ TR.headerNavigation { } /* --------------------------- TD：ヘッダー（ナビゲーション） --------------------------- */ TD.headerNavigation { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ color: #8595a2; /* フォントカラー */ font-weight : bold; /* フォント太さ */ } /* --------------------------- A：ヘッダー（ナビゲーションのリンク） --------------------------- */ A.headerNavigation { color: #8595a2; /* フォントカラー */ } /* --------------------------- A：ヘッダー（ナビゲーション・カーソルが上に乗ったとき） --------------------------- */ A.headerNavigation:hover { color: #8595a2; /* フォントカラー */ } /* --------------------------- TR：ヘッダー（エラー） --------------------------- */ TR.headerError { background: #ff0000; /* 背景色 */ } /* --------------------------- TD：ヘッダー（エラー） --------------------------- */ TD.headerError { font-family: Osaka, Tahoma, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ background: #ff0000; /* 背景色 */ color: #ffffff; /* フォントカラー */ font-weight : bold; /* フォント太さ */ text-align : center; /* 横位置 */ } /* --------------------------- TR：ヘッダー（メッセージ） --------------------------- */ TR.headerInfo { background: #00ff00; /* 背景色 */ } /* --------------------------- TD：ヘッダー（メッセージ） --------------------------- */ TD.headerInfo { font-family: Osaka, Tahoma, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ background: #00ff00; /* 背景色 */ color: #ffffff; /* フォントカラー */ font-weight: bold; /* フォント太さ */ text-align: center; /* 横位置 */ } /* --------------------------- TR：フッター --------------------------- */ TR.footer { background: #bbc3d3; /* 背景色 */ } /* --------------------------- TD：フッター --------------------------- */ TD.footer { font-family: "Osaka", "Verdana", "Arial", "sans-serif"; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ color: #649BC4; /* フォント太さ */ } /* --------------------------- TABLE：情報ボックス --------------------------- */ .infoBox { background: #b6b7cb; /* 背景色 */ } /* --------------------------- TABLE：情報ボックス（コンテンツ） --------------------------- */ .infoBoxContents { background: #f8f8f9; /* 背景色 */ font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ } /* --------------------------- 調査中 --------------------------- */ .infoBoxNotice { background: #FF8E90; /* 背景色 */ } /* --------------------------- 調査中 --------------------------- */ .infoBoxNoticeContents { background: #FFE6E6; /* 背景色 */ font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 10px; /* フォントサイズ */ } /* --------------------------- TD：情報ボックス（タイトル） --------------------------- */ TD.infoBoxHeading { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ font-weight: bold; /* フォント太さ */ background: #789AB6; /* 背景色 */ color: #ffffff; /* フォントカラー */ } /* --------------------------- TD,SPAN：情報ボックス（情報・メッセージ） --------------------------- */ TD.infoBox, SPAN.infoBox { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ } /* --------------------------- TR：奇数行 --------------------------- */ TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #F5F5F5; } /* --------------------------- TR：偶数行 --------------------------- */ TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #ffffff; /* 背景色 */ } /* --------------------------- TR：商品一覧（タイトル） --------------------------- */ TR.productListing-heading { background: #d2e9fb; /* 背景色 */ } /* --------------------------- TD：商品一覧（タイトル） --------------------------- */ TD.productListing-heading { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ background: #d2e9fb; /* 背景色 */ color: #000000; /* フォントカラー */ font-weight: bold; /* フォント太さ */ font-variant: small-caps; /* 文字異体（全て大文字にする） */ } /* --------------------------- TD：商品一覧（データ） --------------------------- */ TD.productListing-data { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ } /* --------------------------- A：ページリンク（通常） --------------------------- */ A.pageResults { color: #696F96; /* フォントカラー */ } /* --------------------------- A：ページリンク（カーソルが上に乗ったとき） --------------------------- */ A.pageResults:hover { color: #696F96; /* フォントカラー */ } /* --------------------------- TD：ページヘッダ --------------------------- */ TD.pageHeading, DIV.pageHeading { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 20px; /* フォントサイズ */ font-weight: bold; /* フォント太さ */ color: #FD5B53; /* フォントカラー */ } /* --------------------------- TR：サブバー（未使用） --------------------------- */ TR.subBar { background: #f4f7fd; /* 背景色 */ } /* --------------------------- TD：サブバー（未使用） --------------------------- */ TD.subBar { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 10px; /* フォントサイズ */ color: #000000; /* フォントカラー */ } /* --------------------------- TD：メイン --------------------------- */ TD.main, P.main { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ line-height: 1.5; /* 行の高さ */ } /* --------------------------- TD,SPAN：小さい文字（メッセージ） --------------------------- */ TD.smallText, SPAN.smallText, P.smallText { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ } /* --------------------------- TD：アカウントカテゴリー --------------------------- */ TD.accountCategory { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 13px; /* フォントサイズ */ color: #aabbdd; /* フォントカラー */ } /* --------------------------- TD：フィールド（キー） --------------------------- */ TD.fieldKey { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ font-weight: bold; /* フォント太さ */ } /* --------------------------- TD：フィールド（値） --------------------------- */ TD.fieldValue { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ } /* --------------------------- TD：一覧表の項目名 --------------------------- */ TD.tableHeading { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ font-weight: bold; /* フォント太さ */ } /* --------------------------- SPAN：情報ボックス（新しくカートに入れた商品） --------------------------- */ SPAN.newItemInCart { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ color: #ff0000; /* フォントカラー */ } /* --------------------------- CHECKBOX, INPUT, RADIO, SELECT：FORMの入力・選択項目 --------------------------- */ CHECKBOX, INPUT, RADIO, SELECT { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ } /* --------------------------- TEXTAREA：FORMの入力項目 --------------------------- */ TEXTAREA { width: 100%; font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ } /* --------------------------- SPAN：トップページのメッセージ（こんにちは、○○さん〜） --------------------------- */ SPAN.greetUser { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ color: #0000a0; /* フォントカラー */ font-weight: bold; /* フォント太さ */ } /* --------------------------- TABLE：フォームエリア（境界線） --------------------------- */ TABLE.formArea { background: #f1f9fe; /* 背景色 */ border-color: #7b9ebd; /* 境界線の色 */ border-style: solid; /* 境界線のスタイル */ border-width: 1px; /* 境界線の幅 */ } /* --------------------------- TD：フォームエリア（タイトル） --------------------------- */ TD.formAreaTitle { font-family: Osaka, Tahoma, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ font-weight: bold; /* フォント太さ */ } /* --------------------------- SPAN：マーク（在庫切れ） --------------------------- */ SPAN.markProductOutOfStock { font-family: Osaka, Tahoma, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ color: #c76170; /* フォントカラー */ font-weight: bold; /* フォント太さ */ } /* --------------------------- SPAN：特価商品価格 --------------------------- */ SPAN.productSpecialPrice { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ color: #ff0000; /* フォントカラー */ } /* --------------------------- SPAN：エラー --------------------------- */ SPAN.errorText { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ color: #ff0000; /* フォントカラー */ } /* --------------------------- レジチェックボックス・マウスオフ --------------------------- */ .moduleRow { } /* --------------------------- レジチェックボックス・マウスオーバー --------------------------- */ .moduleRowOver { background-color: #D7E9F7; /* 背景色 */ cursor: hand; /* カーソル形状 */ } /* --------------------------- レジチェックボックス選択行 --------------------------- */ .moduleRowSelected { background-color: #E9F4FC; /* 背景色 */ } /* --------------------------- チェックアウト手順 --------------------------- */ .checkoutBarFrom, .checkoutBarTo { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ color: #8c8c8c; /* フォントカラー */ } /* --------------------------- チェックアウト手順（現在の手順） --------------------------- */ .checkoutBarCurrent { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ color: #000000; /* フォントカラー */ } .design-1 { font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック"; font-size: 11px; font-weight: bold; color: #FFFFFF; } .design-2 { font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック"; font-size: 12px; font-weight: bold; color: #4F6EA5; } .design-3 { font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック"; font-size: 12px; font-weight: bold; color: #FFFFFF; background-image: url(images/design/category.gif); background-repeat: no-repeat; padding-left: 6px; } .design-4 { font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック"; font-size: 11px; color: #677B8D; background-image: url(images/design/subcategory.gif); background-repeat: no-repeat; padding-left: 7px; } a.design-4a { color: #677B8D; text-decoration: none; } a.design-4a:hover { color: #788B9C; text-decoration: underline; } .design-5 { font-weight: bold; color: #FF0000; } .design-6 { font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック"; font-size: 11px; font-weight: bold; color: #666666; } .design-7 { background-image: url(images/design/subcategory_2.gif); }