/*------------------------------------------------------
  (c) 2007 System Integrator Corp. All rights reserved.
  フロント共通のスタイルを定義する。
--------------------------------------------------------*/
@charset "utf-8";

/*---------
  common
-----------*/
html {
  margin-top: 0;
}
body {
  text-align: center;
  color: #333333;
  font-family:sans-serif;
  margin-top: 0;
}
div {
  margin: 0 auto;
}
div.wrapper {
  text-align: left;
  width: 950px;
  margin: 0 auto;
}
div.buttonarea {
  text-align: right;
}
div.messageArea {
  color:#ff0000;
  margin :0.5em;
  padding:0.5em;
  font-size:80%;
  font-weight:normal;

  background-color:#ffeeee;
  border-style:double;
  border-width: 3px;
  border-color: #cccccc;
}
/* 10.1.4 K00171 追加 ここから */
div.returnPolicyArea {
  margin: 0.5em;
  padding: 0.5em;
  border-style: dashed;
  border-width: 1px;
  border-color: #cccccc;
  display: none;
}
/* 10.1.4 K00171 追加 ここまで */
/*---------
  image
-----------*/
img {
  border-width:0;
}

/*---------
  font
-----------*/
.necessary, .important{
  color: #D26900;
  font-size: 80%;
  font-weight: bold;
}
.caution {
  font-size: 80%;
  color: blue;
}
.example {
  font-size: 80%;
  color: #0000FF;
}
.large {
  font-size: 100%;
}
.sub_large_bold {
  font-size: 90%;
  font-weight: bold;
}
.sub_large {
  font-size: 90%;
}
.normal {
  font-size: 80%;
}
.normal_strong {
  font-size: 100%;
  font-weight: bold;
}
.small {
  font-size: 60%;
}
.small_b {
  font-size: 70%;
  font-weight: bold;
}
.color {
  color: red;
  font-weight: bold;
}
.num_right {
  text-align:right;
}

.normal_right {
  font-size: 80%;
  text-align:right;
}

.normal_left {
  font-size: 80%;
  text-align:left;
}

.normal_center {
  font-size: 80%;
  text-align:center;
}

.caption {
  font-size: 80%;
  font-weight: bold;
}

/*---------
  table
-----------*/
table.top {
  height: 12px;
  background-color: #CBC5C1;
}
table.list {
  border-style: solid;
  border-width:  0px 1px 0px 1px;
  border-color: #cccccc;
}
table.tbl{
 border-width: 1px 0px 1px 0px;
 border-style: solid;
 border-color: #CCCCCC;
}
table.header {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
}
table.label_under {
  border-style: solid;
  border-width:  0px 2px 2px 1px;
  border-color: #999999;
  font-size: 80%;
  text-align: center;
}
table.tbl_align {
  margin-right : 10%;
  margin-left : 10%;
}
table.tbl_align_L {
  margin-right : 5%;
  margin-left : 5%;
}
table.tbl_align_C {
  margin: 0 auto;
}
table.sub_tbl{
  border-style: solid;
  border-width:  1px 1px 1px 1px;
  border-color: #999999;
  font-size: 80%;
}
td.text_align_C {
  text-align: center;
}
td.text_align_L {
  text-align: left;
}
td.text_align_R {
  text-align: right;
}
td.left_border {
  border-style: solid;
  border-width:  0px 0px 0px 1px;
  border-color: #cccccc;
}
td.right_border {
  border-style: solid;
  border-width:  0px 1px 0px 0px;
  border-color: #cccccc;
}
tr.column_headline, td.column_headline {
  font-size: 80%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #9AA0A9;
}
tr.line_headline, td.line_headline {
  background-color: #F4F4F4;
}
td.row1 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #FFFFFF;
}
td.row2 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #F4F4F4;
}
td.row_num_right1 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #FFFFFF;
  text-align: right;
}
td.row_num_right2 {
  border-style: dashed;
  border-width:  0px 0px 1px 0px;
  border-color: #999999;
  background-color: #F4F4F4;
  text-align: right;
}

/*----
  hr
------*/
hr {
  color: #cccccc;
}
hr.under_label_L {
  color: #998787;
}

/*---------
  footer
-----------*/
table.footer {
  text-align: center;
  font-size: 80%;
}

/*------------
  table_header
--------------*/
td.tblHeader_left {
  background-image: url('../image/table_header_left.gif');
  background-repeat: no-repeat;
  width:  21px;
  height: 29px;
}
td.tblHeader_center {
  background-image: url('../image/table_header_center.gif');
  background-repeat: repeat-x;
  font-size: 80%;
  font-weight: bold;
}
td.tblHeader_right {
  background-image: url('../image/table_header_right.gif');
  background-repeat: no-repeat;
  width:  21px;
  height: 29px;
}
td.label_1 {
  background-image: url('../image/label_1.gif');
  background-repeat: no-repeat;
  width: 48px;
  height: 24px;
}
td.label_2 {
  background-image: url('../image/label_2.gif');
  font-size: 80%;
  background-repeat: repeat-x;
  color: #FFFFFF;
  font-weight: bold;
  height: 24px;
}
td.label_3 {
  background-image: url('../image/label_3.gif');
  background-repeat: no-repeat;
  width: 48px;
  height: 24px;
}
td.label_2_1 {
  background-image: url('../image/label_2_1.gif');
  background-repeat: no-repeat;
}
td.label_2_2 {
  background-image: url('../image/label_2_2.gif');
  font-size: 90%;
  background-repeat: repeat-x;
  color: black;
  font-weight: bold;
}
td.label_2_3 {
  background-image: url('../image/label_2_3.gif');
  background-repeat: no-repeat;
}
td.navi_left_1 {
  background-image: url('../image/navi_left_1.gif');
  background-repeat: no-repeat;
}
td.navi_left_2 {
  background-image: url('../image/navi_left_2.gif');
  background-repeat: no-repeat;
}
td.navi_center {
  background-image: url('../image/navi_center.gif');
  font-size: 80%;
  background-repeat: repeat-x;
}
td.navi_right {
  background-image: url('../image/navi_right.gif');
  background-repeat: no-repeat;
}

/*------------
  table_footer
--------------*/
td.tblFooter_left {
  background-image: url('../image/table_footer_left.gif');
  background-repeat: no-repeat;
  width:  21px;
  height: 29px;
}
td.tblFooter_center {
  background-image: url('../image/table_footer_center.gif');
  background-repeat: repeat-x;
  font-size: 80%;
  font-weight: bold;
}
td.tblFooter_right {
  background-image: url('../image/table_footer_right.gif');
  background-repeat: no-repeat;
  width:  21px;
  height: 29px;
}

/*-----------
  フォーム
-------------*/
.full_width {
  ime-mode: active;
}
.half_width {
  ime-mode: inactive;
}
.half_width_right {
  ime-mode: inactive;
  text-align: right;
}
.ime_disable {
  ime-mode: disabled;
}

/*-----------
  パンくずリスト
-------------*/
.topic_path {
  width: 100%;
  font-size: 80%;
  padding-bottom: 5px;
  border-bottom: 1px dotted;
}

/*-----------
  メッセージ表示用テーブル
-------------*/
tr.tbl_label, td.tbl_label {
  background-color: #cceeff;
  font-weight: bold;
  height: 29px;
}
tr.list_row, td.list_row {
  background-color: #e5f6ff;
}

/*-----------
  ログアウト
-------------*/
td.logout {
  padding: 15px;
  color: #998787;
  background-color: #FEF9F4;
  font-size: 90%;
  border: 2px solid #998787;
}

.logout span {
  font-size: 170%;
}

/*-----------
  お知らせ情報
-------------*/
.information {
  padding: 5px;
  font-size: 80%;
}

.information dl {
  margin: 0 5px 0 10px;
}

/*-----------
  カテゴリ(商品一覧向け)
-------------*/
.active {
  color: #808080;
  text-decoration: underline;
}

/*-----------
  カテゴリ(index向け)
-------------*/
.categoryLine {
  width: 100%;
  padding: 1px 0;
  background: #f4f4f4;
}

.categoryLine ul {
  margin: 0;
  margin-left: 4px;
  padding: 0;
  clear: both;
}

.categoryLine li {
  float: left;
  border: 1px solid #888888;
  margin: 2px 1px 1px 1px;
  width: 231px;
  list-style-type: none;
  background-color: #efedec;
  background-image: url('../image/category_back.gif');
  background-repeat: repeat-x;
  font-size: 7pt;
}

.categoryLine a{
  color: #000000;
  display: block;
  width: 224px;
  height: 15px;
  padding: 5px 0 0 7px;
  background: url('../image/category_mark.gif') no-repeat left;
  text-decoration: none;
}

.categoryLine a:hover {
  color: #666666;
}

.categoryLine a:active {
  color: #666666;
}

.categoryLine a:focus {
  color: #666666;
}

/*-----------
  widthが${system.frontPageWidth}でないテーブルのセンタリング対策
-------------*/
.small_table_width {
  text-align: center;
  width: 720px;
}

/*-----------
  エラーメッセージ用
-------------*/
.err {
  color: red;
  font-size: 60%;
  font-weight: bold;
}

/*----------
  パスワードポリシー
------------*/
.password {
   font-size: 80%;
}

/*----------
  商品詳細
------------*/
h1.commodityName {
  margin: 0;
  padding: 0;
  font-size: 100%;
  display: inline;
}

.skuImages {
  border: dashed 2px silver;
  padding: 10px;
  margin: 20px;
  text-align:left;
}

/*-- add --*/
.err2 {
  color: red;
  font-size: 80%;
  font-weight: bold;
}

.reviewTitle {
  font-weight: bold;
}

/*-----------
  右寄せ、中央寄せ
-------------*/
.align_right {
  text-align:right;
}
.align_center {
  text-align:center;
}
.align_left {
  text-align:left;
}

/*-----------
  上寄せ、中央寄せ
-------------*/
.valign_top {
  vertical-align: top;
}
.valign_middle {
  vertical-align: middle;
}
.valign_bottom {
  vertical-align: bottom;
}

/*-----------
  ショップ名(注文内容系表示用)
-------------*/
.shopName {
  font-weight: 600;
}

/*-----------
  V9から一時的に移行
-------------*/
.Cmdty_Price_Cell {
  font-size: 95%;
  color: #000000;
  text-align: right;
}
.Cmdty_SalePrice_Cell {
  font-size: 95%;
  color: #FF0000;
  font-weight: 600;
}
.Cmdty_ShopName_Cell {
  color: #000000;
  font-size:11px;
}
.Cmdty_ThumbImg_Cell {
 text-align: center;
 vertical-align: middle;
}
.Cmdty_PointRate_Cell {
  color: #D26900;
  font-weight: 600;
}
.Cmdty_Desc_Cell {
  color: #000000;
  font-size:11px;
  text-align: left;
  margin: 5px;
}
.Cmdty_Name_Cell {
  color: #000000;
  font-size:12px;
}
/*-- 10.8.11 富士通）楠田 変更 ここから --*/
/*--
.errorMessageArea {
  color: #FF0000;
  font-size: 60%;
  margin: 1em;
  padding: 1em;
  background-color: #FDF7F2;
  border: 1px solid #C49CA6;
}
--*/
.errorMessageArea {
  color: #FF0000;
  /* 2011/11/17　富士通）辻　「EC再構築対応」　修正内容　MOD　START */
  /*--
  font-size: 85%;
  --*/
  font-size: 14px;
  /* 2011/11/17　富士通）辻　「EC再構築対応」　修正内容　MOD　END */
  margin: 1em;
  padding: 1em;
  background-color: #FDF7F2;
  border: 1px solid #C49CA6;
}
--*/
/*-- 10.8.11 富士通）楠田 変更 ここまで --*/
.warningMessageArea {
  color: #663300;
  /* 2011/11/17　富士通）北山　「EC再構築対応」　修正内容　MOD　START */
  /*--
  font-size: 60%;
  --*/
  font-size: 14px;
  /* 2011/11/17　富士通）北山　「EC再構築対応」　修正内容　MOD　END */
  margin: 1em;
  padding: 1em;
  background-color: #FFFBF1;
  border: 1px solid #FFCC66;
}
.informationMessageArea {
  color: #006666;
  /* 2011/11/17　富士通）北山　「EC再構築対応」　修正内容　MOD　START */
  /*--
  font-size: 85%;
  --*/
  font-size: 14px;
  /* 2011/11/17　富士通）北山　「EC再構築対応」　修正内容　MOD　END */
  margin: 1em;
  padding: 1em;
  background-color: #FFFFE5;
  border: 1px solid #CCCC99;
}

label {
  cursor: pointer;
}

/*-- 10.2.0 X20059 追加 ここから --*/
.sku {
  text-decoration: none;
}
/*-- 10.2.0 X20059 追加 ここまで --*/

/*-- 10.2.0 X20020 追加 ここから --*/
.compositionInfoArea {
  border: dashed 1px #999999;
  margin-left: 1em;
  margin-bottom: 0.5em;
  padding: 0.5em;
}

.compositionBlockArea {
  border-spacing: 1em;
}
/*-- 10.2.0 X20020 追加 ここまで --*/