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

#cartmainCtsWrap{
	width:840px;
	margin:0 auto 20px auto;
}

p.cartText12{
	font-size:12px;
	line-height:150%;
	color:#141E48;
}

p.cartText10{
	font-size:10px;
	line-height:150%;
	color:#141E48;
}

.cartLineBox{
	background-image:url(../img/line_01.gif);
	background-repeat:repeat-x;
	background-position:0 bottom;
}

#backnextBox{
	width:390px;
	margin:0 auto;
	text-align:center;
}

#cartBtnBack a{
	width:180px;
	height:40px;
	background-image:url(../img/cart/btn_back.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

#cartBtnBack a:hover{
	background-position:0 -40px;
}

#cartBtnNext{
	width:180px;
	height:40px;
	float:right;
}

#cartFlowChart{
	width:840px;
}

#creTitle01{
    background: url(../img/cart/flowtitle_credit.gif) no-repeat scroll 0 0 transparent;
    height: 17px;
    text-indent: -9999px;
    width: 200px;
}

.flowArrow{
	width:6px;
	height:11px;
	background:url(../img/cart/cartflow_icon_off.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin:10px 24px 9px 23px; 
}

.flowArrowon{
	width:6px;
	height:11px;
	background:url(../img/cart/cartflow_icon_on.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin:10px 24px 9px 23px; 
}

#flow01,#flow02,#flow03,#flow04,#flow01on,#flow02on,#flow03on,#flow04on{
	width:170px;
	height:30px;
	float:left;
}

#flow01 p{
	width:170px;
	height:30px;
	background:url(../img/cart/cartflow_01.gif) no-repeat;
	text-indent:-9999px;
}

#flow01on p{
	width:170px;
	height:30px;
	background:url(../img/cart/cartflow_01.gif) no-repeat;
	text-indent:-9999px;
	background-position:0 -30px;
}

#flow02 p{
	width:170px;
	height:30px;
	background:url(../img/cart/cartflow_02.gif) no-repeat;
	text-indent:-9999px;
}

#flow02on p{
	width:170px;
	height:30px;
	background:url(../img/cart/cartflow_02.gif) no-repeat;
	text-indent:-9999px;
	background-position:0 -30px;
}

#flow03 p{
	width:170px;
	height:30px;
	background:url(../img/cart/cartflow_03.gif) no-repeat;
	text-indent:-9999px;
}

#flow03on p{
	width:170px;
	height:30px;
	background:url(../img/cart/cartflow_03.gif) no-repeat;
	text-indent:-9999px;
	background-position:0 -30px;
}

#flow04 p{
	width:170px;
	height:30px;
	background:url(../img/cart/cartflow_04.gif) no-repeat;
	text-indent:-9999px;
}

#flow04on p{
	width:170px;
	height:30px;
	background:url(../img/cart/cartflow_04.gif) no-repeat;
	text-indent:-9999px;
	background-position:0 -30px;
}


/*indey.html,pay.html,preview.html Table*/
.cartTable{
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
}

.cartTable th{
	background-color:#141E48;
	font-size:12px;
	line-height:140%;
	font-weight:normal;
	color:#FFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	padding-top:3px;
	padding-bottom:3px;
}

.cartTd01{
	font-size:12px;
	line-height:140%;
	color:#131E47;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	padding:7px 13px 7px 13px;
}

.cartTd02{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
}

.cartTd03{
	font-size:12px;
	line-height:140%;
	color:#131E47;
}

.cartTd04{
	background-color:#F3F3F3;
	font-size:12px;
	line-height:140%;
	color:#131E47;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	padding:7px 13px 7px 13px;
}

.cartTh01{
	padding-left:10px;
}


/*index.html*/
h2#titleCart{
	width:70px;
	height:16px;
	background:url(../img/cart/title_cart.gif) no-repeat;
	text-indent:-9999px;
}

.tableImg{
	text-align:center;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	padding:7px 0 7px 0;
}


/*customer.html*/
#customerTitle01{
	width:123px;
	height:17px;
	background:url(../img/cart/flowtitle_form.gif) no-repeat;
	text-indent:-9999px;
}

#customerTable{
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;	
}

#customerTable th{
	font-size:12px;
	line-height:140%;
	color:#131E47;
	padding:13px 5px 13px 13px;
	background-color:#F3F3F3;
	font-weight:normal;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
}

.ctmTable01{
	font-size:12px;
	line-height:140%;
	color:#131E47;
	padding:7px 0 7px 13px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
}

.ctmTable02{
	font-size:12px;
	line-height:140%;
	color:#131E47;
	padding:7px 0 7px 13px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	background-color:#F3F3F3;
}

#ctmTdTextWrap{
	margin-bottom:7px;
}

.ctmText10{
	font-size:10px;
}

.ctmText10 a{
	font-size:10px;
	color:#141E48;
	text-decoration:none;
}

.ctmText10 a:hover{
	font-size:10px;
	text-decoration: underline;
}

.fontred{
	color:#C00;
}


/*pay.html*/
#payTitle01{
	width:142px;
	height:17px;
	background:url(../img/cart/flowtitle_payway.gif) no-repeat;
	text-indent:-9999px;
}

#payTitle02{
	width:142px;
	height:17px;
	background:url(../img/cart/flowtitle_time.gif) no-repeat;
	text-indent:-9999px;
}

#payTitle03{
	width:141px;
	height:17px;
	background:url(../img/cart/flowtitle_mail.gif) no-repeat;
	text-indent:-9999px;
}

#payTitle04{
	width:159px;
	height:17px;
	background:url(../img/cart/flowtitle_contact.gif) no-repeat;
	text-indent:-9999px;
}

.payTextRed{
	font-size:12px;
	line-height:140%;
	color:#C00;
}


/*preview.html*/
#preTitle01{
	width:158px;
	height:17px;
	background:url(../img/cart/flowtitle_kakunin.gif) no-repeat;
	text-indent:-9999px;
}


/*thanks.html*/
#thanksTitle01{
	width:85px;
	height:17px;
	background:url(../img/cart/flowtitle_order.gif) no-repeat;
	text-indent:-9999px;
}

#thanksBox{
	width:798px;
	border: 1px solid #999;
	padding:20px;
}

#thanksMsg{
	width:546px;
	height:22px;
	background:url(../img/cart/flowtext_thanks.gif) no-repeat;
	text-indent:-9999px;
}

#cartBack{
	float:left;
}