@charset "shift_jis";
/* CSS Document */
/* 商品価格表　-- cargo/indexXX --
 ************************************************/


/***********************************
 * メインコンテンツタイトル
 ***********************************/

/*- 商品ページタイトル -*/
h2 {
 font-size: 20px;
 font-weight: bold;
 color: #646464;
 text-align: left;
 padding: 5px 5px 10px 15px;
 margin: 0px;
}
h2 span.substyle {
 font-size:14px;
 line-height:14px;
 font-weight:normal;
 padding-left:12px;
}
/*- カテゴリ -*/
.titlebar_category {
 font-size: 14px;
 font-weight: bold;
 text-align: right;
 color: #646478;
 margin: 0px;
 padding-right: 20px;
}
/*- コメント -*/
.titlebar_comment {
 font-size: 11px;
 color: #666666;
 text-align: right;
 margin: 6px 10px 10px 0px;
}

h3 {
 font-size: 16px;
 text-align: left;
 padding: 5px 5px 12px 15px;
 margin: 0px;
 color: #646464;
 line-height: 20px;
}

/*** タイトルバックイメージ画像 ***/
.titlebar {background: url(../../img/title/endbarTitle_new.jpg) no-repeat;}

p {
 margin:2px 0px 2px 0px;
 padding-bottom:0px;
}


/***********************************
 * フォーム<FORM>タグ
 ***********************************/
form {
 margin-top: 5px;
 margin-bottom: 5px;
}


/***********************************
 * 選択商品ブロック
 ***********************************/
div.container_cartin {
 float: right;
 width: 280px;
}

td.select_item_toptitle {
 height: 30px;
 background-image: url(../../cargo/cargo_image/common/select_item_back_top.gif);
}

td.select_item_code {
 font-size:13px;
 text-align: left;
 padding: 5px 0px 0px 15px;
}

td.select_item_text {
 font-size:13px;
 padding: 0px 15px 1px 15px;
 line-height: 18px;
}

td.select_item_option_text {
 font-size:12px !important;
 line-height: 20px !important;
}
.select_item_bgImg {background-image:url(../../cargo/cargo_image/common/select_item_back_middle.gif);}

td span.select_item_price {
 font-size: 17px;
 font-weight: bold;
}

td.select_item_submit {
 text-align: right;
 padding-right: 10px;
}

.borderBottom {
 border-bottom:1px solid #C8C8C8;
}


/***********************************
 * 価格表テーブル
 ***********************************/
div.container_pricelist {float: left;}
.price_block {display: block;}
td.color_light_blue {
 background: #CAFFFF;
 text-align: center;
 font-size: 9pt;
}
td.color_light_blue_price {
 background: #CAFFFF;
 text-align: center;
 font-size: 9pt;
}
td.color_light_blue_price:hover {background: #C8FF96;}
td.color_white {
 background: #FFFFFF;
 text-align: center;
 font-size: 9pt;
}
td.color_white_price {
 background: #FFFFFF;
 text-align: center;
 font-size: 9pt;
}
td.color_white_price:hover {background: #C8FF96;}
td.color_gray {
 background: #F0F0F0;
 text-align: center;
 font-size: 9pt;
}
td.color_gray_price	{
 background: #F0F0F0;
 text-align: center;
 font-size: 9pt;
}
td.color_gray_price:hover {background: #C8FF96;}
td.color_gray_pricecamp	{
 background: rgba(210,210,210,0.5);
 text-align: center;
 font-size: 9pt;
}
td.color_white_pricecamp	{
 background: rgba(255,255,255,0.5);
 text-align: center;
 font-size: 9pt;
}
.priceTable {
 border-collapse:collapse;
 border:0px solid #C8C8C8;
 border-width:1px 0px 0px 1px;
}
.priceTable th {
 border-collapse:collapse;
 border:0px solid #C8C8C8;
 border-width:0px 1px 1px 0px;
}
.priceTable td {
 border-collapse:collapse;
 border:0px solid #C8C8C8;
 border-width:0px 1px 1px 0px;
}


/***********************************
 * 営業日・発送日の文字設定
 ***********************************/
.day_style {
 font-size:24px;
 font-weight: bold;
}
.hasobi_styleM {
 font-size:20px;
 font-weight: bold;
 padding-left: 15px;
}
.hasobi_styleD {
 font-size:20px;
 font-weight: bold;
}
.hasobi_styleMs {
 font-size:18px;
 font-weight: bold;
}
.hasobi_styleDs {
 font-size:18px;
 font-weight: bold;
}


/***********************************
 * 右側選択商品下ブロック
 ***********************************/
div.container_side {
 float: right;
 width: 270px;
 margin: 15px 10px 0px 0px;
}
/*- タイトル -*/
.right_block_title {
 width:100%;
 background-repeat:no-repeat;
}
.right_block_title span {
 font-size: 13px;
 font-weight: bold;
 padding-left:36px;
 line-height:30px;
}
/*- タイトルカラーバー -*/
.right_block_title span.colorBar {
 font-size: 13px;
 font-weight: bold;
 padding-left:12px;
 line-height:30px;
}

.right_block_border {border:1px solid #C8C8C8;}

/*- タイトルバーイメージ -*/
.rightbarCaution {background-image:url(../../cargo/cargo_image/common/caution_bar.gif);}
.rightbarOption {background-image:url(../../cargo/cargo_image/common/option_bar.gif);}
.rightbarGreen {background-image:url(../../cargo/cargo_image/common/backGreen_bar.gif);}
.rightbarGray {background-image:url(../../cargo/cargo_image/common/backGray_bar.gif);}


/***********************************
 * 項目選択テーブルスタイル
 ***********************************/
.selectTable {
 border-collapse:collapse;
 border:0px solid #C8C8C8;
 border-width:1px 0px 0px 1px;
}
.selectTable th {
 border:0px solid #C8C8C8;
 border-width:0px 1px 1px 0px;
 background-color:#F0F0F0;
}
.selectTable th span {
 padding:4px;
 line-height:14px;
 font-weight:normal;
}
.selectTable td {
 border:0px solid #C8C8C8;
 border-width:0px 1px 1px 0px;
}


/***********************************
 * 商品仕様選択テーブルスタイル
 ***********************************/
.sItem {border-width:4px 0px 4px 0px !important;}
.sItem th {
 text-align:left !important;
 border-right-width:0px !important;
 padding-left:6px !important;
}
.sItem td {
 border-right-width:0px !important;
 padding:6px 4px !important;
}
.sItem td.wSpace {
 border:none !important;
 padding:2px !important;
}
/*- 角丸にリンク -*/
.kadomaruLinkOff {
 color:#666;
 border:1px solid #999;
}
.kadomaruLinkOn {
 color:#000;
 border:1px solid #FC6;
 background-color:#FC6;
}

/***********************************
 * 商品仕様選択テーブルスタイル
 * <ul>liststyle-imageに追加
 ***********************************/
ul.sItemlist { margin: 0 15px 0 20px !important;}
ul.sItemlist li:first-child { margin-top: 10px;}
ul.sItemlist li:last-child { margin-bottom: 0px;}