@charset "utf-8";

/* OrderFlow
-------------------------------------------------------------------------------------------*/
#orderFlowArea {
	width: 651px;
	margin: 15px 0 0 17px;
	padding: 30px 0 0 0;
	background: url(../images/common/dot_line_02.jpg) no-repeat left top;
	text-align: justify;
	text-justify: inter-ideograph;
}
#orderFlowArea li {
	list-style: none;
}
#orderFlowArea h2 {
	margin-bottom: 10px;
	font-weight: bold;
	clear: both;
}
#orderFlowArea h3 {
	margin-bottom: 2px;
	font-weight: bold;
}
#orderFlowArea p {
	margin-bottom: 55px;
}
#orderFlowArea p.order01 {
	margin-bottom: 30px;
}
#orderFlowArea ul {
	margin: 0 0 55px 0;
}
#orderFlowArea ul li {
	padding: 5px 0;
}
#orderFlowArea ul li span.number {
	float: left;
	clear: left;
	width: 30px;
	displaly: inline;
	padding: 0 0 5px 0;
	vertical-align: top;
}
#orderFlowArea .deliveryBox {
	margin-bottom: 55px;
}
#orderFlowArea .deliveryBox p.text {
	width: 435px;
	float: left;
}
#orderFlowArea .deliveryBox img {
	width: 195px;
	float: right;
}
#orderFlowArea p.busyTime {
	width: 100%;
	margin-bottom: 100px;
	padding: 0 0 70px 0; 
	background: url(../images/common/dot_line_03.jpg) no-repeat left bottom;
}


/* Order
-------------------------------------------------------------------------------------------*/
.order .leadText {
	width: 651px;
	margin: 15px 0 30px 17px;
	padding: 30px 0 0 0;
	background: url(../images/common/dot_line_02.jpg) no-repeat left top;
}
.order h2 {
	font-weight: bold;
	margin: 0 0 5px 17px;
}
.order table {
	font-size: 100%;
}

.order form {
	margin: 0;
	padding: 0;
}

/* 商品選択テーブル
------------------------ */
.order table.orderForm {
	width: 651px;
	margin-left: 17px;
	margin-bottom: 55px;
	line-height: 1.4;
}
.order table.orderForm th {
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #E5E1D6;
	background: url(../order/images/head_backgrouond.gif) repeat left top;
	text-align: center;
	color: #FFFFFF;
}
.order table.orderForm th.commodityName {
	border-right: 1px solid #FFFFFF;
}
.order table.orderForm th.unitPrice {
	width: 110px;
	border-right: 1px solid #FFFFFF;
}
.order table.orderForm th.amount {
	width: 110px;
	border-right: 1px solid #FFFFFF;
}
.order table.orderForm th.amountOfMoney {
	width: 110px;
}


.order table.orderForm td {
	height: 60px;
	padding: 2px 10px 2px 0;
	border-bottom: 1px solid #E5E1D6;
	text-align: right;
}
.order table.orderForm td.commodityImg {
	width: 86px;
}
.order table.orderForm td.commodityNameTd {
	padding-left: 40px;
	text-align: left;
}

.order table.orderForm td .money {
	width: 70px;
	margin-right: 5px;
	color: #444444;
	text-align: right;
}
.order table.orderForm td .moneyDelivery {
	width: 40px;
	margin-right: 5px;
	color: #444444;
	text-align: right;
}


.order table.orderForm td.monetaryAmount {
	height: 25px;
	padding: 15px 5px 0 0;
	border: none;
}
.order table.orderForm td.monetaryAmount span {
	font-weight: bold;
	margin-right: 5px;
}

.order table.orderForm td.monetaryAmount p {
	padding: 5px 0;
	font-size: 90%;
}
.order table.orderForm td.monetaryAmount span.total {
	color: #B12808;
}







/* 情報入力テーブル
------------------------ */
.order table.inputForm {
	width: 651px;
	margin-left: 17px;
	margin-bottom: 85px;
	line-height: 1.4;
}
.order table.form01 {
	margin-bottom: 45px;
}
.order table.inputForm th {
	width: 195px;
	padding: 10px 0;
	text-align: left;
	vertical-align: top;
}
.order table.inputForm th em {
	color: #B12808;
	font-style: normal;
	font-size: 90%;
}
.order table.inputForm td {
	padding: 10px 0;
	text-align: left;
	vertical-align: top;
}

.order p.giftText {
	margin: 0 0 15px 17px;
	color: #B12808;
}
.order table.inputForm td span.checkText {
	font-weight: bold;
}

.order table span.exampleText {
	line-height: 1.8;
	font-size: 95%;
}
.order table.inputForm td.submitArea {
	padding: 40px 0 50px 195px;
	background: url(../images/common/dot_line_03.jpg) no-repeat left bottom;
}


.text1 { width: 250px; }
.text2 { width: 150px; }
.text3 { width: 400px; }
.text4 { width: 50px; }

.text1,.text2,.text3,.text4 {
	border: 1px solid #7F9DB9;
	background-color: #FFFFFF;
	padding: 2px;
	color: #444444;
}
select { color: #444444; }

.text1:focus,.text2:focus,.text3:focus,.text4:focus {
	border-color: #C1D3FB; /* フォーカス時のボーダーの色を指定 */
	background-color: #FFFFFF; /* フォーカス時の背景色を指定 */
}


.lock {
	border-color: #CACACA; /* ロック時のボーダーの色を指定 */
	background-color: #DADADA; /* ロック時の背景色を指定 */
}
.errorBox {
	margin: 0 0 10px 17px;
}
.errorBox p {
	font-size: 100%;
	font-weight: bold;
	color: #B12808;
}
.errorComment {
	font-size: 100%;
	font-weight: bold;
	color: #B12808;
}



/* チェック・完了画面
-------------------------------------------------------------------------------------------*/
.order table.orderForm td.checkCommodityName {
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
}


.order table.inputFormCheck {
	width: 651px;
	margin-left: 17px;
	margin-bottom: 85px;
	line-height: 1.4;
	text-align: left;
}
.order table.inputFormCheck th.checkTh {
	width: 195px;
}
.order table.inputFormCheck th {
	padding: 10px 0;
	vertical-align: top;
	text-align: left;	// add by hasegawa 20100430
}
.order table.inputFormCheck th em {
	color: #B12808;
	font-style: normal;
	font-size: 90%;
}


.order table.inputFormCheck td {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
.order table.inputFormCheck td.checkTd {
	width: 400px;
}

.order table.inputFormCheck td.submitArea {
	padding: 40px 0 50px 190px;
	background: url(../images/common/dot_line_03.jpg) no-repeat left bottom;
}



.order dl.contact {
	margin-bottom: 300px;
	padding: 0 0 0 17px;
}
.order dl.contact dd dt {
	float: left;
	clear: left;
}