@charset "utf-8";

/*----------------------------*/
/*-- カート・購入手続き要素 --*/
/*----------------------------*/

#cart #main {
	width: 902px;
	background: url(../images/cart/bg_line2.gif) repeat-y 0 0;
	float: none;
	padding: 0 0;
}
#cart #menu {
	width: 902px;
	background: none;
	float: none;
	padding: 0;
	display: none;
}
#shopping-flow {
	width: 194px;
	height: 276px;
	background: url(../images/bg_menu.gif) no-repeat 0 0;
	font-size: 1px;
	line-height: 100%;
	padding: 8px 0 0;
	margin: -33px 0 0;
	position: relative;
	left: 708px;
	z-index: 4;
}
#shopping-flow img {
	margin: 0 8px;
}
#cart-wrap {
	width: 700px;
	background: url(../images/cart/bg_line1.gif) no-repeat left bottom;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin: -250px 0 0;
}
#cart h2 {
	background: url(../images/cart/bg_line1.gif) no-repeat left bottom;
	font-size: 1px;
	line-height: 100%;
	padding: 0 10px 3px;
	position: relative;
	top: -30px;
}
#cart h3 {
	margin: 0 30px;
}
#cart p {
	margin: 0 30px;
}
#cart table {
	width: 640px;
	background: url(../images/cart/bg_layer.gif) repeat 0 0;
	border-top: 1px solid #594d4d;
	margin: 0 30px;
}
#cart th {
	width: 25%;
	border-bottom: 1px solid #594d4d;
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
}
#cart td {
	background: #fff;
	border-bottom: 1px solid #594d4d;
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
}
#cart form {
	width: 640px;
	margin: 0 30px;
}
#cart form h3,
#cart form p,
#cart form table {
	margin: 0;
}
.btn-shopping {
	width: 640px;
	padding: 30px 0 50px;
	margin: 0;
}
#cart .btn-shopping p {
	text-align: center;
	font-size: 1px;
	line-height: 100%;
	margin: 0 auto 15px;
}
.btn-shopping ul {
	width: 428px;
	margin: 0 0 0 116px;
}
.btn-shopping ul:after {
	clear: both; content: "."; display: block; font-size: 0.1em; line-height: 0; visibility: hidden;
}
.btn-shopping li {
	width: 194px;
	height: 38px;
	float: left;
	margin: 0 20px 0 0;
}

.attention {
	color: #990000
}

.notice {
	margin: 15px 30px;
}
.notice li {
	font-size: 11px;
	background: url(../images/ic.gif) no-repeat 0 0;
	padding: 0 0 0 15px;
}

/*----------------------------*/
/*-- CHECK CART --*/

#cart .cartitemlist {
	background: url(../images/cart/tbl_line1.gif) no-repeat 0 0;
	padding: 3px 0 0;
}
#cart .cartitemlist table {
}
#cart .cartitemlist th {
	width: auto;
	text-align: center;
	padding: 5px;
}
#cart .cartitemlist td {
	text-align: center;
	padding: 0;
}
#cart .cartitemlist td.itemclear {
	width: 55px;
	white-space: nowrap;
}
#cart .cartitemlist td.itemphoto {
	padding: 5px 20px;
}
#cart .cartitemlist td.itemname {
	font-size: 11px;
	text-align: left;
	padding: 5px;
}
#cart .cartitemlist td.itemname strong {
	font-size: 12px;
	display: block;
}
#cart .cartitemlist td.itemquantity {
	width: 70px;
	padding: 0;
}
#cart .cartitemlist td.itemprice {
	padding: 5px 20px;
	white-space: nowrap;
}
#cart .cartitemlist td.itemprice2 {
	text-align: right;
	padding: 5px 10px 5px 20px;
	white-space: nowrap;
}
#cart .cartitemlist .itemtotal1 th,
#cart .cartitemlist .itemtotal2 th {
	text-align: right;
	padding: 5px 15px;
}
#cart .cartitemlist .itemtotal1 td,
#cart .cartitemlist .itemtotal2 td {
	text-align: right;
	padding: 5px 10px;
	white-space: nowrap;
}
#cart .cartitemlist .itemtotal2 td {
	color: #c00;
	font-weight: bold;
}
#cart .cartitemlist td.itemquantity ul {
	width: 50px;
	margin: 0 auto;
}
#cart .cartitemlist td.itemquantity ul:after {
	clear: both; content: "."; display: block; font-size: 0.1em; line-height: 0; visibility: hidden;
}
#cart .cartitemlist td.itemquantity li {
	width: 25px;
	height: 18px;
	font-size: 1px;
	line-height: 100%;
	float: left;
	margin: 0;
}
#cart .cartitemlist td.itemquantity li img {
	margin: 0 3px;
}
.cartitemlist .btn-shopping {
	background: url(../images/cart/tbl_line2.gif) no-repeat 0 0;
	padding: 31px 0 50px;
}
#cart .empty-text {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 30px 0;
	margin: 0 auto;
}

/*----------------------------*/
/*-- お客様情報の入力 --*/

#cart .cartinput {
	width: 640px;
	background: url(../images/cart/tbl_line1.gif) no-repeat 0 0;
	padding: 3px 0 25px;
	margin: 15px 30px 0;
}

#cart .cartinput table {
}
#cart .cartinput th {
	width: 25%;
}
#cart .cartinput td {
	padding: 3px 10px;
}
#cart .cartinput td.shipping {
	padding: 12px 10px 5px 10px;
}
#cart .cartinput td.shipping em {
	font-weight: bold;
	font-style: normal;
	padding: 0 10px 0 3px;
}
#cart .cartinput td p.zipimg {
	font-size: 11px;
	line-height: 20px;
	margin: 5px;
}
#cart .cartinput td p.zipimg a {
	margin-right: 8px;
}
#cart .cartinput td p.zipimg img {
	vertical-align: middle;
}
#cart .cartinput td p.example {
	font-size: 11px;
	margin: -4px 5px 0;
}
#cart .cartinput td p.caution {
	color: #8b0000;
	font-size: 11px;
	padding: 5px 0 0;
	margin: 0 5px;
}
#cart .cartinput td span.ziplink {
	font-size: 11px;
	vertical-align: baseline;
}
#cart .cartinput td span.ziplink a:link,
#cart .cartinput td span.ziplink a:visited {
	color: #777;
}
#cart .cartinput td span.ziplink a:hover {
	color: #601919;
}
#cart .cartinput input,
#cart .cartinput textarea {
	border: 1px solid #ccc;
	font-size: 12px;
	padding: 2px 3px;
	margin: 5px;
	vertical-align: middle;
}
#cart .cartinput label input {
	border: none;
}
#cart .cartinput select {
	background: #000;
	border: 1px solid #ccc;
	color: #fff;
	padding: 1px 0;
	margin: 5px;
}
#cart .cartinput option {
	padding: 0 3px;
}
#cart .cartinput .type-name {	
	width: 115px;
}
#cart .cartinput .type-code {
	width: 55px;
}
#cart .cartinput .type-text {
	width: 435px;
}
#cart .cartinput .type-box {
	width: 435px;
}
#cart .cartinput .btn-submit input {
	border: none;
	padding: 0 0 50px;
	margin: 0 10px;
}
#cart .cartinput td.birth {
	vertical-align: middle;
	padding: 6px 10px 5px;
}
#cart .cartinput td.birth select {
	vertical-align: middle;
	margin: -1px 5px 1px;
}

#cart .cartinput .btn-input {
	background: url(../images/cart/tbl_line2.gif) no-repeat 0 0;
	width: 640px;
	text-align: center;
	padding: 30px 0 20px;
	margin: 0 auto;
}
#cart .cartinput .btn-input input {
	border: none;
	padding: 0;
	margin: 0;
}

/*----------------------------*/
/*-- 支払い方法の指定 --*/

#cart .cartpayment {
}
#cart .cartpayment h3 {
	background: url(../images/cart/tbl_line1.gif) no-repeat left bottom;
	padding: 0 0 8px;
}
#cart .cartpayment p {
	margin: 0 5px 5px;
}
#cart .cartpayment table {
}
#cart .cartpayment th,
#cart .cartpayment td {
	width: auto;
	padding: 5px 15px;
}
#cart .cartpayment th.payselect {
	width: 18%;
	text-align: center;
	padding: 5px 0;
}
#cart .cartpayment div {
	width: 640px;
	background: url(../images/cart/tbl_line2.gif) no-repeat 0 0;
	padding: 25px 0;
}
#cart .cartpayment div.btn-shopping {
	background: none;
	padding: 0 0 40px;
}
#cart .cartpayment div h3 {
	background: none;
	padding: 0 0 10px;
}
#cart .cartpayment div span {
	margin: 0 5px;
}
#cart .cartpayment div dl {
	width: 620px;
	margin: 0 5px 20px;
}
#cart .cartpayment div dl:after {
	clear: both; content: "."; display: block; font-size: 0.1em; line-height: 0; visibility: hidden;
}
#cart .cartpayment div dt {
	font-weight: bold;
	float: left;
	margin: 0 3px 0 0;
}
#cart .cartpayment div dd {
	float: left;
	margin: 0 20px 0 0;
}
#cart .cartpayment div dd select {
	background: #000;
	border: 1px solid #000;
	color:#fff;
}
#cart .cartpayment div dd option {
	padding: 0 5px;
}
.cartpayment textarea {
	width: 630px;
	border: 1px solid #ccc;
	color: #120000;
	font-size: 12px;
	padding: 5px 0;
	margin: 0 0 5px 4px;
	display: block;
}

/*----------------------------*/
/*-- 入力内容の確認 --*/

#cart .cartconfirm {
	background: url(../images/cart/tbl_line1.gif) no-repeat 0 0;
	padding: 3px 0 0;
	margin: 20px 30px 0;
}
#cart .cartconfirm div {
	background: url(../images/cart/tbl_line2.gif) no-repeat left bottom;
	padding: 0 0 1px;
	margin: 0 0 30px;
}
#cart .cartconfirm div.btn-shopping {
	background: none;
	padding: 20px 0 40px;
}
#cart .cartconfirm h3 {
	background: url(../images/cart/tbl_line1.gif) no-repeat left bottom;
	padding: 0 0 8px;
}
#cart .cartconfirm table.itemconfirm {
}
#cart .cartconfirm .itemconfirm th {
	width: auto;
	text-align: center;
	padding: 5px;
}
#cart .cartconfirm .itemconfirm td {
	text-align: center;
	padding: 0;
}
#cart .cartconfirm .itemconfirm td.itemphoto {
	padding: 5px 10px;
}
#cart .cartconfirm .itemconfirm td.itemname {
	font-size: 11px;
	text-align: left;
	padding: 5px;
}
#cart .cartconfirm .itemconfirm td.itemname strong {
	font-size: 12px;
	display: block;
}
#cart .cartconfirm .itemconfirm td.itemquantity {
	width: 70px;
	padding: 0;
}
#cart .cartconfirm .itemconfirm td.itemprice {
	padding: 5px 20px;
	white-space: nowrap;
}
#cart .cartconfirm .itemconfirm td.itemprice2 {
	text-align: right;
	padding: 5px 10px 5px 20px;
	white-space: nowrap;
}
#cart .cartconfirm .itemconfirm .itemtotal1 th,
#cart .cartconfirm .itemconfirm .itemtotal2 th {
	text-align: right;
	padding: 5px 15px;
}
#cart .cartconfirm .itemconfirm .itemtotal1 td,
#cart .cartconfirm .itemconfirm .itemtotal2 td {
	text-align: right;
	padding: 5px 10px 5px 20px;
	white-space: nowrap;
}
#cart .cartconfirm .itemconfirm .itemtotal2 td {
	color: #c00;
	font-weight: bold;
}

#cart .cartconfirm .notice {
	margin: 10px 0;
}

/*----------------------------*/
/*-- ご注文完了 --*/

.cart-end {
	width: 640px;
	text-align: center;
	padding: 30px 0;
	margin: 0 30px;
}
#cart .cart-end p {
	padding: 0 30px;
	margin: 0 auto 20px;
}
.cart-end dl {
	padding: 10px 30px 30px;
	margin: 0 auto;
}
.cart-end dt {
	margin: 0 0 3px;
}
.cart-end dd span {
	font-weight: bold;
}


/*------------------------------------------*/
/*-- エラーページ（不正なページ移動）要素 --*/
/*------------------------------------------*/

#errorpage {
	background: url(../images/cart/bg_line2.gif) repeat-y 0 0;
}
#errorpage p {
	width: 696px;
	background:  url(../images/cart/bg_line1.gif) no-repeat left top;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 60px 0 0;
	margin: 0;
}
#errorpage p.btn-top,
#errorpage p.btn-back {
	background:  url(../images/cart/bg_line1.gif) no-repeat left bottom;
	font-size: 1px;
	padding: 60px 0 70px;
}