/*
template No 1010
*/

/* ---------------------------
BODY：ボディ
--------------------------- */
BODY {
  font-size : 12px;                                
  margin: 0px 0px 0px 0px;                                     
  padding: 0px 0px 0px 0px;                                     
  font-family: ＭＳ Ｐゴシック, MS UI Gothic, Osaka, Verdana, Arial, sans-serif; 
}
/* ---------------------------
ショップロゴ
--------------------------- */
.logo {
  margin: 0 ;
  padding: 10px;
  font-family: Impact, MS UI Gothic, Osaka, Verdana, Arial, sans-serif; 
  font-size: 30px;                                 
}
/* ---------------------------
フッター
--------------------------- */
.footer {
  height:30px;
  margin: 0;
  padding: 0;
  font-family: ＭＳ Ｐゴシック, MS UI Gothic, Osaka, Verdana, Arial, sans-serif; 
  font-size: 12px;                                 
}
/* ---------------------------
メインボックス（全体）
--------------------------- */
.mainBody {
  margin: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  font-size : 12px;                                
}
/* ---------------------------
サイドボックス（タイトル）
--------------------------- */
.sideBoxHeading {
  line-height: 140%;                                 
  padding-left:0px;
  padding-right:2px;
  padding-top:2px;
  padding-bottom:2px;
  font-size: 12px;                                 
  font-weight: bold;                               
  text-align: left;
}
/* ---------------------------
サイドボックス（コンテンツ）
--------------------------- */
.sideBoxContents {
  line-height: 140%;                                 
  padding-left:8px;
  padding-right:2px;
  padding-top:6px;
  padding-bottom:6px;
  font-size: 12px;                                 
  text-align: left;
}
/* ---------------------------
TD：ページヘッダ
--------------------------- */
TD.pageHeading, DIV.pageHeading {
  font-family: ＭＳ Ｐゴシック, MS UI Gothic, Osaka, Verdana, Arial, sans-serif; 
  font-size: 12px;                                 
  font-weight: bold;                               
  text-align:left;
}
/* ---------------------------
商品ページ(商品名)
--------------------------- */
h1 {
  font-size: 12px;                                 
  font-family: ＭＳ Ｐゴシック, MS UI Gothic, Osaka, Verdana, Arial, sans-serif; 
  font-weight: bold;
  color: #F00000;                             
  margin:0;
  padding: 0;
  text-align:left;
}
/* ---------------------------
商品ページ(商品番号・価格）
--------------------------- */
.productHeading {
  font-family: ＭＳ Ｐゴシック, MS UI Gothic, Osaka, Verdana, Arial, sans-serif; 
  font-size: 12px;                                 
  font-weight: bold;                               
  text-align:left;
}
/* ---------------------------
TD,SPAN：小さい文字（メッセージ）
--------------------------- */
TD.smallText, SPAN.smallText, P.smallText {
  font-size: 10px;                                 
}
}
/* ---------------------------
FORM：フォーム
--------------------------- */
FORM {
  display: inline;                                 
  margin: 0;
  padding: 0;
}
/* ---------------------------
イメージ
--------------------------- */

img {
 border: none; 
  margin: 0px 0px 0px 0px;                                     
  padding: 0px 0px 0px 0px;                                     
}

/* ---------------------------
左右のボックス：エラー
--------------------------- */
.errorBox {
  font-family : ＭＳ Ｐゴシック, MS UI Gothic, Osaka, Verdana, Arial, sans-serif;
  background: #ffb3b5;                             
  font-weight: bold;                               
}
/* ---------------------------
「カートには何が入っている?」
ページで商品の在庫が無い時に表示するメッセージ
--------------------------- */
.stockWarning {
  font-family : ＭＳ Ｐゴシック, MS UI Gothic, Osaka, Verdana, Arial, sans-serif;
  color: #cc0033;                                  
}
/* ---------------------------
最終確認ページ
--------------------------- */
.confirmation {
  margin: 0px 0px 0px 0px;                                     
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 0px;
}

/* ---------------------------
メッセージ
--------------------------- */
.messageStack {
  text-align: left;                              
  padding-top: 5px;
  padding-bottom: 5px;
  color:#F00000;
}
/* ---------------------------
入力エラー
--------------------------- */
.messageStackError {
  text-align: left;                              
  padding-top: 5px;
  padding-bottom: 5px;
  color:#F00000;
}