/*
  $Id: stylesheet.css,v 1.2 2007/10/09 01:50:13 itohoo 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-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size: 12px;
  background: #ffffff;                             /* 背景色 */
  color: #464646;                                  /* フォントカラー */
  margin: 0px ;                                    /* マージン */
}

/* ---------------------------
基本テキスト
--------------------------- */
.text {
  font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size: 12px;
  color: #464646;                                  /* フォントカラー */
  line-height: 140%;
}

/* ---------------------------
A：リンク（通常）
--------------------------- */

A {
  color: #63BD21;                                  /* フォントカラー */
  text-decoration: underline;                           /* テキストの装飾 */
}

A:visited {
  color: #63BD21;                                  /* フォントカラー */
  text-decoration: underline;                           /* テキストの装飾 */
}

A:hover {
  color: #A574B0;                                  /* フォントカラー */
  text-decoration: underline;                           /* テキストの装飾 */
}

A:active {
  color: #FF8800;                                  /* フォントカラー */
  text-decoration: underline;                           /* テキストの装飾 */
}


/*---------------------------
A：左メニュー
---------------------------*/

A.menuText {
    font-size: 12px;
    color: #464646;
    text-decoration : underline;
}

A.menuText:hover {
    color: #63BD21;
    text-decoration: underline;
}


A.menuText:visited {
    color: #464646;
    text-decoration : underline;
}


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

FORM：フォーム

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

FORM {

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

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

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

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

TR.header {

  font-size: 12px;
  color: #ffffff;
  background: #B5A573;
  font-weight : bold;
}

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

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

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

TR.headerNavigation {
  background: #FFFFFF;                             /* 背景色 */
}

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

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

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

TD.headerNavigation {
/*  font-family: "Osaka", "Verdana", "Arial", "sans-serif";*/  /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  background: #63B531;                             /* 背景色 */
  color: #FFFFFF;                                  /* フォントカラー */
/*  font-weight : bold; */                              /* フォント太さ */

}

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

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

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

A.headerNavigation {
  font-size: 12px;
  color: #0000FF;                                  /* フォントカラー */
  text-decoration: underline;                      /* テキストの装飾 */
}

A.headerNavigation:visited {
  color: #9900cc;                                  /* フォントカラー */
  text-decoration: underline;                      /* テキストの装飾 */
}


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

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

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

A.headerNavigation:hover {
  font-size: 12px;
  color: #0000ff; /* フォントカラー */
  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;                              /* 横位置 */
}

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

TR：フッター

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

TR.footer {
  background: #D2EDF8;                             /* 背景色 */
}

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

TD：フッター

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

TD.footer {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  color: #38A922;                                  /* フォントカラー */
  font-weight: bold;                               /* フォント太さ */
  line-height: 2.0;                                /* 行の高さ */
}

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

TABLE：情報ボックス

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

.infoBox {
  background: #EFEDDE;                             /* 背景色 */

}

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

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

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

.infoBoxContents {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 11px;                                 /* フォントサイズ */
  background: #ffffff;                             /* 背景色 */

}

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

TABLE：情報ボックス（リンク）

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

A.infoBoxContents {
  font-size: 11px;
  color: #666666;
  text-decoration: underline;
}

A.infoBoxContents:hover {
  color: #8BCC00;
  text-decoration: underline;
}

A.infoBoxContents:visited {
  color: #666666;
  text-decoration: underline;
}

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

調査中

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

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

}

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

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;                             /* 背景色 */
  line-height: 0.3;                                /* 行の高さ */

}

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

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

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

TD.productListing-heading {

  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  color: #339900;                                  /* フォントカラー */
}

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

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

--------------------------- */
A.productListing-heading {
  font-size: 14px;
  color: #339900;
  text-decoration: underline;
}

A.productListing-heading:hover {
  color: #8BCC00;
  text-decoration: underline;
}

A.productListing-heading:visited {
  color: #339900;
  text-decoration: underline;
}


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

TD：商品一覧（データ）

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

TD.productListing-data {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */

}


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

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

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

A.pageResults {
  color: #0000FF;                                  /* フォントカラー */
}

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

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

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

A.pageResults:hover {
  color: #0000FF;                                  /* フォントカラー */
  background: #FFFF33;                             /* 背景色 */
}

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

TD：ページヘッダ

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

TD.pageHeading, DIV.pageHeading {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 16px;                                 /* フォントサイズ */
  color: #333333;                                  /* フォントカラー */

}

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

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.mainl, P.mainl {

  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */

  font-size: 14px;                                 /* フォントサイズ */
  font-weight: bold;                               /* フォント太さ */
  line-height: 1.5;                                /* 行の高さ */
  background: #FFFFFF;                             /* 背景色 */

}

TD.mainm, P.mainm {

  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */

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

  line-height: 1.3;                                /* 行の高さ */
  background: #FFFFFF;                             /* 背景色 */

}

TD.mains, P.mains {

  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */

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

  line-height: 1.2;                                /* 行の高さ */
  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: #FFFFFF;                                  /* フォントカラー */


}

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

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;                                  /* フォントカラー */
}

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

ご利用ガイド

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

.guide {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 13px;                                 /* フォントサイズ */
  font-weight: bold;                               /* フォント太さ */
}

SPAN.guidetext {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 12px;                                 /* フォントサイズ */
  font-weight: bold;                               /* フォント太さ */
  color: #CC4C33;                                  /* フォントカラー */
}

.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;                       /* 背景色 */
}










body{
margin:0px;
background:#f6f6f6;
font-size:12px;
color:#666;
}

img{ border:0px;}

a{ color:#5C5EAD; text-decoration:underline; }
a:active{ color:#5C5EAD; text-decoration:underline; }
a:visited{ color:#5C5EAD; text-decoration:underline; }
a:hover{ color:#A574B0; text-decoration:none; }

.sbtitle a{ text-decoration:none; }
.sbtitle a:visited{ text-decoration:none; }
.sbtitle a:active{ text-decoration:none; }
.sbtitle a:hover{text-decoration:underline;}

.f14{ font-size:14px;line-height:1.3; }
.f12{ font-size:12px;line-height:1.3; }
.f11{ font-size:11px;line-height:1.3; }
.f10{ font-size:10px;line-height:1.3; }

.bgrep-x{ background-repeat:repeat-x; }
.bgrep-no{ background-repeat:no-repeat; }

.search-form{
width:120px;
margin-left:6px;
font-size:11px;
color:#333;
}

.page-form{
font-size:11px;
color:#333;
width:115px;
}

.entry-form{
width:230px;
font-size:11px;
margin-left:5px;
margin-bottom:0px;
color:#333;
}
.entry-textarea{
font-size:11px;
margin-left:5px;
margin-bottom:0px;
color:#333;
}

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

12.05 

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

#info {
  font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size: 12px;
  color: #464646;                                  /* フォントカラー */
  line-height: 140%;
}


#info td {
  font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size: 12px;
  color: #464646;                                  /* フォントカラー */
  line-height: 140%;
}