@charset "shift_jis";
/* カートタイトル＆ステイタス
------------------------------------------------------*/
body.productList h1{ background:#F5E6E3; padding:5px; margin:0; border-top:5px solid #c36; border-bottom:1px solid #c36; font-size:16px; font-weight:bold;}
body.productList .stockInfo{margin-left:5px; margin-right:5px;}

/*カテゴリ内のページリンク*/
.pagelink { font-size:11px; margin:10px auto; line-height:1.4em; width:350px; text-align:center; }
/*表示切替＆ソートボタンスタイル
------------------------------------------------------*/
.dispc{float:left; width:200px; margin:0;}
.sort{float:right; width:200px; margin:0; text-align:right;}

/* 商品一覧テーブルここから
------------------------------------------------------*/
#itemlists{margin:0; padding:10px;}
.list_img{float:left; width:100px; margin:0; padding:0;}
.list_description{float:right; width:480px; padding:0 0 10px 10px;}
.list_frame{border-bottom:1px dashed #ddd; padding:0; margin-bottom:10px;}
/*商品名*/
.list_description h2{color:#c60; margin:0 0 3px; padding:2px; font-size:12px; margin:0;}
.list_description h2 a{color:#c03; text-decoration:underline;}
.list_description h2 a:hover{text-decoration:none;}
#itemlists hr{border:1px dashed #ccc; clear:both; margin:10px 0;}

.prc { font-size:12px; color: #F03;}
.prc span{font-size:10px; color:#888;}

.code{margin:0;}
.item_add{font-size: 11px; line-height: 1.1em; color:#444; margin:3px; line-height:1.2em;}

/*詳細ページへのリンク*/
.item_detail_btn { text-align:right;}
.detail_link{ text-align:right; padding-right:5px;}

table.section_c{float:right; width:180px;}
.section_c td.price{color:#f03; padding:0 10px 1px; text-align:right;}
.section_c td{padding:1px;}
.section_c td.zaiko{text-align:center; font-size:10px;}

/* displayテーブルここまで
------------------------------------------------------*/
table.display{width:568px; margin:0 5px 20px; border:none;}
table.display td{width:274px; padding:5px 10px 5px 0; vertical-align:top; text-align:left;}

.display img{float:left; display:block; padding:0 10px 10px 0;}
.display h2{color:#c60; padding:2px; font-size:12px; margin:0;}

.display a{color:#930; }
.display a:hover { color:#c36;}

table.imgnone{border:1px solid #888; width:110px; height:80px;}
table.imgnone td{text-align:center; vertical-align:middle;}

/*下段ページリンク
------------------------------------------------------*/
.item_footnav { margin:15px auto; padding:5px; width:250px; text-align:center;}
.item_footnav a {  color: #990066; text-decoration: none;	}
.item_footnav a:hover { color: #CC9999; text-decoration: underline;}

/*商品金額
------------------------------------------------------*/
p.price { margin-top: 3px; margin-bottom:3px; font-family:Verdana; color:#FF0000; text-align:center}

/* ここから商品詳細ページスタイル
------------------------------------------------------*/
body.productPage h1{margin-bottom:15px; padding:8px 5px; min-height:40px; background:#F5E6E3; border-bottom:1px solid #860001; font-size:16px; font-weight:bold;}
body.productPage h1 div{ padding:4px 0 0; font-size:11px; font-weight:normal; color:#444;}

table.price { margin: 15px 0 0 0; background-color:#fff; border:1px solid #bbb; border-top:2px solid #bbb; width:300px; }
table.price th { color:#444; background-color:#eee; text-align:center;}
table.price td{ text-align:center; background:#fff; }
table.price td.pr { font-family:Verdana; color:#f00; text-align:center;}

.goodsWrapper,
.stockInfo{margin:5px 0; padding:8px; border:1px solid #bbb; display:inline-block;}
.stockInfo{margin:5px 0 20px; font-weight:bold; color:red; line-height:1.5em;}

.goodsimg{float:left; padding:0; width:200px; margin:0;}
.goodsinfo{float:left; padding:10px; width:300px;}
.goodsinfo h2{padding: 4px 0; margin:0;  font-size:12px; color:#c60;}
.goodsinfo p{margin:0; padding:0;}
.goodsdetail{clear:both; margin:0; padding:15px 10px 0;}
.goodsdetail h2{color:#222; font-size:13px;}

.goodsdetail h3{color:#903;}
.goodsdetail h4{border-left:5px solid #900; padding:1px 0 1px 7px; font-size:12px; color:#f66;}

.goodsinfo h3 { padding:3px;background-color: #F3CFDB; padding:0px; font-size: 11px; color: #996600}

.goodsimg_sub{margin:0 10px; padding:10px 0; height:200px;}
.goodsimg_sub img{display:block; float:left; margin:0 20px 0; width:200px;}

.pageback{margin:0 10px;}



/* 在庫状況の表示
------------------------------------------------------*/
#show-zaiko{margin:10px auto; width:500px; text-align:center;}
#show-zaiko h1{font-weight:bold; font-size:1.3em; margin:10px;}
#show-zaiko table{border-collapse:collapse; margin:20px auto; border:2px solid #aaa;}
#show-zaiko th{padding:4px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#eee;}
#show-zaiko td{padding:4px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}


/*自作html用商品タイトル
------------------------------------------------------*/
h2.ht{ margin:15px 0 5px 8px; border-left:16px solid #c60; padding: 1px 0 1px 8px; font-size:14px; color:#c36; }  

/*かごにいれるボタン
------------------------------------------------------*/
#p_cart {width:290px; margin:10px 0 0 0; padding:10px 5px; text-align:right; border-top:1px solid #ddd;}

#mail_bx {margin:15px 0px 10px 0px; text-align:center;}
#back { margin:0 10px; padding:10px 0;}

/* 関連商品リンク
------------------------------------------------------*/
#relivant{margin:5px 10px; padding:20px 0 10px; /*background-color:#eee;*/ font-size:11px;}
#relivant img{ display:block;}
#relivant td{ font-size:11px; text-align:center; padding:5px; width:180px; vertical-align:top;}
#relivant h3{ background:url(../images/related_bg.gif) top left no-repeat; margin:10px 0 0; padding:8px 0 7px 18px; }
#relivant .pp{ color:#f00; }

/* ここからカートスタイル
------------------------------------------------------*/
.cartframe{margin:0; padding:20px 55px;}
.cartframe h1{margin-bottom:2em;}

/* カート進捗状況*/
#status{margin:20px 0 40px; text-align:center;}

/* カートを空に＆買い物を続ける　*/
.shopback{float:left; width:150px; margin:0; padding:0;}
#cartdel{margin:0; padding:0; text-align:right;}

/* 送料無料 */
#shipfree{margin:15px 0; text-align:center; color:#f03;}

/* ログイン　*/
.loginform{margin:15px auto; padding:10px 40px; width:560px;}
#memberreg{ border:4px solid #BC4983; margin-top:3em;}
#firstreg{ border:4px solid #C78785;}

#memberreg dl{margin:10px 0;}
#mailaddress{width:30em;}
.loginform_head{float:left; width:160px;}
.loginform_input{float:right; width:360px; padding:0;}
form#to_memberform{text-align:center;}

/* こちらもおすすめ枠 */
.recommender{margin:40px 50px; padding:0;}
.recommender h4{font-size:12px; color:#669; margin:5px 0;}
.recommender a{display:block; padding-bottom:3px;}
.recommender td{padding:2px 4px;}

#inputs{} /* 入力フォーム（会員登録も兼用) */
/*-----------------------------
#inputform ・・・カート情報入力ページ formのid

-----------------------------*/
body.cartSys #inputform table,
body.cartSys #confirm table{
	width:690px;
	margin:0 0 30px;
	border-top:1px solid #aaa;
}
body.cartSys #inputform th,
body.cartSys #confirm th{width:145px; padding:8px 10px 8px 5px; background:#eee; border-bottom:1px solid #aaa; text-align:left; vertical-align:top;}
body.cartSys #inputform td,
body.cartSys #confirm td{padding:8px; border-bottom:1px solid #aaa; width:504px; vertical-align:top;}
body.cartSys #inputs h2,
body.cartSys #inputform h3,
body.cartSys #confirm h3{margin:4px 0; font-size:12px; color:#c03; font-weight:bolder;}


/* 注文内容確認画面のヘッド */
h2.confirmhead{margin:10px 0 4px; text-align:center;}
body.cartSys #inputform em{color:#f00; font-style:normal;}


p.com{ margin:4px 0;}
.nomatch{background:#ccc; color:#f00; padding:4px; margin:20px 0;}

/* カートにいれた商品・注文商品＆合計金額テーブル*/
table.buysitem{width:690px; margin:0 0 30px; border:1px solid #ddd; padding:2px;}
table.buysitem th{border-bottom:1px solid #aaa; padding:8px 5px; text-align:center; background:#aaa; color:#fff;}
table.buysitem td{border-bottom:1px solid #aaa; padding:8px 5px; background:#eee;} 
table.buysitem td.right{text-align:right; padding-right:1em;}

table.buysitem#in_cart{margin-bottom:2px;}

.input_btn{margin-bottom:20px; padding:15px; text-align:center; border:2px solid #444;}

table.buylist{width:690px; border-top:1px solid #aaa; border-left:1px solid #aaa; margin:5px 0 50px;}
table.buylist th{font-weight:normal; background:#eee; padding:5px; border-bottom:1px solid #aaa; border-right:1px solid #aaa;}
table.buylist td{vertical-align:top; padding:4px; border-bottom:1px solid #aaa; border-right:1px solid #aaa;}

/* 会員ページ　注文明細　*/
.bill{margin:0 auto; width:600px; padding:0;}
.bill h1{text-align:center; background:#666; color:#fff; padding:4px; font-size:14px;}
.billbill{margin:15px 0; border:1px solid #666; background:#eee; padding:15px; text-align:left;}
.mm_page{margin:0; padding:15px 30px;}
.mm_page em{color:#f00; font-style:normal;}
.mm_page p{margin:0 0 0.8em;}

table.mm_top{width:250px; margin:0 auto;}
table.mm_top td{padding:8px;}

table.mm_login{width:400px; margin:20px auto;}
table.mm_login th{text-align:right; padding:5px; width:180px;}
table.mm_login td{padding:5px;}

table.mm_form{width:100%; margin:10px 0; border-top:1px solid #aaa;}
table.mm_form th{width:145px; padding:8px 10px 8px 5px; background:#eee; border-bottom:1px solid #aaa; text-align:left; vertical-align:top;}
table.mm_form td{padding:8px; border-bottom:1px solid #aaa; width:504px; vertical-align:top;}

.submit-btn{margin:10px 0 20px; padding:10px; background:#ddd; text-align:center;}


/*カートの進捗状況
------------------------------------------------------*/
#cartstyle { margin:0px auto; width:700px;}
#carthead{ margin:0 auto; text-align:center; width:650px; padding:10px;}

body#finish.shoppingCart #main{margin:0; padding:20px 0 100px 100px; width:600px;}
body#finish.shoppingCart #main h1 img{margin-bottom:12px;}


.com{text-align:left; line-height:1.3em; }


/*全部削除*/
#alldel { margin:5px auto; width:77px; }
#alldel form{ margin:0; }

/*入力テーブル*/
.crtform{ width:630px; margin:5px auto;}
.crtform table{ width:630px; border:1px solid #ccc; margin:5px auto;}
.crtform table td.list{ padding:3px; background-color:#ddd; vertical-align:top; width:120px; }
.crtform table td.from{ padding:3px; background:#eee; vertical-align:top; }
.crtform table td.btn{ text-align:center; padding:3px; background:#ddd; vertical-align:middle;}
.crtform h4{ font-size:12px; color:#c60; margin:5px 0; padding-bottom:5px; border-bottom:1px solid #FF9900;}
/*最終確認画面*/
.last{ margin:10px auto 0 auto; text-align:center; width:630px;}
.last h3{ font-size:13px; padding: 3px; margin:0; }

#lalast{ width:630px; margin:10px auto; border:1px solid #666; background-color:#ddd; text-align:center; padding:3px;}



/****************ここまでカートスタイル************/
/****************ここから管理画面スタイル************/
table.mng{ text-align:left}
#mg_bx{
	width:100%;
}
#crdt{text-align:center; font-family:Verdana; font-size:10px; border-top:1px solid #CCCCCC; padding: 8px; margin:50px 0px 0px 0px}
.red {
	color: #FF0000;
}