@charset "utf-8";
@import url(cmn.css);
@import url(layout.css);


/*---------------------------------------------------------
　cart＞sideMenu
---------------------------------------------------------*/
div#conMenu{background:none}

div#conMenu h2{
	font-size:0.9em;
	font-weight:lighter;
	background: url(../img/common/z_dot.jpg) 0 bottom repeat-x;
	text-align:left;
	padding-bottom:5px;
	margin-bottom:5px;
}
div#conMenu ul{width:96%;text-align:left;}
div#conMenu ul li{
	background: url(../img/common/z_dot.jpg) 0 bottom repeat-x;
	padding-bottom:3px;
	margin-bottom:5px;
}


div#conMenu ul li a{
	background: url(../img/common/z_arrow_gr.jpg) 0 3px no-repeat;
	padding:0 0 0 10px;
	text-indent:0;
}


div#conMenu ul li a,
div#conMenu ul li a:link,
div#conMenu ul li a:visited,
div#conMenu ul li a:active{color:#007bd0;text-decoration:none;}
div#conMenu ul li a:hover{color:#1007bd0;text-decoration:underline;}



/*---------------------------------------------------------
　cart
---------------------------------------------------------*/
div#naviBox p#btnCart img{position:relative;top:-29px;}



body#cart div#wakuTop h2{background: url(../img/cart/ptitle_cart.jpg) 0 0 no-repeat;}

div.conBox {text-align:left;}

div.conBox h3{text-indent:-9999px;}
div.conBox h3#ca01{background: url(../img/cart/mttl_step01.jpg) 0 0 no-repeat;}
div.conBox h3#ca02{background: url(../img/cart/mttl_step02.jpg) 0 0 no-repeat;}
div.conBox h3#ca03{background: url(../img/cart/mttl_step03.jpg) 0 0 no-repeat;}
div.conBox h3#ca04{background: url(../img/cart/mttl_step04.jpg) 0 0 no-repeat;}
div.conBox h3#ca05{background: url(../img/cart/mttl_step05.jpg) 0 0 no-repeat;}
div.conBox h3#ca06{background: url(../img/cart/mttl_complete.jpg) 0 0 no-repeat;}




/*STEP1*/
div.conBox table.price{
	border-collapse:collapse;border-spacing:0px;
	width:100%;
	margin:0 0 1em 0px;
	clear:both;
	border:1px solid #b6b6b6;
}
div.conBox table.price th{
	padding:5px;
	border:1px solid #b6b6b6;
	text-align:center;
	background:#e6e6e6;
}
div.conBox table.price td{
	padding:5px;
	border:1px solid #b6b6b6;
	line-height:1.4;
}
div.conBox table.price td input{
	width:50px;
	border:1px solid #b6b6b6;
	margin:0 5px 0 0;
}
div.conBox table.price td img{margin-bottom:3px;}

div.conBox table.price td a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

div.conBox table.price td.alR{text-align:right;}

div#total{width:200px;float:right;}
div#total dl{
	width:100%;
	margin: 0 0 1em 0px;
	padding: 0;
	font-size:1.4em;
	font-weight:bold;
}
div#total dl dt{
	margin: 0;
	padding: 3px;
	width: auto;
}
div#total dl dd{
	padding:3px 3px 3px 5em;
	margin: -1.8em 0 0 0;
	text-align:right;
}



/*STEP2,3,4,5*/
div.conBox table.data{
	border-collapse:collapse;border-spacing:0px;
	width:100%;
	margin:1em 0 1em 0px;
	clear:both;
	border:1px solid #b6b6b6;
}
div.conBox table.data th{
	padding:5px;
	border:1px solid #b6b6b6;
	text-align:left;
	background:#e6e6e6;
	width:38%;
}
span.txt{font-weight:lighter;font-size:1em;}
span.red{font-weight:bold;color:#aa0000;margin-left:5px;}

div.conBox table.data td{
	padding:5px;
	border:1px solid #b6b6b6;
	line-height:1.4;
	width:62%;
	vertical-align:middle;
}

div.conBox table.data td input,
div.conBox table.data td select,
div.conBox textarea{border:1px solid #b6b6b6;padding:3px;margin:0 0 0 5px;}

div.conBox textarea{width:615px;height:150px;margin-bottom:1em;}

input.sizeS{width:80px;}
input.sizeM{width:170px;}
input.sizeL{width:353px;}

div.conBox table.data td span{margin:0 0 0 5px;}


p.txtAtt{
	font-weight:bold;
	text-align:right;
	margin-bottom:2em;
}
p.txtAttL{text-align:left;margin:0 0 0 5px;}


div.conBox h4{
	display:block;
	text-indent:-9999px;
	margin:0 0 1em 0;
	width:630px;
	height:23px;
}
	div.conBox h4#s301{background: url(../img/cart/step3_ttl01.jpg) 0 0 no-repeat;}
	div.conBox h4#s302{background: url(../img/cart/step3_ttl02.jpg) 0 0 no-repeat;}

	div.conBox h4#s401{background: url(../img/cart/step4_ttl01.jpg) 0 0 no-repeat;}
	div.conBox h4#s402{background: url(../img/cart/step4_ttl02.jpg) 0 0 no-repeat;}
	div.conBox h4#s403{background: url(../img/cart/step4_ttl03.jpg) 0 0 no-repeat;}

	div.conBox h4#s501{background: url(../img/cart/step5_ttl01.jpg) 0 0 no-repeat;}
	div.conBox h4#s502{background: url(../img/cart/step5_ttl02.jpg) 0 0 no-repeat;}
	div.conBox h4#s503{background: url(../img/cart/step5_ttl03.jpg) 0 0 no-repeat;}
	div.conBox h4#s504{background: url(../img/cart/step5_ttl04.jpg) 0 0 no-repeat;}
	div.conBox h4#s505{background: url(../img/cart/step5_ttl05.jpg) 0 0 no-repeat;}
	div.conBox h4#s506{background: url(../img/cart/step5_ttl06.jpg) 0 0 no-repeat;}


	div.conBox h4.itemclass1{
		text-indent:0;
		color:#333;
		font-size:1.2em;
		height:auto;
		margin:0 0 5px 0;
		padding:0;
	}





div.ssBox{margin:2em 0;}
div.ssBox p.link{
	margin:1em 0 0 0;
	text-align:right;
}

	div.kakunin{
		border:1px solid #b6b6b6;
		padding:10px 0;	
	}
	div.kakunin p{margin-left:1em;}
	div.kakunin p.info4{margin:0 0 0 4em;}
	div.kakunin p.info2{margin:0 0 0 2em;}

	div.kakunin label{margin:0 0 0 2em;}
	div.kakunin label span{margin:0 0 0 5px;vertical-align:bottom;}

	div.kakunin h5{
		font-size:1em;
		margin:0 0 3px 2em;
		font-weight:lighter;
	}


/*STEP5*/
div.conBox table.dTotal{font-size:1.1em;}
div.conBox table.dTotal th{text-align:center;}
div.conBox table.dTotal td{text-align:right;}



/*完了*/
div.txtCenter p{
	text-align:center;
	margin:1em 0;
}

a#mail{
	background: url(../img/common/z_ico_mail.jpg) 0 0 no-repeat;
	padding:0 0 0 17px;
}





/*ボタン*/
div#btnArea{
	width:100%;
	margin:0;
	clear:both;
text-align:center;
}
div#btnArea a#back{float:left;}
div#btnArea a#next{float:right;}

div#btnArea a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

	/*--CLEAR--*/
	div#btnArea:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}



/*エラーメッセージ*/
p.errMsg{
	margin:1em 0 0 5px;
	color:#cf1b1b;
}


div#alertBox{
	border:solid #e5dfaa 1px;
	padding: 0.8em 1em;
	background-color:#fef9c4;
	margin:1em 0 0;
}

body.regist div.inner p.alrt_msg,body div.inner p.alrt_msg{
	margin: 0.5em 0.8em;
}

body.regist div.inner p.alertEx,body div.inner p.alertEx{
	font-weight:bold;
	margin: 0.5em 0.2em;
}


/*メッセージ*/
body.regist div.inner p{margin:1em 0 0 5px;}