@charset "EUC-JP";
/*
  $Id: stylesheet.css,v 1.3 2005/02/01 16:04:15 hiroyuki Exp $
*/

/* ID はページで一度だけ使う、レイアウト的な要素に対して使う
   class は繰り返し使うようなものに対して使う */

/* -------------------------------------
　　一般的に利用するスタイル
------------------------------------- */

body {
 font-size: 10pt;
 color: #333333;
 margin-top: 0px;
}

img{
  border: none;
}

strong{
  font-weight: bolder;
}

form{
  margin: 0;
  padding: 0;
}

.floatleft{
  float: left;
}

.floatright{
  float: right;
}

.alignleft{
  text-align: left;
}

.alignright{
  text-align: right;
}

.aligncenter{
  text-align: center;
}

.clearboth{
  clear: both;
  display: none;
}

/* -------------------------------------
　　パーツのスタイル
------------------------------------- */

/* --- 一覧表示の奇数行用 --- */

.odd{
/*  background: #f4f7fd;*/
  background: #FFEFD5;
}

/* --- 一覧表示の偶数行用 --- */

.even{
  background: #ffffff;
}

/* --- 入力フォームのタイトル幅揃え用 --- */

.formh{
  width: 8em;
}

/* --- 入力フォームのTEXTAREA --- */

textarea {
  width: 100%;
}

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

.moduleRow { 
/*  background-color: #E4F9FF;*/
  background-color: #FAF0E6;
}

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

.moduleRowOver {
/*  background-color: #D7E9F7;*/
  background-color: #FFDEAD;
/*  cursor: hand; */
  cursor: pointer;
}

/* --- レジチェックボックス選択行 --- */

.moduleRowSelected {
/*  background-color: #D7E9F7;*/
  background-color: #FFDEAD;
}

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

.orderEdit {
  color: #70d250;
  text-decoration: underline;
}

/* --- メッセージ（こんにちは、○○さん〜） --- */

.greetUser {
  color: #ff9900;
  font-weight: bold;
}

/* --- 商品価格 --- */

.productPrice {
  color: #000000;
  font-weight: bold;
}

/* --- 本体価格 --- */

.productHontaiPrice {
  color: #000000;
}

/* --- 通常価格 --- */

.productRegularPrice {
  color: #ff0000;
  font-weight: bold;
}

/* --- 特価商品価格 --- */

.productSpecialPrice {
  color: #ff0000;
  font-weight: bold;
}

/* -------------------------------------
　　エラー表示・情報表示のスタイル
------------------------------------- */

div.messageBox {
  margin-bottom: 0.5em;
}

div.messageBox p{
  padding: 2px;
}

div.messageBox p.messageStackError, p.messageStackWarning{
  background-color: #FFE6E6;
}

div.messageBox p.messageStackSuccess{
  background-color: #99ff00;
}

/* --- 一番上で表示されるエラー --- */

#errorBox{
  background: #ffb3b5;
  font-weight: bold;
}

#headerError{
  background: #ff0000;
  font-weight: bold;
  color: #ffffff;
}

#headerInfo{
  background: #00ff00;
  font-weight: bold;
  color: #ffffff;
}

/* --- フォームの入力案内 --- */

.notice_s{
  font-size: 90%;
/*  color: #8899bb;*/
  color: #666633;
}

/* --- フォームの入力エラー --- */

.error_s{
  font-size: 90%;
  color: #ff0000;
}

/* --- 注意・警告 --- */

.warning{
  color: #cc0033;
}

/* --- エラー --- */

.error{
  color: #ff0000;
}

/* --- 注意・警告（強調） --- */

.warning_bold{
  color: #cc0033;
  font-weight: bold;
}

/* --- エラー（強調） --- */

.error_bold{
  color: #ff0000;
  font-weight: bold;
}

/* -------------------------------------
　　ヘッダー用スタイル
------------------------------------- */

div#header td{
  font-size: 85%;
  color: #363636;
/* 2005-11-12 modi -s */
/*  padding: 2px;*/
  padding: 0px;
/* 2005-11-12 modi -e */
}

div#header td.navigation {
  background: #ccd4e4;
  color: #000000;
}

div#header a{
  color: #000000;
}

div#header a:hover{
  color: #FFFFFF;
}

/* -------------------------------------
　　フッター用スタイル
------------------------------------- */

div#footer td{
  font-size: 85%;
  color: #363636;
  padding-top: 10px;
  padding-bottom: 15px;
}

div#footer td.footer_info {
  background: #FFFFFF;
  color: #000000;
}

div#footer td.footer {
  background: #3E5E89;
  color: #ffffff;
  text-align: center;
}

div#footer a{
  color: #FFFFFF;
}

div#footer a:hover{
  color: #AABBDD;
}

/* -------------------------------------
　　レイアウトテーブル
------------------------------------- */

td#contentsleft,td#contentsright,td#contentsmain{
  vertical-align: top;
  padding-bottom: 0.5em;
}
/* 2005-11-12 del -s */
/*
td#contentsleft{
  background-image: url("images/left_bg.gif");
  background-position: right;
  background-repeat: repeat-y;
  width: 1%;
}
*/
/* 2005-11-12 del -e */
/*2005-11-12 add -s */
td#contentsleft td { font-size:10pt; }
td#contentsleft a { color:#333333; text-decoration: underline; }
td#contentsleft a:hover { color:#FF6600; }
/*2005-11-12 add -e */

td#contentsright{
  background: #ffffff;
  width: 1%;
}

td#contentsmain{
  background: #ffffff;
  padding-top: 15px;
  padding-left: 15px;
/*  width: 98%;*/
  width: 100%;

}

/* -------------------------------------
　　左側ナビ
------------------------------------- */

div#contentsleft{
  font-size: 80%;
  color: #363636;
  line-height: 130%;
  padding-left: 1px;
  padding-right: 3px;
}

div#contentsleft dl{
  margin-bottom: 1em;
  height: 100%;
}

div#contentsleft dt{
  border-bottom: 1px solid #999999;
  margin-top: 1em;
  margin-bottom: 0.5em;
  margin-left: 1px;
  padding-left: 5px;
  padding-bottom: 2px;
  font-weight: bold;
}

div#contentsleft dd{
  margin-left: 0px;
  padding-left: 5px;
  padding-right: 3px;
  padding-bottom: 2px;
}

div#contentsleft dd.center {
  text-align: center;
  padding-bottom: 5px;
}

div#contentsleft dd.icon {
  border-bottom: 1px dashed #cfcfdf;
}

div#contentsleft dd.icon a:link{
  padding-left: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-left: .5em solid #DDDDDD;
}

div#contentsleft dd.icon a:visited{
  padding-left: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-left: .5em solid #DDDDDD;
}

div#contentsleft dd.icon a:active{
  padding-left: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-left: .5em solid #DDDDDD;
}

div#contentsleft dd.icon a:hover{
  border-left: .5em solid #AA0000;
}

/* -------------------------------------
　　右側ナビ
------------------------------------- */

div#contentsright{
  font-size: 80%;
  color: #363636;
  line-height: 130%;
}

div#contentsright table {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
/*
div#contentsright table.cart {
  border: 2px solid #339933;
}

div#contentsright table.cart th {
  background: #339933;
}
*/
div#contentsright table.promo {
  border: 2px solid #e82f3d;
}

div#contentsright table.promo th {
  background: #e82f3d;
}

div#contentsright table.info {
  border: 2px solid #c39a62;
}

div#contentsright table.info th {
  background: #c39a62;
}


div#contentsright td {
  font-size: 80%;
  color: #363636;
  line-height: 130%;
  padding: 3px;
  background: #fffcf3;
}

div#contentsright th {
  font-size: 80%;
  color: #ffffff;
  line-height: 130%;
  padding: 1px;
  text-align: center;
  font-weight: bold;
}

/* -------------------------------------
　　メインコンテンツ
------------------------------------- */

div#contentsmain {
  font-size: 85%;
  color: #363636;
  line-height: 130%;
  margin-bottom: 0.5em;
}

div#contentsmain .small{
  font-size: 80%;
  color: #363636;
  line-height: 130%;
}

div#contentsmain h1{
  font-size: 150%;
  color: #363636;
  line-height: 150%;
  margin-top: 15px;
  margin-bottom: 1em;
  padding-left: 0.3em;
/*  margin-right: 100px;*/
  border-left: 20px solid #FF7F50;
  border-bottom: 1px solid #DEB887;
  font-weight: bold;
/*  width: 100%;*/
  background: #FAF0E6;
}

div#contentsmain h2{
  font-size: 130%;
  color: #363636;
  line-height: 150%;
  margin-top: 2em;
  margin-bottom: 1em;
  padding-left: 0.3em;
  border-left: 0.5em solid #AA0000;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  font-weight: bold;
  background: #eeeeee;
}

div#contentsmain h3{
  font-size: 110%;
  color: #363636;
  line-height: 150%;
  margin-top: 2em;
  margin-bottom: 1em;
  padding-left: 0.3em;
  border-left: .5em solid #eeeeee;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  background: #eeeeee;
  font-weight: bold;
}

div#contentsmain th {
  font-size: 85%;
  color: #363636;
  line-height: 130%;
  font-weight: bold;
  text-align: left;
  padding-top: 2px;
  padding-bottom: 2px;
}

div#contentsmain td {
  font-size: 85%;
  color: #363636;
  line-height: 130%;
  padding-top: 2px;
  padding-bottom: 2px;
}

div#contentsmain .icon a:link{
  line-height: 150%;
  border-bottom: 1px dashed #cfcfdf;
  padding-left: 5px;
  margin-left: 2em;
  margin-top: 2px;
  margin-bottom: 2px;
  border-left: .5em solid #DDDDDD;
}

div#contentsmain .icon a:visited{
  line-height: 150%;
  border-bottom: 1px dashed #cfcfdf;
  padding-left: 5px;
  margin-left: 2em;
  margin-top: 2px;
  margin-bottom: 2px;
  border-left: .5em solid #DDDDDD;
}

div#contentsmain .icon a:active{
  line-height: 150%;
  border-bottom: 1px dashed #cfcfdf;
  padding-left: 5px;
  margin-left: 2em;
  margin-top: 2px;
  margin-bottom: 2px;
  border-left: .5em solid #DDDDDD;
}

div#contentsmain .icon a:hover{
  line-height: 150%;
  border-left: .5em solid #AA0000;
}

/* --- ボックス --- */

div#contentsmain div{
  clear: both;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

/* --- ボックス（通常用） --- */

div#contentsmain div.main{
}

/* --- ボックス（レビュー用） --- */

div#contentsmain div.reviews{
  clear: none;
}

/* --- ボックス（画面下のボタン用） --- */

div#contentsmain div.navi{
  margin-bottom: 2.0em;
}

/* --- ボックス（一覧表示の上部用） --- */

div#contentsmain div.header{
  margin-top: 0em;
  margin-bottom: 0.5em;
}

/* --- ボックス（一覧表示の下部用） --- */

div#contentsmain div.footer{
  padding-top: 0.5em;
  border-top: 1px solid #999999;
}

/* --- ボックス（情報ボックス用） --- */

div#contentsmain div.infobox {
/*  margin-top: 3px;
  border: 1px solid #ccd4e4;
  background: #f8f8f9;*/
  border: 1px solid #F5DEB3;
  background: #FFFFFF;
  width: 550px;
}

/* --- ボックス（情報ボックスに縦線を入れる用） --- */

div#contentsmain div.infoboxsp {
/*  border-right: 1px solid #ccd4e4;*/
  border-right: 1px solid #F5DEB3;
}

/* --- ボックス（情報ボックス内、子ボックス用） --- */

div#contentsmain div.formarea {
  margin: 0;
  padding: 5px;
/*  border: 1px solid #7b9ebd;
  background: #f1f9fe;*/
  border: 1px solid #F5DEB3;
  background: #FDF5E6;
}

/* --- ボックス（案内ボックス用） --- */

div#contentsmain div.infoboxnotice {
  margin-top: 3px;
  border: 1px solid #FF8E90;
  background: #FFE6E6;
}

/* --- ボックス（商品ページ・商品ボックス用） --- */

div#contentsmain div.plainbox{
  padding: 0.5em;
/*  border: 1px solid #ccd4e4;*/
  border: 1px solid #F5DEB3;
}

div#contentsmain div.navi p, div.header p, div.footer p{
  margin: 3px;
  padding: 0;
}

/* -------------------------------------
　　<table>用スタイル
------------------------------------- */

/* --- 情報ボックス（コンテンツ） --- */

.infoBoxContents {
/*  background: #f8f8f9;*/
  background: #FFFFFF;
}

/* --- 案内情報ボックス（コンテンツ） --- */

.infoBoxNoticeContents {
  background: #FFE6E6;
}

/* --- TR：商品一覧（タイトル） --- */

TR.productListing-heading {
/*  background: #ccd4e4;*/
  background: #F5DEB3;
}

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

TD.productListing-heading {
/*  background: #ccd4e4;*/
  background: #FFA07A;
  color: #000000;
  font-weight: bold;
  font-variant: small-caps;  /* 文字異体（全て大文字にする） */
}

/* --- TD：アドレス帳、レビュー一覧等の項目名 --- */

TD.tableHeading {
  font-weight: bold;
}

/* -------------------------------------
　　リンク装飾設定
------------------------------------- */

a:link, a:visited, a:active, a:hover {
  font-size: inherit;
}

a:link{
  color:#3333CC;
  text-decoration: none;
}

a:visited{
  color:#663399;
  text-decoration: none;
}

a:hover{
  color:#990033;
  text-decoration: underline;
}

a:active{
  color:#ff99cc;
  text-decoration: none;
}

/* -------------------------------------
　　カレンダー
------------------------------------- */

div#calendar table {
  border:1px #FFFFFF solid;
  border-collapse:collapse;
  padding:1px;
}

div#calendar td {
  border:1px #FFFFFF solid;
  padding:1px 2px;
  text-align:center;
  font-size: 12px;
}

div#calendar td.calendarTitle {
  background-color:#FF6633;
  color:#FFFFFF;
  font-weight:bold; 
}

div#calendar td.calendarSun,div#calendar td.calendarSat,div#calendar td.calendarWek{
/*  font-weight:bold; */
}

div#calendar td.calendarSun {
  background-color:#FFCC66;
  color:#FF0000;
}

div#calendar td.calendarSat {
  background-color:#FFCC66;
/*  color:#0000FF;*/
}

div#calendar td.calendarWek {
  background-color:#FFCC66;
}

div#calendar td.calendarBHol {
  background-color:#CCCCCC;
/*  color:#FF0000;*/
}

div#calendar td.calendarBWek {
  background-color:#FFFFFF;
}

/* *************************************
  2005-11-06 add -s
  拡張機能のためのスタイル
************************************* */
/* ---------------------------
TR：ヘッダー（ナビゲーション）
--------------------------- */
div#contentsmain TR.ForumListing-header {
  background: #FFA07A;
  font-size: 12px;
}
/* ---------------------------
TD：ヘッダー（ナビゲーション）
--------------------------- */
div#contentsmain TD.ForumListing-header {
  background: #FFA07A;
  font-size: 12px;
  color: #FFFFFF;
  font-weight : bold;
}
/* ---------------------------
TR：奇数行
--------------------------- */
div#contentsmain TR.ForumListing-odd {
  background: #FAF0E6;
  font-size: 14px;
}
/* ---------------------------
TR：偶数行
--------------------------- */
div#contentsmain TR.ForumListing-even {
  background: #FFFFFF;
  font-size: 14px;
}
/* ---------------------------
TD：一覧（データ）
--------------------------- */
div#contentsmain TD.ForumListing-data {
  font-size: 12px;
}
/* ---------------------------
TD：メイン
--------------------------- */
div#contentsmain td.main, p.main span.main {
  font-size: 11px;
  line-height: 1.2em;
}
/* ---------------------------
TD,SPAN：小さい文字（メッセージ）
--------------------------- */
div#contentsmain TD.smallText, SPAN.smallText, P.smallText {
  font-size: 11px;
}

div#contentsmain h2.ForumTitle_h2 {
  font-size: 130%;
  color: #363636;
  line-height: 150%;
  margin-top: 0em;
  margin-bottom: 0em;
  padding-left: 0.5em;
  border-left: 20px solid #F5DEB3;
  border-bottom: 0px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  font-weight: bold;
  background: #FFFAF0;
}

div#contentsmain h3.ForumTitle_h3 {
  font-size: 130%;
  color: #363636;
  line-height: 150%;
  margin-top: 1em;
  margin-bottom: 0em;
  padding-left: 0.5em;
  border-left: 20px solid #F5DEB3;
  border-bottom: 0px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  font-weight: bold;
  background: #FFFAF0;
}

/* *************************************
  2005-11-06 add -e
************************************* */

/* *************************************
  2005-11-14 add -s
  ヘルシーバンク拡張コンテンツのためのスタイルシート
************************************* */
td#contentsmain_hb{
  vertical-align: top;
  padding-bottom: 0.5em;
}
td#contentsmain_hb{
  background: #ffffff;
  padding: 0px;
  width: 550px;
  text-align: right;
  line-height: 120%;
}
div#contentsmain_hb {
  font-size: 10pt;
  color: #363636;
  text-align: center;
}
div#contentsmain_hb td {
  font-size: 10pt;
  color: #363636;
}
div#contentsmain_hb td a {
  color: #333333;
  text-decoration: underline;
}
div#contentsmain_hb td a:hover {
  color:#FF6600;
  text-decoration: underline;
}

div#contentsmain_hb div{
  clear: both;
}
/*--- フォントクラス---*/
div#contentsmain_hb .Font08pt{ font-size: 8pt; }
div#contentsmain_hb .Font09pt{ font-size: 9pt; }
div#contentsmain_hb .Font10pt{ font-size: 10pt; }
div#contentsmain_hb .Font11pt{ font-size: 11pt; }
div#contentsmain_hb .Font12pt{ font-size: 12pt; }
div#contentsmain_hb .Font13pt{ font-size: 13pt; }
div#contentsmain_hb .Font14pt{ font-size: 14pt; }
div#contentsmain_hb .Font15pt{ font-size: 15pt; }
div#contentsmain_hb .Font16pt{ font-size: 16pt; }

/* --- ボックス（案内ボックス用） --- */

div#contentsmain_hb div.infoboxnotice {
  padding: 5px;
  margin: 3px;
  font-size: 9pt;
  line-height: 140%;
  text-align: center;
  border: 1px solid #F5DEB3;
  background: #FFFAF0;
}

h1.headcopy {
  padding: 3px 2px 1px 8px;
  margin: 2px;
  color:#808080;
  font-size: 11px;
  font-weight: normal;
}
div.headcopy {
  padding: 3px 2px 1px 8px;
  margin: 2px;
  color:#808080;
  font-size: 11px;
  font-weight: normal;
}
/* *************************************
  2009-06-11 add   入力必須項目
************************************* */
.required_label {
  background: #FFDAB9;
}
.required {
  border-top   : 1px solid #999;
  border-left  : 1px solid #999;
  border-right : 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  padding-left: 3px;
  background: #FFDAB9;
}
/* テキスト入力時のIMEの状態を指定
   （IE独自仕様）
   初期値が日本語入力モード
*/
.ImeModeActive {
  ime-mode: active;
}
/* テキスト入力時のIMEの状態を指定
   （IE独自仕様）
   初期値が英数字入力モード
*/
.ImeModeInactive {
  ime-mode: inactive;
}