タグでコンテンツ全体を閉じて使用する。 * * （例） * *

* ・ * ・ * *

* */ .CommonWidth { width: 750px; } .AdminWidth { width: 900px; } /* * メニューフレーム表示幅 * * 使用方法に関してはCommonWidthと同様。 */ .MenuWidth { width: 150px; } /* * コンテンツ表示幅 * * 使用方法に関してはCommonWidthと同様。 */ .ContentsWidth { width: 550px; } /* * メニューフレーム表示幅 * * 使用方法に関してはCommonWidthと同様。 */ .AdminMenuWidth { width: 180px; } /* * コンテンツ表示幅 * * 使用方法に関してはCommonWidthと同様。 */ .AdminContentsWidth { width: 660px; } /***************************** ↑↑↑ 表示幅 ↑↑↑ ***************************/ /***************************** ↓↓↓ タイトル ↓↓↓ *************************/ /* * 画面タイトル（共通） * * 現行稼動の画面を参考に設定。 */ .CommonScreenTitle { background-color: #339999; color: #ffffff; font-size: 24px; font-weight: bold; } /* * 表タイトル（共通） * * 背景色を青に設定。 */ .CommonTableTitle { background-color: #0000ff; color: #ffffff; font-size: 12px; font-weight: bold; } /***************************** ↑↑↑ タイトル ↑↑↑ *************************/ /***************************** ↓↓↓ 強調文 ↓↓↓ ***************************/ /* * 操作説明（共通） */ .CommonGuideEmphasis { color: #000000; font-size: 18px; font-weight: bold; } /* * エラー（共通） */ .CommonErrorEmphasis { color: #ff0000; font-size: 18px; font-weight: bold; } /* * 強調文（赤・極小） */ .CommonExtraSmallRedEmphasis { color: #ff0000; font-size: 9px; } /* * 強調文（赤・小） */ .CommonSmallRedEmphasis { color: #ff0000; font-size: 10px; } /* * 強調文（赤・中） */ .CommonMediumRedEmphasis { color: #ff0000; font-size: 12px; } /* * 強調文（赤・大） */ .CommonLargeRedEmphasis { color: #ff0000; font-size: 14px; } /* * 強調文（赤・極大） */ .CommonExtraLargeRedEmphasis { color: #ff0000; font-size: 18px; } /* * 強調文（赤・超極大） */ .CommonSuperExtraLargeRedEmphasis { color: #ff0000; font-size: 24px; } /* * 強調文（黒・太字・極小） */ .CommonExtraSmallBoldEmphasis { color: #000000; font-size: 9px; font-weight: bold; } /* * 強調文（黒・太字・小） */ .CommonSmallBoldEmphasis { color: #000000; font-size: 10px; font-weight: bold; } /* * 強調文（黒・太字・中） */ .CommonMediumBoldEmphasis { color: #000000; font-size: 12px; font-weight: bold; } /* * 強調文（黒・太字・大） */ .CommonLargeBoldEmphasis { color: #000000; font-size: 14px; font-weight: bold; } /* * 強調文（黒・太字・極大） */ .CommonExtraLargeBoldEmphasis { color: #000000; font-size: 18px; font-weight: bold; } /* * 強調文（黒・太字・超極大） */ .CommonSuperExtraLargeBoldEmphasis { color: #000000; font-size: 24px; font-weight: bold; } /* * 強調文（赤・太字・極小） */ .CommonExtraSmallBoldRedEmphasis { color: #ff0000; font-size: 9px; font-weight: bold; } /* * 強調文（赤・太字・小） */ .CommonSmallBoldRedEmphasis { color: #ff0000; font-size: 10px; font-weight: bold; } /* * 強調文（赤・太字・中） */ .CommonMediumBoldRedEmphasis { color: #ff0000; font-size: 12px; font-weight: bold; } /* * 強調文（赤・太字・大） */ .CommonLargeBoldRedEmphasis { color: #ff0000; font-size: 14px; font-weight: bold; } /* * 強調文（赤・太字・極大） */ .CommonExtraLargeBoldRedEmphasis { color: #ff0000; font-size: 18px; font-weight: bold; } /* * 強調文（赤・太字・超極大） */ .CommonSuperExtraLargeBoldRedEmphasis { color: #ff0000; font-size: 24px; font-weight: bold; } /***************************** ↑↑↑ 強調文 ↑↑↑ ***************************/ /***************************** ↓↓↓ リンク ↓↓↓ ***********************/ /* * 共通 */ .CommonLink { font-size: 14px; } /* * メニュー */ .MenuLink { font-size: 12px; } /* * メニュー（太字） */ .BoldMenuLink { font-size: 12px; font-weight: bold; } /***************************** ↑↑↑ リンク ↑↑↑ ***********************/ /***************************** ↓↓↓ 表データ ↓↓↓ *************************/ /* * リンクのある表データ */ .LinkTableData { background-color: #f2e7c4; font-size: 14px; } /* * 表データ背景色パターン１ * * 表データの表示で異なる背景色を組み合わせて表示したい場合に使用する。 * */ .BackGroundColorPattern1TableData { background-color: #fee9bc; font-size: 14px; } /* * 表データ背景色パターン２ * * 表データの表示で異なる背景色を組み合わせて表示したい場合に使用する。 * */ .BackGroundColorPattern2TableData { background-color: #ffead5; font-size: 14px; } /* * 表データ背景色パターン３（font-size: 12px) * * 表データの表示で異なる背景色を組み合わせて表示したい場合に使用する。 * */ .BackGroundColorPattern3TableData { background-color: #e0e8fa; font-size: 12px; } /* * 表データ背景色パターン４（font-size: 12px) * * 表データの表示で異なる背景色を組み合わせて表示したい場合に使用する。 * */ .BackGroundColorPattern4TableData { background-color: #f5fdff; font-size: 12px; } /***************************** ↑↑↑ 表データ ↑↑↑ *************************/ /***************************** ↓↓↓ 本文 ↓↓↓ *****************************/ /* * 共通ドキュメント（極小） */ .CommonExtraSmallDocument { color: #000000; font-size: 9px; } /* * 共通ドキュメント（小） */ .CommonSmallDocument { color: #000000; font-size: 10px; } /* * 共通ドキュメント（中） */ .CommonMediumDocument { color: #000000; font-size: 12px; } /* * 共通ドキュメント（大） */ .CommonLargeDocument { color: #000000; font-size: 14px; } /* * 共通ドキュメント（極大） */ .CommonExtraLargeDocument { color: #000000; font-size: 18px; } /* * 共通ドキュメント（超極大） */ .CommonSuperExtraLargeDocument { color: #000000; font-size: 24px; } /* * 商品詳細 */ .CommodityDetailDocument { color: #000000; font-size: 9px; line-height: 10px; } /* * 注意書き（小） */ .SmallNotesDocument { color: #999999; font-size: 10px; } /* * 注意書き（中） */ .MediumNotesDocument { color: #999999; font-size: 12px; } /* * 注意書き（大） */ .LargeNotesDocument { color: #999999; font-size: 14px; } /* * 著作権 */ .CopyrightDocument { color: #999999; font-size: 9px; } /* * 共通ドキュメント（中）「特徴・機能どんな商品」に使用 2009/07/15-追加 */ .CommonMediumDocument15 { color: #000000; font-size: 12px; line-height:1.3; } /***************************** ↑↑↑ 本文 ↑↑↑ *****************************/ /***************************** ↓↓↓ 部品 ↓↓↓ *****************************/ /* * ●記号（共通） * * メニュー項目等で使用する。 */ .CommonDiscMarkParts { color: #ff9900; font-size: 14px; font-weight: bold; } /***************************** ↑↑↑ 部品 ↑↑↑ *****************************/ /***************************** ↓↓↓ 表データ ↓↓↓ *************************/ /* * バスケット内のテーブルの明細 */ .BasketTableColor1 { background-color: #F9F8DF; font-size: 12px; } /* * バスケット内のテーブル見出し */ .BasketTableColor2 { background-color: #C9E7D3; font-size: 14px; } /* * バスケット内のテーブル合計金額 */ .BasketTableColor3 { background-color: #FFCCCC; } /* * バスケット内のテーブルの明細(直送用) */ .BasketTableColor4 { background-color: #ECF5FF; font-size: 12px; } /* * バスケット内のテーブル見出し(直送用) */ .BasketTableColor5 { color: #FFFFFF; background-color: #000000; font-size: 14px; } /* * バスケット内のテーブル合計金額(直送用) */ .BasketTableColor6 { background-color: #FFCCCC; } /* * バスケット内のテーブル小計・消費税金額 */ .BasketTableColor7 { background-color: #C9E7D3; } /* * バスケット内のテーブル小計・消費税金額(直送用) */ .BasketTableColor8 { background-color: #CCCCCC; } /* * MyPageのテーブル見出し */ .MyPageTableColor { font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #0033CC; } /***************************** ↑↑↑ 表データ ↑↑↑ *************************/