p.m10{margin: 10px 0px 10px 0px;}
p.f9{font-size: 9px;}
p.f10{font-size: 10px;}
p.f11{font-size: 11px;}
p.f12{font-size: 12px;}
p.f13{font-size: 13px;}
p.center{text-align: center;}
p.red{color:#f00;}
p.under{text-decoration: underline;}
p.pw10{padding-left: 10px; padding-right: 10px; }
p.pw30{padding-left: 30px; padding-right: 30px;}

.btn_payment{
		background-image:url('../img/btn_payment.jpg');
		width: 392px;
		height:55px;
		margin: 10px 0px 10px 0px;
		border: 0px;
}
.button_wrapper{
		text-align: center;
}

@order-base:#ff9966;
@order-info:#2ea7e0;


.cartList,#deliveryList,.orderend,.product,.order,.orderReceve{

	/* 変数定義 */
	@delete_color:#0F63FE;
	@copy_color:#f73614;
	@next_color:#0F63FE;
	@choose_color:#1cd13d;
	@top_color:#0F63FE;


	input[type="submit"]{
		text-indent: -2000px;
		border:0px;
		outline:none;
		border-radius:5px 5px 5px 5px;
	}
	.copy{  
		background-image:url('../img/new-copy.jpg');
		width: 94px;
		height:26px;
	}
	.delete{ 
		background-image:url('../img/new-delete.jpg');
		width: 94px;
		height:25px;
	}
	.choose{ 
		background-image:url('../img/new-choose.jpg');
		width: 136px;
		height:26px;
		margin-right: 40px;
	}
	.top{ 
		background-image:url('../img/new-top_page.jpg');
		width: 136px;
		height:25px;
		margin-top: 10px;
	}
	.next{  

		background-image:url('../img/new-next.jpg');
		width: 108px;
		height:26px;
	}
	.edit{ 
		background-image:url('../img/new-shipping_edit.jpg');
		width: 94px;
		height:26px;
	}
	.webnyukou{ 
		background-image:url('../img/btn_webnyukou.jpg');
		width: 392px;
		height:55px;
	}
	.ninushi{
		background-image:url('../img/btn_ninushi.png');
		width: 79px;
		height:24px;
	}
	.ninushi_return{
		background-image:url('../img/btn_ninushi_return.png') !important;
		width: 79px;
		height:24px;
	}
	.deliveryHistory-select{
		margin-top: 5px;
		background-image:url('../img/btn_deliveryHistory.png');
		width: 133px;
		height:24px;
	}
	.deliveryHistory-add{
		margin-top: 5px;
		background-image:url('../img/btn_deliveryHistory-add.png');
		width: 62px;
		height:24px;
		border-radius:0px 0px 0px 0px !important;
	}
	.deliveryHistory-remove{
		margin-top: 5px;
		background-image:url('../img/btn_deliveryHistory-remove.png');
		width: 76px;
		height:24px;
		border-radius:0px 0px 0px 0px !important;
	}
	.img-order1-select{
		margin-top: 5px;
		background-image:url('../img/btn_order1.png');
		width: 248px;
		height:39px; 
	}
	.img-order1-active{
		margin-top: 5px;
		background-image:url('../img/btn_order1_active.png');
		width: 248px;
		height:39px; 
	}

	.img-order1-hidden{
		margin-top: 5px;
		background-image:url('../img/btn_order1_hidden.png');
		width: 248px;
		height:39px; 
	}
	.img-order2-select{
		margin-top: 5px;
		background-image:url('../img/btn_order2.png');
		width: 248px;
		height:39px; 
	}
	.img-order2-active{
		margin-top: 5px;
		background-image:url('../img/btn_order2_active.png');
		width: 248px;
		height:39px; 
	}
	.img-order2-hidden{
		margin-top: 5px;
		background-image:url('../img/btn_order2_hidden.png');
		width: 248px;
		height:39px; 
	}
	.img-order3-select{
		margin-top: 5px;
		background-image:url('../img/btn_order3.png');
		width: 248px;
		height:39px; 
	}
	.img-order3-active{
		margin-top: 5px;
		background-image:url('../img/btn_order3_active.png');
		width: 248px;
		height:39px; 
	}
	.img-order3-hidden{
		margin-top: 5px;
		background-image:url('../img/btn_order3_hidden.png');
		width: 248px;
		height:39px; 
	}
	.img-order4-select{
		margin-top: 5px;
		background-image:url('../img/btn_order4.png');
		width: 248px;
		height:39px; 
	}
	.img-order4-active{
		margin-top: 5px;
		background-image:url('../img/btn_order4_active.png');
		width: 248px;
		height:39px; 
	}
	.img-order4-hidden{
		margin-top: 5px;
		background-image:url('../img/btn_order4_hidden.png');
		width: 248px;
		height:39px; 
	}
	.img-order5-select{
		margin-top: 5px;
		background-image:url('../img/btn_order5.png');
		width: 248px;
		height:39px; 
	}
	.img-order5-active{

		margin-top: 5px;
		background-image:url('../img/btn_order5_active.png');
		width: 248px;
		height:39px; 
	}
	.img-order5-hidden{
		margin-top: 5px;
		background-image:url('../img/btn_order5_hidden.png');
		width: 248px;
		height:39px; 
	}
	.img-order6-select{
		margin-top: 5px;
		background-image:url('../img/btn_order6.png');
		width: 248px;
		height:38px; 
	}
	.img-order6-active{
		margin-top: 5px;
		background-image:url('../img/btn_order6_active.png');
		width: 248px;
		height:38px; 
	}

	.img-order6-hidden{
		margin-top: 5px;
		background-image:url('../img/btn_order6_hidden.png');
		width: 248px;
		height:38px; 
	}
	.img-order7-select{
		margin-top: 5px;
		background-image:url('../img/btn_order7.png');
		width: 248px;
		height:38px; 
	}
	.img-order7-active{
		margin-top: 5px;
		background-image:url('../img/btn_order7_active.png');
		width: 248px;
		height:38px; 
	}
	.img-order7-hidden{
		margin-top: 5px;
		background-image:url('../img/btn_order7_hidden.png');
		width: 248px;
		height:38px; 
	}
	.img-order8-select{
		margin-top: 5px;
		background-image:url('../img/btn_order8.png');
		width: 248px;
		height:38px; 
	}
	.img-order8-active{
		margin-top: 5px;
		background-image:url('../img/btn_order8_active.png');
		width: 248px;
		height:38px; 
	}
	.img-order8-hidden{
		margin-top: 5px;
		background-image:url('../img/btn_order8_hidden.png');
		width: 248px;
		height:38px; 
	}
	.next-gray{
		margin-top: 5px;
		background-image:url('../img/btn_next_gray.png');
		width: 109px;
		height:26px; 
	}
	.icon_tab{
		margin-top: 5px;
		background-image:url('../img/icon_tab.png');
		background-size: contain;
		background-repeat: no-repeat;
		width: 10px;
		height:10px; 
	}
}
.cartList,#deliveryList,.orderend,.product{

	.product{
		margin: 20px 0px 0px 0px;
		width: 645px;

		div{display: inline-block;}
		.left{
			width: 100px;
			float: left;

		}
		.right{
			margin-left: 10px;
			width: 530px;
		}	
		 img{
			width: 100px;
			height: 100px;
			background-color: #2986C1;
			float: left;
			display: block;
		}
		dl{
			margin-bottom: 5px;
			padding:2px 2px 2px 0px;
			text-align: center;	
			width: 528px;
			dt{
				color: #FFFFFF;
				background-color: #2986C1;
				margin-bottom: 3px;
				padding: 5px 0px 5px 0px;
			}
		}
		.index{ 
			background-color: #2986C1; 
			width: 100px;height: 100px; 
			font-size: 30px;text-align: center;
			span{ line-height: 100px;font-size: 70px; color: #FFFFFF;}
		}
		.info{

			dd:nth-child(2n) {
				background-color: #D6E2FF;
			}
			dt{
				width: 103px;
				margin-right: 2px;
				padding: 5px 0px 5px 0px;
				float: left;
			}
			dd{
				width: 103px;
				padding: 5px 0px 5px 0px;
				margin-right: 2px;
				float: left;
			}
		}
		.send{
			margin-top:20px;
			margin-left: 2px;
			span{
				float: right;
				margin-top: 3px;
				color: #1F3AFF;
				font-size: 14px;
			}
			input{
				padding: 2px 2px 4px 2px;
				width: 100%;
			}
			p{
				font-size: 10px;
			}
		}
		.detail{
			margin-left: 0px;
			.edit{ margin-top: 100px; font-size: 12px; }
			.delete{ margin-top: 40%; }
			.copy{ margin-top: 10%; }
			margin-top: 20px;
			line-height: 22px;
			p{ color: #009944;  }
		}
		table.payment{
  			border-spacing: 5px;
			th{
				font-size: 13px;
				background: #FFFF00;
				width: 100px;
				
				text-align: center;
				height: 100%;vertical-align:middle;
			}
			td{

				padding: 3px 5px 3px 10px;
				text-align: left;
			}
		}
		.total{
			width: 100%;
			margin-top: 20px;
			line-height: 150%;
			p{
				padding-right: 0px;
				text-align: right;
			}
			.strong{
				margin: 4px 0px 4px 0px;
				padding: 8px 0px 8px 0px;
				border-width: 1px 0px 1px 0px;
				border-style: solid;
			}
		}
	}
}
.orderReceve{
		width: 645px;
		margin: 0px;padding: 0px;
		border:2px solid #ff9966;
		height: auto;

		.send{
			strong{
				display: inline-block;
				width: 100%;
				text-align: center;
				color: #FFFFFF;
				background-color: #ff9966;
				font-size: 18px;
				line-height: 1.5;
				padding: 5px 0px;
			}
			div{
				width: 316px;
				display: inline-block;
				margin: 3px;
				float: left;
				text-align: center;
				margin-bottom: 20px;

				button{
					display: inline-block;
					width: 80%;
					font-size: 16px;
					border-radius: 8px;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
					em{ font-size: 14px; }
				}
			}
			.type1{
				padding-bottom: 24px;
				strong{
					background-color:#009999;
				}
				input{
					margin-top: 20px !important;
					background-color: #bdede6;
					border-color: #e6a10d;
				}
			}
			.type2{
				padding-bottom: 24px;
				strong{
					background-color:#FF6666;
				}
				input{
					margin-top: 23px !important;
					background-color: #e9b4a1;
					border-color: #e6a10d;
				}
			}
			.type3{
				width: 100%;
				p{color:#f00;font-size: 16px;margin-bottom: 10px;}
			}
		}
	}

	.summary{
		text-align: right;
		width: 645px;
		border-bottom:1px solid;
		padding-bottom: 5px;
	}
	.nyukoku{
		text-align: center;
		margin: 10px 0px 10px 0px;
	}
	.orderInfo{
		margin: 0px;
		padding: 0px;
		table{
			 width: 645px;
			 border-collapse:collapse;
			 margin-bottom: 20px;
		}
		caption{
			line-height: 1.5;
			font-size: 18px;
			padding: 5px 0px;
			border-bottom: 1px solid #FFFFFF;
		}
		td,tr{
			padding: 5px 0px;
		}
		td{
			width: 110px;height: 30px;
			line-height: 30px;
			font-size: 13px;
			border-top: 1px solid #FFFFFF;
		}
		th{
			border :solid 1px;
			border-color: @order-info;
			text-align: left;
			padding-left: 10px;
			font-weight:normal;

		}
		caption,td{
			color: #FFFFFF;
			text-align: center;
			background-color:@order-info;
		}
		.first{border-top: 1px solid #FFFFFF;}	
		.last{border-bottom: 1px solid @order-info;
	}
}

.order{
		@basic-size :16px;
		@mini-size :13px;
		width: 645px;
		display: inline-block;
		margin: 0px;padding: 0px;

		strong{
			display: inline-block;
			width: 50%;text-align: left;padding-left:20px;
			font-size: 18px;line-height: 30px;
			background-color: @order-base;color: #FFFFFF;
			margin-right: 10px;
		}
		p{ font-size: @mini-size; padding: 5px 10px 5px 10px; }
		dl{ margin: 20px 00px 0px 20px;}
		dt,dd{font-size: @basic-size ; margin-bottom: 5px}
		dt{ width: 150px;text-align: right; float: left;
			min-height: 2px; 
		}

		footer{
			margin-bottom:-5px;

			dl,dt{margin: 0px;padding:0px;display:inline-block; //height: 30px;
					background-color: @order-base;
					font-size: @mini-size;
					margin: 0px;padding: 0px;display: inline-block;}
			dl{
				width: 100%;
			}
			dt{width: 203px; ;text-align: left; padding-left: 8px; font-size: @mini-size;line-height: 30px;}
			span{color: #FFFFFF; display: inline-block; width:auto;margin: 0px;padding: 0px; font-size: 14px;}
			.right{text-align: right; min-width: 80px; em{ font-size: 10px; }}
			.icon{ color: #000000;margin-right: 5px; }	
		}
		.text-row{
			padding: 20px;font-size: 14px;

			.submit{display: inline-block; }
			.span{
				font-size: 16px;
				display: inline-block;
			}
		}
		.send-address{
			margin: 5px 5px 5px 5px;
			input{padding: 6px;}
			select{padding: 6px;}
			table{border-collapse:collapse; margin: 0px;padding: 0px;}
			td, th{
				border: 1px solid; border-color: @order-base; 
				line-height: 1.5;
			}

			td{border-right: 0px; width: 150px ;padding-left: 10px;}
			th{border-left: 0px; width: 480px;text-align: left;　font-weight:normal;}　
			footer{
				li{width: 48%; float: left;}
				span{width: auto;}
			}
		}

		.deliveryHistory-add{margin-left: 140px;}
		.deliveryHistory-remove{margin-left: 120px;}
		p.phone{font-size: 15px;}
		p.ritou{ font-size: 12px;  }
		.state_id{
			border:0px;
			-webkit-appearance:none;
			-moz-appearance:none;
			appearance:none;
			border-radius:0px 0px 0px 0px !important;
			padding:0px 5px 0px 5px;
		}
		.TimeType{
			.radio{ float: left; }
			label{display: inline-block !important;width: auto!important; float: none !important;margin-bottom: 0px !important;}

		}
		.carrier{
			label{display: inline-block !important;width: auto!important; float: none !important;margin-bottom: 0px !important;}
		}
		.directMessage{ display: inline-block;font-size: 13px;line-height: 1.5;}
	}