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

/*----------------------------------------------------------
	ショッピングカート専用
----------------------------------------------------------*/

/* ---------------------------------
保有ポイント
*/

#mainContent .cart .myPoint{
	margin-bottom:20px;
	background:url(/images/cart/icon_point.gif) no-repeat 0 13px;
	padding:10px 0 10px 20px;
	border-bottom:1px dotted #CCC;}
	
#mainContent .cart .myPoint span.idx{
	padding-right:10px;
	border-right:1px solid #CCC;
	font-weight:bold;
	color:#666;}
	
#mainContent .cart .myPoint span.point{
	padding-left:10px;
	font-weight:bold;
	color:#D02866;}
	

/* ---------------------------------
カートの中身
*/
#mainContent .cart table{
	width: 600px;
	margin-bottom: 20px;
	border-collapse: collapse;
}


	
#mainContent .cart table tr.tblHeader{
	background: url(/images/cart/bg_cart.jpg) no-repeat 0 0;
	color:#FFF !important;
	letter-spacing: 2px;
	font-size: 81.25%;
	line-height: 140%;
}


	
	/* ----------------IE-----------------*/
	*+html #mainContent .cart table tr.tblHeader{
	background: url(/images/cart/bg_cart4ie.jpg) repeat-x 0 0;
	color: #FFF;
	letter-spacing: 2px;
}


	
	* html #mainContent .cart table tr.tblHeader{
	background: url(/images/cart/bg_cart4ie.jpg) repeat-x 0 0;
	color: #FFF;
	letter-spacing: 2px;
}


	/* -----------------------------------*/
	
	#mainContent .cart table tr.tblHeader th{
	height: 26px;
	text-align: center;
}


	
	/* ----------------IE-----------------*/
	*+html #mainContent .cart table tr.tblHeader th{
	padding-top: 2px;
}


	
	* html #mainContent .cart table tr.tblHeader th{
	padding-top: 2px;
}


	/* -----------------------------------*/
	
	#mainContent .cart table tr.tblHeader th.itemName,
	#mainContent .cart table tr.tblHeader th.value{
	border-right: 1px solid #666;
}


		
	#mainContent .cart table tr.tblHeader th.itemName{
	width: 380px;
}


		
	#mainContent .cart table tr.tblHeader th.value{
	width: 130px;
}


		
#mainContent .cart table td{
	padding: 10px;
}


	
	#mainContent .cart table td.itemName{
	border-right: 1px solid #CCC;
	border-bottom: 1px dotted #CCC;
	text-align: left;
}


	
		#mainContent .cart table td.itemName img{
	float: left;
	margin-right: 5px;
	padding: 1px;
	border: 1px solid #CCC;
	display: block;
}


		
		#mainContent .cart table td.itemName div.detail{
		float: left;
		width: 295px;
		font-size: 81.25%;
		line-height: 140%;
	}


		
		#mainContent .cart table td.itemName div p.itemName a:link,
		#mainContent .cart table td.itemName div p.itemName a:visited,
		#mainContent .cart table td.itemName div p.itemName a:active{
	font-weight: bold;
	color: #9E1D20 !important;
	text-decoration: none;
}

	
		
		#mainContent .cart table td.itemName div p.itemName a:hover{
	text-decoration: underline;
}


		
		
		#mainContent .cart table td.itemName div p.circleName a:link,
		#mainContent .cart table td.itemName div p.circleName a:visited,
		#mainContent .cart table td.itemName div p.circleName a:active{
		color: #0097CC !important;
		text-decoration: none;
	}


				
		#mainContent .cart table td.itemName div p.circleName a:hover{
	text-decoration: underline;
}


	
	#mainContent .cart table td.value{
	border-right: 1px solid #CCC;
	border-bottom: 1px dotted #CCC;
	font-family: "trebuchet MS",sans-serif;
	font-weight: bold !important;
	color: #FF6600 !important;
	text-align: right;
}


	
	#mainContent .cart table td.delete{
	border-bottom: 1px dotted #CCC;
	text-align: center;
}


/* ---------------------------------
ポイントを使用
*/

#mainContent .cart div#usePoint{
	margin-bottom:20px;
	text-align:right;}

#mainContent .cart div#usePoint p.error{
	background:#CC0000 url(/images/cart/icon_error_bg.gif) no-repeat 4px 50%;
	color:#FFF;
	font-weight:lighter !important;
	font-size:81.25%;}

#mainContent .cart div#usePoint table{
	margin-bottom:0 !important;}
	
#mainContent .cart div#usePoint table td{
	text-align:right;
	padding:5px !important;
	font-size:81.25%;}
	
#mainContent .cart div#usePoint span.idx{
	font-size:81.25%;
	padding-right:10px;
	border-right:1px solid #CCC;}
	
#mainContent .cart div#usePoint span.point{
	padding-left:10px;
	font-weight:bold;}
	
#mainContent .cart div#usePoint input.pointnum{
	width:100px;
	font-weight:bold;
	color:#D02866;
	padding-left:3px;
	padding-right:3px;}
	
#mainContent .cart div#usePoint input.submit{
	display:block;
	width:88px;
	height:18px;
	background:url(/images/cart/use_point.jpg) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	border:none !important;
	cursor:pointer;}



/* ---------------------------------
合計金額
*/

#mainContent .cart div#total{
	width:600px;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#EEE;
	text-align:right;
}

#mainContent .cart div#total .inner{
	padding:10px 20px 10px 20px;}
	
#mainContent .cart div#total .inner span.idx{
	font-size:81.25%;
	padding-left:40px;
	padding-right:10px;
	border-right:1px solid #CCC;}
	
#mainContent .cart div#total .inner span.amount{
	padding-left:10px;
	font-weight:bold;
	color:#FF6600;}
	
#mainContent .cart div#total .inner span.point{
	padding-left:10px;
	font-weight:bold;
	color:#D02866;}





	
/* ---------------------------------
決済ボタン
*/

#mainContent .cart #settle{
	margin-bottom: 20px;
	text-align: center;
}



#mainContent .cart #settle img{
	margin:0 10px 0 10px}
	
	

/* ---------------------------------
会員説明エリア
*/
		
	.separateBox  ul.entry{
	display:block;
	font-weight:bold;
	color:#333 !important;
	margin-bottom:10px;
	line-height:120% !important;}
	
	.separateBox  ul.entryS{
	display:block;
	color:#333 !important;
	margin-bottom:10px;
	line-height:120% !important;}

	.separateBox ul.entry li,
	.separateBox  ul.entryS li{
		display:block !important;
		background:url(/images/icons/icon_check.gif) no-repeat 0 2px !important;
		padding-left:20px;
		margin-bottom:8px;}
		
/* ---------------------------------
ログインステータス、決済方法
*/

.paymentLeft,
.paymentRight{
	line-height:130%;}
	
.paymentLeft p,
.paymentRight p{
	padding-top:10px;
	text-align:left;
	line-height:130%;}

.paymentLeft{
	float:left;
	width:295px;
	margin-right:10px;
	overflow:hidden;}
	
	.paymentLeft h5{
	background:url(/images/cart/idx_cart_foot_l.gif) no-repeat 0 0;
	display:block;
	width:295px;
	height:35px;
	padding-top:8px;
	text-align:center;
	font-weight:bold;}
	
	.paymentLeft .inner{
	padding:5px;}
	
		
	
.paymentRight{
	float:left;
	width:295px;
	background:#F2F2F2;
	text-align:center;
	overflow:hidden;}
	
	.paymentRight h4.creditIdx{
		display:block;
		width:280px;
		height:21px;
		background:url(/images/cart/credit_bg1.gif) no-repeat 0 0;
		padding:5px 5px 0 10px;
		color:#FFF;
		font-weight:bold;
		font-size:112.5%;
		letter-spacing:1px;
		text-align:left;
		}
		
	/*IE6*/
	* html .paymentRight h4.creditIdx{
		width:295px !important;}
	
	.paymentRight h5{
		background:url(/images/cart/idx_cart_foot_r.jpg) no-repeat 0 0;
		display:block;
		width:295px;
		height:35px;
		padding-top:6px;
		text-align:center;
		font-weight:bold;}
	
	.paymentRight .inner{
		padding:5px;}
	



	
/* ---------------------------------
登録ボタン
*/

a.cartEntryBtn{
	display:block;
	width:179px;
	height:53px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 0 auto;
	background:url(/images/cart/right_entry.jpg) no-repeat 0 0;}
	
	a.cartEntryBtn:hover{
	background:url(/images/cart/right_entry.jpg) no-repeat 0 -60px;
	cursor:pointer;}
	
/* ---------------------------------
決済ボタン
*/

a.creditBtn,
a.cvnBtn,
a.bitBtn,
a.edyBtn,
a.medyBtn,
a.pBtn{
	display:block;
	width:264px;
	height:49px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto 10px auto;}
	
a.creditBtn{
background:url(/images/cart/credit1.jpg) no-repeat 0 0;}
	
	a.creditBtn:hover{
	background:url(/images/cart/credit1.jpg) no-repeat 0 -60px;
	cursor:pointer;}
	
a.cvnBtn{
	background:url(/images/cart/credit2.jpg) no-repeat 0 0;}
	
	a.cvnBtn:hover{
	background:url(/images/cart/credit2.jpg) no-repeat 0 -60px;}
	
a.bitBtn{
	background:url(/images/cart/credit3.jpg) no-repeat 0 0;}
	
	a.bitBtn:hover{
	background:url(/images/cart/credit3.jpg) no-repeat 0 -60px;}
	
a.edyBtn{
	background:url(/images/cart/credit4.jpg) no-repeat 0 0;}
	
	a.edyBtn:hover{
	background:url(/images/cart/credit4.jpg) no-repeat 0 -60px;}
	
a.medyBtn{
	background:url(/images/cart/credit5.jpg) no-repeat 0 0;}
	
	a.medyBtn:hover{
	background:url(/images/cart/credit5.jpg) no-repeat 0 -60px;}
	
a.pBtn{
	background:url(/images/cart/credit6.jpg) no-repeat 0 0;}
	
	a.pBtn:hover{
	background:url(/images/cart/credit6.jpg) no-repeat 0 -60px;}
	



/* ---------------------------------
レコメンド
*/
#mainContent .cart table.recommend{
	width: 600px;
	margin-bottom: 20px;
	font-size: 75%;
	line-height: 120%;
	border-collapse: collapse;
	border-bottom:1px solid #CCC;
}


	
#mainContent .cart table.recommend tr.tblHeader{
	background: url(/images/cart/bg_recommend.gif) no-repeat 0 0;
	color:#333 !important;
	letter-spacing: 2px;
}


	
	/* ----------------IE-----------------*/
	*+html #mainContent .cart table.recommend tr.tblHeader{
	background:#CCC;
	color: #333;
	letter-spacing: 2px;
}


	
	* html #mainContent .cart table.recommend tr.tblHeader{
	background: #CCC;
	color: #333;
	letter-spacing: 2px;
}


	/* -----------------------------------*/
	
	#mainContent .cart table.recommend tr.tblHeader th{
	height: 26px;
	text-align: center;
	padding-top:2px;
}


	/* -----------------------------------*/
	
		
#mainContent .cart table.recommend td{
	padding: 10px;
	background:#EEE;
}


	
	#mainContent .cart table.recommend td.itemName{
	text-align: left;
	border:none !important;
}


	
		#mainContent .cart table.recommend td.itemName img{
	float: left;
	margin-right: 5px;
	padding: 1px;
	border: 1px solid #CCC;
	display: block;
}


		
		#mainContent .cart table.recommend td.itemName div.detail{
	float: left;
	width: 120px;
}


		
		#mainContent .cart table.recommend td.itemName div p.itemName a:link,
		#mainContent .cart table.recommend td.itemName div p.itemName a:visited,
		#mainContent .carttable.recommend td.itemName div p.itemName a:active{
	font-weight: bold;
	color: #9E1D20 !important;
	text-decoration: none;
}

	
		
		#mainContent .cart table.recommend td.itemName div p.itemName a:hover{
	text-decoration: underline;
}


		
		
		#mainContent .cart table.recommend td.itemName div p.circleName a:link,
		#mainContent .cart table.recommend td.itemName div p.circleName a:visited,
		#mainContent .cart table.recommend td.itemName div p.circleName a:active{
		color: #0097CC !important;
		text-decoration: none;
	}


				
		#mainContent .cart table.recommend td.itemName div p.circleName a:hover{
	text-decoration: underline;
}