@charset "shift_jis";
/* CSS Document //////////////////////////////////
/* cargo_index.cssにImport ///////////////////////
------------------------------------------------*/

/***********************************
 * メインフレーム
 ***********************************/
.maincontainer { margin:0px; width:738px;}
/** フレーム枠設定 **/
.containerFrame{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	width:736px;
	border:1px solid #DCDCDC;
	border-collapse:collapse;
}
/** 全体フレーム **/
.containerFrame.main { margin-top:0px; border-top:none;}
/** 個別にフレーム **/
.sub { margin:36px 0px 0px;}
/** フレーム天地左右 **/
.conFrame { border:0px solid #DCDCDC;}
.conFrame.T { border-top-width:1px;}
.conFrame.B { border-bottom-width:1px;}
.conFrame.L { border-left-width:1px;}
.conFrame.R { border-right-width:1px;}
/** フレーム枠に対するパディング **/
.paddingOn { margin:0px; padding:18px;}
.paddingOff { margin:0px; padding:0px;}

/***********************************
 * タイトル
 ***********************************/
/** メインタイトル **/
.titlebar { margin:0px; background:url(../../img/title/pageTitleBar_2015.gif) no-repeat;}
.titlebar img { margin:6px;}
.h1sub{
	font-size: 20px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.h1sub span {
	font-size:14px;
	padding-left:14px;
	line-height: 14px;
}
.titlebar_category{
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	margin: 0px;
	padding-right: 20px;
	line-height: 20px;
}
.titlebar_comment{
	font-size: 10px;
	text-align: right;
	margin: 0px;
	line-height: 16px;
	padding-right: 15px;
}
/** 印刷方式選択タブ **/
.printTab {
	width: 738px;
	border-top-width: 4px;
	border-top-style: solid;
}
.printTab img { vertical-align:top; margin: 0px;}
.printTab span.anyTab {
	font-size: 10px; line-height: 16px;
	display: inline-block;
}
.printTab span.capS { width: 308px; text-align:left;}
.printTab span.capL { width: 518px; text-align:right;}
.offsetbc { border-color: #64C8A0;}
.offsetbgc { background-color:#64DCB4;}
.ondemandbc { border-color: #F59169;}
.ondemandbgc { background-color: #F5A57D;}


/***********************************
 * 商品仕様選択テーブルスタイル
 ***********************************/
/*- 角丸イメージをリンクボタンにする -*/
.kadoMaru4 { padding: 4px;}
.kadomaruImgLinkOff {
 color:#666;
 border:1px solid #999;
 background-color:#F0F0F0;
}
.kadomaruImgLinkOn {
 color:#000;
 border:1px solid #FC6;
 background-color:#FC6;
}


/***********************************
 * 営業日・発送日の文字設定
 ***********************************/
.hasobi_styleM {
 font-size:20px;
 font-weight: bold;
 padding-left: 15px;
 padding-right: 0.2em;
}
.hasobi_styleD {
 font-size:20px;
 font-weight: bold;
 padding: 0 0.2em;
}


/***********************************
 * 選択商品ブロック
 ***********************************/
td.select_item_text table.itemTable {
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
td.select_item_text table.itemTable th {
	width: 4em;
	font-size: 11px;
	font-weight: normal;
	white-space:nowrap;
	padding-left: 12px;
}
td.select_item_text table.itemTable td { line-height: 14px; padding: 3px 0;}
td.select_item_text table.itemTable td.opt { padding-left: 12px !important;}

/* jpサイトindex.html内[.new_icon]より */
.attention_icon{
	background: #f71919;
    font-size: 10px;
    color: #fff;
    /*width: 20px !important;*/
    vertical-align: text-bottom;
	border-radius: 3px;
    padding: 4px !important;
    margin: 0 0 0 5px;
}

/***********************************
 * 右側選択商品下ブロック
 ***********************************/
div.container_side {
 float: right;
 width: 270px;
 margin: 15px 10px 0px 0px;
}

/*- 納期 -*/
.right_block_eigyobi { background-color: #999; border: 1px solid #C8C8C8; padding: 4px; margin: 0px 0 15px;}
.right_block_eigyobi p { color: #F5F5F5 !important;}
.right_block_eigyobi div { background-color: #FFF; text-align: center;}
/*- 休みのお知らせ -*/
div.container_side p.holidaynews { margin: 0 0 2em; text-align: center;}
div.container_side p.holidaynews a { line-height: 2em;}

/*- タイトル -*/
.right_block_graytitle {
	background-repeat: no-repeat;
	border: 1px solid #C8C8C8;
	border-collapse: collapse;
}
.right_block_graytitle { border-bottom: none;}
.right_block_graytitle span {
 font-size: 13px;
 font-weight: bold;
 padding-left: 0.5em;
 line-height: 36px;
}
.right_block_graytitle span.blue { color: #1E78B4;}
.right_block_graytitle span.green { color: #50C850;}

/*- <ul>※注意書き</ul> -*/
ul.right_block_caution {
	list-style-type: none;
	margin:0px;
	padding: 0px;
}
ul.right_block_caution li {
	font-size:12px;
	line-height: 1.5em;
	text-align: right;
	margin: 1em 1em 0 0;
	padding: 0;
}

/*- タイトルバーイメージ -*/
.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);}

/***********************************
 * 価格表テーブル
 ***********************************/
/* 色数表示 */
p.colorstr_block { font-size: 11px;}
p.colorstr_inline {
	font-size: 11px;
	display: inline-block;
}
img.colorimg_middle { vertical-align:  middle;}
img.colorimg_txtbttm { vertical-align:  text-bottom;}
/* スクロール用 */
td.color_yellow_row { background-color: #F8FF66;}
td.color_lightyellow_row { background-color: #FFFFCC;}
div.priceTableDiv {
	border: 1px solid #C8C8C8;
	border-bottom: none;
}
table.priceTable { border-collapse: separate;}
td.stickyleft {
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	left: 0;
}
/*- マウスオンクロスハイライトの設定 -*/
table.priceTable tr:hover td { background-color: #ebffd2;}
td.color_white_price:hover { background-color: #C8FF96;}
td.color_gray_price:hover { background-color: #C8FF96;}
td.color_white_pricecamp:hover { background-color: #C8FF96;}
td.color_gray_pricecamp:hover { background-color: #C8FF96;}
/* キャンペーン時の背景画像 */
.backcamp {
	background-image: url("../../cargo/cargo_image/common/pricebackCampaign.gif");
	background-repeat: repeat;
	background-position: center;
}
.backcamp td.color_gray_price	{
 background: rgba(210,210,210,0.5);
 text-align: center;
 font-size: 9pt;
}
.backcamp td.color_white_price	{
 background: rgba(255,255,255,0.5);
 text-align: center;
 font-size: 9pt;
}