/* ================================================
   かごテーブル
 */
.kagotbl {
  width: 95%;
  line-height: 1.6;
  margin: 20px auto 30px;
  border-collapse: collapse;
}
.kagotbl > * > tr > *,
.kagotbl > tr > * {
  font-size: 100%;
  padding: 8px;
  border: 1px solid #a0a0a0;
}
.kagotbl p {
  margin: 0 0 .5em;
}
.kagotbl .box {
  padding: .3em .7em;
  margin: .5em 0;
}
.kagotbl .box p {
  font-size: 90%;
}
.kagotbl .box .catch {
  font-size: 90%;
  color: #D00;
  font-weight: bold;
}
/* 説明文を隠す */
.kagotbl .product[data-hide-detail] .detail {
  display: none;
}
/*
 * 商品範囲
 */
.kagotbl tr.product > td,
.kagotbl tr.has-products > td {
  font-size: 80%;
}
/*
 * データセル
 */
.kagotbl .hide_detail .detail {
  display: none;
}
.kagotbl td.data p,
.kagotbl td.product p,
.kagotbl td.plead p {
  font-size: 100%;
  margin: .25em 0;
}
.kagotbl td.data ul,
.kagotbl td.product ul,
.kagotbl td.plead ul {
  margin: .4em 0;
  padding: 0;
}
.kagotbl td.data li,
.kagotbl td.product li,
.kagotbl td.plead li {
  font-size: 90%;
  margin: .4em 0 .25em 1.5em;
  padding: 0;
}
.kagotbl .header_block,
.kagotbl .icon_block,
.kagotbl .name_block,
.kagotbl .price_block,
.kagotbl .campaign_block,
.kagotbl .attention_block,
.kagotbl .cart_block,
.kagotbl .lead_block,
.kagotbl .footer_block,
.kagotbl .sku,
.kagotbl .image,
.kagotbl .detail,
.kagotbl .detail_block {
  margin: 1em 0;
  line-height: 1.4;
}
/*
 * 商品名
 */
.kagotbl .name_catch,
.kagotbl .name_add {
  color: #D00;
}
.kagotbl .name_catch,
.kagotbl .name_add,
.kagotbl .name {
  font-size: 110%;
  font-weight: bold;
}
/*
 * 価格
 */
.kagotbl .price_catch {
  font-size: 120%;
  color: #D00;
  font-weight: bold;
}
.kagotbl .display_price {
  font-size: 80%;
  margin-top: .5em;
}
.kagotbl .display_price .value {
  font-size: 120%;
}
.kagotbl .price {
  white-space: nowrap;
  line-height: 1.1;
  font-weight: bold;
}
.kagotbl .price .value {
  font-size: 150%;
}
.kagotbl .taxin_price {
  font-weight: normal;
  color: #333;  
}
.kagotbl .discount .price {
  color: #D00;
}
.kagotbl .price_txt {
  margin-top: .5em;
  color: #D00;
  font-weight: bold;
}
/*
 * カート
 */
.kagotbl .num,
.kagotbl .nasi,
.kagotbl .yoyaku {
  font-size: 100%;
}
.kagotbl .nasi {
  background: #FFE8E8;
}
.kagotbl .nasi,
.kagotbl .yoyaku {
  padding: .3em .7em;
  margin: .5em 0;
}
.kagotbl .nasi p,
.kagotbl .yoyaku p {
  font-size: 90%;
}
.kagotbl input[type="submit"]:hover,
.kagotbl .product_lead img:hover {
  opacity: .75;
}
/* 商品の詳しい情報はこちら 20160415追加 */
.kagotbl .mainpub_lead a {
  background: url(/top/images/link-icon.gif) no-repeat left center;
  padding-left: 17px;
}

/* ボタン */
.kagotbl .image-btn,
.kagotbl .yoyaku-btn {
  border: 0;
  width: 137px;
  height: 30px;
  margin-top: 10px;
  cursor: pointer;
  text-indent: -9999px;
}
.kagotbl .image-btn {
  background: url(/images/common/btn_kago.gif) center bottom no-repeat;
}
.kagotbl .yoyaku-btn {
  background: url(/images/common/btn_yoyaku.gif) center bottom no-repeat;
}
/* カゴ止め */
.kagotbl .nasi,
.kagotbl .yoyaku {
  font-weight: bold;
  font-size: 80%;
  padding: 3px;
  text-align: left;
}
.kagotbl .nasi {
  background: #FFE8E8;
}
.kagotbl .yoyaku {
  border: 2px solid #FF9999;
  background: #FFF0FF;
}
.kagotbl .yoyaku strong {
  color: #D00;
}
/*
 * サブデータセル
 */
.kagotbl td.sku,
.kagotbl td.image {
  text-align: center;
}
.kagotbl td.image img {
  margin: 10px;
}
.kagotbl td.detail {
  width: 45%;
  vertical-align: top;
}
.kagotbl .detail ul,
.kagotbl .detail ol {
  margin: .5em;
  padding: 0;
}
.kagotbl .detail li {
  margin: 0 0 0 1.5em;
  padding: 0;
}
/*
 * メタセル
 */
.kagotbl td.title {
  background: #ffcc33;
  vertical-align: middle;
}
.kagotbl td.title strong {
  font-size: 130%;
}
.kagotbl td.title span.s {
  font-size: 80%;
}
.kagotbl td.smalltitle {
  font-size: 90%;
  background: #FF9;
}
.kagotbl td.intro {
  font-size: 90%;
  text-align: left;
}
/* ------------------------------------------------
   直送必ずお読み下さいTABLE 
   */
.chokusotd,
.kagotbl .intro {
  border: 2px solid #f00;
  text-align: center;
}
table.chokusotbl {
  margin: 1em;
}
table.chokusotbl > * > tr > *,
table.chokusotbl > tr > * {
  padding: .5em .7em;
  border: 1px solid #a0a0a0;
  font-size: 90%;
}
table.chokusotbl > tbody > tr > td {
  text-align: left;
}
table.chokusotbl > tbody > tr > th {
  background: #FFF2C1;
  color: #D00;
  font-weight: bold;
  white-space: nowrap;
}
/* ------------------------------------------------
   直送旧バリエーション（都道府県別送料）
*/
table.soryo, table.soryo2 {
  width: 100%;
  margin: 0px auto 10px;
  border: 1px solid #a0a0a0;
  border-collapse: collapse;
}
table.soryo th,
table.soryo td,
table.soryo2 th,
table.soryo2 td {
  padding: 5px;
  border: 1px solid #a0a0a0;
}
table.soryo th,
table.soryo2 th {
  background: #d0d0d0
}
/* 行毎の色替え */
table.soryo tr.col,
table.soryo2 tr.col {
  background-color:#f0f0f0
}
/* ------------------------ 直送新フォーマット */
.kagotbl .chokuso {
  background: #F9F4E4;
  padding: 1em;
}
.chokuso_head {
}
.chokuso_head p.title {
  font-size: 150%;
  background: #C30;
  padding: .25em .5em;
  color: #FFF;
  font-weight: bold;
}
#chokuso_frozen p.title {
  background: #06C;
}
.chokuso_body {
  color: #31372D;
  font-size: 90%;
}
.chokuso_body small {
  color: #06C;
}
.chokuso_body b {
  font-size: 110%;
  color: #333;
}
.chokuso_body .r {
  color: #D00;
  float: none;
  margin: 0;
}
.chokuso_body h6,
.chokuso_body ul,
.chokuso_body li {
  margin: 0;
  padding: 0;
}
.chokuso_body .item {
  margin: .5em 0;
}
.chokuso_body h6 {
  font-size: 100%;
  float: left;
  width: 11em;
  padding-top: .5em;
  text-align: right;
  font-weight: bold;
}
.chokuso_body ul {
  background: #FFF;
  margin-left: 12em;
  border-radius: .5em;
  list-style-type: none;
}
.chokuso_body li {
  padding: .75em 1em .25em;
  border-bottom: 1px dotted #CFCAB6;
}
.chokuso_body li:last-child {
  border: 0;
}
.chokuso_body li p {
  margin: 0 0 .5em;
}
.attention_block .chokuso {
  background: #F2D2D2;
  padding: .5em .75em;
}
.attention_block .chokuso b {
  color: #D00;
}
/* ------------------------------------------------
   冷凍品用
   */
.reitou {
  padding: 2px;
  margin: 2px;
  border: solid 1px #00C;
  color: #06C;
  font-weight: bold;
}
.reitou-txt {
  color: #06F;
  font-size: 80%;
  line-height: 1.3;
}
.reitoulink {
  padding: 5px;
  border: #6CF dotted 1px;
  margin: 10px;
}
.reitoulink dl {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: left;
}
.reitoulink dt {
  margin: 5px 0px;
  font-size: 14px;
  clear: both;
  font-weight: bold;
}
.reitoulink img.item {
  float: left;
  border: 1px solid #cccccc;
  margin: 0px 10px 10px 0;
}
.reitoulink #sc img#hline {
  float: left;
  margin: 0px 10px 10px 0;
}
.reitoulink dt img {
  vertical-align: middle;
  margin-right: 5px;
}
.reitoulink dd {
  line-height: 1.5;
  font-size: 12px;
  padding: 0 5px;
  margin-bottom: 20px;
  text-align: left;
}
/* ------------------------------------------------
   社内研修用資料 
   */
.instruct_attention {
  font-size: 24px;
  width: 400px;
  margin: 10px auto;
  border: 2px solid #F00;
  padding: 10px 20px;
  text-align: center;
  color: #D00;
  line-height: 1.5;
}
.instruct_attention strong {
  font-size: 48px;
}
.instruct_attention {
  text-align: center;
}
.instruct_attention p {
  font-size: 16px;
  line-height: 1.5;
  width: 80%;
  margin: 10px auto;
  background: #FDD;
  color: #D00;
  padding: .5em .75em;
  font-weight: bold;
}
.instruct_attention p strong {
  font-size: 20px;
}
