@charset "UTF-8";

/*==========================================================================
 basic
============================================================================ */
.pan { width:880px; margin:5px auto 10px; border-bottom:1px dotted #443F38; color:#666666; }

#cart { padding: 0 30px; background-color: #FFF; min-height: 460px; _height: 460px; }

.con_tlt { width:801px; background:url(img/con_tlt.jpg) no-repeat left center; }

.fm_box { width:760px; margin:10px auto; }
#cart p.center { font-weight:bold; }

.attention { color:#B94026; }

.fm_box { background-color:#F0F0F0; padding:20px 10px; border:1px dashed #666666; margin-bottom:20px;
/* Progressive Enhancement */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.fm_box input { margin-bottom:15px; }

p.notice { text-align:center; color: #FF0000; font-weight:bold; font-size:15px; }

#header .right { width:700px; float:right; }
#cart_nav { width:700px; float:right; padding-top:10px; }
#cart_nav ul { display:inline; }
#cart_nav ul li { display:inline; background:url(../img/cart_nav.png) no-repeat left center; padding-left:15px; padding-right:5px; }
#header h2 { margin-top:130px; clear:both; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; font-weight:bold; color:#451966; font-size:25px; text-align:right; }
#header h2 span { font-size:14px; padding-right:10px; }
#header { margin-bottom:20px; background:url(../img/header_cart_bg.jpg) no-repeat right bottom; }

#footer {
	width: 900px;
	height: 150px;
	padding-bottom:5px;
	margin-bottom:0;
	color:#D9CAB8;
	background: url(../img/footer_bg2.png) no-repeat center top;
}

/*==========================================================================
 table
============================================================================ */
table { width: 760px; margin: auto; border-collapse: collapse; }
th, td { padding: 6px; border: solid 1px #ddd; }

table.list { margin-top: 5px; margin-bottom:20px; }
table.list th { background: #451966 url("img/bg_cell.png") repeat-x; color: #FFF; }
table.list td.del { width: 10%; text-align: center; } 
table.list td.code { width: 15%; text-align: center; } 
table.list td.num { width: 10%; text-align: center; }
table.list td.name { width: 40%; }
table.list td.price {
	width: 15%; text-align: right;
}
table.list td.tanka {
	width: 10%; text-align: right;
}
table table td { border-width: 0px; }
table table td input { margin-bottom:5px; }

table.total,table.total2 { width: 260px; margin: 10px 45px auto auto; }
table.total th { width: 120px; background: #11330E url("img/bg_cell.png") repeat-x; color: #FFF; }
table.total td { text-align: right; font-weight:bold; color:#B94026; }
table.total td strong,table.total2 td strong { font-size:16px; }

table.total2 th { width: 120px; font-weight:bold; }
table.total2 td { text-align: right; font-weight:normal; }

table.total3 { width: 260px; margin: 10px 45px auto auto; }
table.total3 th { width: 120px; background: #11330E url("img/bg_cell.png") repeat-x; color: #FFF; }
table.total3 td { text-align: right; font-weight:bold; color:#B94026; }
table.total3 td strong { font-size:16px; }


table.cart { margin: 1em auto 1.5em; }
table.cart th { width: 150px; color:#451966; }
table.cart td { line-height: 1.6; }
table.cart td ul { margin: 5px 1.5em; list-style-type: disc; }


table.card { width: 400px; margin: 1em 1.5em; }
table.card th { width: 130px; text-align: left; background-color: #CCC; }
table.card th, table.card td { border-width: 1px; }

table.flow { width:830px; margin:15px auto 30px; }
table.flow td { width: 25%; vertical-align: top; background: #F0F0F0 url("img/icon.png") no-repeat right center; color: #666; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; }
table.flow td em { font-size:15px; width:100%; font-weight:bold; border-bottom:1px dotted #666666; }
table.flow td.current { color: #B94026; border-bottom:3px solid #B94026; }
table.flow td.step4 { background-image: none; }

table.inner_tbl { width:570px; border:1px solid #CCC; margin-top:10px; }
table.inner_tbl th,table.inner_tbl td { border:1px solid #CCC; }


/*==========================================================================
 その他
============================================================================ */
#cart p.lack { margin: 50px auto; font-size: 1.25em; }
.present {
	width: 550px;
	margin: 30px auto 0;
	padding-top: 30px;
	text-align: center;
	background: url("img/present_top.gif") no-repeat;
}
.present div { padding: 0 30px 30px; background: url("img/present_bg.gif") no-repeat 0% 100%; }

span.red { color:#D53737; }

.submit { text-align:center; margin-top:10px; margin-bottom:35px; }

.attention_waku { border-bottom:1px dotted #CCC; border-top:1px dotted #CCC; padding:30px 0; text-align:center; font-weight:bold; color:#B94026; width:760px; margin:15px auto; }

/*==========================================================================
 Thank you ページ
============================================================================ */
#thanks_tlt { width:900px; height:150px; margin:5px auto 10px; background:#451966 url(../img/h2_shop.png) no-repeat left top; /* Progressive Enhancement */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#thanks_tlt h2 { font-size:25px; width:450px; float:left; margin-top:5px; padding-left:10px; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; font-weight:bold; color:#FFFFFF; }
#thanks_tlt span { font-size:14px; }
#thanks_tlt img { display:block; width:240px; float:right;
	/* Progressive Enhancement */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#thanks_tlt p { font-size:25px; margin-top:25px; text-align:center; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; font-weight:bold; color:#FFFFFF; clear:both; }

* html #thanks_tlt img { display:none; width:240px; float:right; }

.thanks_comment { width:600px; margin:30px auto 30px; padding:40px; font-size:16px; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; background:url(../img/bg.jpg) repeat-x left top;
/* Progressive Enhancement */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
box-shadow: 2px 3px 3px #CCCCCC; -moz-box-shadow: 2px 3px 3px #CCCCCC; -webkit-box-shadow: 2px 3px 3px #CCCCCC; }

.thanks_comment p.txt_right { font-size:13px; margin-top:20px; }
.thanks_comment .submit_btn { margin-top:10px; text-align:center; }


/*==========================================================================
 ログイン
============================================================================ */
#select_csm { width:745px; margin:10px auto; }

.csm1, .csm2 { height:350px; padding:10px;
/* Progressive Enhancement */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.csm1 { width:350px; float:left; border:2px solid #B94026; }
.csm1 dt { width:350px; height:55px; padding-top:10px; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; color:#B94026; font-size:18px; text-align:center; margin-bottom:10px; }
.csm1 dd { width:350px; border-top:1px solid #B94026; padding-top:10px; }
.csm1 dd p.border { margin-bottom:10px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:10px 0; margin:10px 0; }
.csm1 dd p { text-align:center; }
.csm1 dd p.first { text-align:left; }

.csm2 {  width:335px; float:right; border:2px solid #3A1554; }
.csm2 dt { width:335px; height:40px; padding-top:25px; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; color:#3A1554; font-size:18px; text-align:center; margin-bottom:10px; }
.csm2 dd { width:335px; border-top:1px solid #3A1554; padding-top:10px; }
.csm2 dd p.border { margin-bottom:10px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:10px 0; margin:10px 0; }

#login2 { margin-top:35px; text-align:center; }


/*==========================================================================
 ガイド
============================================================================ */
#guide_btn { margin:10px 0 25px; cursor:pointer; }
.guide { width:740px; padding:10px; margin:20px auto; background-color:#FFF4E4; border:1px dashed #999;
/* Progressive Enhancement */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
td .guide { width:450px!important; }
.guide p.tlt { font-weight:bold; color:#B94026; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; border-bottom:1px dotted #999; margin-bottom:10px; }

/*#csm_form,#csm_form2,#csm_form3 { display:none; }*/

#cart_flow { margin-left:35px; margin-bottom:20px; }

#btn_option1,#btn_option2 { margin:10px 0; cursor:pointer; }
#btn_option2 { margin-bottom:35px; }

#option1,#option2 { display:none; }