/* ---------------------------
左右のボックス：エラー
--------------------------- */
.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;                                  /* フォントカラー */
}

/* ---------------------------
「ご注文の最終確認」ページ「変更」文字
--------------------------- */
.orderEdit {
  font-family : Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
  font-size : 11px;                                /* フォントサイズ */
  color: #70d250;                                  /* フォントカラー */
  text-decoration: underline;                      /* テキストの装飾 */
}


/* ---------------------------
FORM：フォーム
--------------------------- */
FORM {
  display: inline;                                 /* インラインボックス */
}








/* ---------------------------
TD：ページヘッダ
--------------------------- */
TD.pageHeading, DIV.pageHeading {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  font-size: 20px;                                 /* フォントサイズ */
  font-weight: bold;                               /* フォント太さ */
  color: #9a9a9a;                                  /* フォントカラー */
}
/* ---------------------------
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;                               /* フォント太さ */
}

/* ---------------------------
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, p.errorText {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  color: #ff0000;                                  /* フォントカラー */
}


/* ---------------------------
チェックアウト手順
--------------------------- */
.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;                                  /* フォントカラー */
}

/* common parts 
--------------------------- */
body {
 margin: 0;
 padding: 0;
 font-family: Osaka, Verdana, Arial, sans-serif;
 font-size: 75%;
 line-height: 150%;
 color: #333;
}

a {
 color: #666;
 text-decoration: underline;
}

a:hover { 
 color: #666;
 text-decoration: none;
}

h1 {
 font-size: 140%;
 color: #630;
}

/* structure 
--------------------------- */
table#header {
 width: 850px;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}

table#header td {
 padding: 0;
}

table#headerInfo {
 width: 850px;
 border-collapse: collapse;
 margin: 5px 0 15px 0;
 padding: 0;
 font-size: 90%;
}

table#headerInfo a{
 color: #630;
}

table#headerInfo td#bread{
 width: 650px;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}

table#headerInfo td#links{
 width: 200px;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}

table#bodytable {
 width: 850px;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}

td#mainArea {
 width: 430px;
 padding: 0 10px 30px 10px; 
 vertical-align: top;
 font-size: 70%;
}

td.subcolumn {
 vertical-align: top;
}

table.LRnavi {
 vertical-align: top;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}


#footer {
 width: 850px;
 border-top: 3px solid #68391f;
 line-height: 250%;
 text-align: center;
 font-size: 90%;
 color: #630;
}

/* left&right column
--------------------------- */
table.boxes {
 width: 200px;
 border-collapse: collapse;
 margin: 0 0 15px 0;
 padding: 0;
 font-size: 70%;
}

table.boxes td {
 padding: 5px;
}

table.boxes ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

table.boxes li {
 margin: 0;
 padding: 0 0 2px 15px;
 background-image: url(images/customize/brownarrow.gif);
 background-repeat: no-repeat;
 background-position: 0 4px;
}

table.LRnavi a {
 color: #630;
 text-decoration: underline;

}

table.LRnavi a:hover {
 color: #630;
 text-decoration: none;
}


/* 3 row new products 
--------------------------- */
.newproducts {
 margin: 20px 0 0 0;
}

.newproducts td {
 border-bottom: 1px dotted #ccc;
 padding: 10px 0;
}

/* form area 
--------------------------- */
table.formArea {
 border: 1px solid #ccc;
}

/* button 
--------------------------- */
.button {
 text-align: right;
 margin-top: 10px;
 margin-bottom: 30px;
}

/* price 
--------------------------- */
.price {
 color: #630;
 font-size: 120%;
 font-weight: bold;
 text-align: right;
 width: 150px;
}

/* 商品一覧（タイトル）
--------------------------- */
td.productListing-heading {
 font-size: 70%;
 background: #630;
 font-weight: bold;
 font-variant: small-caps;
}

/* 商品一覧（タイトル）リンク
--------------------------- */
td.productListing-heading a{
 color: #fff;
}

/* 商品一覧（データ）
--------------------------- */
td.productListing-data {
  font-size: 70%;
}

/* 商品一覧（データ）奇数行
--------------------------- */
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: #fff;
}

/* 商品一覧（データ）偶数行
--------------------------- */
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: #f3f3f3;
}

/* account
----------------------------*/
table.accountBox {
 width: 410px;
 border-collapse: collapse;
 margin-top: 20px;
}

table.accountBox td {
 width: 200px;
 vertical-align: top;
 padding:4px 2px;
 font-size: 70%;
}

table.account {
 border-collapse: collapnse;
 border: 1px solid #ccc;
 background-color: #f3f3f3;
 padding: 2px;
 height: 190px;
}

table.account input {
 width: 100px;
}


/* login
----------------------------*/
.infoBoxContents {
 font-size: 80%;
}

/* infobox
----------------------------*/
td.infoBoxHeading {
  font-weight: bold;
  font-size: 80%;
}

/* notification 
--------------------------- */
table.notification {
 border-collapse: collapse;
 border: 1px solid #ccc;
 width: 410px;
 font-size: 100%;
}

table.notification td{
 padding: 5px;
}

/* checkout
--------------------------- */
table.checkoutBox {
 border-collapse: collapse;
 border: 1px solid #ccc;
 width: 420px;
 font-size: 100%;
}



/* レジチェックボックス選択行
--------------------------- */
.moduleRowSelected {
  background-color: #ffc;
}


/* レジチェックボックス・マウスオーバー
--------------------------- */
.moduleRowOver {
  background-color: #ffc;
  cursor: hand;
}

/* advanced search
--------------------------- */
table.advancedSearch {
 width: 400px;
 border: 1px solid #ccc;
}

/* order history
--------------------------- */
table.orderhistory {
 width: 400px;
 border: 1px solid #ccc;
}

table.orderhistoryinfo {
 width: 410px;
 border: 1px solid #ccc;
}

/* how to order
--------------------------- */
/*
.howorder ol li {
 margin-bottom: 10px;
 font-weight: bold;
}
*/

.howorder ul {
 margin: 0 0 10px 0;
 padding: 0;
 list-style-type: none;
}

.howorder ul li {
 margin-bottom: 10px;
 margin-left: 10px;
 padding-left: 10px;
 background-image: url(images/customize/brownarrow.gif);
 background-repeat: no-repeat;
 background-position: 0 4px;
 font-weight: normal;
}


/* shipping
--------------------------- */
table.shipping {
 width: 410px;
 border: 1px solid #ccc;
 font-size: 100%;
 border-collapse: collapse;
}

table.shipping th {
 padding: 5px;
 border: 1px solid #ccc;
 background-color: #f3f3f3;
}

table.shipping td {
 padding: 5px 40px 5px 5px;
 border: 1px solid #ccc;
 width: 125px;
 text-align: right;
}

/* shippingdate
--------------------------- */
table.shippingdate {
 width: 410px;
 border: 1px solid #ccc;
 font-size: 100%;
 border-collapse: collapse;
}

table.shippingdate th {
 padding: 5px;
 border: 1px solid #ccc;
 background-color: #f3f3f3;
}

table.shippingdate td {
 padding: 5px;
 border: 1px solid #ccc;
 width: 295px;
}


/* about
--------------------------- */
table.about {
 width: 410px;
 border: 1px solid #ccc;
 font-size: 100%;
 border-collapse: collapse;
}

table.about th {
 padding: 5px;
 border: 1px solid #ccc;
 background-color: #f3f3f3;
}

table.about td {
 padding: 5px;
 border: 1px solid #ccc;
}

/* convert currency
--------------------------- */
.convertcurrency { 
 text-align: right;
 font-size: 80%;
 border-top:2px solid #630;
 margin: 0 0 20px 0;
}

/* 
--------------------------- */
.fcategory {
 color: #630;
 font-size: 140%;
 font-weight: bold;
 line-height: 100%;
}

.availablecountries {
 font-size: 65%;
 color: #666;
 border: 1px solid #f90;
 padding: 5px;
 background-color: #ffc;
}

p.availablecountries a{
 color: #f90;
}

p.availablecountries a:hover{
 color: #f96;
}

.availableshipping {
 width: 400px;
 border: 1px solid #f90;
 padding: 5px;
 background-color: #ffc;
}

.availableshipping .head{
 color: #f90;
}

.availableshipping .text{
 color: #666;
 font-size: 90%;
}

.ems {
 color: #f00;
 font-size: 90%;
}


.topMainText {
 color: #f00;
/* border: 1px solid #f00;
 padding: 5px;
 background-color: #ffecec;*/
 font-weight: bold;
}


.cardNote {
  font-family: Osaka, Verdana, Arial, sans-serif;  /* フォントファミリ */
  color: #f00;                                  /* フォントカラー */
  font-size: 70%;
  text-align: left;
  margin-left: 10px;
}



.accountneeded {
  font-size: 110%;
  color: #f00;
  font-weight: bold;
}

div.important {
 background-color: #f66;
 width: 400px;
 padding: 5px;
}

p.mainImportant {
 color: #fff;
 padding: 5px;
 border: 2px solid #fff;
 font-weight: bold;
 margin: 0;
}

div.importantCheckout {
 background-color: #f66;
 width: 410px;
 padding: 5px;
}