@charset "utf-8";

/* 店舗ページテンプレート　共通CSS */

/* ==============================================
　　共通モジュール
============================================== */

/* 見出し
-----------------------------------------------*/
h1.shopH1 {
	margin-bottom: 10px;
	padding: 5px 10px;
	background: url(../../common/img/bg_ichiba_h1.gif) repeat-x left bottom;
	color: #bf0000;
	font-size: 125%;
	letter-spacing: 0.1em;
}
h2.shopH2 {
	margin-bottom: 5px;
	padding: 2px 5px;
	border-left: 5px solid #bf0000;
}
/* ページ送り
-----------------------------------------------*/
dl.turnOverPageSimple {
	margin: 5px 0;
	text-align: right;
}
dl.turnOverPageSimple dt,
dl.turnOverPageSimple dd,
dl.turnOverPageSimple ul,
dl.turnOverPageSimple ul li {
	display: inline;
}
dl.turnOverPageSimple dt {
	margin-right: 1em;
}
dl.turnOverPageSimple ul li.page a {
	padding: 0 0.7em;
	border-left: 1px solid #cccccc;
}
dl.turnOverPageSimple ul li.page a.start {
	border: none;
}
dl.turnOverPageSimple ul li.next {
	margin-left: 0.7em;
}

/* ==============================================
　　店舗ページテンプレートブロックパーツ
============================================== */

/* サイドバー
-----------------------------------------------*/
#sideBar {
	/*height: 200px; /* 表示確認用 */
	/*background-color: #cccccc; /* 表示確認用 */
}

/* メイン画像
-----------------------------------------------*/
#mainImg {
	margin-bottom: 10px;
}

div.popImg{
text-align:left;
}

/* 上段説明文
-----------------------------------------------*/
#upperSentence {
	margin-bottom: 10px;
}

/* 登録商品一覧
-----------------------------------------------*/
#registrationItemList {
	margin-bottom: 10px;
}
#registrationItemBox {
	padding-top: 10px;
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
}
#registrationItemList ul.registrationItem4 {
	list-style: none;
}
#registrationItemList ul.registrationItem4 li {
	float: left;
	width: 24.9%;
	padding-bottom: 10px;
	text-align: center;
}
#registrationItemList ul.registrationItem4 li .img {
	width: 128px;
	height: 128px;
	margin: 0 auto 5px;
	padding: 5px;
	border: 1px solid #cccccc;
	text-align: center;
}
#registrationItemList ul.registrationItem4 .img a {
	width: 95px;
	height: 95px;
	margin: 0 auto;
	text-align: center;
}

/* 下段説明文
-----------------------------------------------*/
#lowerSentence {
	margin-bottom: 10px;
}

/* 目玉カテゴリ
-----------------------------------------------*/
#specialCategory {
	margin-bottom: 10px;
}

#specialCategory dl dt {
	display: none;
}
#specialCategory dl dd ul.specialCategory4 {
	margin-bottom: -10px;
	list-style: none;
}
#specialCategory dl dd ul.specialCategory4 li {
	float: left;
	width: 24.9%;
	padding-bottom: 10px;
	text-align: center;
}
#specialCategory dl dd ul.specialCategory4 li .img {
	width: 95px;
	height: 95px;
	margin: 0 auto 5px;
	padding: 5px;
	border: 1px solid #cccccc;
	text-align: center;
}
#specialCategory dl dd ul.specialCategory4 li .img a {
	display: block;
	width: 95px;
	height: 95px;
	margin: 0 auto;
	text-align: center;
}

/* 目玉商品
-----------------------------------------------*/
#lossLeader {
	margin-bottom: 10px;
}

#lossLeader dl dt {
	display: none;
}
#lossLeader dl dd ul.lossLeader4 {
	margin-bottom: -10px;
	list-style: none;
}
#lossLeader dl dd ul.lossLeader4 li {
	float: left;
	width: 24.9%;
	padding-bottom: 10px;
	text-align: center;
}
#lossLeader dl dd ul.lossLeader4 li .img {
	width: 95px;
	height: 95px;
	margin: 0 auto 5px;
	padding: 5px;
	border: 1px solid #cccccc;
	text-align: center;
}
#lossLeader dl dd ul.lossLeader4 li .img a {
	display: block;
	width: 95px;
	height: 95px;
	margin: 0 auto;
	text-align: center;
}

/* 下位カテゴリ一覧
-----------------------------------------------*/
#subCategory {
	margin-bottom: 10px;
	padding: 10px 10px 5px;
	border: 1px solid #cccccc;
}
#subCategory ul {
	list-style: none;
}
#subCategory ul li {
	float: left;
	width: 49.9%;
	padding-bottom: 5px;
}

/* 商品補足説明
-----------------------------------------------*/
#itemSuppleTxt {
	margin-bottom: 10px;
}

#itemSuppleTxt p {
	color: #999999;
}

/* 買い物カゴ情報（全体枠）
-----------------------------------------------*/
#cartInformation {
	margin: 30px 0 20px;
	padding: 30px 0 20px;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}

/* 商品写真
-----------------------------------------------*/
#itemImg ul {
	list-style: none;
	margin-right: -10px;
	margin-bottom: 10px;
}
#itemImg ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#itemImg ul li a {
	margin-right: 10px;
}
#itemImg ul li.mainImg a {
	display: block;
	margin-bottom: 10px;
}

/* 商品情報
-----------------------------------------------*/
#itemInfo {
	margin-bottom: 10px;
}

/* 注文情報
-----------------------------------------------*/
#orderInfo {

	border: 2px solid #cccccc;
        text-align: left;
}
#orderInfoInner {
	padding: 10px 10px 0;
}

/* タイムセール */
dl#timeSale {
background-color:#CCCCCC;
padding:5px;
}
dl#timeSale dt {
color:#000000;
display:inline;
font-size:125%;
font-weight:bold;
margin-right:1em;
vertical-align:middle;
}
dl#timeSale dd {
color:#000000;
display:inline;
font-weight:bold;
vertical-align:middle;
}

/* 商品名（見出し）*/
#itemTtl {
	margin-bottom: 10px;
}
#itemTtl .catchphrase {
	margin-bottom: 5px;
color:#BF0000;
font-size:125%;
}

#itemTtl h1.itemNameTtl {
	margin-top: 3px;
	margin-bottom: 16px;

	font-size: 155%;
}

/* 商品説明リスト */
dl#itemInfoList {
	margin-bottom: 10px;
	padding: 0 10px 10px;
	background: url(../../common/img/dotline.gif) repeat-x left bottom;
	color: #666666;
}
dl#itemInfoList dt {
	float: left;
	width: 8em;
}
dl#itemInfoList dd {
	margin-left: 8em;
}

/* 通常価格 */
#usuallySection {
	padding: 0 10px;
}
#usuallySection .usuallyTtlUnit {
	margin-right: 0.2em;
}
#usuallySection .usuallyUnit {
	margin-right: 0.2em;
}

/* 販売価格 */
dl#sellingSection {
	margin-bottom: 10px;
	padding: 0 10px 10px;
	background: url(../../common/img/dotline.gif) repeat-x left bottom;
}
dl#sellingSection dt,
dl#sellingSection dd {
	display: inline;
}
dl#sellingSection dd ul {
	display: inline;
	list-style: none;
}
dl#sellingSection dd ul li {
	display: inline;
	margin-right: 0.2em;
}
dl#sellingSection dd ul li div {
	display: inline;
	white-space: nowrap;
}
dl#sellingSection dd ul li.discount {
	color: #bf0000;
}
dl#sellingSection .sellingPrice {
	color: #bf0000;
	font-size: 155%;
	font-weight: bold;
}
dl#sellingSection .sellingTtlUnit {
	margin-right: 0.2em;
}
dl#sellingSection .sellingUnit {
	margin-right: 0.2em;
	color: #bf0000;
	font-size: 118%;
	font-weight: bold;
}
dl#sellingSection .stock {
	color: #bf0000;
}

/* バリエーション＋オプション */
#additionalInformation {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../../common/img/dotline.gif) repeat-x left bottom;
}

/* バリエーション */
dl#variation {
	margin-bottom: 10px;
	padding: 0 10px;
}
dl#variation dt {
	display: inline;
	padding-left: 5px;
	border-left: 3px solid #bf0000;
	font-weight:bold;
}
dl#variation dd table.variationTbl {
	margin-top: 5px;
	border: 1px solid #cccccc;
	border-width: 1px 0 0 1px;
}
dl#variation dd table.variationTbl th {
	padding: 3px 10px;
	border: 1px solid #cccccc;
	border-width: 0 1px 1px 0;
	background-color: #eeeeee;
	text-align: center;
}
/* 縦列見出し */
dl#variation dd table.variationTbl th.file {
	background-color: #dddddd;
}
/* 横列見出し */
dl#variation dd table.variationTbl th.rank {
	background-color: #fffded;
}

dl#variation dd table.variationTbl td {
	padding: 3px 10px;
	border: 1px solid #cccccc;
	border-width: 0 1px 1px 0;
	background-color: #ffffff;
}
dl#variation dd table.variationTbl td input,
dl#variation dd table.variationTbl td label {
	vertical-align: middle;
}
dl#variation dd table.variationTbl td input {
	margin-right: 5px;
}
dl#variation dd table.variationTbl td.noStock { /* 在庫なし */
	color: #999999;
}

/* オプション */
#optionSelect {
	margin-bottom: 10px;
	padding: 0 10px;
}
#optionSelect dl {
	margin-bottom: 5px;
}
#optionSelect dl dt {
	display: inline;
	padding-left: 5px;
	border-left: 3px solid #bf0000;
}
#optionSelect dl dd {
	display: inline;
}

/* 注文数 */
dl#orderNumberSelect {
	margin-bottom: 10px;
	padding: 0 10px;
}
dl#orderNumberSelect dt {
	display: inline;
	padding-left: 5px;
	border-left: 3px solid #bf0000;
}
dl#orderNumberSelect dd {
	display: inline;
}
dl#orderNumberSelect dd .receiptNumber {
color:#BF0000;
display:inline;
margin-left:0.5em;
}

/* カートに入れるボタン */
#orderInfo .cartBtn {
	margin: 20px 0;
	text-align: center;
}
#orderInfo .cartBtn table {
	margin: 0 auto;
	border: none;
}
#orderInfo .cartBtn table td {
	border: 1px solid #ff0000;
	background: #fd0702 url(../img/bg_cart_btn.gif) repeat-x left bottom;
}
#orderInfo .cartBtn table a {
	display: block;
	padding: 5px 20px 5px 40px;
	border-top: 1px solid #ffcdcc;
	color: #ffffff;
	font-size: 118%;
	font-weight: bold;
	background: url(../img/icn_cart_btn.gif) no-repeat 20px 50%;
}

#orderInfo input.cartBtn{
display:block;
margin:0 auto 10px;
padding:1px 10px;
}

dl#termItem dd .termStatus {
color:#000000;
font-size:110%;
font-weight:bold;
margin-bottom:10px;
text-align:center;
}

/* 補足機能 */
dl#suppleFunction {
	margin-bottom: 10px;
	padding: 10px 10px 5px;
	border: 1px solid #cccccc;
}
dl#suppleFunction dt {
	display: none;
}
dl#suppleFunction dd ul {
	list-style: none;
}
dl#suppleFunction dd ul li {
	float: left;
	width: 49.9%;
}
dl#suppleFunction dd ul li a {
	display: block;
	margin-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
}
dl#suppleFunction dd ul li.reference a {
	background: url(../img/reference.gif) no-repeat;
}
dl#suppleFunction dd ul li.pamphlet a {
	background: url(../img/pamphlet.gif) no-repeat;
}
dl#suppleFunction dd ul li.favorite a {
	background: url(../img/favorite.gif) no-repeat;
}
dl#suppleFunction dd ul li.mail a {
	background: url(../img/mail.gif) no-repeat;
}
dl#suppleFunction dd ul li.post a {
	background: url(../img/post.gif) no-repeat;
}
dl#suppleFunction dd ul li.review a {
	background: url(../img/review.gif) no-repeat;
	
dl#suppleFunction dd ul li.post2 a {
	background: url(../img/post2.gif) no-repeat;
}	
	
}

/* 配送情報 */
dl#deliveryInfo {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #eeeeee;
}
dl#deliveryInfo dt {
	float: left;
	width: 6em;
	font-weight: bold;
}
dl#deliveryInfo dd {
	margin-left: 6em;
}
dl#deliveryInfo ul {
	list-style: none;
	margin-bottom: 5px;
}
dl#deliveryInfo ul li {
	float: left;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
dl#deliveryInfo p.more {
	text-align: right;
}

/* 関連タグ */
table#relatedTag th {
	padding: 2px 5px 2px 18px;
	background: #dae8fc url(../img/icn_related_tag.gif) no-repeat 5px 0.4em;
	font-weight: normal;
	vertical-align: middle;
}
table#relatedTag td {
	padding: 2px 0;
}
table#relatedTag td ul {
	list-style: none;
	padding-left: 10px;
}
table#relatedTag td ul li {
	display: inline;
	margin-right: 10px;
}

/* レビュー
-----------------------------------------------*/
#review {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #cccccc;
}
#review dl dt {
	margin-bottom: 5px;
	font-weight: bold;
}
#review dl dd p.txt {
	margin-bottom: 5px;
}
#review dl dd p.more {
	text-align: right;
}

/* ==============================================
　　会社概要
============================================== */

/* 共通要素
-----------------------------------------------*/

/* 定義リスト */
dl.companyDlList {
	padding: 10px 10px 5px;
	background-color: #eeeeee;
}
dl.companyDlList dt {
	float: left;
	width: 18em;
	padding: 5px 0;
	border-top: 1px solid #cccccc;
	font-weight: bold;
}
dl.companyDlList dd {
	margin-left: 12em;
	padding: 5px 0;
	border-top: 1px solid #cccccc;
}
dl.companyDlList dt.start,
dl.companyDlList dd.start {
	padding-top: 0;
	border: none;
}

/* 会社名・会社説明・会社概要写真　大枠
-----------------------------------------------*/
#companyMain {
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid #cccccc;
}

/* 会社概要写真 */
#companyImg {
	float: right;
	width: 250px;
	margin-left: 15px;
}

/* 会社名 */
#companyName {
	margin-bottom: 5px;
	font-size: 118%;
}

/* 会社情報
-----------------------------------------------*/
#companyInfo {
	margin-bottom: 15px;
}

/* 店舗情報
-----------------------------------------------*/
#shopInfo {
	margin-bottom: 15px;
}

/* メールアドレス左のマージン */
#shopInfo a.mail {
	margin-left: 1em;
}

/* お問い合わせ先
-----------------------------------------------*/
#reference {
	margin-bottom: 15px;
}

/* 返品について
-----------------------------------------------*/
#returnInfo {
	margin-bottom: 15px;
}

/* プライバシーポリシー
-----------------------------------------------*/
#privacyPolicy {
	margin-bottom: 15px;
}

/* ==============================================
　　決済/配送方法
============================================== */

/* 共通要素
-----------------------------------------------*/

/* 定義リスト */
dl.shippingDlList {
	padding: 0 10px;
	background-color: #eeeeee;
}
dl.shippingDlList dt {
	float: left;
	width: 9em;
	padding: 10px 0;
	border-top: 1px solid #cccccc;
	font-weight: bold;
}
dl.shippingDlList dd {
	margin-left: 9em;
	padding: 10px 0;
	border-top: 1px solid #cccccc;
}
dl.shippingDlList dt.start,
dl.shippingDlList dd.start {
	border: none;
}
/* 継承リセット */
dl.shippingDlList dd dl dt,
dl.shippingDlList dd dl dd {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	font-weight: normal;
}

/* 定義リスト入れ子（定義と定義後が縦並び・区切りライン） */
dl.shippingDlList dd dl.shippingDlInnerList dt {
	margin: 10px 0 5px;
	padding-top: 10px;
	border-top: 1px solid #cccccc;
	font-weight: bold;
}
dl.shippingDlList dd dl.shippingDlInnerList dt.start {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

/* 説明など */
dl.shippingDlList dd ul {
	list-style: none;
}
dl.shippingDlList dd ul li {
	margin-bottom: 5px;
}

dl.shippingDlList dd ul li.charge span {
    display: block;
    margin: -1.4em 0 0.3em;
    text-align: right;
}
dl.shippingDlList dd ul li.charge table {
    width: 99.8%;
    margin-bottom: 5px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}
dl.shippingDlList dd ul li.charge table th,
dl.shippingDlList dd ul li.charge table td {
    padding: 5px !important;
    border-right: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #CCCCCC !important;
}
dl.shippingDlList dd ul li.charge table th {
    background: #AAAAAA;
}
dl.shippingDlList dd ul li.charge table tbody th {
    width: 150px;
    background: #DDDDDD;
}
dl.shippingDlList dd ul li.charge table td {
    background: #FFFFFF;
}

/* 決済方法
-----------------------------------------------*/
#settlementWay {
	margin-bottom: 15px;
}

#settlementWay table.settlementChargeTbl th {
    background-color:#EEEEEE;
    border-color:#CCCCCC;
    border-style:solid;
    border-width:0 1px 1px 0;
    padding:5px;
    text-align:center;
}
#settlementWay table.settlementChargeTbl td {
    background-color:#FFFFFF;
    border-color:#CCCCCC;
    border-style:solid;
    border-width:0 1px 1px 0;
    padding:5px;
    text-align:right;
}

/* クレジットカード */
dl.shippingDlList dd dl.shippingDlInnerList dd.creditDetails img {
	float: left;
	margin-right: 10px;
}
dl.shippingDlList dd dl.shippingDlInnerList dd.creditDetails ul {
	margin-left: 50px;
}

/* 配送方法
-----------------------------------------------*/
#deliveryWay {
	margin-bottom: 15px;
}

/* 料金表 */
#deliveryWay p.chargeTblTtl {
	margin-bottom: 3px;
}
#deliveryWay table.deliveryChargeTbl {
	width: 100%;
	border: 1px solid #cccccc;
	border-width: 1px 0 0 1px;
}
#deliveryWay table.deliveryChargeTbl th {
	padding: 5px;
	border: 1px solid #cccccc;
	border-width: 0 1px 1px 0;
	background-color: #eeeeee;
	text-align: center;
}
#deliveryWay table.deliveryChargeTbl td {
	padding: 5px;
	border: 1px solid #cccccc;
	border-width: 0 1px 1px 0;
	background-color: #ffffff;
	text-align: right;
}

/* ==============================================
　　メルマガ登録・変更・停止
============================================== */

/* フリースペース
-----------------------------------------------*/
#mailFreeInput {
	margin-bottom: 10px;
}

/* ページ内リンク
-----------------------------------------------*/
#contents ul.mailPageLink {
	margin-bottom: 10px;
	list-style: none;
}
#contents ul.mailPageLink li {
	float: left;
	margin-right: 2em;
	padding-left: 13px;
	background: url(../../common/img/icn_arrow_left.gif) no-repeat 3px 0.3em;
}

/* 登録情報変更のステップ
-----------------------------------------------*/
#contents dl.mailStep {
	margin-top: 10px;
}
#contents dl.mailStep dd ol {
	margin-left: 25px;
}

/* ==============================================
　　メルマガ登録完了
============================================== */

/* ご注意
-----------------------------------------------*/
#contents dl.mailAttTxt {
	margin: 10px 0;
}
#contents dl.mailAttTxt dt {
	font-weight: bold;
}