@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 { width: 660px; margin: auto; border-collapse: collapse; }
th, td { padding: 6px; border: solid 1px #ddd; }

table.list { margin-top: 5px; margin-bottom:20px; }
table.list th { }
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; }
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;}
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; }
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; }

/*==========================================================================
 その他
============================================================================ */
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:14px; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif;
 }

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


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

.csm1, .csm2 { height:380px; padding:5px;
/* Progressive Enhancement */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.csm1 { width:320px; float:left; border:2px solid #DBCE9C; }
.csm1 dt { width:320px; padding-top:10px; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; color:#B19B41; font-size:14px; text-align:center; margin-bottom:10px; }
.csm1 dd { width:320px; border-top:1px solid #DBCE9C; margin:0; }
.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:320px; float:right; border:2px solid #880000; }
.csm2 dt { width:320px; padding-top:25px; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; color:#880000; font-size:14px; text-align:center; margin-bottom:10px; }
.csm2 dd { width:320px; border-top:1px solid #880000; margin:0; }
.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-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; }


/*==========================================================================
 商品注文から発送までの流れ
============================================================================ */
#flow { display:block; background:url(../img/howto_num.png) no-repeat left top; padding-left:60px; } 
#flow li { display:block; width:550px; height:65px; line-height:45px; font-size:16px; font-weight:bold; }
#howto .con_bx { margin-bottom:20px; }
#howto .con_bx p { margin:0 0 10px; }
#howto .con_bx .waku { width:400px; margin:10px auto; border:2px solid #497021; padding:20px; text-align:center; font-size:16px; font-weight:bold;
/* Progressive Enhancement */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#howto .con_bx h4 { font-size:16px; font-weight:bold; color:#421862; border-bottom:1px dotted #CCCCCC; margin-bottom:10px; }
#howto table { border-collapse:collapse; border:1px solid #CCCCCC; width:550px; margin:0 auto 15px; }
#howto table th,#howto table td { border:1px solid #CCCCCC; padding:5px; }
#howto table th { width:100px; background-color:#421862; color:#FFFFFF; font-weight:normal; }
#howto .con_bx p strong { margin-left:35px; }

#flow_cart { display:block; }
#flow_cart dt { display:block; height:50px; width:580px; text-indent:-9999px; margin-top:15px; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC; }
#flow_cart dd { display:block; height:160px; width:310px; margin:10px 0; padding-left:270px; }
dt.f1 { background:url(../img/flow_txt.png) no-repeat 0 0; }
dd.f1 { background:url(../img/flow_img.jpg) no-repeat 0 0; }
dt.f2 { background:url(../img/flow_txt.png) no-repeat 0 -50px; }
dd.f2 { background:url(../img/flow_img.jpg) no-repeat 0 -160px; }
dd.f3 { background:url(../img/flow_img.jpg) no-repeat 0 -320px; }
dt.f4 { background:url(../img/flow_txt.png) no-repeat 0 -100px; }
dd.f4 { background:url(../img/flow_img.jpg) no-repeat 0 -480px; }
dd.f5 { background:url(../img/flow_img.jpg) no-repeat 0 -640px; }
dd.f6 { background:url(../img/flow_img.jpg) no-repeat 0 -800px; }
dt.f7 { background:url(../img/flow_txt.png) no-repeat 0 -150px; }
dd.f7 { background:url(../img/flow_img.jpg) no-repeat 0 -960px; }
dd.f8 { background:url(../img/flow_img.jpg) no-repeat 0 -1120px; }
dt.f9 { background:url(../img/flow_txt.png) no-repeat 0 -200px; }
dd.f9 { background:url(../img/flow_img.jpg) no-repeat 0 -1280px; }
#flow_cart dd span.mark { color:#497021; }


/*==========================================================================
 通販法表記/プライバシポリシー
============================================================================ */
#policy table { border-collapse:collapse; width:650px; margin:10px auto; border:1px dashed #fff; }
#policy table th,#policy table td { padding:10px; vertical-align:top; border:1px dashed #fff; }
#policy table th { text-align:center; width:110px; background:url(../img/th_bg.png) repeat; }
#policy table td { background:url(../img/td_bg.png) repeat; }
#policy table td.price { width:110px; text-align:center; }
#policy table td.red { text-align:center; font-weight:bold; color:#631D1C; }

#policy dl { width:650px; margin:10px auto; }
#policy dt { font-size:15px; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; font-weight:bold; }
#policy dd { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #CCC; }

#policy h4 { font-size:15px; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; font-weight:bold; width:650px; margin:15px auto 10px; border-bottom:1px dotted #993300; }

#policy .list,#policy .list td { border:1px solid #666; }


/*how to page------------------------------------------------*/
div.flow {
	margin-bottom: 20px;
	padding: 15px;
	width: 560px;
	border: 1px solid #72483c;
	background: #fff;
}
div.flow h4 {
	color: #863927;
	font-size: 140%;
	font-family: "ヒラギノ明朝 Pro W3", "平成明朝","HG明朝E","HG明朝B","ＭＳ Ｐ明朝","MS Serif", Century, Times New Roman, serif;
	margin-bottom: 5px;
}
div.flow h4 img { vertical-align: middle; padding-right: 5px;}
div.flow img.flow_img {
	border: 1px solid #72483c;
	float: right;
}
div.flow p.flow {
	display: block;
	width: 310px;
	float: left;
	padding-top: 10px;
	padding-left: 1em;
}
div.flow span {font-weight: bold; color: #486F20;}