@charset "UTF-8";

/*
#Contents div,
#Contents form,
#Contents ul,
#Contents li,
#Contents dl,
#Contents dt,
#Contents dd,
#Contents p { line-height: 1.5em; }
*/

/* 注文内容関連　*/
.orderBox{margin-top:15px;}
.orderBox a{text-decoration: underline;}
.orderBox a:hover{text-decoration: none;}

.orderBox h3 div.cartNo{text-align:left;float:left;}
.orderBox h3 div.cartLink{text-align:right;}
.orderBox h3 div.cartLink a{font-size:9px;color:#FFFFFF;}
.orderBox h4{border:#ADC3D0 solid 1px;background-color:#C8D3DA;color:#333333;padding:8px 0px 8px 11px;font-size:12px;}

.orderBox div.last div.box{ border-bottom:none!important;}
.orderBox div.box{padding:20px 0;margin-bottom:2px;border-bottom:#ccc solid 1px;}
.orderBox div.box div{ width:298px;}
.orderBox div.box em{font-style:normal;font-weight:bold;color:#333333;display:block;padding-bottom:8px;}
.orderBox div.box dl{width:298px;padding-bottom:15px;}
.orderBox div.box dt{width:120px;float:left;padding:1px 0px;clear:left;}
.orderBox div.box dd{padding:0px;}
.orderBox div.box dd p{width:168px;}
.orderBox div.box dd small{display:block;}
*html .orderBox div.box dd p{width:165px;}

.orderBox div.list{padding:15px 0;}
.orderBox div.list p{padding-top:10px;}
.orderBox div.list dt{color:#333333;font-weight:bold;padding:3px 0px 3px 5px;background-color:#ECF2F5;margin:5px 0px 5px 0px;}
.orderBox div.list dt input{vertical-align:sub!important;}
.orderBox div.list dd p{padding:5px 0px 10px 0px!important;}
.orderBox div.list li{padding:10px 0px 0px 11px;background: url(../../Contents/ImagesPkg/common/bg_spot.gif) no-repeat 0em 1.2em;}
.orderBox div.memo {padding:14px 21px 5px 21px;}

.orderBox div.userProduct{padding:0px 21px;border-bottom:#ccc solid 1px;}
.orderBox div.userProduct div{ width:298px;padding:10px 0px 11px 0px;background: url(../../Contents/ImagesPkg/common/line_dottedB.gif) repeat-x left bottom;}
.orderBox div.userProduct div.last{background:none!important;}
.orderBox div.userProduct dl{width:298px;font-size:10px;}
.orderBox div.userProduct dt{width:48px;float:left;}
.orderBox div.userProduct dt a{ display:block; text-align:center;}
.orderBox div.userProduct dt img { width: 100%; }
.orderBox div.userProduct dt a img { width: 100%; }
.orderBox div.userProduct dd{width:228px;float:right;}
.orderBox div.userProduct dd strong{display:block;padding-top:15px;}
.orderBox div.userProduct dd strong a{color:#333333;padding-left:10px;background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em 0.5em; display:block;font-size: 12px;}
.orderBox div.userProduct .quantity{
padding-top:0;
}
.userBox{}
.userBox a{text-decoration: underline;}
.userBox a:hover{text-decoration: none;}
.userBox div.top{}
.userBox div.bottom{}
.userBox img{ vertical-align:middle;}
.userBox dt{ padding-top:17px; font-weight:bold; color:#333333;}
.userBox dt span{ font-weight:normal!important;}
.userBox dd{padding-top:2px;}
.userBox dd small.btn_add_sea{display:none;}
.userBox dd a.gotop{float:right; color:#333333;}

.userList{padding:15px 0px;}
.userList img{ vertical-align:middle;}
.userList dt{ padding-top:17px; font-weight:bold; color:#333333;}
.userList dt span{ font-weight:normal!important;}
.userList dd{padding-top:2px;}
.userList dd.last{ padding-bottom:0px!important;}
.userList div.subbox{
	margin:18px 0px 2px 0px;
	padding-top:4px;
}
*html .userList div.subbox{ margin-bottom:10px!important;}
.userList div.subbox input{ vertical-align:sub!important;}
.userList div.subbox p{padding:11px 15px;background-color:#EEEEEE;}
.userList div.subbox span{ display:block; padding-top:5px;}
.userList div.subbox img{ display:block;}


.orderComplete{ padding:15px 0px; width:100%; margin:0 auto;}
*html .orderComplete{ width:877px;}
.orderComplete p, dt, dd{text-align:left;}
.orderComplete h3{padding:5px 0px 5px 11px;}
.orderComplete h4{
border: 0;
    background-color: #ccc;
    color: #333333;
    padding: 14px;
    font-size: auto;}

.orderDetail{
	padding:0px 30px 6px 30px; margin:15px 0px 10px 0px; width:777px;
}
.orderDetail2{
	padding:0px 30px 6px 30px; margin:15px 0px 10px 0px; width:777px;
}
*html .orderDetail{width:837px;}
.suborderDetail{width:777px;}
.orderComplete div.orderDetail div.left,
.orderComplete div.orderDetail div.right{width:50%;}
.orderComplete div.orderDetail div.left div,

.orderComplete div.orderDetail em{font-style:normal;font-weight:bold;color:#333333;display:block;padding-bottom:8px;}
.orderComplete div.orderDetail dl{width:355px;padding-bottom:8px;}
.orderComplete div.orderDetail dl.last{ padding-bottom:0px!important;}
.orderComplete div.orderDetail dt{ width:140px;float:left;padding:1px 0px;}
.orderComplete div.orderDetail dd{padding:1px 0px 1px 150px;font-weight:normal;}
.orderComplete div.orderDetail dd p{width:200px;}
.orderComplete div.orderDetail dd.paymentinfo
{
	padding:5px 0px 1px 0px;
}
.orderComplete div.orderDetail dd.paymentinfo table
{
	padding:5px;
	border :solid 2px #888;
}
.orderComplete div.orderDetail dd.paymentinfo table td
{
	vertical-align :top;
	font-size:10px;
}


.orderComplete div.productList{ padding:0px 0px 0px 0px; width:100%;}
.orderComplete div.product{ padding:15px 0px; width:100%;border-bottom:#DDDDDD solid 1px;}
.orderComplete div.product div{ width:100%; margin:0px 10px;}
.orderComplete div.productList dl.name{width:486px;float:left;}
.orderComplete div.productList dl.name dt{width:70px;float:left;}
.orderComplete div.productList dl.name dt a{ display:block; text-align:center;}
.orderComplete div.productList dl.name dd{ width:100% !important; float:none !important;font-weight:bold;}
.orderComplete div.productList dl.name dd span{ display:block; }
.orderComplete div.productList dl.name dd a{color:#333333;}
.orderComplete div.productList p.subtotal{width:170px;text-align:right;float:right;padding-top:25px; font-weight:bold;}
.orderComplete div.productList td.name{width:486px;}
.orderComplete div.productList td.name dl{width:486px;float:left;}
.orderComplete div.productList td.name dt{width:70px;float:left;}
.orderComplete div.productList td.name dt a{ display:block; text-align:center;}
.orderComplete div.productList td.name dd{ width:395px; float:right;font-weight:bold;}
.orderComplete div.productList td.name dd span{ display:block; padding-top:25px;}
.orderComplete div.productList td.name dd a{color:#333333;padding-left:10px;background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em 0.4em;}
.orderComplete div.productList td.quantity{width:120px;text-align:left;vertical-align:middle;}
.orderComplete div.productList td.subtotal{text-align:right;font-weight:bold;vertical-align:middle;}

.orderComplete div.productList div.product2{ padding:8px 0px 0px 0px; width:807px;border-bottom:#DDDDDD solid 1px;}
.orderComplete div.productList div.product2 dl.name dd span{padding-top:10px; display:block;}
.orderComplete div.productList div.product2 p.quantity{text-align:left;}
.orderComplete div.productList div.product2 p.subtotal{width:170px;text-align:right;float:right;padding-top:10px; font-weight:bold;}
.orderComplete div.orderDetail div.box {width:360px; padding: 10px 10px 15px 15px; float:left}

.orderComplete div.cartOrder{padding-top:20px; width:807px;}
.orderComplete div.cartOrder dl{ width:260px!important;}
.orderComplete div.subcartOrder{width:100%; padding-bottom:10px;}
.orderComplete div.sumBox{width:338px; float:left;margin-top:0px!important;}

.orderComplete .productList { width: 100% !important; }

.orderComplete div.sumBox dl{width:338px!important;background: none!important;padding-top:0px!important;margin-top:0px!important;}
.orderComplete div.priceList{ padding-top:0px!important; width:100%!important; float:right;}
.orderComplete div.priceList div{ width:100%;}

.orderCompleteSum{padding:0px 0px; margin: 0 auto; }
*html .orderCompleteSum{ width:100%;}
.suborderCompleteSum{ width:100%;}
.orderCompleteSum div.sumBox{width:100%;margin-top:0px!important;}
.orderCompleteSum div.sumBox dl{width:338px!important;background: none!important;padding-top:0px!important;margin-top:0px!important;}
.orderCompleteSum div.sumBox p{width:100%;}
.orderCompleteSum span{ display:block; padding-top:10px; text-align:center;margin:50px auto;}
.orderCompleteSum div.left,
.orderCompleteSum div.right{ width:100%;}

/* 決済画面 */
.orderSettlement{ padding:0px 20px 20px 20px; width:837px;}
*html .orderSettlement{ width:877px;}
.orderSettlement h3{background: url(../../Contents/ImagesPkg/common/top_boxD.gif) no-repeat left top;font-size:11px;color:#FFFFFF;padding:5px 0px 5px 11px;}
.orderSettlement div.background{
	background: url(../../Contents/ImagesPkg/common/bg_boxD.gif) repeat-y left top;width:837px;
}
.orderSettlement div.bottom{
	background: url(../../Contents/ImagesPkg/common/btm_boxD.gif) no-repeat left bottom;width:837px;
}
.orderDetail{
padding: 20px 0;
    margin: 0;
    width: 100%;
    background: none;
}
*html .orderDetail{width:837px;}
.suborderDetail{width:100%;}
.orderSettlement div.orderDetail em{font-style:normal;font-weight:bold;color:#333333;display:block;padding-bottom:8px;}
.orderSettlement div.productList td.name{width:60%;float:left;}
.orderSettlement div.productList td.quantity{width:40%;text-align:left;}
.orderSettlement div.status{font-style:normal;font-size:large;font-weight:bold;color:#333333;display:block; padding:4px 0px 8px 0px;float:right;} 

/* カート選択 */
/*#dvOrderBox *{color: black;background: transparent;margin: 0;padding: 0;}*/
#dvOrderBox p{margin:0px;padding:0px;}
#dvOrderBox h2,
#dvOrderBox h3{clear: both;font-weight: normal;line-height: 1.2;margin:0px;}
/*
#dvOrderBox a:link{color:#3876DA;line-height:1.4;text-decoration:none;}
#dvOrderBox a:visited{color:#3876DA;line-height:1.4;text-decoration:none;}
#dvOrderBox a:hover{color:#3876DA;line-height:1.4;text-decoration:underline;}
#dvOrderBox a:active{color:#3876DA;line-height:1.4;}
*/

#dvOrderBox table{}
#dvOrderBox table img{vertical-align:middle;}
#dvOrderBox table .productPrice img { height: 20px; }
#dvOrderBox table td,
#dvOrderBox table th{empty-cells:show;vertical-align:middle;color:#333;}
#dvOrderBox table td img,
#dvOrderBox table th img{}
#dvOrderBox table th{text-align:left;}
#dvOrderBox table td{line-height:1.4!important;}
#dvOrderBox h2{margin:20px 0px 20px 0px;font:bold 12px "ＭＳ Ｐゴシック";}
#dvOrderBox h3{margin:10px 0px 10px 0px;font:bold 12px "ＭＳ Ｐゴシック", Arial;}
#dvOrderBox{
	/*width:700px;margin-left:75px;margin-top:10px;*/
	width:100%;
	margin: 10px 0;
}
#dvOrderBox #dvCartSelect{}
#dvOrderBox #dvCartSelect p{margin:5px 0px 20px 0px;padding:10px;background-color:#ececec;line-height:1.6;}
#dvOrderBox #dvCartSelect table{width:100%;padding:0;margin:0px 0px 20px 0px;border-spacing:0;empty-cells:show;border-bottom-style:solid;border-bottom-width:1px;border-collapse:collapse;}
#dvOrderBox #dvCartSelect table th{border-top-style:solid;border-top-width:1px;padding:4px;font-weight:bold;text-align:left;}
#dvOrderBox #dvCartSelect table td{border-top-style:solid;border-top-width:1px;padding:4px;text-align:left;}
#dvOrderBox #dvCartSelect table .productImg{width:80px!important;text-align:center;}
#dvOrderBox #dvCartSelect table .productName{width:300px;}
#dvOrderBox #dvCartSelect table .productName img { height: 20px; }
#dvOrderBox #dvCartSelect table .productPrice{width:200px;}
#dvOrderBox #dvCartSelect table .remark{width:100px;text-align:center;}
#dvOrderBox #dvCartSelect table .remark .addCheckAll{text-decoration-line: underline;}
#dvOrderBox #dvCartSelect table .remark .removeCheckAll{text-decoration-line: underline;}

#dvOrderBox .dvOrderBtnBox{margin:0px;padding-top:20px;padding-bottom:10px;}
#dvOrderBox .dvOrderBtnBox p{text-align:center;}
#dvOrderBox .dvOrderBtnBox p span{margin:0px 5px;}

#dvOrderBox table{border-color:#ccc;background-color:#ececec;}
#dvOrderBox table th{color:#444!important;border-color:#ccc;}
#dvOrderBox table td{border-color:#ccc;background-color:#fff;}

/* 注文配送先選択（ギフト）　*/
.orderBoxLarge {border:#ccc:padding:15px;}
.orderBoxLarge a{text-decoration: underline;}
.orderBoxLarge a:hover{text-decoration: none;}
.orderBoxLarge h3{
background-color: #ce7a51;
    font-size: 11px;
    color: #FFFFFF;
    padding: 10px;
    margin: 0;
				margin-bottom:15px;

}
.orderBoxLarge select{
margin-top:10px;
}
.orderBoxLarge h3 div.cartNo{text-align:left;}
.orderBoxLarge h3 div.cartNo a{font-size:11px;color:#FFFFFF;}
.orderBoxLarge h3 div.cartLink{text-align:right;}
.orderBoxLarge h3 div.cartLink a{font-size:10px;color:#FFFFFF;}
.orderBoxLarge h4{
color:#333333;padding:	10px 0;font-size:12px;

}
.orderBoxLarge h4 div.cartNo{
    text-align: left;
    float: none;

    background: none;
    font-size: 15px;
    padding: 10px 0px;
    margin: 0;
				}
.orderBoxLarge h4 div.cartLink{text-align:right;}
.orderBoxLarge h4 div.cartLink a{font-size:10px;}
.orderBoxLarge h5{
    border: none;
    background-color: #e4e4e4;
    color: #333333;
    padding: 8px;
    font-size: 14px;
    margin: 0;
				margin-bottom:15px;
}
.orderBoxLarge h5 a{font-size:11px;}
/*.orderBoxLarge div.bottom{padding-bottom:13px;}*/
.orderBoxLarge div.addShipping{clear:both;}

.orderBoxLarge div.last div.box{ border-bottom:none!important;}
.orderBoxLarge div.box{padding:14px 21px 15px 21px;margin-bottom:2px;border-bottom:#ccc solid 1px;}
.orderBoxLarge div.box div{ width:298px;}
.orderBoxLarge div.box em{font-style:normal;font-weight:bold;color:#333333;display:block;padding-bottom:8px;}
.orderBoxLarge div.box dl{width:298px;padding-bottom:15px;}
.orderBoxLarge div.box dt{width:120px;float:left;padding:1px 0px;}
.orderBoxLarge div.box dd{padding:1px 0px 1px 130px;}
.orderBoxLarge div.box dd p{width:168px;}

*html .orderBoxLarge div.box dd p{width:165px;}

.orderBoxLarge div.list{}
.orderBoxLarge div.list p{padding-top:10px;}
.orderBoxLarge div.list dl{padding:3px 0px 0px 0px;}
.orderBoxLarge div.list dt{clear:both;float:left;width:120px;color:#333333;font-weight:bold;padding:0px;margin:10px 0 5px 0px;}
.orderBoxLarge div.list dt input{vertical-align:sub!important;}
.orderBoxLarge div.list dd {padding: 0;
    margin: 10px 0 5px 0;
    line-height: 1.6em;
    display: inline-block;}
.orderBoxLarge div.list dd.error {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px!important;}


@media screen and (max-width: 760px) {
.orderBoxLarge div.list dt{
width:100px;
}
.suborderCompleteSum{ width:100%;}
}

.orderBoxLarge div.list li{padding:10px 0px 0px 11px;background: url(../../Contents/ImagesPkg/common/bg_spot.gif) no-repeat 0em 1.2em;}
.orderBoxLarge div.memo {padding:14px 21px 5px 21px;}


.orderBoxLarge div.userListFloat{ float:left; width:100%;padding:10px;margin-top:25px; }
.orderBoxLarge div.userListFloat:first-child{ ;margin-top:0; }
.orderBoxLarge div.userListWide{ float:left; width:100%; padding:10px;   }
.orderBoxLarge div.userListWide .inner{ padding:10px 10px 0px 10px;}

.orderBoxLarge div.userProductBox{ width:100%; background-color:#fff;  }
.orderBoxLarge div.userProductTitle{padding:0px 2px 0px 20px;}
.orderBoxLarge div.userProduct{padding:0px 0;}
.orderBoxLarge div.userProduct div{ width:100%;padding:0px 0px 5px 0px;}
.orderBoxLarge div.userProduct div.last{background:none!important;}
.orderBoxLarge div.userProduct dl{}
.orderBoxLarge div.userProduct dt{width:48px;float:left;}
.orderBoxLarge div.userProduct dt a{ display:block; text-align:center;}
.orderBoxLarge div.userProduct dd{width: 72%;
    margin-left: 10px;
    float: left;}
.orderBoxLarge div.userProduct dd strong{display:block;padding-top:15px;}
.orderBoxLarge div.userProduct dd strong a{color:#333333;padding-left:10px;background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em 0.5em;}
.orderBoxLarge div.userProduct p.quantity input{border:#AAAAAA solid 1px;width:28px;text-align:center;}


/* LandingOrderPage */

.LandingOrderPage #Contents div.main,
.LandingOrderPage #Contents div.submain { width: 850px !important; padding: 0; background-image: none;}
.LandingOrderPage .columnLeft,
.LandingOrderPage #Contents .columnLeft div.column { width: 450px !important; }
.LandingOrderPage .userBox { background-image: none; }
.LandingOrderPage .userBox dt {
	background-color: #eee;
	padding: 4px;
}
.LandingOrderPage .userBox dd {
	padding: 4px 4px 20px;
}
.LandingOrderPage .userBox div.bottom {
	background-image: none;
	padding: 0;
}

/* 同梱注文選択画面 / OrderCombineSelectList */
.OrderCombineSelectlist table:hover {
	background-color: #fbfbfb;
}
.OrderCombineSelectlist table:last-child {
	margin-bottom: 30px;
}
.OrderCombineSelectlist .title {
	width: 100%;
	font-size: 15px;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #333;
}
.OrderCombineSelectlist table {
	width: 100%;
	border-bottom: 1px solid;
}
.OrderCombineSelectlist .selected {
	background-color: #f1f1f1;
}
.OrderCombineSelectlist .radio {
	width: 60px;
	border-bottom: 1px solid #333;
	text-align: center;
	cursor: pointer;
}
.OrderCombineSelectlist table td {
	padding: 7px;
	line-height: 1.3;
}
.OrderCombineSelectlist table th {
	padding: 7px;
	line-height: 1.3;
	width: 150px;
	font-weight: normal;
	text-align: right;
}
.InternationalShippingAttention {
    color: red;
}

/*領収書情報入力用*/
.order-amazonpay-receipt {
  width: 780px;
  padding: 0 50px;
  margin: 20px auto;
}
.order-amazonpay-receipt h4 {
  border:#ADC3D0 solid 1px;
  background-color:#C8D3DA;
  color:#333333;
  padding:8px 0 8px 11px;
  font-size:12px;
}
.order-amazonpay-receipt div.input {
  border: 1px solid #bbb;
  border-radius: 6px;
}
.order-amazonpay-receipt .receipt-info { padding: 14px 21px 15px 21px; }
.order-amazonpay-receipt .receipt-info dt { padding-top: 10px; }
.order-amazonpay-receipt .receipt-info dd { padding-top: 10px; }
.order-amazonpay-receipt .receipt-info p { padding-top: 5px; }


.cth2{
margin:10px 0 !important;
}
.cth2 .cartNo{
font-size:16px;
}
.subSumBox p span{
font-weight:bold;
font-size:18px;
}
.pad0{
padding:0;
background-color:#fff;
}
@media screen and (max-width: 760px) {
.orderBoxLarge div.list dd{
width:100%;
}
.shoppingCart h2{
width:100%;
}
.cth2 .cartNo{
font-size:15px;
}
.orderComplete div.orderDetail div.left, .orderComplete div.orderDetail div.right{
float:none;

}
.orderComplete div.orderDetail div.right{


margin-top:20px;
}
#CartList div.productList dl.name dt{
width:20%;
}
.orderComplete div.priceList{
width:100% !important;
}
.orderComplete div.priceList div{
width:100%;
}
.orderDetail{
background:none;
width:100%;
}
.orderCompleteSum{
width:100%;
}
.orderCompleteSum div.left, .orderCompleteSum div.right{
float:none;
width:100%;
}
.orderCompleteSum div.sumBox,.orderCompleteSum div.sumBox p{
width:100%;
}
}


.orderComplete div.productList dl.name dd {
    width: 69% !important;
    float: none !important;
    margin-left: 155px !important;
    font-weight: normal;
				margin-bottom:0 !important;

}

.orderComplete .quantity{
clear:none !important;
}

@media screen and (max-width: 760px) {
.orderComplete div.productList dl.name dd {
margin-left: 25% !important;
}
}

.orderBoxLarge div.userProduct dl:after{
content: "";
display: block;
clear: both;
}