@charset "UTF-8";

/*ログイン画面*/
	.login_contents01 { margin: 0 0 21px; padding: 0 0 5px; background: #fff url(../img/cart/login_bg_bm.gif) no-repeat 0 100%; }
	.login_contents02 { padding: 10px 20px 5px; background: #fff; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; }
	#login .contents-title { font: 95%/120%; font-weight: bold; padding: 9px 34px 0; background: url(../img/cart/login_bg_hd.gif) no-repeat; }

	.login_box_l { width:355px; float:left;}
	.login_box_r { width:355px; float:right;}
	#login .login_box_l table, #login .login_box_r table { border-collapse:collapse; border:none; margin:0 0 0.5em 0; padding:0;}
	#login .login_box_l th { color:#333; font-size:95%; border:none; font-weight:normal; padding:5px 0; width:11em; text-align:left; font-weight:bold;}
	#login .login_box_r th { color:#333; font-size:95%; border:none; font-weight:normal; padding:5px 0; width:6em; text-align:left; font-weight:bold;}
	#login .login_box_l td, #login .login_box_r td { color:#333; font-size:85%; border:none; padding:0; text-align:left;}
	#login .login_box_l p, #login .login_box_r p { margin:0.5em 0;}
	#login .login_box_l .btn, #login .login_box_r .btn { text-align:center; margin:15px 0; padding:0;}
	#login .login_box_r h3 { margin:30px 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; color:#333; font-size:95%;}
	#flow { width:547px; margin:0px auto 20px auto; padding:10px 0 0 0; }

	#cart h3 { margin:20px 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; color:#333; font-size:95%;}
	#cart h3 span { font-size:80%;}
	#cart table.customer { border-collapse:collapse; margin:0 0 20px 0; padding:0; border:none; width:100%;}
	#cart .customer th { border:#ccc; margin:0; padding:8px 10px; color:#333; font-size:90%; border:none; font-weight:normal; background:#EFEFEF; width:14em; text-align:left; border:1px solid #ccc; }
	#cart .customer td { border:#ccc; margin:0; padding:8px 10px; color:#333; font-size:90%; border:none; font-weight:normal; border:1px solid #ccc;}
	#cart .customer td span { font-size:85%;}
	#cart .btn { text-align:center; margin:15px 0; padding:0;}
	#cart .office {}
	#cart .office_l { width:12em; float:left; }
	#cart .office_r { width:20em; float:left; line-height:200%; }

	#cart .office_l_02 { width:30em; float:left; }
	#cart .office_r_02 { width:16em; float:left; line-height:200%; }

	#cart #delivery_table .customer { width: 350px; }
	#cart #delivery_table .customer th { padding: 0; width: auto; text-align: center; }
	#cart #delivery_table .customer td { padding: 0 10px; width: auto; }
	

	#cart .payment_method { border-bottom:1px dotted #ccc; margin:0 0 30px 0; padding:0 0 10px 0;}
	#cart .payment_method_l { width:12em; float:left; }
	#cart .payment_method_r { width:30em; float:right; line-height:200%;}
	#cart .receipt { border:1px solid #CCC; background:#EFEFEF; padding:10px; margin:0 0 10px 0; font-size:80%; line-height:140%; width:20em; }
	#cart .tb01 { border:none; border-collapse:collapse; margin:0 0 10px 0;}
	#cart .tb01 th { border:none; padding:0; width:16em;}
	#cart .tb01 td { border:none; padding:0;}
	#cart .tb02 { border:none; border-collapse:collapse; margin:0 0 10px 0;}
	#cart .tb02 th { border:none; padding:0; width:8em;}
	#cart .tb02 td { border:none; padding:0;}
	#cart .tb03 { border:none; border-collapse:collapse; margin:0 0 10px 0;}
	#cart .tb03 th { border:none; padding:0 0 15px 0; width:12em; vertical-align:top; line-height:140%;}
	#cart .tb03 td { border:none; padding:0 0 15px 0; line-height:140%;}
	#cart .payment_method2 { padding:0 0 25px 0; background:url(../img/cart/arrow_l.gif) no-repeat 50% 85%;}


/*確認*/
#contents table.confirmation { display: auto; width: 100%; line-height: 140%; border-collapse: collapse; empty-cells: show; background: #fff; margin-bottom: 20px;}
#contents .confirmation th { vertical-align: top; text-align: center; font-weight: normal; color: #fff; padding: 3px 5px; background: #999; border: 1px solid #ccc;}
#contents .confirmation td { vertical-align: center; /*text-align: center;*/ padding: 3px 10px; border: 1px solid #ccc; }
#contents .confirmation td.cost_line { background: #efefef; }


#contents table.confirmation2 { display: auto; width: 200px; line-height: 140%; border-collapse: collapse; empty-cells: show; background: #fff; margin-bottom: 10px; float:right;}
#contents table.confirmation2.has-trade-in-table { margin-bottom: 5px; }
#contents .confirmation2 th { vertical-align: top; text-align: center; font-weight: normal; color: #fff; padding: 3px 3px; background: #999; border: 1px solid #ccc; width:40%; font-size:80%;}
#contents .confirmation2 td { vertical-align: center; text-align: center; padding: 3px 3px; border: 1px solid #ccc; }
#contents .has-trade-in-message { text-align: right; font-size: 80%; }

#contents table.confirmation3 { display: auto; width:100%; line-height: 140%; border-collapse: collapse; empty-cells: show; background: #fff; margin-bottom: 10px; float:right;}
#contents .confirmation3 th { vertical-align: top; text-align: center; font-weight: normal; color: #fff; padding: 3px 3px; background: #999; border: 1px solid #ccc; width:40%; font-size:80%;}
#contents .confirmation3 td { vertical-align: middle !important; padding: 5px 10px; border: 1px solid #ccc; }
#contents .confirmation3 h3 { margin:20px 0 0 0; padding:0; border:none; background:none;}


	.btn-change {width: 135px; height: 24px; background: url(../img/btn-change.gif) no-repeat; border:none;}
	.btn-change:hover { background-position: 0 -50px; }

#cart .btn-buy { width:540px; margin: 20px auto; list-style-type:none;}
#cart .btn-buy .before-box {width: 250px; height: 45px; float:left; }
#cart .btn-buy .before {width: 250px; height: 45px; background: url(../img/btn-buy.gif) no-repeat 0 0; border:none;}
#cart .btn-buy .before:hover { background-position: 0 -50px; }
#cart .btn-buy .buy-box {width: 250px; height: 45px; float:right; }
#cart .btn-buy .buy {width: 250px; height: 45px; background: url(../img/btn-buy.gif) no-repeat -290px 0; border:none;}
#cart .btn-buy .buy:hover { background-position: -290px -50px; }


.btn-del { width: 40px; height: 22px; background: url(../img/btn-del.gif) no-repeat; border:none;}
.btn-del:hover { width: 40px; height: 22px; background: url(../img/btn-del.gif) no-repeat 0 -50px; border:none;}

.recal { float:right; width:70px; margin: 0 0 0 30px; padding:0;}
.btn-recal { width: 70px; height: 24px; background: url(../img/btn-recal.gif) no-repeat; border:none;}
.btn-recal:hover { width: 70px; height: 24px; background: url(../img/btn-recal.gif) no-repeat 0 -50px; border:none;}

.btn-recal2 { float:right; width:200px; margin:0; padding:0;}
/*.btn-estimate { width:200px; margin: 0; padding:0;}
	.btn-estimate a { display: block; width: 200px; height: 24px; background: url(../img/btn-estimate.gif) no-repeat;text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; }
	.btn-estimate a:hover { background-position: 0 -50px; }*/
	.btn-estimate {width: 200px; height: 24px; background: url(../img/btn-estimate.gif) no-repeat; border:none;}
	.btn-estimate:hover { background-position: 0 -50px; }


.recommend_l { width:335px; float:left;}
.recommend_r { width:335px; float:right;}
.recommend_l1, .recommend_r1 { width:95px; float:left;}
.recommend_l2, .recommend_r2 { width:140px; float:left;}
.recommend_l3, .recommend_r3 { width:90px; float: right;}


	.btn-gocart2 { width: 90px; height: 22px; background: url(../img/btn-gocart2.gif) no-repeat; border:none;}
	.btn-gocart2:hover { background-position: 0 -50px; }



#cart #procedure_hd { position:absolute; top:-50px; left:214px;}
#cart #procedure_bm { position:absolute; bottom:-55px; left:214px;}
#cart .procedure { width:310px; margin: 0; padding:0; list-style-type:none;}
/*#cart .procedure a {display: block; width: 135px; height: 24px; text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin:0; padding:0;}*/
/*#cart .procedure .procedure_l a {display: block; width: 135px; height: 24px;  background: url(../img/btn-procedure.gif) no-repeat 0 0; float:left; }
#cart .procedure .procedure_l a:hover { background-position: 0 -50px; }
#cart .procedure .procedure_r a {display: block; width: 135px; height: 24px;  background: url(../img/btn-procedure.gif) no-repeat -175px 0; float:right; }
#cart .procedure .procedure_r a:hover { background-position: -175px -50px; }*/
#cart .procedure .procedure_l-box {width: 135px; height: 24px;float:left; }
#cart .procedure .procedure_l {width: 135px; height: 24px; background: url(../img/btn-procedure.gif) no-repeat 0 0; border:none;}
#cart .procedure .procedure_l:hover { background-position: 0 -50px; }
#cart .procedure .procedure_r-box {width: 135px; height: 24px; float:right; }
#cart .procedure .procedure_r {width: 135px; height: 24px; background: url(../img/btn-procedure.gif) no-repeat -175px 0; border:none}
#cart .procedure .procedure_r:hover { background-position: -175px -50px; }

#original #procedure_hd { position:absolute; top:-50px; left:214px;}
#original #procedure_bm { position:absolute; bottom:-55px; left:214px;}
#original .procedure { width:310px; margin: 0; padding:0; list-style-type:none;}
#original .procedure a {display: block; width: 135px; height: 24px; text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin:0; padding:0;}
#original .procedure .procedure_l a {display: block; width: 135px; height: 24px;  background: url(../img/btn-procedure.gif) no-repeat 0 0; float:left; }
#original .procedure .procedure_l a:hover { background-position: 0 -50px; }
#original .procedure .procedure_r a {display: block; width: 135px; height: 24px;  background: url(../img/btn-procedure.gif) no-repeat -175px 0; float:right; }
#original .procedure .procedure_r a:hover { background-position: -175px -50px; }


	#cart .btn-cart { width: 80px; height: 22px; background: url(../img/btn-cart.gif) no-repeat; border:none;}
	#cart .btn-cart:hover { background-position: 0 -50px; }



#cart .set-base span { display: block; font: bold 80%/200% Verdana; color: #999; }
#cart .set-base a { font-weight: bold; }

	#login .btn01 { width: 310px; height: 45px; background: url(../img/cart/btn01.gif) no-repeat; border:none;}
	#login .btn01:hover { background-position: 0 -50px; }

	#login .btn02 { width: 310px; height: 45px; background: url(../img/cart/btn02.gif) no-repeat; border:none;}
	#login .btn02:hover { background-position: 0 -50px; }

	#login .btn03 { display: block; width: 310px; height: 45px; background: url(../img/cart/btn03.gif) no-repeat; border:none;}
	#login .btn03:hover { background-position: 0 -50px; }

	#cart .btn04 { width: 310px; height: 45px; background: url(../img/cart/btn04.gif) no-repeat; border:none;}
	#cart .btn04:hover { background-position: 0 -50px; }




/*order*/
#order #txt_box { width:600px; margin:0 auto 20px auto;  height:600px; overflow:scroll; border:1px solid #ddd; padding:20px;}
#order #txt_box h2 { font-size:100%; margin:30px 0 15px 0; padding:0 0 5px 0; border:none; border-bottom:1px solid #ccc;}
#order #txt_box h3 { font-size:95%; font-weight:bold; margin:25px 0 10px 0; padding:3px 0 3px 12px; border:none; border-left:5px solid #ccc;}
#order #txt_box h4 { font-size:85%; font-weight:bold; margin:20px 0 10px 0; padding:0; border:none; }

#order .agreement { width:440px; margin: 30px auto 20px auto; list-style-type:none;}
#order .agreement .agreement_l-box {width: 200px; height: 31px; float:left; }
#order .agreement .agreement_l {width: 200px; height: 31px; background: url(../img/btn-agreement.gif) no-repeat 0 0; border:none;}
#order .agreement .agreement_l:hover { background-position: 0 -50px; }
#order .agreement .agreement_r-box {width: 200px; height: 31px; float:right; }
#order .agreement .agreement_r {width: 200px; height: 31px; background: url(../img/btn-agreement.gif) no-repeat -240px 0; border:none;}
#order .agreement .agreement_r:hover { background-position: -240px -50px; }



/*order_lastpage*/
#cart_end .font_att100 {
font-size: 100%;
}

#cart_end .font_att150 {
font-size: 150%;
}

#cart_end table {
margin: 0 0 20px 13px;
}

#cart_end .important_news {
border: 1px solid #5A5A5A;
padding: 15px 15px 15px 0;
}

#cart_end h3 {
background-color: #5A5A5A;
color: #FFFFFF;
font-size: 120%;
border: none;
margin: 0;
padding: 10px 0 10px 10px;
}


/*※左余白調整※*/
/*#cart .payment_method_l p { margin-left: 0; }
#cart .payment_method_r p { margin-left: 0; }*/