@charset "UTF-8";

/*==========================================================================
 basic
============================================================================ */
#cart { padding: 0 30px; min-height: 460px; _height: 460px; }

.con_tlt { width:830px; padding-left:10px; margin-top:20px; margin-bottom:15px; background:url(img/con_tlt.png) 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; }

#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; }

/*==========================================================================
 table
============================================================================ */
table { border-collapse: collapse; }
th,td { border:1px solid #ccc; }
.con_tbl th,.con_tbl td { border: 1px solid #B6BE8D!important; }
.con_tbl th { background:#CED5A9; }

table.list { width:100%; margin-bottom:20px; }
table.list th { background:url("img/bg_cell.png") repeat-x; color: #FFF; }
table.list td { padding:2px 5px; } 
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 0 auto auto; }
table.total th { width: 120px; background:url("img/bg_cell.png") repeat-x; color: #FFF; }
table.total td { text-align: right; font-weight:bold; }
table.total td strong,table.total2 td strong { font-size:16px; color:#c03; }

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

table.total3 { width: 260px; margin: 10px 0 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:#c03; }
table.total3 td strong { font-size:16px; }

table.cart { margin: 1em auto 1.5em; width:100%; }
table.cart th { width: 150px; background:#CED5A9; }
table.cart td { line-height: 1.6; }
table.cart td ul { margin: 5px 1.5em; list-style-type: disc; }
table.cart th,table.cart td { padding:6px 10px; border:1px solid #B6BE8D;  }

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; }

.noshi div { width:100px; margin:10px; padding:15px; float:left; border-radius:15px; border:1px solid #ccc; }

/*==========================================================================
 その他
============================================================================ */
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:50px; }

.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; border-radius: 4px;
}
#thanks_tlt h2 { font-size:25px; width:450px; float:left; margin-top:5px; padding-left:10px; font-weight:bold; color:#FFFFFF; }
#thanks_tlt span { font-size:14px; }
#thanks_tlt img { display:block; width:240px; float:right; border-radius: 4px;
}
#thanks_tlt p { font-size:25px; margin-top:25px; text-align:center; 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:14px; font-weight:bold; }

.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 { width:325px; height:360px; padding:15px; border-radius: 4px; }
.csm1 dt,.csm2 dt { padding-top:25px; font-weight:bold; font-size:14px; text-align:center; margin-bottom:10px; }
.csm1 dd,.csm2 dd { padding-top:15px; }
.csm1 dd p.border,.csm2 dd p.border {
	margin-bottom:10px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:10px 0; margin:10px 0; }

.csm1 { float:left; border:2px solid #602D16; }
.csm1 dt { color:#602D16; }
.csm1 dd { border-top:1px solid #602D16; }
.csm1 dd p { text-align:center; }
.csm1 dd p.first { text-align:left; }

.csm2 { float:right; border:2px solid #880000; }
.csm2 dt { color:#880000; }
.csm2 dd { border-top:1px solid #880000; }

#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-bottom:20px; margin-top:20px; text-align:right; }

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

#option1,#option2 { display:none; }