@charset "utf-8";
/*
# written by unit-MSE Co.,ltd.　　　　　 #
# 　　　info@unit-mse.jp　　　　　　　　 #
# 　　　http://www.unit-mse.jp　　　　　 #
# 使用：クライアント名　YYYY.MM.DD　　　 #
# 日文用　　　　　　　　　　　　　　　　 #
# $Revision: 1.1 $　　　　　　　　　　　 #
*/
/******************************/
/* カートセット               */
/******************************/

DIV.cart{ width:714px; margin:auto; text-align:left; margin-top:43px; margin-bottom:62px; }

DIV.cart H1,
DIV.cart H2,
DIV.cart H3,
DIV.cart P,
DIV.cart OL,
DIV.cart UL,
DIV.cart DL,
DIV.cart FORM { margin:0 0 0 0; padding:0 0 0 0; }


/* タイトル文字 */

DIV.cart H2{
	text-indent:-9999px;
	border-bottom:#999999 1px solid;
	margin-bottom:4px;
	height:20px;
	background-repeat:no-repeat;
}

/* 操作説明 */
DIV.cart P.exp{ font-size:12px; line-height:18px; margin-bottom:12px; }
DIV.cart P.exp STRONG{ font-weight:bold; color:#CC0000; }

/* 案内 */
DIV.cart P.infomation{ margin-bottom:12px; }
DIV.cart P.infomation SPAN{ font-size:12px; }
DIV.cart DIV.note DL{
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size:12px;
	line-height:16px;
	padding-top:12px;
}
DIV.cart DIV.note DD{
	margin-top:-16px;
	margin-left:21px;
	padding-bottom:6px;
}


/* 強調案内 */

DIV.cart P.extramsg{ color:#FF0000; font-size:18px; line-height:24px; font-weight:bold; margin-bottom:12px; }
DIV.cart P.extramsg SPAN{ font-size:12px; font-weight:normal; color:#666666; }

/* 必須 */
DIV.cart .ness{
	font-size:8px;
	color:#DB0000;
	vertical-align: super;
}
/* 入力警告 */
DIV.cart .inputAlert{ color:#FF0000; font-size:12px; margin:4px 0px 4px 0px; }
DIV.cart .example,
DIV.cart .note { color:#888888; font-size:12px; line-height:14px; }
DIV.cart SPAN.note{ text-indent:6px; }
DIV.cart .memo{}


/* カートステップ */
DIV.step{
	height:18px;
	width:413px;
	margin-top:-25px;
	margin-left:300px;
	margin-bottom:12px;
	background-repeat:no-repeat;
	background-position:right top;
	text-indent:-9999px;
}

/* -------------- */
/*  各種テーブル  */
/* -------------- */
/* 商品情報 */
DIV.cart TABLE.itemArea{ border-collapse:collapse; }
DIV.cart TABLE.itemArea TH{ text-align:center; }
DIV.cart TABLE.itemArea TH,
DIV.cart TABLE.itemArea TD{	border:#CD7C78 1px solid; }
DIV.cart TABLE.itemArea TD{ padding:3px; }
DIV.cart TABLE.itemArea TH {
	background-color:#990000;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
}
/* サブ文字 */
DIV.cart TABLE.itemArea TH SPAN,
DIV.cart DIV.sumArea TABLE TH SPAN{ font-size:10px; }

/* 料金情報 */
DIV.cart DIV.sumArea{ text-align:right; margin-top:-1px; }
DIV.cart DIV.sumArea TABLE{
	border-collapse:collapse;
}
DIV.cart DIV.sumArea TABLE TH{ text-align:center; }
DIV.cart DIV.sumArea TABLE TH,
DIV.cart DIV.sumArea TABLE TD{ border:#CD7C78 1px solid; }
DIV.cart DIV.sumArea TABLE TD{ padding:3px; }
DIV.cart DIV.sumArea TABLE TH{
	background-color:#E3E3E3;
	color:#333333;
	font-size:12px;
	font-weight:normal;
}



/* お客様情報 */
DIV.cart TABLE.customerArea{ border-collapse:collapse; margin-bottom:24px; }
DIV.cart TABLE.customerArea TH {
	color:#333333;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}
DIV.cart TABLE.customerArea TH,
DIV.cart TABLE.customerArea TD{ padding:5px 3px; vertical-align:top; border-bottom:#CCCCCC 1px dotted; }
DIV.cart TABLE.customerArea TR.sample TH,
DIV.cart TABLE.customerArea TR.sample TD { font-size:12px; line-height:14px; color:#888888; padding:6px 2px 0px 3px; vertical-align:bottom; border-bottom:none; }


/* 配送先 */
DIV.cart TABLE.deliveryArea{}

/* 各種項目 */
DIV.cart .itemid{ }
DIV.cart .itemnm{ }
DIV.cart .itemprc{ text-align:right; }
DIV.cart .itemamt{ text-align:right; }
DIV.cart .itemsumtotal{ text-align:right; }
/* 削除 */
DIV.cart .btnDelItem{ text-align:center; }
/* 小計 */
DIV.cart .pretotal{ text-align:right; font-weight:bold; }
/* 割引 */
DIV.cart .discount{ text-align:right; color:#FF0000; font-weight:bold; }
/* 送料 */
DIV.cart .deliprc{ text-align:right; }
/* 手数料 */
DIV.cart .charge{ text-align:right; }
DIV.cart .tax{ text-align:right; }
/* 合計 */
DIV.cart .sumtotal{ text-align:right; font-weight:bold; }

DIV.chngAmt{}


/* 数量ボタン */
DIV.cart DIV.btnChngAmountMin,
DIV.cart DIV.btnChngAmountMax,
DIV.cart DIV.btnChngAmount,
DIV.cart DIV.btnChngAmount A {
	display:block;
	width:15px;
	height:15px;
	margin:auto;
	text-indent:-9999px;
	font-size:8px;
	line-height:8px;
}
DIV.cart DIV.btnChngAmount A.btnS_amtAdd { margin-bottom:3px; }

DIV.cart DIV.btnChngAmountMin,
DIV.cart DIV.btnChngAmountMax{
	background-position:left center;
	background-repeat:no-repeat;
}
DIV.cart DIV.btnChngAmountMin { background-image:URL(../img/btnS_amtSub.gif); }
DIV.cart DIV.btnChngAmountMax { background-image:URL(../img/btnS_amtAdd.gif); }

DIV.cart DIV.btnChngAmount A { background-position:left top; background-repeat:no-repeat; }
DIV.cart DIV.btnChngAmount A:hover{ background-position:left bottom; }
DIV.cart DIV.btnChngAmount A.btnS_amtAdd{ background-image:URL(../img/btnS_amtAdd.gif); }
DIV.cart DIV.btnChngAmount A.btnS_amtSub{ background-image:URL(../img/btnS_amtSub.gif); }

/* ----------------------------------------------------------------------------- */
/* カートが空の場合 */
DIV.cart DIV.nullitem{
	text-align:left;
}
DIV.cart DIV.nullitem H2{
	text-indent:0px;
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	border-bottom:0px none;
	margin-bottom:4px;
}

/* ----------------------------------------------------------------------------- */
/* フォームボタン周り */
DIV.cart DIV.btnArea{ text-align:center; margin:auto; }

DIV.cart FORM{ display:inline; }
DIV.cart INPUT.btn { padding:5px 4px 3px 4px; }
DIV.cart INPUT.btnS { font-size:10px; padding:1px 1px 0px 1px; }



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


/* 購入時の同意画面（個人情報など）DIV用 */

DIV.cart DIV#pp {
	text-align:left;
	width:698px;
	height:240px;
	background-color:#FFFFFF;
	color:#666666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border:solid 1px #CCCCCC;
	overflow-y:scroll;
	font-size:12px;
	line-height:21px;
	padding:8px;
	padding-bottom:24px;
}
DIV.cart DIV#pp{margin-bottom:24px;}
DIV.cart DIV#pp H1,
DIV.cart DIV#pp H2,
DIV.cart DIV#pp OL,
DIV.cart DIV#pp P { padding:0 0 0 0; margin:0 0 0 0; }

DIV.cart DIV#pp H1,
DIV.cart DIV#pp H2 { font-size:14px; text-indent:0px; border-bottom:none; }
DIV.cart DIV#pp OL{ margin-left:40px; margin-bottom:14px; }
DIV.cart DIV#pp OL.roman{ margin-left:24px;}
DIV.cart DIV#pp OL.roman LI{ list-style-type:lower-roman; }