/*

  $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プロパティを10から11に変更

12. TD.infoBoxHeading のfont-sizeプロパティを10から11に変更

13. TD.infoBox, SPAN.infoBox のfont-sizeプロパティを10から11に変更

14. SPAN.newItemInCart のfont-sizeプロパティを10から11に変更

15. checkoutBarFrom, .checkoutBarTo のfont-sizeプロパティを10から11に変更

16. checkoutBarCurrent のfont-sizeプロパティを10から11に変更

=====================================================================

*/



/* ---------------------------

左右のボックス：通常

--------------------------- */

.boxText {
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
LETTER-SPACING: 1px
}

/* ---------------------------

左右のボックス：エラー

--------------------------- */

.errorBox {

  font-size : 10px;                                /* フォントサイズ */

  background: #ffb3b5;                             /* 背景色 */

  font-weight: bold;                               /* フォント太さ */

}

/* ---------------------------

「カートには何が入っている?」ページで商品の在庫が無い時に表示するメッセージ

--------------------------- */

.stockWarning {

  font-size : 12px;                                /* フォントサイズ */

  color: #cc0033;                                  /* フォントカラー */

}

/* ---------------------------

調査中

--------------------------- */

.productsNotifications {

  background: #f2fff7;                             /* 背景色 */

}

/* ---------------------------

「ご注文の最終確認」ページ「変更」文字

--------------------------- */

.orderEdit {

  font-size : 12px;                                /* フォントサイズ */

  color: #70d250;                                  /* フォントカラー */

  text-decoration: underline;                      /* テキストの装飾 */

}

/* ---------------------------

BODY：ボディ

--------------------------- */

BODY {

  background: #ffffff;                             /* 背景色 */

  color: #000000;                                  /* フォントカラー */

  margin: 0px;                                     /* マージン */
background-image: url(siteback.gif)
}

/* ---------------------------

A：リンク（通常）

--------------------------- */

A { 

  color: #000000;                                  /* フォントカラー */

  text-decoration: none;                           /* テキストの装飾 */

}

/* ---------------------------

A：リンク（カーソルが上に乗ったとき）

--------------------------- */

A:hover { 

  color: #FF6633;                                  /* フォントカラー */

  text-decoration: underline;                      /* テキストの装飾 */

}

/* ---------------------------

FORM：フォーム

--------------------------- */

FORM {

  display: inline;                                 /* インラインボックス */

}

/* ---------------------------

TR：ヘッダー（ショップ名）

--------------------------- */

TR.header {

  background: #ffffff;                             /* 背景色 */

}

/* ---------------------------

TR：ヘッダー（ナビゲーション）

--------------------------- */

TR.headerNavigation {
  background-image: url(images/sitetop/back_header.gif)
}

/* ---------------------------

TD：ヘッダー（ナビゲーション）

--------------------------- */

TD.headerNavigation {  
  font-size: 12px;                                 /* フォントサイズ */
  color: #ffffff;                                  /* フォントカラー */
  font-weight : bold;                              /* フォント太さ */
  background-image: url(images/sitetop/back_header.gif)
}
TD.headerNavigation0 {  
  font-size: 12px;                                 /* フォントサイズ */
  color: #ffffff;                                  /* フォントカラー */
  font-weight : bold;                              /* フォント太さ */
  letter-spacing :1px;
  background-image: url(images/sitetop/back_header.gif)
}

/* ---------------------------

A：ヘッダー（ナビゲーションのリンク）

--------------------------- */

A.headerNavigation { 


  color: #FFFFFF;                                  /* フォントカラー */

}

/* ---------------------------

A：ヘッダー（ナビゲーション・カーソルが上に乗ったとき）

--------------------------- */

A.headerNavigation:hover {

  color: #ffffff;                                  /* フォントカラー */

}

/* ---------------------------

TR：ヘッダー（エラー）

--------------------------- */

TR.headerError {

  background: #ff0000;                             /* 背景色 */

}

/* ---------------------------

TD：ヘッダー（エラー）

--------------------------- */

TD.headerError {

  font-size: 12px;                                 /* フォントサイズ */

  background: #ff0000;                             /* 背景色 */

  color: #ffffff;                                  /* フォントカラー */

  font-weight : bold;                              /* フォント太さ */

  text-align : center;                             /* 横位置 */

}

/* ---------------------------

TR：ヘッダー（メッセージ）

--------------------------- */

TR.headerInfo {

  background: #00ff00;                             /* 背景色 */

}

/* ---------------------------

TD：ヘッダー（メッセージ）

--------------------------- */

TD.headerInfo {

  font-size: 12px;                                 /* フォントサイズ */

  background: #00ff00;                             /* 背景色 */

  color: #ffffff;                                  /* フォントカラー */

  font-weight: bold;                               /* フォント太さ */

  text-align: center;                              /* 横位置 */

}

/* ---------------------------

TR：フッター

--------------------------- */

TR.footer {
  background-image: url(images/sitetop/back_bar.gif)
}

/* ---------------------------

TD：フッター

--------------------------- */

TD.footer {

  font-size: 12px;                                 /* フォントサイズ */
  background-image: url(images/sitetop/back_bar.gif);
  color: #ffffff;                                  /* フォントカラー */
  font-weight: bold;                               /* フォント太さ */
height: 17px;
padding-top: 3px;
LETTER-SPACING: 1px

}

/* ---------------------------

TABLE：情報ボックス

--------------------------- */

.infoBox {

  background: #FF6600;                             /* 背景色 */

}

/* ---------------------------

TABLE：情報ボックス（コンテンツ）

--------------------------- */

.infoBoxContents {

  background: #FFF8F0;                             /* 背景色 */

  font-size: 12px;                                 /* フォントサイズ */

}

/* ---------------------------

調査中

--------------------------- */

.infoBoxNotice {

  background: #FF8E90;                             /* 背景色 */

}

/* ---------------------------

調査中

--------------------------- */

.infoBoxNoticeContents {

  background: #FFE6E6;                             /* 背景色 */

  font-size: 10px;                                 /* フォントサイズ */

}

/* ---------------------------

TD：情報ボックス（タイトル）

--------------------------- */

TD.infoBoxHeading {
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: url(bar_contents_back.gif)
height: 17px;
padding-top: 3px;
padding-left: 3px;
LETTER-SPACING: 1px
}

/* ---------------------------

TD,SPAN：情報ボックス（情報・メッセージ）

--------------------------- */

TD.infoBox, SPAN.infoBox {

  font-size: 12px;                                 /* フォントサイズ */

}

/* ---------------------------

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: #FBF2E0;                             /* 背景色 */

}

/* ---------------------------

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: FFFFFF;                             /* 背景色 */

}

/* ---------------------------

TD：商品一覧（タイトル）

--------------------------- */

TD.productListing-heading {

  font-size: 12px;                                 /* フォントサイズ */

  background-image: url(images/sitetop/bar_contents_back.gif);

  color: #FFFFFF;                                  /* フォントカラー */

  font-weight: bold;                               /* フォント太さ */

  font-variant: small-caps;                        /* 文字異体（全て大文字にする） */

}

/* ---------------------------

TD：商品一覧（データ）

--------------------------- */

TD.productListing-data {

  font-size: 12px;                                 /* フォントサイズ */

}

/* ---------------------------

A：ページリンク（通常）

--------------------------- */

A.pageResults { 

  color: #0000FF;                                  /* フォントカラー */

}

/* ---------------------------

A：ページリンク（カーソルが上に乗ったとき）

--------------------------- */

A.pageResults:hover { 

  color: #0000FF;                                  /* フォントカラー */

  background: #FFFF33;                             /* 背景色 */

}

/* ---------------------------

TD：ページヘッダ

--------------------------- */

TD.pageHeading, DIV.pageHeading {
font-size: 18px;
font-weight: bold;
color: #333333;
letter-spacing: 2px;
}

TD.pageHeading1, DIV.pageHeading1 {
font-size: 16px;
font-weight: bold;
color: #7E0000;
letter-spacing: 1px;
}


/* ---------------------------

TR：サブバー（未使用）

--------------------------- */

TR.subBar {

  background: #FFEEDD;                             /* 背景色 */

}

/* ---------------------------

TD：サブバー（未使用）

--------------------------- */

TD.subBar {

  font-size: 10px;                                 /* フォントサイズ */

  color: #000000;                                  /* フォントカラー */

}

/* ---------------------------

TD：メイン

--------------------------- */

TD.main, P.main {

  font-size: 12px;                                 /* フォントサイズ */

  line-height: 1.5;                                /* 行の高さ */

}

/* ---------------------------

TD,SPAN：小さい文字（メッセージ）

--------------------------- */

TD.smallText, SPAN.smallText, P.smallText {

  font-size: 11px;                                 /* フォントサイズ */

}

/* ---------------------------

TD：アカウントカテゴリー

--------------------------- */

TD.accountCategory {

  font-size: 13px;                                 /* フォントサイズ */

  color: #FF6633;                                  /* フォントカラー */

}

/* ---------------------------

TD：フィールド（キー）

--------------------------- */

TD.fieldKey {

  font-size: 12px;                                 /* フォントサイズ */

  font-weight: bold;                               /* フォント太さ */

}

/* ---------------------------

TD：フィールド（値）

--------------------------- */

TD.fieldValue {

  font-size: 12px;                                 /* フォントサイズ */

}

/* ---------------------------

TD：一覧表の項目名

--------------------------- */

TD.tableHeading {

  font-size: 12px;                                 /* フォントサイズ */

  font-weight: bold;                               /* フォント太さ */

}

/* ---------------------------

SPAN：情報ボックス（新しくカートに入れた商品）

--------------------------- */

SPAN.newItemInCart {

  font-size: 12px;                                 /* フォントサイズ */

  color: #ff0000;                                  /* フォントカラー */

}

/* ---------------------------

CHECKBOX, INPUT, RADIO, SELECT：FORMの入力・選択項目

--------------------------- */

CHECKBOX, INPUT, RADIO, SELECT {

  font-size: 12px;                                 /* フォントサイズ */

}

/* ---------------------------

TEXTAREA：FORMの入力項目

--------------------------- */

TEXTAREA {

  width: 100%;

  font-size: 12px;                                 /* フォントサイズ */

}

/* ---------------------------

SPAN：トップページのメッセージ（こんにちは、○○さん〜）

--------------------------- */

SPAN.greetUser {

  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-size: 12px;                                 /* フォントサイズ */

  font-weight: bold;                               /* フォント太さ */

}

/* ---------------------------

SPAN：マーク（在庫切れ）

--------------------------- */

SPAN.markProductOutOfStock {

  font-size: 12px;                                 /* フォントサイズ */

  color: #c76170;                                  /* フォントカラー */

  font-weight: bold;                               /* フォント太さ */

}

/* ---------------------------

SPAN：特価商品価格

--------------------------- */

SPAN.productSpecialPrice {

  color: #ff0000;                                  /* フォントカラー */

}

/* ---------------------------

SPAN：エラー

--------------------------- */

SPAN.errorText {

  color: #ff0000;                                  /* フォントカラー */

}

/* ---------------------------

レジチェックボックス・マウスオフ

--------------------------- */

.moduleRow { }

/* ---------------------------

レジチェックボックス・マウスオーバー

--------------------------- */

.moduleRowOver {

  background-color: #D7E9F7;                       /* 背景色 */

  cursor: hand;                                    /* カーソル形状 */

}

/* ---------------------------

レジチェックボックス選択行

--------------------------- */

.moduleRowSelected {

  background-color: #E9F4FC;                       /* 背景色 */

}

/* ---------------------------

チェックアウト手順

--------------------------- */

.checkoutBarFrom, .checkoutBarTo {

  font-size: 12px;                                 /* フォントサイズ */

  color: #8c8c8c;                                  /* フォントカラー */

}

/* ---------------------------

チェックアウト手順（現在の手順）

--------------------------- */

.checkoutBarCurrent {

  font-size: 12px;                                 /* フォントサイズ */

  color: #000000;                                  /* フォントカラー */

}


/* 2006/3/27 added start */

.textwhatnew {
	font-size: 10px;
	line-height: 12px;
	padding-top: 2px;
	letter-spacing: 1px;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(images/whatnew_back.gif);
	padding-left: 12px;
}
.framenormal {
	font-size: 11px;
}
.whatnewtitle {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF9933;
	font-size: 11px;
	letter-spacing: 2px;
	color: #333333;
}
.contentstitle {
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 2px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: bold;
	background-color: #FF9933;
}
.contentsbottom {
	font-size: 10px;
	padding-bottom: 3px;
}
.subcontentsframe {
	font-size: 12px;
	border: 1px solid #FF9933;
	padding: 3px;
	line-height: 15px;
}
.text-pr {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 14px;
	padding-right: 5px;
	padding-left: 5px;
}

.textsm {
	font-size: 10px;
}

.framemanual {
	font-size: 12px;
	padding-top: 7px;
	padding-left: 7px;
}
.whatnewlist{
	font-size: 10px;
	border-top-style: solid;
	border-top-color: #ff9933;
	padding-top: 2px;
	border-top-width: 2px;
}
.c2{
	font-size: 10px;
	color: #666666;
	line-height: 16px;
}
a.prolist:link {
	color: #FFFFFF;
}
a.prolist:visited {
	color: #FFFFFF;
}
a.prolist:hover {
	color: #FFF200;
	text-decoration: underline;
}
.t1 {
	font-size: 10px;
	color: #747069;
}
.site-link {
	font-size: 10px;
	padding-left: 14px;
}
.text{
  font-size : 12px;
  }
TBODY{
  font-size : 12px;
}
a.keisanki:link {
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 5px;
	border: 1px solid #FF6600;
	font-size: 12px;
	background-color: #FF9900;
	font-weight: bold;
}
a.keisanki:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 5px;
	border: 1px solid #FF6600;
	font-size: 12px;
	background-color: #FF9900;
	font-weight: bold;
}
a.keisanki:hover {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFCC00;
	padding: 3px 5px;
	border: 1px solid #FF9900;
}
.titlename {
	letter-spacing: 2px;
	padding-top: 8px;
	padding-left: 10px;
}
.titletext {
	letter-spacing: 1px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 20px;
}
.pricebox1 {
  border-top: 1px solid #5F5139;
  border-left: 1px solid #5F5139;
}
.pricebox2 {
  border-right: 1px solid #5F5139;
  border-bottom: 1px solid #5F5139;
  background-image: url(images/products/back_bar_0.gif);
  color: 7E0000;
  padding-top: 3px;
  LETTER-SPACING: 1px
}
.pricebox3 {
  border-right: 1px solid #5F5139;
  border-bottom: 1px solid #5F5139;
  padding-right: 10px;
  padding-left: 10px;
  background-image: url(images/products/back_bar_1.gif);
  padding-top: 3px;
  LETTER-SPACING: 1px
}
.pricebox4 {
  border-right: 1px solid #5F5139;
  border-bottom: 1px solid #5F5139;
  padding-right: 10px;
  padding-left: 10px;
  background-image: url(images/products/back_bar_2.gif);
  padding-top: 3px;
  LETTER-SPACING: 1px
}
.pointbig {
font-size: 16px;
font-weight: bold;
color: #FF6600;
}
/* 2006/3/27 added start */