@charset "UTF-8";
/* CSS Document */

/*======================================================
	Common
======================================================*/

/*== 狭い幅 ==*/
#main p{
	margin-bottom:15px;
}
.soycart_narrow{
	margin:30px 40px 20px;
}
span.note{
	color:#F60;
}
span.exmpl{
	color:#999;
}
span.require{
	color:#f00;
	font-weight:normal;
	font-size:10px;
}
.btn{
	text-align:center;
	margin:30px 0 50px;
	padding:15px 0;
	background-color:#f5f5f5;
}
.btn img{
	vertical-align:middle;
}
.another_btn{
	border-top:1px dotted #ccc;
	padding-top:20px;
	text-align:center;
	margin:10px 0;
}

h1.cart_txt{
	font-size:16px;
	margin-bottom:20px;
	padding:8px 10px;
	background:none;
	border:1px solid #999;
	color:#333;
}

/*======================================================
	カートを見る
======================================================*/

/*	カートの詳細
-----------------------------------------------*/

div#main section#cart_detail{
	margin-bottom:50px;
}
div#main section#cart_detail table.cart_detail_table th{
	text-align:center;
}
table.cart_detail_table{
	margin:20px auto;
	width:100%;
}
table.cart_detail_table th,
table.cart_detail_table td{
	border:1px solid #aaaaaa;
	padding:5px 10px;
	vertical-align:middle;
}
table.cart_detail_table th{
	text-align:left;
	background-color:#eeeeee;
}

/*== 商品のサムネイル ==*/
table.cart_detail_table td img{
	float:left;
	margin-right:10px;
}

/*== 価格（税込） ==*/
table.cart_detail_table td.price{
	text-align:right;
	color:#C00;
}
table.cart_detail_table td.price span{
	font-size:16px;
	margin-right:5px;
}

/*== 小計 ==*/
table.cart_detail_table td.price.subsum{
	color:#333;
}

/*== 削除 ==*/
table.cart_detail_table td a.delete{
	background:url(../images/icon_delete.png) no-repeat 0 2px;
	padding-left:15px;
}

/*== 合計 ==*/
table.cart_detail_table tfoot,
table.cart_detail_table tfoot th{
	background-color:#ccc;
}

/*== 合計金額の再計算 ==*/
div#main section#cart_detail p.resum{
	text-align:center;
}
div#main section#cart_detail p.resum img{
	vertical-align:middle;
	margin-left:20px;
}

/*======================================================
	ご購入手続き
======================================================*/
#cart_procedure .cart_procedure_login{
	width:340px;
	float:left;
	margin-right:40px;
}
#cart_procedure .cart_procedure_first{
	width:340px;
	float:left;
}

#cart_procedure .cart_procedure_login_right{
	width:340px;
	float:right;
	margin-right:40px;
}
#cart_procedure .cart_procedure_first_right{
	width:340px;
	float:right;
}


/*======================================================
	フォーム関係
======================================================*/
table.soycart_form{
	margin:20px auto;
	width:100%;
}
table.soycart_form.shop_login th,
table.soycart_form.shop_login td{
	padding:10px;
}
table.soycart_form th,
table.soycart_form td{
	padding:10px 15px;
	vertical-align:middle;
	border-bottom:1px dotted #ccc;
	box-shadow:inset 1px 1px 0 #fff;
	-moz-box-shadow:inset 1px 1px 0 #fff;
	-webkit-box-shadow:inset 1px 1px 0 #fff;
}
table.soycart_form th{
	background-color:#eeeeee;
	max-width:150px;
}
table.soycart_form table th,
table.soycart_form table td{
	padding:0;
	border-bottom:none;
}

/*======================================================
	ノート
======================================================*/

aside.note{
	border:1px solid #F60;
	padding:10px 15px 0;
	margin-bottom:20px;
	color:#F60;
	text-align:center;
}

/*======================================================
	エラー
======================================================*/
div.error{
	color:#f53030;
	background:url(../images/icon_error.png) no-repeat 15px 12px;
	border:2px solid #f53030;
	padding:10px 15px 10px 25px;
	font-weight:bold;
}
#main div.error p{
	margin-bottom:0;
}
p.error{
	color:#f53030;
	border:1px solid #f53030;
	background:url(../images/icon_error.png) no-repeat 15px 7px;
	padding:5px 0 5px 25px;
	font-weight:bold;
	margin-top:10px;
}

/*======================================================
	通知
======================================================*/
div.notice{
	color:#FF6600;
	border:2px solid #FF6600;
	padding:10px 15px 10px 25px;
	font-weight:bold;
}
#main div.notice p{
	margin-bottom:0;
}
p.notice{
	color:#FF6600;
	border:1px solid #FF6600;
	padding:5px 0 5px 25px;
	font-weight:bold;
	margin-top:10px;
}