/*┌─────────────────────────────────*/
/*│  SHOP-MASTER v7.8.2                                              */
/*│  Copyright (c) Heart Shop                                        */
/*│  http://shop.heart-warm.net/                                     */
/*│  shop-support@heart-warm.net                                     */
/*└─────────────────────────────────*/

@charset "Shift_JIS";
*{ margin:0; padding:0; }
img { border:0; }
table { border-collapse:collapse; }
hr { height:1px; color:#c0c0c0; }

.center { text-align: center; } /* 中央寄り */
.left { text-align: left; } /* 左寄せ */
.right { text-align: right; } /* 右寄せ */
.middle { vertical-align: middle; } /* 上下中央あわせ */
.top { vertical-align: top; } /* 上下上端あわせ */
.bottom { vertical-align: bottom; } /* 上下下端あわせ */
.bold { font-weight: bold; } /* 強調文字 */
.indent1 { text-indent: 1em; } /* 字下げ 1文字分 */
.big { font-size: 13pt; }
.medium { font-size: 12pt; }
.msmall { font-size: 11pt; }
.small { font-size: 10pt; }
.mini { font-size: 9pt; }
.eisuu { ime-mode: inactive; }
.w100p { width: 100%; } /* 幅 100% */
.atten { background:#daffff; } /* 注意 */

a {	text-decoration: none; }
a:link    { color: #B22222 }
a:active    { color: #B22222 }
a:visited    { color: #B22222 }
a:hover      { color: #000; background-color: #febd01; position: relative; top: 1pt; left: 1pt }

body  { color: #000; font-size: 12pt; line-height: 120%; font-family: "MS UI Gothic", " Osaka", " ＭＳ Ｐゴシック"; background-color: #ffffff; text-align: left; margin: 0px; padding: 18px 10px 5px 15px }
body.admin { margin:20px; text-align:center; }

/**********************
タイトル<table>
**********************/
table.title    { font-size: 20pt; line-height: 135%; background-color: #febd01; border: solid 1px #000 }
table.title td {	padding: 10px; }

/**********************
ヘッダーの設定
**********************/
table.head    { background-color: #febd01; margin: 0px; width: 100% }
table.head tr { vertical-align: top; }
table.head td { padding: 10px; }

/**********************
メインのレイアウト<table>
**********************/
table.main { font-size: 11pt; width: 100%; }
table.main td { padding: 0px 5px 0px 5px; }
table.main tr { vertical-align: top; }

/**********************
検索窓<table>
**********************/
table.search { font-size: 10pt; }
table.search td { vertical-align: middle; padding: 0px }
table.search .word { width:130px; }
table.search .cate { width:130px; }
table.search .price { width:50px; }

/**********************
価格範囲設定<table>
**********************/
table.pricing {}
table.pricing tr { vertical-align:middle; }
table.pricing .price { width:40px; }

/**********************
個別ECサイト選択メニュー<select>
**********************/
select.site-top { width: 125px; } /* トップページ */
select.site-view {  } /* 商品表示ページ */

/**********************
比較サイトモード切替<table>
**********************/
table.ec-hikaku    { font-size: 100%; background-color: #febd01; border: solid 1px #000 }
table.ec-hikaku td { padding:5px; }

/**********************
タイプ変更選択メニュー<select>
**********************/
select.type-all { width: 120px; } /* <change-type-all>コマンド */
select.type { } /* <change-type>コマンド */

/**********************
管理画面のメニュー表示など
**********************/
table.admin    { background-color: #ffc; border: solid 1px #000 }
table.admin td  { padding: 2px 2px 2px 5px; border: solid 1px #000 }
table.admin td.main {	padding:10px; }
table.admin td.title    { background-color: #ffc; text-align: center; padding: 5px; border: solid 1px #000 }
table.admin tr { vertical-align:top; }
table.admin .label    { background-color: #ffc }

/**********************
表題のラベル設定
**********************/
div.label-subj    { font-size: 13pt; line-height: 120%; background-color: #febd01; margin: 1px 1px 5px; padding: 1px 1px 1px 10px }

/**********************
サイトマップ設定
**********************/
/* メインテーブル */
table.map {	font-size:12pt; line-height:100%; width:50%; }
table.map tr { vertical-align:top; }
table.map td { padding:2px 2px 2px 10px; }
/* ラベル */
div.label-map    { font-size: 13pt; line-height: 135%; background-color: #FAFAD2; padding: 1px 1px 1px 10px }
table.map font.level1 { font-size:12pt; } /* 1階層目 */
table.map font.level2 { font-size:11pt; } /* 2階層目 */
table.map font.level3 { font-size:10pt; } /* 3階層目 */
table.map font.level4 { font-size: 9pt; } /* 4階層目以上 */

/**********************
商品の表示<table>
**********************/
table.goods { background:#ffffff; line-height:120%; width:95%; font-size:11pt; }
table.goods td  { padding: 5px 2px 2px 5px; border: solid 1px #000 }
table.goods td.no    { background-color: #febd01; febd01: right  }
table.goods td.button { border-left:0px; border-right:0px; text-align:right; }  /* 全チェックボタン部 */
table.goods td.image { border-right:0px; text-align:center; }  /* 画像表示部 */
table.goods td.text  { border-right: 1px solid #000; border-left: 1px solid #000 }  /* テキスト部 */
table.goods td font.name { font-size:11pt; font-weight: bold; } /* 商品名 */
table.goods td font.check { font-size:10pt; } /* [チェック][**件][カートイン] */
table.goods td font.price {  } /* 価格 */
table.goods td font.point {  } /* ポイント */
table.goods td font.com {  } /* 商品説明 */
table.goods tr { vertical-align: top; }

/**********************
トップページ商品紹介<table>
**********************/
table.info {	
	background: #ffffff;
	border: 0px;
	width: 100%;
	font-size:10pt;
}
table.info td { border: 0px; padding: 5px; }
table.info td font.name { font-size:11pt; } /* 商品名 */
table.info td font.check { font-size:10pt; } /* [チェック][**件][カートイン] */
table.info tr { vertical-align: top; }
/* トップページ商品紹介タイトル<div> */
div.info-title    { background-color: #febd01; text-align: left; padding: 2px 2px 2px 5px; width: 100% }

/**********************
商品の比較表示<table>
**********************/
table.hikaku { background:#ffffff; line-height:120%; width:95%; font-size:10pt; }
table.hikaku td  { padding: 2px 2px 2px 5px; border: solid 1px #000 }
table.hikaku td.label    { background-color: #febd01; text-align: center; border: solid 1px #000 }
table.hikaku td.button  { text-align: right; border-top: 1px solid #000; border-right: 0px none; border-bottom: 1px solid #000; border-left: 0px none }
table.hikaku td.last  { border-bottom: 1px solid #000 }
table.hikaku tr { vertical-align: top; }
table.hikaku td font.name {  } /* 商品名 */
table.hikaku td font.price {  } /* 価格 */
table.hikaku td font.point {  } /* ポイント */

/**********************
比較サイトモードおよび一覧表示の商品表示<table>
**********************/
table.table { background:#ffffff; line-height:120%; width:95%; font-size:90%; }
table.table tr { vertical-align:top; }
table.table td  { padding: 2px 2px 2px 5px; border: solid 1px #000 }
table.table td.no    { background-color: #febd01; text-align: center }
table.table td.button { border-left:0px; border-right:0px; text-align:right; } /* 全チェックボタン部 */
table.table td.title    { font-size: 120%; background-color: #febd01; padding: 5px } /* EC名/商品数 */
table.table td font.name { font-size:100%; } /* 商品名 */
table.table td font.check { font-size:90%; } /* [チェック][**件][カートイン] */
table.table td font.price {  } /* 価格 */
table.table td font.point {  } /* ポイント */
table.table td font.date { font-size:80%; } /* 更新日時 */

/**********************
トップページランキング<table>
**********************/
table.rank { background:#ffffff; width:95%; font-size:10pt; }
table.rank td  { padding: 2px 2px 2px 5px; border: solid 1px #000 }
table.rank td font.name { font-size:11pt; } /* 商品名 */
table.rank td font.check { font-size:10pt; } /* [チェック][**件][カートイン] */
table.rank td.no    { background-color: #febd01; text-align: right; border-right: 1px solid #000 }
/* ランキングタイトル */
table.rank td.title    { font-size: 13pt; background-color: #febd01; text-align: center }
table.rank tr { vertical-align:top; }

/**********************
カテゴリランキング<table><div>
**********************/
table.c-rank { background:#ffffff; width:95%; font-size:90%; }
table.c-rank td  { text-align: center; padding: 5px; border: solid 1px #000 }
table.c-rank td font.name { font-size:100%; } /* 商品名 */
table.c-rank td font.check { font-size:90%; } /* [チェック][**件][カートイン]  */
table.c-rank tr { vertical-align:top; }
table.c-rank tr.no    { background-color: #febd01 }
div.c-rank { text-align:left; } /* タイトル */
div.c-rank font.date { font-size:100%; } /* 更新日時 */

/**********************
カート商品表示<table>
**********************/
/* カート内<table> */
table.cart { background:#ffffff; line-height:120%; width:100%; font-size:90%; }
table.cart td  { padding: 5px 2px 2px 5px; border: solid 1px #000 }
table.cart tr.title    { background-color: #febd01; text-align: center }
table.cart img.pic { width:60px; } /* 商品画像 */

/* 合計<table> */
table.sum { background:#ffffff; font-size:90%; }
table.sum td { padding:0px 2px; text-align:right; }
table.sum td.total { padding:0px 2px 5px 2px; font-size:130%; font-weight:bold; } /* 金額小計/合計 */
table.sum tr { vertical-align:top; }

/**********************
商品詳細/レビュー画面商品<table>
**********************/
table.detail { background:#ffffff; line-height:120%; width:95%; font-size:11pt; }
table.detail td  { padding: 5px 2px 2px 5px; border: solid 1px #000 }
table.detail td.image { border-right:0px; text-align:center; }  /* 画像表示部 */
table.detail td.text  { border-right: 1px solid #000; border-left: 1px solid #000 }  /* テキスト部 */
table.detail td font.name { font-size:12pt; font-weight: bold; } /* 商品名 */
table.detail td font.check { font-size:10pt; } /* [チェック][**件][カートイン] */
table.detail td font.price {  } /* 価格 */
table.detail td font.point {  } /* ポイント */
table.detail td font.com {  } /* 商品説明 */
table.detail tr { vertical-align: top; }

/**********************
レビュー関連
**********************/
div.rev-title    { font-size: 12pt; background-color: #febd01; padding: 2px 2px 2px 5px; width: 100%; text-weight: bold  }
font.rev-item { font-size:10pt; }  /* レビュー項目 */
font.rev-com { font-size:11pt; }  /* レビューコメント */

/* 新着レビュー設定<table> */
table.new-rev { background:#ffffff; }
table.new-rev td font.name { font-size:100%; } /* 商品名 */
table.new-rev td font.title { font-size:90%; } /* レビュータイトル */
table.new-rev td font.date { font-size:82%; } /* 日付 */

/* レビュー投稿フォーム設定<table> */
table.rev-form { font-size:100%; }

/* レコメンドタイトル設定<div> */
div.reco {}

/**********************
ワードランキング設定<table>
**********************/
table.word-rank { background:#ffffff; }
table.word-rank td { padding:2px 5px 2px 5px; }
table.word-rank td.title { font-size:100%; } /* タイトル */
table.word-rank td.word { font-size:90%; } /* ワード */
table.word-rank tr { vertical-align:top; }

/**********************
サイト訪問ポイント抽選プレゼント当選者<table>
**********************/
table.vpre { background:#ffffff; }
table.vpre td { padding:2px 5px 2px 5px; }
table.vpre td.time { font-size:90%; } /* 当選時間 */
table.vpre td.name { font-size:90%; } /* ニックネーム */
table.vpre td.com { font-size:90%; } /* コメント */
table.vpre tr { vertical-align:top; }

/* ラベル設定 */
.label    { background-color: #febd01 }
/* 商品の写真画像の処理 */
img.pic { width: 100px; }
/* 商品の写真画像の処理(トップ画面) */
img.pic-top { width: 80px; }
/* 入力フォームのフォント設定 */
textarea { font-family: "MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; }
input { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; }
select { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; }

/**********************
コマンド<now-level>設定<ul>
**********************/
ul.now-level  { font-size: x-small; list-style-type: none }
ul.now-level li.now { font-weight:bold; }

/**********************
コマンド<top-cate>設定<ul>
**********************/
ul.top-cate  { font-size: x-small; list-style-type: none }
ul.top-cate li { }

/**********************
コマンド<cate-under>設定<ul>
**********************/
ul.cate-under  { font-size: x-small; list-style-type: none }
ul.cate-under li {
	display:inline;
	float:left;
	width:150px;
	padding:2px;
	text-align:left;
}