@charset "utf-8";

.cart-container {
	/*width: 900px;*/
	font-size: 14px;
	line-height: 1.5;
	margin: 0 auto;
}

.cart-title {
	background: #008b8b;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
	border-radius: 5px;
}

.step-guide {
	padding: 10px;
	margin-bottom: 30px;
}
.step-guide ul {
	list-style-type: disc;
	padding-left: 25px;
}

textarea {
	width:90%;
	padding: 7px;
}

/*----- button -----*/
.btn-area {
	margin-top: 50px;
}
.back-btn-box {
	float: left;
	display: inline-block;
}
.next-btn-box {
	float: right;
	display: inline-block;
}
.cartback-btn-box {
	margin-top: 10px;
}
.img-margin {
	margin-right: 10px;
}

/*----- form area -----*/
.form-area {
	width: 950px;
	margin: 0 auto;
}

/*----- navi -----*/
.cart-navi-area {
	margin-bottom: 30px;
}
.navi-arrow {
	height: 33px;
	vertical-align:middle;
}
.navi-arrow-td {
	padding:0;
}
.navi-td {
	font-size: 15px;
	padding: 5px 25px;
	font-weight: bold;
	color: #222222;
}
.navi-on {
	background: #ffcc00;
}
.navi-off {
	background: #cccccc;
}

/*---- cart table -----*/
.cart-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	border-radius: 5px;
	background:#F4A460;
	/*table-layout:fixed;*/
}
.table-th {
	background: #F4A460;
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}
/* 角丸 */
.th-topleft {border-radius: 5px 0 0 0;}
.th-topright {border-radius: 0 5px 0 0;}
.td-bottomleft {border-radius: 0 0 0 5px;}
.td-bottomright {border-radius: 0 0 5px 0;}

/*--- カートが空の時の下段角丸 -----*/
.not_cart {
	background: #ffffff;
	padding: 10px;
	border-radius: 0 0 5px 5px;
}

.cart-td {
	background: #ffffff;
	padding:5px;
	font-size: 15px;
}
.model-td {
	text-align: center;
}
.title-td {
	font-weight: bold;
	padding-left: 15px;
	font-size: 16px;
}
.price-td {
	text-align: right;
	font-weight: bold;
}
.cont-td {
	text-align: center;
}
.tax-in {
	font-size: 13px;
	font-weight: normal;
}

/*----- step2以降のtable -----*/
.cart-table-normal {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	/*border-radius: 5px;*/
	background: #696969;
}

.table-th-n {
	background: #F4A460;
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

.total-title-td {
	background: #FFEBCD;
	text-align: right;
	font-weight: bold;
}
.total-price-td {
	background: #FFEBCD;
	text-align: right;
	font-weight: bold;
	color: #DC143C;
	padding: 5px;
	font-size: 15px;
}

/*----- 削除ボタン -----*/
.btn-delete {
	padding: 5px;
	background: #dcdcdc;
	font-size: 12px;
	color: #222222;
	border-radius: 3px;
	display: inline-block;
}
.btn-delete-icon {
	vertical-align: middle;
	margin-right: 3px;
}


/*----- ボタン系 -----*/

/* 次のステップへ */
.step_next_btn {
	display: inline-block;
	background: #FFA500;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px;
}
.cart-back-btn {
	display: inline-block;
	background: #999999;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px;
}
/* ホームへ */
.home-back-btn {
	display: inline-block;
	background: #999999;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px;
	font-size: 16px;
}

/*----- フォーム系 -----*/
.cart-form-title {
	margin-bottom: 7px;
	font-weight: bold;
	font-size: 17px;
}
.title-top-margin {
	margin-top: 30px;
}

.cart-form-th {
	background: #FFDEAD;
	padding: 5px;
	width: 200px;
	font-weight: bold;
	text-align: right;
	font-size: 15px;
}
.payment-th {
	width: 200px;
	vertical-align: top;
}
.cart-form-td {
	background: #ffffff;
	padding: 7px;
}
.pre-td {
	font-weight: bold;
}

#cart-form input[type="text"].customer {
border:0;
padding:7px;
font-size:1.2em;
/*font-family: Arial, sans-serif;*/
/*color:#333333;*/
border:solid 1px #ccc;
/*margin:0 0 20px;*/
width:400px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

#cart-form input[type="text"]:focus {
    border:solid 1px #EEA34A;
}

.payment-way {
	font-weight: bold;
	font-size: 15px;
	color: #222222;
	display: inline-block;
}
.payment-way:hover {
	cursor: pointer;
}
.way-topmargin {
	margin-top: 15px;
}
.sec_line {
	height: 7px;
	background-image: url(../images/caption_secline.gif);
	background-repeat: repeat-x;
}
.guide-box {
	padding:10px;
	font-size: 13px;
	/*background: #f6f6f6;*/
	/*margin-bottom: 15px;*/
}
.back-w {
	background:#ffffff;
}

.paypal-logo-left {
	float: left;
	display: inline-block;
	margin-right: 7px;
}
.paypal-guide {
	float: left;
	display: inline-block;
	font-size: 12px;
}

.payment-guide {
	font-size: 14px;
	margin-top: 5px;
	font-weight: normal;
}
.add-payment-guide {
	font-weight: bold;
}
.cart-form-text {
	font-weight: bold;
	font-size: 15px;
}

/*----- credit card -----*/
.card-th {
	background: #FFE4B5;
	font-weight: bold;
	vertical-align: top;
	padding: 5px;
	width: 150px;
	font-size: 15px;
	text-align: right;
}
.card-td {
	background: #ffffff;
	padding: 5px;
}
.card-regist-guide-box {
	font-size: 13px;
	margin-top: 3px;
	padding: 5px;
	background: #f7f7f7;
}
.card-guide {
	margin-top: 5px;
}
.order-card-no {
	font-weight: bold;
	font-size: 16px;
}

/*----- 請求書など -----*/
.invoice-box {
	font-weight: bold;
	font-size: 15px;
}

/*----- step3 -----*/
.comment-tds {
	font-size: 14px;
	line-height: 130%;
}

/*--- decide btn -----*/
.decide-btn-area {
	margin-top: 50px;
	text-align: center;
}
.decide-btn-box {
	display: inline-block;
	padding: 7px;
	border: 2px solid #F4A460;
	border-radius: 5px;
}
.decide-btn {

	padding:15px 50px;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	background: #F4A460;
	border-radius: 5px;
}
.decide-btn:hover {
	background: #FF8C00;
}
.btn-icon-paypal {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	padding: 5px;
	background: #ffffff;
	border-radius: 5px;
}

/*--- form error -----*/
.cart-error {
	padding: 5px;
	border: 2px solid #ff0000;
	color: #ff0000;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0;
	background: #FFF0F5;
	border-radius: 3px;
}

/*----- payment error -----*/
.payment-error-box {
	margin-top: 40px;
	padding: 10px;
	border: 2px solid #ff0000;
	border-radius: 5px;
	color: #ff0000;
	background: #FFF0F5;
	font-size: 15px;
}
.payment-error-title {
	font-weight: bold;
	color: #ff0000;
	font-size: 18px;
	margin-bottom: 5px;
}

/*----- card info -----*/
.card-info-table {
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
}
.card-info-th {
	background: #FFEBCD;
	/*color: #FF3300;*/
	text-align: right;
	padding: 5px;
	width: 120px;
	font-size: 15px;
	font-weight: bold;
}
.card-info-td {
	padding:5px 10px;
	font-size: 15px;
	font-weight: bold;
}
.card-icon1 {
	width: 40px;
}
.card-icon2 {
	width: 30px;
}
.card-regist-box {
	display: inline-block;
	margin-right: 10px;
}
.card-registed-box {
	font-size: 14px;
}
.card-registed-on {
	background: #FDF5E6;
	padding: 5px;
}
.card-registed-off {
	background: #eeeeee;
	padding: 5px;
}
.card-regist-guide {
	display: inline-block;
}

/*----- 最終確認の枠組み -----*/
.pre-title-box {
	background: #F4A460;
	color: #ffffff;
	padding: 10px 20px;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	font-size: 20px;
}
.pre-box {
	border: 3px solid #F4A460;
	padding: 25px 15px;
	border-radius: 0 0 5px 5px;
}

/*----- 注文確定後 -----*/
.bank-info-box {
	margin-bottom: 2px;
	padding: 10px;
	background: #FDF5E6;
}
.bank-net-box {
	margin-top: 5px;
	padding: 7px;
	background: #f8f8f8;
	font-size: 13px;
	border-radius: 5px;
}

/*----- カート内商品のアイコン -----*/
.cart-list-icon {
	width: 20px;
	vertical-align: middle;
	margin-right: 7px;
}