@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2012-03-12
 * Editor:    contents tazaki
 * Modified:   2012-02-17 by:contents tazaki
 *
 * ***********************************************************
 */



/* ------------------------------------------------------------
	Font-size Adjustment
------------------------------------------------------------

10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	170%
23px 	177%
24px 	185%
25px 	193%
26px 	200%


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

CART

----------------------------------------------------------------- */
body#contact{
	color:#33210D;

}


#contact table.cartList{
	margin:20px auto;
	padding:0;
	border:1px solid #CCC;
	border:none;
	border-collapse:collapse;
	width:760px;
}

#contact table.cartList th{
	padding:2px 0 0;
	border:none;
	border-right:#FFF solid 1px;
	background:#E5E1DB;
	font-weight:bold;
	text-align:center;
	font-weight:100;
	background:#7E705A;
	color:#FFF;

}

#contact table.cartList th.goods_name{
	width:400px;
}
#contact table.cartList th.uni_price{
	width:110px;
}
#contact table.cartList th.number{
	width:60px;
}

#contact table.cartList th.total_price{
	width:100px;
}
#contact table.cartList th.del{
	width:66px;
	/*background:#EEECE9;*/
	border-right:none;
}
#contact table.cartList td{
	border:none;
	padding: 8px 10px;
	text-align: left;
	border-bottom:1px dotted #999;
	font-size:100%;
}
#contact table.cartList td.goods_img{
	width:60px;
	padding:8px 5px;
}
#contact table.cartList td.goods_img img{
	border:1px solid #CCC;
}

#contact table.cartList td.goods_name{
	width:318px;
}

#contact table.cartList td.uni_price{
	text-align: center;
}

#contact table.cartList td.number{
	text-align: center;

}


#contact table.cartList td.total_price{
	text-align:right;
	width:100px;
}

#contact table.cartList td.del{
	text-align:center;
}
#contact table.cartList td.alltotal_price{
	border-top:2px dotted #C0B6A7;
}
#contact table.cartList td.delivery_charge{
	border-bottom:dashed 1px #C0B6A7;
	border-top:dashed 1px #C0B6A7;
}
#contact table.cartList td.delivery_charge.td{
text-align:right;}

#contact table.cartList td.payment_total{
	border-bottom:3px solid #7E705A;
	font-weight:bold;
	text-align:right;
}
#contact table.cartList td.alltotal_price.td,
#contact table.cartList td.payment_total.td{
	text-align:right;
	width:100px;
}

#contact table.cartList td.payment_total.th{
	text-align:left;
}



.erMsg{
	/*background:url(../cart/img/error_icon02.jpg) 3px 50% no-repeat #FEEDE9;*/
	margin:0 0 8px;
	font-size:11px;
	color:#CC0000;
	padding:2px 3px 0px 20px;
	border-bottom:1px dotted #CC0000;
	border-top:1px dotted #CC0000;
	width:325px;
}






/* input
---------------------------------------------------- */
#contact.input table.cartList td.alltotal_price.td,
#contact.input table.cartList td.total_price{
	text-align:center;
}

#contact.input table.cartList td.alltotal_price{
	border-bottom:3px solid #7E705A;
}
#contact.input{
	border-bottom:3px solid #7E705A;
}

#contact.input p.info{
	padding:0 0 0 15px;
	margin:10px 0;
}
#contact.input div#mainContents h3{
	margin-bottom:10px;
}


#contact.input div#mainContents .ttl_pri{
	font-size:116%;
	margin-bottom:3px;
	border-bottom:2px solid #ccc;
	font-weight:bold;
}


#contact.input table.tContact{
	margin:0px auto 25px;
	padding:0;
	border:none;
	border-top:2px solid #498BFF;
	border-bottom:2px solid #498BFF;
	border-collapse:collapse;
	width:95%;
}
	#contact.input table.tContact.t02{
	border-top:2px solid #569778;

	}
	#contact.input table.tContact.t02 th,
	#contact.input table.tContact.t02 td.hissu{
	background:#E7ECE8;
	}

#contact.input table.tContact th{
	width:120px;
	padding:25px;
	border:none;
	border-bottom:1px dotted #999;
	background:#BAE4FF;
	font-weight:bold;
	text-align:left;
}
#contact.input table.tContact td.hissu{
	color:#CC0000;
	font-size:79%;
	background:#BAE4FF;
	width:25px;
	text-align:center;
	padding: 8px 5px 8px 0;

}
#contact.input table.tContact td{
	border:none;
	padding: 12px 10px;
	text-align: left;
	border-bottom:1px dotted #999;
	font-size:100%;
}
#contact.input table.tContact td.address{
	border-bottom:none;
	padding: 10px 10px 0;
}
#contact.input table.tContact td.pay{

}
#contact.input table.tContact td dl.pay{
	margin-bottom:10px;
	width:545px;
}
#contact.input table.tContact td dl.pay dt{
	background:#E5E1DB;
	font-weight:bold;
	padding:4px 5px 2px;
	margin-bottom:8px;
}
#contact.input table.tContact td dl.pay dd{
	padding:0px 5px 12px;
}

#contact.input table.tContact td dl.pay dd.inner dl{
	font-size:93%;
}
#contact.input table.tContact td dl.pay dd.inner dl dt{
	padding:5px 0px 3px;
	background:none;
	border-bottom:1px dotted #33210D;
}
#contact.input table.tContact td dl.pay dd.inner dl dd{
	padding:0px 5px 0px;
}
#contact.input table.tContact td dl.pay dd.inner dl dd a{
	color:#CC6600;
	text-decoration:underline;
}
#contact.input table.tContact td dl.pay dd.inner dl dd a:hover{
	text-decoration:none;
}

#contact.input table.tContact td textarea{
	width:545px;
}
#contact.input table.tContact td input.long{
	width:360px;
}

#contact.input table.tContact td input.zip{
	width:100px;
}
#contact.input table.tContact td img.zip_btn{
	padding:0px 0 2px 3px;
}

#contact.input table.tContact td p{
	margin-bottom:5px;

}
#contact.input table.tContact td p.notice{
	font-size:85%;
	padding:5px 0 0;
}


#contact.input table.tContact td p.day_attention{
	font-size:85%;
}
#contact.input table.tContact td p.day_attention{
	font-size:104%;
	margin:5px 0 0;
}
#contact.input table.tContact td p.day_attention span{
	color:#CC6600;
	padding:0 3px;
}
#contact.input table.tContact td p.day_attention2{
	font-size:85%;
}
#contact.input table.tContact td p.day_attention2 span{
	color:#CC6600;
	font-size:136%;
	padding:0 3px;
}



#contact.input div.agreeBox{
	width:800px;
	margin:0 auto;
}
#contact.input div.agreeBox p,
#contact.input div.agreeBox ul,
#contact.input div.agreeBox dl{
	margin-bottom:10px;
	padding:0 5px;
}
#contact.input div.agreeBox dl dt{
	border-bottom:1px dotted #CCC;
	border-top:1px dotted #CCC;
	padding:3px;
	margin-bottom:5px;
	width:460px;
}
#contact.input div.agreeBox dl dd{
	padding:0 5px;
}
#contact.input div.agreeBox dl dd{
	padding:0 5px;
}
#contact.input div.agreeBox dl dd a{
	color:#CC6600;
}
#contact.input div.agreeBox p.sttl{
	margin-bottom:10px;
	background:#EFEDE9;
	padding:8px;
}

#contact.input div.agreeBoxInner{
    border: 1px solid #D8D8D8;
    height: 300px;
    margin: 0 auto;
    overflow: auto;
    padding: 0.5em;
}
#contact.input div.agreeBox p.agcheck{
	text-align:center;
	margin:15px auto;
	border-bottom:1px dotted #8C6F4D;
	padding-bottom:10px;
}
#contact.input div.agreeBox p.agcheck input{
	line-height:12px;
}
#contact.input div.agreeBox p.agcheck span{
	padding:0px 6px;
	font-weight:bold;
}

#contact.input p.btn_msg{
	width:800px;
	margin:0 auto;
}
#contact.input ul.form_btnArea{
	margin:10px auto 20px;
	background:#E9E6E1;
	padding:20px 20px;
}
	#contact.input ul.form_btnArea:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}
	#contact.input ul.form_btnArea{
	display:inline-block;
	}
	* html #contact.input ul.form_btnArea{
	height:1%;
	}
	#contact.input ul.form_btnArea{
	display:block;
	}
#contact.input ul.form_btnArea li{
	margin:0 auto;
}




.input div.pointBox{
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	width:760px;
	margin:10px auto 20px;
	padding:10px 0px 15px;
}


.input div.pointBox p.msg{
	margin-bottom:10px;
}

.input div.pointBox p.msg span{
	font-size:129%;
	color:#CC0000;
}
.input div.pointBox p span.member_name{
	font-size:115%;
	color:#CC6600;
}


.input div.pointBox dl dt{
	background:#E5E1DB;
	font-weight:bold;
	padding:3px 5px;
	margin-bottom:5px;
}
.input div.pointBox dl dd{
	padding:5px 5px 0;
}
.input div.pointBox dl dd p.poIn{
	background:#FFFFCC;
	padding:15px 10px;
	margin:5px 15px 15px 0;
	float:left;

}

.input div.pointBox dl dd p.poIn input{
	width:40px;
	height:18px;

}

.input div.pointBox dl dd p.attention{
	font-size:86%;
	margin-bottom:10px;
}








/* input top
---------------------------------------------------- */
#contact.input.top ul.form_btnArea li{
	width:210px;
	margin:0 auto;
	float:none;
}

/* input error
---------------------------------------------------- */
#contact.input.error .erMsgB{
	color:#FFF;
	background:url(../cart/img/error_icon01.jpg) 5px 50% #CC0000 no-repeat;
	padding:5px 0 3px 25px;
	margin-bottom:10px;

}
#contact.input#error_payment.erMsg{
	width:520px;
}
#contact.input.error ul.form_btnArea li{
	width:210px;
	margin:0 auto;
	float:none;
}




/* confirim
---------------------------------------------------- */
#contact.input.conf table.cartList td.alltotal_price{
	border-bottom:1px dashed #C0B6A7;
}
#contact.input.conf table.cartList td.delivery_charge.td{
	text-align:right;
	padding-right:20px;

}
#contact.input ul.form_btnArea li{
	float:left;
	margin-right:20px;
}
#contact.input.conf ul.form_btnArea{
	width:440px;
	margin:10px auto 20px;
	background:#E9E6E1;
	padding:20px 150px 20px 170px;
}
	#contact.input.conf ul.form_btnArea:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}
	#contact.input.conf ul.form_btnArea{
	display:inline-block;
	}
	* html #contact.input ul.form_btnArea{
	height:1%;
	}
	#contact.input.conf ul.form_btnArea{
	display:block;
	}

#contact.input.conf ul.form_btnArea li{
	float:left;
	margin-right:20px;
}


/* thank
---------------------------------------------------- */

#contact.thank div.msgBox{
	width:626px;
	margin:30px auto 0;
}
#contact.thank div.msgBox p.txt{
	border-top:1px dotted #948574;
	border-bottom:1px dotted #948574;
	padding:20px 0;
	margin:50px auto 0;
}
#contact.thank div.msgBox p{
	margin:30px auto;
	text-align:center;
}