/* $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; /* フォントサイズ */ background: #ffffff; /* 背景色 */ } .boxText_gray { /* font-family: Osaka, Verdana, Arial, sans-serif;*/ /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ background: #f0f0f0; /* 背景色 */ } /* --------------------------- 左右のボックス：エラー --------------------------- */ .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: #F0F0F0; /* 背景色 */ } /* --------------------------- 「ご注文の最終確認」ページ「変更」文字 --------------------------- */ .orderEdit { font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size : 11px; /* フォントサイズ */ color: #990000; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } /* --------------------------- BODY：ボディ --------------------------- */ BODY { font-size: 12px; background: #ffffff; /* 背景色 */ color: #464646; /* フォントカラー */ margin: 0px; /* マージン */ } /* --------------------------- 基本テキスト --------------------------- */ .text { font-size: 12px; color: #464646; /* フォントカラー */ } /* --------------------------- A：リンク（通常） --------------------------- */ A { font-size: 12px; color: #0070BC; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } A:visited { font-size: 12px; color: #0070BC; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } A:active { font-size: 12px; color: #0070BC; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } A:hover { font-size: 12px; color: #0070BC; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } /* --------------------------- FORM：フォーム --------------------------- */ FORM { display: inline; /* インラインボックス */ } /* --------------------------- TR：ヘッダー（ショップ名） --------------------------- */ TR.header { font-size: 12px; color: #ffffff; background: #5172B3; } /* --------------------------- TR：ヘッダー（ナビゲーション） --------------------------- */ TR.headerNavigation { background: #EFEFEF; /* 背景色 */ } /* --------------------------- TD：ヘッダー（ナビゲーション） --------------------------- */ TD.headerNavigation { /* font-family: "Osaka", "Verdana", "Arial", "sans-serif";*/ /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ color: #666666; /* フォントカラー */ } /* --------------------------- A：ヘッダー（ナビゲーションのリンク） --------------------------- */ A.headerNavigation { font-size: 12px; color: #0070BC; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } A.headerNavigation:visited { color: #0070BC; /* フォントカラー */ text-decoration: underline; /* テキストの装飾 */ } /* --------------------------- A：ヘッダー（ナビゲーション・カーソルが上に乗ったとき） --------------------------- */ A.headerNavigation:hover { font-size: 12px; color: #0070BC; /* フォントカラー */ text-decoration: underline; } /* --------------------------- 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; /* 横位置 */ } /* --------------------------- TABLE：フッター --------------------------- */ .footer { background: #F0F0F0; /* 背景色 */ } /* --------------------------- TD：フッター --------------------------- */ TD.footer { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ color: #464646; /* フォントカラー */ line-height: 2.0; /* 行の高さ */ background: #F0F0F0; /* 背景色 */ } /* --------------------------- TABLE：情報ボックス --------------------------- */ .infoBox { background: #CECECE; /* 背景色 */ } /* --------------------------- TABLE：情報ボックス（コンテンツ） --------------------------- */ .infoBoxContents { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ background: #ffffff; /* 背景色 05.09.22 ikeda add */ } /* --------------------------- TABLE：情報ボックス（リンク） --------------------------- */ A.infoBoxContents { font-size: 11px; color: #0070BC; text-decoration: underline; /* background: #f0f0f0; /* 背景色 05.09.22 add ikeda, 05.10.12 del ikeda */ } A.infoBoxContents:hover { color: #0070BC; text-decoration: underline; /* background: #f0f0f0; /* 背景色 05.09.22 add ikeda, 05.10.12 del ikeda */ } A.infoBoxContents:visited { color: #0070BC; text-decoration: underline; /* background: #f0f0f0; /* 背景色 05.09.22 add ikeda, 05.10.12 del ikeda */ } /* begin add 05.10.12 ikeda */ A.infoBoxContents2 { font-size: 11px; color: #0070BC; text-decoration: underline; background: #f0f0f0; } A.infoBoxContents2:hover { color: #0070BC; text-decoration: underline; background: #f0f0f0; } A.infoBoxContents2:visited { color: #0070BC; text-decoration: underline; background: #f0f0f0; } /* end add 05.10.12 ikeda */ /*--------------------------- A：左メニュー ---------------------------*/ A.menuText:link { /* update ''->':link' 05.10.22 */ font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; color: #464646; text-decoration : none ; } A.menuText:visited { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* add font-size 05.10.22 */ color: #464646; text-decoration : none ; } A.menuText:hover { /* add ', A.menuText:active' 05.10.22 */ font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* add font-size 05.10.22 */ color: #0070BC; text-decoration: underline; } A.menuText:active { /* add ', A.menuText:active' 05.10.22 */ font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* add font-size 05.10.22 */ color: #0070BC; text-decoration: underline; } /* --------------------------- 調査中 --------------------------- */ .infoBoxNotice { background: #FF8E90; /* 背景色 */ } /* --------------------------- 調査中 --------------------------- */ .infoBoxNoticeContents { background: #FFE6E6; /* 背景色 */ font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 10px; /* フォントサイズ */ } /* --------------------------- TD：情報ボックス（タイトル） --------------------------- */ TD.infoBoxHeading { border-top:solid 1px #B5B5B5; border-bottom:solid 1px #B5B5B5; } TD.infoBoxHeading2 { border-bottom:solid 1px #B5B5B5; } /* --------------------------- 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: #f4f7fd; /* 背景色 */ } /* --------------------------- 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: #f0f0f0; /* 背景色 */ padding-bottom: 30px; } /* --------------------------- TD：商品一覧（タイトル） --------------------------- */ TD.productListing-heading { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 11px; /* フォントサイズ */ background: #f0f0f0; /* 背景色 */ color: #333333; /* フォントカラー */ font-weight: bold; /* フォント太さ */ font-variant: small-caps; /* 文字異体（全て大文字にする） */ } /* --------------------------- TD：商品一覧（データ） --------------------------- */ TD.productListing-data { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ padding-top: 15px; padding-bottom: 15px; } /* --------------------------- A：ページリンク（通常） --------------------------- */ A.pageResults { color: #0070BC; /* フォントカラー */ } /* --------------------------- A：ページリンク（カーソルが上に乗ったとき） --------------------------- */ A.pageResults:hover { color: #0070BC; /* フォントカラー */ background: #FFFFFF; /* 背景色 */ } /* --------------------------- TD：ページヘッダ --------------------------- */ TD.pageHeading, DIV.pageHeading { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 14px; /* フォントサイズ */ font-weight: bold; /* フォント太さ */ color: #FF8800; /* フォントカラー */ line-height: 3.0; /* 行の高さ */ border-top:solid 4px #5172B3; border-bottom:solid 1px #C5C5C5; } /* --------------------------- 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; /* 行の高さ */ background: #FFFFFF; /* 背景色 */ } /* --------------------------- 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; /* フォント太さ */ background: #f0f0f0; /* 背景色 */ } /* --------------------------- 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: #CCCCCC; /* 背景色 */ border-style: solid; /* 境界線のスタイル */ border-width: 0px; /* 境界線の幅 */ } /* --------------------------- TD：フォームエリア（タイトル） --------------------------- */ TD.formAreaTitle,TR.formAreaTitle { font-family: Osaka, Tahoma, Verdana, Arial, sans-serif; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ background: #F0F0F0; /* 背景色 */ } /* --------------------------- 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; /* フォントファミリ */ font-size: 12px; /* フォントサイズ */ color: #cc0000; /* フォントカラー */ } /* --------------------------- SPAN：エラー --------------------------- */ SPAN.errorText { font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */ color: #ff0000; /* フォントカラー */ } /* --------------------------- レジチェックボックス・マウスオフ --------------------------- */ .moduleRow { } /* --------------------------- レジチェックボックス・マウスオーバー --------------------------- */ .moduleRowOver { background-color: #F0EBDC; /* 背景色 */ cursor: hand; /* カーソル形状 */ } /* --------------------------- レジチェックボックス選択行 --------------------------- */ .moduleRowSelected { background-color: #F0EBDC; /* 背景色 */ } /* --------------------------- チェックアウト手順 --------------------------- */ .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; /* フォントカラー */ } .text14b { font-size: 14px; font-weight : bold; } TABLE.top { // border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : #836D60 #836D60 #836D60 #836D60 ; border-width : 0px 0px 0px 0px;border-style : solid solid solid solid;border-color : #836D60 #836D60 #836D60 #836D60 ; } TD.mainflame { background-color: #666666; /* 背景色 */ } /* --------------------------- デザイン整形用CSS --------------------------- */ .contents_title { font-family: Osaka, Verdana, Arial, sans-serif; font-size:14px; font-weight:bold; } .contents_text { font-family: Osaka, Verdana, Arial, sans-serif; font-size:12px; }