/* ------------------------------------------------------------------------------------------
* header
* ----------------------------------------------------------------------------------------- */
.header-btm{
	padding-bottom:4px;
}

/* ------------------------------------------------------------------------------------------
* main
* ----------------------------------------------------------------------------------------- */
/* flow */
.list-flow{
	width:800px;
	margin:0 auto 24px;
	overflow:hidden;
}
.list-flow li{
	position:relative;
	float:left;
	width:33.3%;
	padding:16px 0 16px 8px;
	background:#eee;
	text-align:center;
}
.list-flow li:first-child{
	border-radius:4px 0 0 4px;
}
.list-flow li:last-child{
	border-radius:0 4px 4px 0;
}
.list-flow li:not(:last-child):before,
.list-flow li:not(:last-child):after{
	position:absolute;
	top:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:28px 0 28px 15px;
	content:"";
}
.list-flow li:not(:last-child):before{
	right:-15px;
	z-index:1;
	border-color:transparent transparent transparent #ccc;
}
.list-flow li:not(:last-child):after{
	content:"";
	right:-14px;
	z-index:2;
	border-color:transparent transparent transparent #eee;
}
li.current{
	background:#8bc34a;
	color:#fff;
}
li.current:not(:last-child):before,
li.current:not(:last-child):after{
	border-color:transparent transparent transparent #8bc34a;
}

/* table */
.tab{
	width:100%;
	margin-bottom:16px;
}
.tab th,
.tab td{
	padding:8px;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
}

.cart-main{
	float:left;
	width:100%;
	padding-right:294px;
}

/* cart-item */
.cart-item th{
	padding:8px;
}
.cart-item td{
	padding:8px;
}

th.col-item{
	text-align:left;
}
.col-price{
	text-align:right;
	white-space:nowrap;
}
.col-count{
	width:60px;
	text-align:center;
	white-space:nowrap;
}
.col-subtotal{
	text-align:right;
	white-space:nowrap;
}

.cart-item-img{
	margin-bottom:8px;
}
.cart-item-img img{
	max-width:100px;
	max-height:100px;
}
.cart-item-name{
	font-size:18px;
}
.cart-item-name a{
	color:#0958a9;
}
.cart-item-data{
	margin:4px 0;
}
.cart-item-data th,
.cart-item-data td{
	padding:0;
	border:none;
}
.cart-item-data th{
	vertical-align:top;
	text-align:right;
	white-space:nowrap;
}
.cart-item .count{
	text-align:right;
}

.col-price .cart-item-data,
.col-subtotal .cart-item-data{
	float:right;
}
.col-price .cart-item-data th,
.col-subtotal .cart-item-data th{
	padding-right:8px;
}

.col-item-img{
	width:100px;
	text-align:center;
}
.col-item-img .cart-item-img,
.col-item-data .cart-item-data{
	margin:0;
}
.col-item-data .cart-item-name{
	font-size:14px;
}

/* cart-side */
.cart-side{
	position:absolute;
	top:8px;
	right:0;
	width:270px;
}
.cart-check{
	margin-bottom:24px;
	border:3px solid #ddd;
	border-radius:4px;
}
.cart-check-top{
	padding:8px 8px 0;
	background:#f6f7f8;
	border-bottom:1px solid #ddd;
}
.cart-check-area{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:0;
}
.cart-check-area dl{
    display:table-row;
}
.cart-check-area dt,
.cart-check-area dd{
	display:table-cell;
	padding:8px;
}
.cart-check-area dt{
	white-space:nowrap;
}
.cart-check-area dl:not(:first-child):not(.total-item) dt,
.cart-check-area dl:not(:first-child):not(.total-item) dd{
	border-top:1px dotted #ddd;
}
.cart-check-area dt{
	padding-right:0;
}
.cart-check-area dd{
	text-align:right;
}
.total dt,
.total dd{
	border-top:2px solid #ddd;
	color:#d50000;
	font-size:18px;
}
.point dt,
.point dd{
	border-top:1px dotted #ddd;
}
.cart-check-btn{
	border-top:1px dotted #ddd;
	padding:8px;
	text-align:right;
}

.cart-check-btm{
	text-align:center;
	padding:16px;
}
.cart-check-btm input{
	width:100%;
	height:48px;
	font-weight:bold;
	font-size:16px;
}

.cart-side .btn-area{
	margin-top:24px;
}

.postage-discount{
	margin-bottom:4px;
}
.postage-discount span{
	color:#d50000;
	margin:0 4px;
}

/* ------------------------------------------------------------------------------------------
* delivery
* ----------------------------------------------------------------------------------------- */
.delivery-address{
	display:none;
	margin:0 0 0 8px;
	width:755px;
}
.list-box > li{
	margin:4px 0;
}
.list-box .form-area{
	margin:8px 0 0 ;
}
.option-box{
	margin-top:16px;
}
.option-box .form-area{
	margin:8px 0 0 ;
}

.indent{
	padding-left:21px;
	margin:4px 0 16px;
}

.point-available span{
	color:#d50000;
	margin:0 4px;
}
.point-use{
	margin:4px 0 8px;
}
.point-use span{
	margin:0 4px;
}
.point-use input[type="text"]{
	width:80px;
	margin-right:4px
}

.cart-headline-wrap{
	position:relative;
}
.cart-headline-wrap .headline{
	display:inline-block;
}
.cart-headline-wrap .icon-required{
	top:2px;
	left:auto;
	margin-left:4px;
}
.box-col-wrap{
	margin:0 -8px;
	overflow:hidden;
}
.box-col{
	float:left;
	width:33.3%;
	padding:0 8px;
}
.box-col01{
	padding:0 8px;
}

.col01.box-col{
	width:100%;
}

.total-item dt,
.total-item dd{
	border-top:2px solid #ddd;
}

.box .cart-item tr:first-child th{
	padding-top:0;
}