@charset "UTF-8";

/* -----------------------------
ショッピングカートスタイリングcss（style.css）
----------------------------- */

#MainContents .content-box { margin-bottom: 2em; font-size: 77%;}
#MainContents h2 {
	margin: 1em 0 0.5em 25px; padding: 0 15px;
	background: url(../common/img/point3.gif) no-repeat left center;
	border: none;
	color: #57a907;
	font-size: 93%;
}
#MainContents h3 { font-size: 100%;}
#MainContents .content-box th,
#MainContents .content-box td { padding-top: 5px; padding-bottom: 5px;}
#MainContents .content-box th { background-color: #f1f1f1;}


/* ショッピングカート */
.lead { margin: 1em 0 1em 0; color: #bc170e; font-size: 116%;}
#MainContents .table-cart { margin: 25px 15px 15px; width: 95%; border: none; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}
#MainContents .table-cart th,
#MainContents .table-cart td {
	border: none;
	border-bottom: 1px dotted #bfbfbf;
	font-size: 77%;
	text-align: center;
}

#MainContents .table-cart thead th { background-color: #f1f1f1; border-bottom: 1px solid #bfbfbf;}
#MainContents .table-cart thead .th-itemImage { width: 120px;}
#MainContents .table-cart thead .th-itemName { }
#MainContents .table-cart thead .th-itemPrice { width: 7em;}
#MainContents .table-cart thead .th-itemNum { width: 6em;}
#MainContents .table-cart thead .th-itemSum { width: 7em;}
#MainContents .table-cart thead .th-itemDelete { width: 45px;}

#MainContents .table-cart .td-itemName { text-align: left;}
#MainContents .table-cart .td-itemSum { color: #bc170e;}
#MainContents .table-cart .td-itemSum strong { font-size: 116%;}

.changeNum { margin-right: 15px; margin-bottom: 30px; text-align: right; font-size: 77%;}



/* 注文フォーム */
#MainContents th.th-midashi { width: 10em; text-align: left; vertical-align: top;}
#MainContents .content-box .table-cart { width: 100%; margin: 0 0 1em 0;}
#MainContents .content-box .table-cart th,
#MainContents .content-box .table-cart td { font-size: 100%;}
#MainContents .content-box label { font-weight: bold;}

dl.sum { width: 400px; margin-left: 200px;}
dl.sum dt { clear:both; float: left; margin: 0; padding: 0.3em 15px;}
dl.sum dd { float: none; margin: 0; padding: 0.3em 15px 0.3em 12em; text-align: right;}
dl.sum dd.line01 { background: url(../common/img/line.gif) 0% 100% repeat-x;}
dl.sum dd.line02 { border-bottom: solid 1px #bfbfbf;}
dl.sum dd.line03 { color: #bc0000;}


.coupon {
	width: 380px; margin-left: 200px;
	margin-top: 1em;
	padding: 5px 10px;
	background-color: #f1f1f1;
}
.coupon p { margin: 0.5em 0;}
.coupon input { width: 24em;}
.coupon img { vertical-align: middle;}


#MainContents .table-send { width: 100%;}
#MainContents .table-send .th-sendItem { width: 3em; text-align: center;}
#MainContents .table-send .th-sendAddress dt {}
#MainContents .table-send .th-sendButton { width: 50px; text-align: center;}

dl.credit { margin-top: 2em; margin-left: 2em;}
dl.credit dt { clear: left; float: left; width: 8em; margin-bottom: 0.3em}
dl.credit dd { margin-bottom: 0.3em;}