@charset "utf-8";


/*
-----------------------------------------------
www.suruga-ya.jp cart page top style

Version: 1.0
Creat :2015.01.05
----------------------------------------------- 
*/


main {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#primary {
	width: 680px;
	float:left;
}
#primary a{
	color: #0E83CD;
	text-decoration: none;
}

/*-----------------------------------------------

 商品

-----------------------------------------------*/

.item_box {
	width: 100%;
	border-collapse: collapse;
}
.item_box thead tr {
	font-size: 12px !important;
	border-bottom: 1px solid #CCCCCC;
}
.item {
	border-bottom: 1px solid #CCCCCC;
}
.photo_box {
	width: 90px;
	padding: 12px 0px;
	vertical-align: top;
}
.photo_box img{
	max-width: 80px;
}

/*---- 商品詳細 ------*/

.item_detail {
	max-width: 360px;
	padding: 12px 0px;
	vertical-align: top;
}
.item_name {
	font-size: 16px !important;
	margin: 0px 0px 4px 0px;
	font-weight:bold;
}
.shop_name,
.item_category,
.item_condition,
.release_date {
	font-size: 12px !important;
	line-height: 1.5 !important;
	margin: 4px 0px;
}
.release_date span{
	font-weight: bold;
	color:#0D9737;
}
.item_option {
	font-size: 12px !important;
	line-height: 1.5 !important;
	margin: 4px 0px 0px 0px;
}
.price {
	width: 120px;
	color:#F70307;
	font-weight:bold;
}
.quantity {
	width: 60px;
	text-align: center;
}
.delbtn-all {
	position:absolute;
	margin-top:18px;
}
.delbtn-all input{
    padding: 2px;
}
.add_recommend {font-size: 12px; padding: 10px 0px;}
.cartsouryo{padding: 10px 10px 0; font-size: 13px;}
#carttotalWrap{background: #e7ecf2;}

/*---- カートステータス変動 ------*/


.price span{
	font-size: 12px !important;
	font-weight:normal;
	color:#333333;
}
.price .strike {
	text-decoration: line-through;
}

.soldout {
	background-color: #DDDDDD;
}
.price_change {
	background-color: #FFF5D9;
}


/*-----------------------------------------------

 sidebar, total_box

-----------------------------------------------*/


#sidebar {
	width: 210px;
	margin-left: 10px;
	box-sizing: border-box;
	float: right;

}
.next_step {
	border: 3px solid #E7ECF2;
    border-radius: 4px;
	margin-bottom: 10px;
}


/*---- 送料ブロック ------*/


.dc_chart {
	font-size: 12px !important;
    background-color: #E7ECF2;
    border-radius: 4px;
	padding: 20px 10px;
}
.dc_chart .daibiki {
	margin-top: 20px;
}
.dc_term {
	width: 80px;
}
.dc_chart .strike {
	text-decoration: line-through;
}
.dc_chart .campaign_price {
	color:#0D9737;
	font-weight: bold;
}


/*---- total_box ------*/


#total_box {
	width: 900px;
	clear:both;
}
#total_box dl{
	width: 100%;
	display: table;
}
#total_box dt{
	width: 680px;
	text-align: right;
	display: table-cell;
	vertical-align: top;
}
#total_box dd{
	width: 210px;
	padding-top: 20px;
	display: table-cell;
}


/*----  sidebar, total_box 共通------*/

.price_name {
	font-size: 16px !important;
	line-height: 1.5 !important;
	font-weight:bold;
	margin: 20px 0px 0px 20px;
}
.total_price {
	color:#F70307;
}
.delivery_charge {
	font-size: 12px !important;
	margin: 10px 0px 0px 20px;
}

.register .btn {
    width: 160px;
    display: block;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    background-color: #F90;
    text-align: center;
    padding: 12px 0px 10px;
    cursor: pointer;
    z-index: 1;
    margin: 10px auto 30px;
	color: #FFF;
	text-decoration: none;
}
.register .btn:hover {
    background-color: #FFA620;
}