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

/*---------
  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;
}

/*---------
  image
-----------*/
img {
  border-width:0;
}

/*---------
  font
-----------*/
.necessary, .important, .price{
  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.tbl_word{
 border-width: 1px 0px 1px 0px;
 border-style: solid;
 border-color: #CCCCCC;
 word-break: break-all;
}
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: 60%;
   color: blue;
}

/*----------
  商品詳細
------------*/
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;
}

.red1 {
  color: #FF0000;font-size: xx-large;font-weight: bold;
}

.red2 {
  color: #FF0000;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;
}
.errorMessageArea {
  color: #FF0000;
  font-size: 60%;
  margin: 1em;
  padding: 1em;
  background-color: #FDF7F2;
  border: 1px solid #C49CA6;
}
.warningMessageArea {
  color: #663300;
  font-size: 60%;
  margin: 1em;
  padding: 1em;
  background-color: #FFFBF1;
  border: 1px solid #FFCC66;
}
.informationMessageArea {
  color: #006666;
  font-size: 60%;
  margin: 1em;
  padding: 1em;
  background-color: #FFFFE5;
  border: 1px solid #CCCC99;
}

label {
  cursor: pointer;
}

/* ONESTEP 保守 K00006 2009/10/30 開始 */
.category_title {
  margin:0px 0px 15px;
}

#footer .foot_banner{
  padding-bottom:10px;
  border-bottom:1px solid #cccccc;
  margin-bottom:10px;
  white-space:nowrap;
}

#footer .foot_banner img{
  margin:0px 0px 0px 0px;
}

.normal_customer1 {
  font-size: 100%;
  font-weight: bold;
  color:#ff0000;
}

/* ONESTEP 2011/08/19 保守 No.0132 開始 */
.normal_customer1 .incomplete{
      color:#FF0000;
      font-size:18px;
      font-weight:bold;
	  margin:5px 0px;
}
/* ONESTEP 2011/08/19 保守 No.0132 終了 */

td.customer_td1{
  padding-bottom:10px;
}
td.customer_td2{
  padding-bottom:30px;
}
/* ONESTEP 保守 K00006 2009/10/30 終了 */
/* ONESTEP 保守 レビューページング　2009/12/01 開始 */
div.review{
	border-top:2px solid #cccccc;
	}
div.review p{
	padding:8px 10px;
	background-color:#f3f3f3;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	}
div.review p span{
	float:right;
	}
div.review p span a.next{
	padding:0px 10px 0px 0px;
	background-image:url(../../../image/common/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
	}
div.review p span a.preview{
	padding:0px 0px 0px 11px;
	background-image:url(../../../image/common/preview_arrow.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	}
div.review_close p{
	padding:2px 2px;
	background-color:#f3f3f3;
	border-top:2px solid #ff7700;
	text-align:right;
}
/* ONESTEP 保守 レビューページング　2009/12/01 終了 */
/* ONESTEP 2011/08/01 シルバーエッグ アイジェントEC対応 開始 */
/** -----------------------------------------
 *
 *  Style of Recommend Area
 *
 *  -----------------------------------------*/
/* フッターレコメンド枠全体 */
.dv_recommend {
	margin: 0px 0px 0px 15px;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	line-height: 1.4;
	text-align: center;
}
/* フッター１アイテム全体 */
.dv_recommend .dv_rc_items {
	padding-top: 10px;
	width: 145px;
	float: left;
	text-align: center;
}
/* フッターアイテム画像 */
/*
.dv_recommend .dv_rc_img {
	width: 98px;
	height: 98px;
	padding-left: 10px;
}
*/
.dv_recommend .dv_rc_img img {
	border: 1px solid #C0C0C0;
	height: 98px;
	width: 98px;
}
.dv_recommend a:hover .dv_rc_img img {
	border: 1px solid #FE8900;
}
/* フッターアイテム名 */
#recommender_kilat_j12 .dv_recommend .dv_rc_name {
	padding: 20px 5px 0px 5px;
	margin-left: 15px;
	font-size: 12px;
	color: #0000FF;
	text-align: left;
	text-decoration: none;
}
/* フッターアイテム説明 */
#recommender_kilat_j12 .dv_recommend .dv_rc_description {
	font-size: 11px;
	color: #333333;
	padding: 0px 10px 0px 10px;
}
/* フッターアイテム価格 */
#recommender_kilat_j12 .dv_recommend .dv_rc_price {
	padding: 0px 0px 5px 0px;
	font-size: 12px;
	color: #cc3333;
	text-align: center;
	font-weight: bold;
}
/* フッターフッタ */
.dv_recommend .dv_rc_footer {
	clear: both;
}
/* カートアイテム名 */
#recommender .dv_recommend .dv_rc_name {
	padding: 20px 5px 0px 20px;
	margin-left: 0px;
	font-size: 12px;
	color: #0000FF;
	text-align: left;
	text-decoration: none;
}
/* カートアイテム説明 */
#recommender .dv_recommend .dv_rc_description {
	font-size: 11px;
	color: #333333;
	padding: 0px 10px 0px 10px;
}
/* カートアイテム価格 */
#recommender .dv_recommend .dv_rc_price {
	padding: 0px 0px 5px 16px;
	font-size: 12px;
	color: #cc3333;
	font-weight: bold;
}
/* ONESTEP 2011/08/01 シルバーエッグ アイジェントEC対応 終了 */