@charset "Shift_JIS";

/* --------------------------------------------------------------

basket

Index:
	__1. common
	__2. 届け先
	__3. 配送
	__4. 支払い
	__5. 支払い　アカウント
	__6. クーポン
	__7. クレジットカード
	__8. 確認
	__9. 完了
	__10. IE6
	__11. clearfix
-------------------------------------------------------------- */

/*=====================================================
__1. common
=====================================================*/
body #contents {
	font: normal normal 13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body div#wrapper img { vertical-align: top; }

.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.fs2down { font-size: 84.6%; }
.fs1down { font-size: 92.3%; }
.fs1up { font-size: 107.7%; }
.fs2up { font-size: 115.4%; }
.fs3up { font-size: 123.1%; }
.fs4up { font-size: 130.8%; }
.fwBold { font-weight: bold; }
.ctr { text-align: center; }
.rgt { text-align: right; }
.hPink { color: #cd4187; }
.lightGray { color: #7f7f7f; }

.charIndent em, .charIndent span { display: block; }
.charIndent em { font-style: normal; float: left; }
.charIndent span { margin-left: 1.2em; }

.basketSubHead {
	margin-bottom: 10px;
	padding-botom: 5px;
	font-weight: bold;
	color: #cd4187;
	border-bottom: 1px dotted #cd4187;
}

#wrapper #container #contentsMain {
	background: #fff;
	border: #aaa 1px solid;
}
.orderIntro { margin-bottom: 30px; }
.orderIntro #orderFlow {
	width: 680px;
	padding-top: 10px;
	float: left;
}
#orderBox .orderIntro .nextLead { margin: 0; }
.orderIntro .basketNext {
	margin-right: 15px;
	float: right;
}
.orderBoxInner { padding: 0 15px; }
.basketIntro { margin-bottom: 40px; }
.introTxt {
	width: 500px;
	font-weight: bold;
	float:left;
}
.basketIntro .basketNext { float: right; }
.basketSec { margin-bottom: 40px; }
.basketTable {
	width: 100%;
	margin-top: -1px;
	font-size: 100%;
	vertical-align: top;
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
}
.basketTable > tbody > tr > th,
.basketTable > tbody > tr > td {
	padding: 8px 12px;
	vertical-align: middle;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
}
.basketTable .btnCell {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
}
.basketTable .btnBackEdit {
	width: 124px;
	text-align: center;
}
.basketTable > tbody > tr > th {
	width: 196px;
	background-color: #f2f1ef;
	font-size: 115.4%;
	font-weight: normal;
}
.basketTable > tbody > tr > th p {
	font-weight: bold;
	float: left;
}
.basketTable > tbody > tr > th span {
	margin-top: 3px;
	float: right;
	display: block;
}
.basketTable > tbody > tr > td { background-color: #fff; }
.btnHorizontal { margin-bottom: 10px; }
.btnHorizontal li {
	margin-right: 15px;
	float: left;
}
#orderBox_acc .btnHorizontal li { margin-right: 6px; }
.basketNotice2col { padding: 0 15px; }
.basketNotice {
	margin-bottom: 30px;
	padding: 0 15px;
}
.basketNotice2col .basketNotice {
	width: 410px;
	padding: 0 20px 0 0;
	float: left;
}
.basketNotice li { margin-bottom: 15px; }
.basketNotice dt {
	margin-bottom: 5px;
	font-weight: bold;
}
.basketNotice dd { margin-bottom: 15px; }

a.arrowDown, #orderBox_acc a.arrowDown {
	background: url("/image70/icon_arrow03_1.gif") no-repeat 0 .3em; padding: 0 0 0 10px; color: #3296dc;
}
/*=====================================================
__2. 届け先
=====================================================*/
.addressEditWrap {
	margin: 0 20px 20px;
	padding-top: 10px;
}
#orderBox_acc .addressEditWrap { margin: 0 0 20px; }
.addressEditRepeat {
	padding-top: 20px;
	border-top: 1px dotted #d1d1d1;
}
.addressEditBox {
	width: 405px;
	margin: 0 10px;
	float: left;
}
#orderBox_acc .addressEditBox {
	width: 310px;
	margin: 0 10px 0 0;
}
.newAddressBox {
	margin-bottom: 10px;
	padding: 0 30px 20px;
}
.newAddressBox .indent { padding-left: 140px; }
.newAddressList { margin: 20px 0; }
.newAddressList li { margin-bottom: 10px; }
.newAddressList li dt {
	width: 140px;
	padding-top: 5px;
	text-align: right;
	float: left;
}
.newAddressList li dd { margin-left: 140px; }
.newAddressList li dd input {
	width: 240px;
	padding: .18em .13em;
	font-size: 100%;
}
.newAddressList li dd select {
	height: 26px;
	font-size: 100%;
	border: 1px solid #999;
}
.newAddressList li dd span {
	padding-left: 1em;
	color: #949494;
}

/*=====================================================
__3. 配送
=====================================================*/
.deliveryRadio {
	width: 100%;
	font-size: 100%;
}
.deliveryRadio td { padding-top: 5px; }
.deliveryRadio .deliveryRadioBtn {
	width: 180px;
	padding-left: 12px;
}
.deliveryRadio .deliveryRadioBtn li { margin-bottom: 5px; }
.deliveryRadio .deliveryRadioNotice {
	font-size: 92.3%;
	vertical-align: bottom;
}
.deliveryRadio .wrapItem ul {
	width: 210px;
	font-size: 92.3%;
}
.deliveryRadio .wrapItem li {
	padding-right: 12px;
	float: left;
}
.deliveryRadio .wrapItemSubmit { padding-top: 6px; }

/*=====================================================
__4. 支払い
=====================================================*/
.paymentSec {
	width: 888px;
	margin-bottom: 30px;
	background: url(../image70/J/basket/bg_paymentSec.gif) repeat-y;
	border: 1px solid #ababab;
	position: relative;
}
.paymentSec .frame { width: 100%; }
.paymentSec .initialTotal,
.paymentSec .paymentOption { width: 264px; }
.paymentSec .initialTotal,
.paymentSec .paymentOption { padding: 6px 15px 40px; }
.paymentSec .discount {
	width: 270px;
	padding: 6px 15px 86px;
}
.paymentSec .initialTotal table,
.paymentSec .paymentOption table,
.paymentSec .discount table {
	width: 100%;
	font-size: 92.3%;
}
.paymentSec .initialTotal th,
.paymentSec .paymentOption th,
.paymentSec .discount th {
	padding: 2px 0;
	font-weight: normal;
}
.paymentSec .initialTotal td,
.paymentSec .paymentOption td,
.paymentSec .discount td {
	padding: 2px 0;
	text-align: right;
}
.paymentSec .discount td { color: #cd4187; }
.paymentSec .paymentAmountInTable {
	padding: 6px 15px;
	vertical-align: middle;
}
.paymentSec .total {
	width: 558px;
	height: 35px;
	padding: 0 15px;
	background-color: #fff;
	border-top: 1px solid #ababab;
	position: absolute;
	bottom: 0;
	left: 0;
}
.paymentSec .total dt {
	font-size: 92.3%;
	font-weight: bold;
	line-height: 35px;
	float: left;
}
.paymentSec .total dd {
	font-size: 107.7%;
	font-weight: bold;
	line-height: 35px;
	float: right;
}
.paymentSec .paymentAmount {
	width: 270px;
	height: 71px;
	padding: 10px 15px 0;
	border-top: 1px solid #ababab;
	position: absolute;
	bottom: 0;
	right: 0;
}
.paymentSec .paymentAmount dt,
.paymentSec .paymentAmountInTable dt {
	margin-bottom: 6px;
	font-size: 123.1%;
	font-weight: bold;
}
.paymentSec .paymentAmount dd,
.paymentSec .paymentAmountInTable dd {
	font-size: 169.2%;
	font-weight: bold;
	text-align: right;
	color: #cd4187;
}
.creditInner { width: 100%; }
.creditInner td { vertical-align: middle; }
.creditInner td p { width: 448px; }
.creditInner ul { margin-bottom: -10px; }
.creditInner li {
	margin-bottom: 10px;
	padding-left: 20px;
	text-align: center;
}
.discountInner { width: 100%; }
.discountInner th {
	width: 224px;
	font-weight: normal;
}
.discountInner .unit {
	padding-right: 10px;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
}
.discountInner .notice {
	width: 82px;
	vertical-align: bottom;
}
.discountInner .action {
	width: 124px;
	vertical-align: middle;
}
.discountInner input { text-align: right; }
.creditBox {
	margin-bottom: 40px;
	padding: 0 20px;
}
.creditSubHead {
	margin-bottom: 8px;
	padding-bottom: 8px;
	font-size: 115.4%;
	border-bottom: 1px solid #ababab;
}
.registeredCard {
	margin-bottom: 10px;
	border-bottom: 1px dotted #d1d1d1;
}
.registeredCard li { margin-bottom: 10px; }
.registeredCard li p {
	line-height: 26px;
	float: left;
}
.registeredCard .cardNumber {
	margin-right: 30px;
	width: 420px;
}
.registeredCard .cardNumber input {
	margin: 5px 10px 0 0;
	float: left;
	display: block;
}
.registeredCard .cardNumber span {
	padding: 0 .5em;
	float: left;
	display: block;
}
.selectedCard span { background-color: #fcc5e0; }
.registeredCard .btnCardRegist { margin-right: 10px; }
.creditRegistSelect {
	margin-bottom: 20px;
	float: left;
}
.creditRegistSelect .br {
	margin-left: 5px;
	font-weight: normal;
}
.checked span { font-weight: bold; }
.creditRegistSelect li { margin-bottom: 10px; }
.creditRegistSelect li input { margin: 0 16px 0 0; }
/*.creditRegistSelect li span { font-weight: bold; }*/
.creditImg {
	width: 270px;
	margin: 5px 150px 0 0;
	float: right;
}
.creditInput {
	width: 320px;
	padding: 0 20px;
	float: left;
	clear: both;
}
.creditInput li {
	width: 100%;
	margin-bottom: 10px;
	float: left;
}
.creditInput li dt {
	width: 150px;
	padding-top: .6em;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	float: left;
}
.creditInput li dd {
	width: 170px;
	float: left;
}
.creditInput li input {
	padding: .18em .13em;
	font-size: 100%;
}
.creditInput li dd p { color: #949494; }
.creditInput li select {
	height: 26px;
	font-size: 100%;
	border: 1px solid #999;
}
.creditInput li.number input,
.creditInput li.expiryDate dd { padding-top: 2px; }
.creditInput li.security { margin-right: 0; }
.creditInput li.security input  { width: 70px; }
.creditInput li.name {
	margin-bottom: 10px;
	clear: both;
}
.creditInput li.number input,
.creditInput li.name input { width: 150px; }
.creditInput li.securityImg {
	margin-top: -8px;
	margin-right: 0;
	float: right;
}
.creditInput li.announce {
	width: 340px;
	margin: 20px 0 0 -20px;
	font-size: 92.3%;
	color: #cd4187;
	clear: both;
}
.creditInputSub {
	width: 300px;
	margin-right: 190px;
	float: right;
}
.creditInputSub li { margin-top: 10px; }
.creditInputSub li img { max-width: 270px; }
.anotherPayment .basketChkList {
	width: 360px;
	float: left;
}
.basketChkList li  { margin-bottom: 4px; }
.basketChkList li input {
	margin: 0 0 0 0;
	float: left;
	display: block;
}
.basketChkList li span {
	margin-left: 20px;
	display: block;
}
.anotherPayment .basketChkList li span {
	width: 340px;
	margin-left: 0;
	float: right;
}
#membersPayment .anotherPayment .basketChkList li span { width: 580px; }
.anotherPayment .basketNotice { margin-left: 380px; }
.basketChkList input { width: 14px; height: 14px; margin: 0; padding: 0; }

/*=====================================================
__5. 支払い　アカウント
=====================================================*/
body #contents #contentsMainBox #contentsMainBoxInner #membersPayment {
	font: normal normal 13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body div#wrapper #membersPayment img { vertical-align: top; }
#membersPayment {
	font-size: 13px;
	text-align: left;
}
#membersPayment .basketIntro { margin-bottom: 20px; }
#membersPayment .paymentSec {
	width: 638px;
	background: url(../image70/J/basket/bg_paymentSec_ac.gif) repeat-y;
	line-height: 1.4;
}
#membersPayment .paymentSec .initialTotal,
#membersPayment .paymentSec .paymentOption { width: 196px; }
#membersPayment .paymentSec .discount { width: 156px; }
#membersPayment .paymentSec .total { width: 422px; }
#membersPayment .paymentSec .paymentAmount { width: 156px; }
#membersPayment .basketTable > tbody > tr > th {
	width: 140px;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 107.7%;
}
#membersPayment .creditInner td p { width: 262px; }
#membersPayment .arrowPink {
	padding: 0 0 0 10px;
	background: url("https://img-org.hmv.co.jp/image70/icon_arrow02_2.gif") no-repeat 0 .3em;
	color: #3296dc;
}
#membersPayment .headTypeOrder01 {
	margin: 0 0 10px 0;
	padding: 4px 4px 4px 10px;
	background: #d9d9d9;
	color: #cd4187;
}
#membersPayment .registeredCard .cardNumber {
	width: 350px;
	margin-right: 7px;
}
#membersPayment .registeredCard .cardNumber span { font-size: 92.3%; }
#membersPayment .anotherPayment .basketChkList {
	width: auto;
	margin-bottom: 30px;
	float: none;
}
#membersPayment .anotherPayment .basketNotice {
	margin-left: 0;
	padding: 0 30px 0 0;
}
#membersPayment .creditRegistSelect .br { display: block; }
#membersPayment .creditImg { margin-right: 0; }
#membersPayment .creditInput {
	width: 310px;
	padding: 0 10px;
}
#membersPayment .creditInput li dd { width: 160px; }
#membersPayment .creditInput li.number input,
#membersPayment .creditInput li.name input { width: 140px; }
#membersPayment .creditInput li.announce { width: 330px; }
#membersPayment .creditInputSub {
	width: 270px;
	margin-right: 0;
}
#membersPayment .discountInner .nominalAc input { width: 10em; }
#membersPayment .discountInner .notice { width: 70px; }

/*=====================================================
__6. クーポン
=====================================================*/
.couponBox { padding: 0 10px; }
.couponInput { margin-bottom: 10px; }
.couponInput input {
	width: 22em;
	margin-right: 20px;
	padding: .18em .13em;
	font-size: 100%;
}
#coupon .couponTabBox { margin-bottom: 5px; }
#contentsMainBoxInner #coupon #normalCoupon .nameHead { width: 245px; }
#contentsMainBoxInner #coupon #normalCoupon .timeHead { width: 163px; }
#contentsMainBoxInner #coupon #normalCoupon .numberHead { width: 98px; }
#contentsMainBoxInner #coupon #normalCoupon .priceHead { width: 65px; }
#contentsMainBoxInner #coupon #normalCoupon .detailTable .name { width: 207px; }
#contentsMainBoxInner #coupon #normalCoupon .detailTable .time { width: 165px; }
#contentsMainBoxInner #coupon #normalCoupon .detailTable .couponNum { width: 98px; }
#contentsMainBoxInner #coupon #normalCoupon .detailTable .price { width: 65px; }
#contentsMainBoxInner #coupon #normalCoupon .useBtn { padding-left: 40px; }

#contentsMainBoxInner #coupon #multiCoupon .nameHead { width: 265px; }
#contentsMainBoxInner #coupon #multiCoupon .timeHead { width: 153px; }
#contentsMainBoxInner #coupon #multiCoupon .numberHead { width: 105px; }
#contentsMainBoxInner #coupon #multiCoupon .priceHead { width: 65px; }
#contentsMainBoxInner #coupon #multiCoupon .detailTable .name { width: 218px; }
#contentsMainBoxInner #coupon #multiCoupon .detailTable .time { width: 153px; }
#contentsMainBoxInner #coupon #multiCoupon .detailTable .couponNum { width: 105px; }
#contentsMainBoxInner #coupon #multiCoupon .detailTable .price { width: 65px; }
#contentsMainBoxInner #coupon #multiCoupon .useBtn { padding-left: 10px; }

#contentsMainBoxInner #coupon #endCoupon .nameHead { width: 245px; }
#contentsMainBoxInner #coupon #endCoupon .timeHead { width: 173px; }
#contentsMainBoxInner #coupon #endCoupon .numberHead { width: 115px; }
#contentsMainBoxInner #coupon #endCoupon .orderHead { width: 115px; }
#contentsMainBoxInner #coupon #endCoupon .priceHead { width: 65px; }
#contentsMainBoxInner #coupon #endCoupon .detailTable .name { width: 207px; }
#contentsMainBoxInner #coupon #endCoupon .detailTable .time { width: 173px; }
#contentsMainBoxInner #coupon #endCoupon .detailTable .couponNum { width: 115px; }
#contentsMainBoxInner #coupon #endCoupon .detailTable .order { width: 115px; }
#contentsMainBoxInner #coupon #endCoupon .detailTable .price { width: 65px; }

#orderBox #coupon .couponTabBox .detailTable .disableTxtBg { width: 846px; }

/*=====================================================
__7. クレジットカード
=====================================================*/
.creditRegistSelectHead {
	margin: 0 0 10px 0;
	padding: 4px 4px 4px 10px;
	background: #d9d9d9;
}
.creditRegistSelectBox {
	margin-bottom: 40px;
	padding: 0 20px;
}
.creditInputA li {
	margin: 0 20px 15px 0;
}
.creditInputA .creditImgA { margin-left: 30px; }
.creditInputA li dt {
	width: 160px;
	margin-right: 10px;
	padding-top: .6em;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	float: left;
}
.creditInputA li dd { float: left; }
.creditInputA li input {
	padding: .18em .13em;
	font-size: 100%;
}
.creditInputA li.number input,
.creditInputA li.name input {
	width: 150px;
	margin-right: 1em;
}
.creditInputA li.expiryDate dd { padding-top: 2px; }
.creditInputA li select {
	height: 26px;
	font-size: 100%;
	border: 1px solid #999;
}
.creditInputA li.security input {
	width: 70px;
	margin-bottom: 16px;
}
.creditRegistBox p { margin-left: 170px; }
.creditRegistSelectBox .registeredCard {
	padding: 0 20px;
	border-bottom: none;
}
.creditRegistSelectBox .registeredCard .cardNumber { width: 392px; }

/*=====================================================
__8. 確認
=====================================================*/
.artistMailBox {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ababab;
}
.artistMailListTable {
	width: 100%;
	margin: 16px 0 8px;
}
.basketTable .artistMailListTable { margin: 8px 0 0; }
.artistMailListTable td {
	padding: 0 12px 6px 0;
	font-size: 92.3%;
	text-align: left;
}
.artistMailListTable .chk {
	width: 20px;
	padding-right: 0;
}
.artistMailListTable .chk input {
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
}
.artistMailList2 .lbl { width:398px; }
.basketTable .artistMailList2 .lbl { width: 286px; }
.artistMailList3 .lbl { width: 258px; }
.artistMailList { margin: 16px 0 8px; }
.basketTable .artistMailList { margin: 8px 0 0; }
.artistMailList li {
	margin-bottom: 12px;
	font-size: 92.3%;
	float: left;
}
.artistMailList3 li { width: 33%; }
.artistMailList2 li { width: 50%; }
.basketTable .artistMailList2 li { width: 49%; }
.artistMailList li input {
	width: 14px;
	height: 14px;
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
	display: block;
}
.artistMailList li span {
	margin: 0 10px 0 6px;
	float: right;
	display: block;
}
.artistMailList .newline { clear: both; }
.artistMailList3 li span { width: 256px; }
.artistMailList2 li span { width: 404px; }
.basketTable .artistMailList3 li span { width: 180px; }
.basketTable .artistMailList2 li span { width: 284px; }
.artistLeadInTable {
	width: 480px;
	font-size: 92.3%;
	float: left;
}
.artistRemoveInTable {
	width: 163px;
	text-align: right;
	float: right;
}
.orderItems {
	margin-bottom: 20px;
}
.orderItems table {
	width: 100%;
	margin-bottom: 5px;
	border-top: 1px solid #ababaa;
	border-left: 1px solid #ababab;
}
.orderItems th,
.orderItems td {
	padding: 14px;
	font-size: 92.3%;
	vertical-align: middle;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
}
.orderItems td { text-align: center; }
.orderItems th { font-weight: normal; }
.orderItems th .visual {
	width: 50px;
	float: left;
}
.orderItems th .visual img { max-width: 100%; }
.orderItems th p { margin: 0 0 4px 74px; }
.orderItems th p img {
	padding-right: .5em;
}

/*=====================================================
__9. 完了
=====================================================*/
.thanksHeadBox {
	margin-bottom: 20px;
	padding: 8px 8px 8px 25px;
	border: 1px solid #cd4285;
}
.thanksHeadBox h2 {
	font-size: 192.3%;
	font-weight: bold;
	line-height: 46px;
	float: left;
}
.thanksHeadBox p {
	padding: 0 46px;
	background-color: #f8c8e0;
	font-size: 153.8%;
	font-weight: bold;
	text-align: center;
	line-height: 46px;
	float: right;
}
.thanksConf {
	margin-bottom: 25px;
	padding: 0 40px 0 25px;
}
.thanksConf .announce {
	font-size: 153.8%;
	font-weight: bold;
	line-height: 1.3;
	float: left;
}
.thanksConf .btnOrderConf {
	margin-top: 8px;
	float: right;
}
#thanksArtist {
	margin-bottom: 20px;
	padding: 15px 25px;
	border: 1px solid #d9d9d9;
}
.artistHead {
	margin-bottom: 4px;
	font-size: 123.1%;
	font-weight: bold;
	color: #cd4285;
}
#thanksArtist .artistMailList {
	padding-top: 20px;
	border-top: 1px dotted #d9d9d9;
}
.btnArtistRegist { text-align: center; }

/*=====================================================
__10. IE6
=====================================================*/
div#mainArea04 { _float: none; }
div#contentsMain { _margin: 0; _float: none; }

/*=====================================================
__11. clearfix
=====================================================*/
.charIndent:after,
.orderIntro:after,
.basketIntro:after,
.basketNotice2col:after,
.btnHorizontal:after,
.addressEditWrap:after,
.newAddressList li:after,
.registeredCard li:after,
.creditRegist:after,
.creditInput:after,
.creditInput li dl:after,
.creditInputA li dl:after,
.anotherPayment:after,
.thanksHeadBox:after,
.thanksConf:after,
.artistMailList:after,
.anotherPayment .basketChkList li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.charIndent,
.orderIntro,
.addressEditWrap,
.btnHorizontal,
.basketIntro,
.basketNotice2col,
.newAddressList li,
.registeredCard li,
.creditRegist,
.creditInput,
.creditInput li dl,
.creditInputA li dl,
.anotherPayment,
.thanksHeadBox,
.thanksConf,
.artistMailList,
.anotherPayment .basketChkList li { zoom: 1; }