@charset "utf-8";
/* ===================================================================
CSS information

 file name  :cart.css
 author     :Tsukagoshi
 style info :ショッピングカート関連
 
=================================================================== */

/*----------------------------------------------------
	Cart Flow1（共通と確認・変更用）
----------------------------------------------------*/
.shopingCart #contents_main h1 {
	padding-top: 44px;
	margin-bottom: 35px;
	width: 750px;
	background: url(../img/module/bg_noheadimg.gif) no-repeat center top;
}

.shopingCart #contents_main h1 p {
	margin: 0 0 0 30px;
	background: url(../img/bg_cnt_h1.gif) no-repeat left top;
}


.shopingCart #contents_main h1 img {
	margin-left: 16px;
}

.shopingCart #contents_main h2 {
	margin-bottom: 19px;
	height: 0;
	overflow: hidden;
	padding-top: 37px;
}

.cartFlow1 #contents_main h2 { background: url(../img/cart/bg_cart_flow.gif) no-repeat center top; }
.cartFlow2 #contents_main h2 { background: url(../img/cart/bg_cart_flow.gif) no-repeat center -37px; }
.cartFlow3 #contents_main h2 { background: url(../img/cart/bg_cart_flow.gif) no-repeat center -74px; }
.cartFlow4 #contents_main h2 { background: url(../img/cart/bg_cart_flow.gif) no-repeat center -111px; }

h3.regist_cnts {
	margin: 0 auto 15px auto;
	width: 690px;
}

#cart_head {
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 14px;
	width: 690px;
	background: url(../img/cart/dotborder_carthead.gif) repeat-x left top;
	_zoom: 1;
	overflow: hidden;
}

#cart_head h3 {
	width: 300px;
	float: left;
}

#cart_head ul {
	width: 256px;
	float: right;
	overflow: hidden;
}

#cart_head li {
	float: left;
	padding-left: 1px;
}

#cart_main, #cart_areat, #cart_manual {
	margin: 0 auto;
	width: 690px;
	border-top: solid 1px #c1c1c1;
	border-left: solid 1px #c1c1c1;
	border-right: solid 1px #c1c1c1;
}

#cart_manual {
	padding: 45px 0;
	text-align: center;
	background: #f2f2f2;
	border: solid 1px #c1c1c1;
}

#add_cart {
	width: 100%
}

#add_cart th, #add_cart td {
	border-bottom: solid 1px #c1c1c1;
}

#add_cart th {
	text-align: left;
	background: #e9e9e9;
}

#add_cart td {
	padding-top: 10px; padding-bottom: 10px;
	vertical-align: middle;
}

#add_cart th.cartcell_del, #add_cart td.cartcell_del {
	width: 47px;
	text-align: center;
}

#add_cart td.cartcell_name {
	width: 175px;
	font-weight: bold;
}

#add_cart th.cartcell_name_edge,
#add_cart td.cartcell_name_edge {
	width: 175px;
	font-weight: bold;
	padding-left: 10px;
}

#add_cart td.cartcell_name a { text-decoration: none; }

#add_cart td.cartcell_color {
	padding-right: 5px;
}

#add_cart td.cartcell_option input {
	padding: 2px;
	width: 175px;
	border: solid 1px #ccc;
	color: #818181;
	font-size: 12px;
}

#add_cart th.cartcell_option_alld,
#add_cart td.cartcell_option_alld {
	width: 175px;
}

#price_total, #price_total_confiflow {
	width: 100%;
}

#price_total_confiflow {
	border-bottom: solid 1px #ccc;
}

#price_total th, #price_total td,
#price_total_confiflow th, #price_total_confiflow td {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
}

#price_total th, #price_total_confiflow th {
	width: 90%;
	text-align: right;
}

#price_total td, #price_total_confiflow td {
	padding-right: 10px;
	padding-left: 20px;
	text-align: right;
	white-space: normal;
}

#add_cart td.cartcell_num {
	padding-right: 10px;
}

#add_cart td.cartcell_num_alld {
	padding-right: 10px;
	text-align:right;
}

#add_cart td.cartcell_num input {
	padding: 2px;
	width: 20px;
	border: solid 1px #ccc;
	color: #818181;
	font-size: 12px;
	text-align: right;
}

#add_cart th.cartcell_uprice, #add_cart th.cartcell_subtotal {
	text-align: center;
}

#add_cart td.cartcell_uprice, #add_cart td.cartcell_subtotal {
	padding-right: 10px;
	white-space: nowrap;
	text-align: right;
}

#cart_attn {
	margin: 0 auto;
	padding: 15px 0 40px 0;
	width: 690px;
}

#cart_attn li {
	padding-bottom: 2px;
	margin-left: 1em;
	text-indent: -1em;
}

#cart_flow_btn {
	text-align: center;
	vertical-align: top;
}

#cart_flow_btn table {
	margin: 0 auto;
	width: 365px;
}

#cart_flow_btn th, #cart_flow_btn td {
	height: 32px;
	vertical-align: top;
}

#members, #user_info, #delivery_info, #regist_option {
	margin: 0 auto 40px auto;
	width: 690px;
}

#members th, #user_info th, #delivery_info th, #regist_option th {
	width: 120px;
	text-align: left;
	vertical-align: top;
}

#members td {
	padding-bottom: 10px;
	vertical-align: top;
}

#user_info td, #delivery_info td, #regist_option td {
	padding-bottom: 10px;
	vertical-align: top;
	color: #ff2f2f;
	font-size: 10px;
}

.cartFlow3 #members th, .cartFlow3 #user_info th, .cartFlow3 #delivery_info th, .cartFlow3 #regist_option th {
	padding-bottom: 10px;
}

.cartFlow3 #user_info td, .cartFlow3 #delivery_info td, .cartFlow3 #regist_option td {
	margin-bottom: 10px;
	vertical-align: top;
	color: #818181;
	font-size: 12px;
}

#members input, #user_info input, #delivery_info input, #regist_option input {
	margin: 0 10px 0 0;
	padding: 2px;
	border: solid 1px #ccc;
	color: #818181;
	font-size: 12px;
}

#members input.member_radio1, #members input.member_radio2 {
	margin: 5px 5px 10px 0;
	border: none;
	vertical-align: middle;
}

#members label {
	margin-right: 10px;
}

#user_info select, #delivery_info select {
	margin: 0 10px 0 0;
	padding: 2px 0 2px 2px;
	font-size: 12px;
	color: #666;
}

#regist_option textarea {
	padding: 2px;
	width: 690px;
	height: 150px;
	border: solid 1px #ccc;
}

.input_middle {
	width: 200px;
}

.input_small {
	width: 100px;
}

.input_long {
	width: 300px;
}

#userinput_err_box {
	margin: -30px auto 15px auto;
	padding-bottom: 10px;
	width: 690px;
	border: solid 1px #ccc;
	text-align: center;
}

#userinput_err_box img {
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

#thankyou_box {
	margin: 0 auto 30px auto;
	width: 690px;
	border: solid 1px #c4c4c4;
}

#thankyou_inbox {
	border: solid 5px #fff;
	background: #f4f4f4;
	padding: 30px;
}

#thankyou_inbox h3 {
	margin: 0 0 15px 0;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

#thankyou_inbox p {
	margin-bottom: 15px;
	line-height: 1.7;
}

#thankyou_inbox p.thankyou_err {
	font-weight: bold;
}

#thankyou_gotop {
	text-align: center;
}

.desksize_txt {
	font-size: 10px;
}

.pay_link{
	text-align: center;
	margin-bottom:15px;	
	}

#cart_head li input:hover,
#cart_head li a:hover img,
#add_cart td.cartcell_del a:hover img,
#cart_flow_btn th a:hover img,
#cart_flow_btn td a:hover img,
#cart_flow_btn td input:hover { opacity:0.8; filter: alpha(opacity=80); }