@import	"/css/common.css";

/*## お買物ガイド：共通 #######################################################*/
#guide{
	margin:30px auto 40px;
	padding:0;
	text-align:center;
}
#guide-title{
	margin:0 auto 10px;
	padding:0;
}
#guide-title h2{
	margin:0;
	padding:0;
}
#guide h3{
	width:641px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:url('../image/subttitle_back.gif') no-repeat 0 0;
}
#guide h3 p{
	margin:0;
	padding:9px 0 0 40px;
	height:32px;
	text-align:left;
	font-size:16px;
	color:#3a2323;
}




/*## お買物の流れ #####################################*/
#shop-guide{
	margin:0 auto;
	padding:0;
	width:641px;
	text-align:centert;
}

#shop-guide dl{
	margin:0 0 10px;
	padding:0;
	background:url('../image/shopping_line.gif') no-repeat 0 bottom;
	text-align:left;
}
#shop-guide dt{
	margin:10px 20px 20px;
	padding:0;
}
#shop-guide dt img{
	margin:0 15px 0 0;
	float:left;
}
#shop-guide dt p{
	margin:0;
	padding:5px 0 0 0;
	font-size:14px;
	color:#503130;
	font-weight:bold;
}
#shop-guide dd{
	margin:0;
	padding:0;
}
#shop-guide dd ul{
	margin:8px 40px;
	padding:0;
}
/* ddの画像左寄せ */
#shop-guide dd img{
	margin:0 0 0 20px;
	padding-bottom:20px;
	float:left;
}
/* ddの右エリア */
#shop-guide dd .flow-right{
	float:right;
	width:520px;
	/*border:1px solid #000;*/
}
/* ddの右エリア流れ5 */
#shop-guide dd .flow-right5{
	float:right;
	width:490px;
	/*border:1px solid #000;*/
}
#shop-guide dd .flow-right p{
	margin:0;
	padding:0 20px 0 0;
}

/* clear */
#shop-guide dt img,#shop-guide dd{zoom:1;}
#shop-guide dt img:after,#shop-guide dd:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


/* 流れ：詳細説明 */
.flow-other{
	margin:15px 0;
	padding:15px;
	border:1px dashed #746a5b;
	background:#f3efe8;
}
.flow-other p{
	color:#000;
	font-weight:bold;
}

.flow-other ol{
	padding-top:10px;
	font-weight:bold;
}
.flow-other li{
	padding-bottom:5px;
	font-weight:bold;
	line-height:150%;
}
.flow-other li span{
	padding-left:30px;
	font-weight:normal;
}


/*## 5年間安心保証 #####################################*/
#hosyo{
	margin:0 auto 15px;
	padding:0;
	width:589px;
}
#hosyo h3.hosyo5{
	margin:0 0 10px;
	padding:2px 0 0 10px;
	border-left:5px solid #4d2f2e;
	color:#4d2f2e;
	font-size:14px;
	text-align:left;
	background:none;

}
#hosyo p{
	margin:0 auto;
	text-align:left;
	width:470px;
}
#hosyo p.mihon{
	margin:0 auto;
	text-align:center;
}

/* 保証規定 */
#kitei{
	margin:0 auto;
	padding:15px 25px;
	width:485px;
	border:3px double #3a2323;
	background:#f8f2e8;
}
#kitei dl{
	padding:0;
	text-align:left;
}
#kitei dt{
	margin:0;
	padding:0;
	color:#3a2323;
	font-weight:bold;
}
#kitei ul{
	margin:0 0 5px;
	padding:0;
	text-align:left;
}
#kitei p{
	text-align:left;
	color:#cc0000;
}

/*## お支払いと送料 #####################################*/
#pay{
	margin:0 auto;
	padding:0;
	width:641px;
	text-align:center;
}
#pay p{
	margin:5px 0;
	text-align:left;
}
#pay dl{
	margin:0 35px 20px 15px;
	padding:0;
	text-align:left;
}
#pay dt{
	margin:0 0 5px 0;
	font-size:14px;
	color:#3a2323;
	font-weight:bold;
}
#pay dd{
	padding:10px 0;
}

#pay dd ul li div p{
	padding:0 5px 1em;
	font-size:1.0em;
}
#pay dd p.black{
	margin:0;
	padding:0 0 8px;
	color:#461c0e;
}
#pay dd strong{
	color:#000;
}
#pay dd p{
	margin:0;
	padding:0;
}
#pay dd table{
	border:1px solid #461c0e;
	border-collapse:collapse;
}
#pay dd th{
	border:1px solid #461c0e;
	border-collapse:collapse;
	background:#f4f2ee;
	color:#461c0e;
}
#pay dd td{
	border:1px solid #461c0e;
	border-collapse:collapse;
}

#pay dd img.kuroneko{
	margin:0;
	padding:2px 10px 2px 3px;
	float:left;
}
/* clear */
#pay dd img.kuroneko{zoom:1;}
#pay dd img.kuroneko:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


/* 枠線：グレー */
.waku{
	margin:10px;
	padding:10px;
	border:1px solid #999;
	width:475px;
}
.waku p{
	font-size:10px;
}

#pay ul{
	margin:0;
	padding:0;
	text-align:left;
}
#pay li{
	padding-bottom:4px;
}
#pay li span{
	color:#cc0000;
}
#pay ul.down{
	margin:0;
	padding-left:30px;
	text-align:left;
}
/* お支払方法についてのお願い */
#onegai-area *{margin:0;padding:0;}
#onegai-area{
	width:620px;
	margin:0 auto 40px;
	padding-right:0px;
}

#onegai-area h6{
	margin-bottom:1em;
	padding:0 0 5px 15px;
	text-align:left;
	border-bottom:#bbb 1px solid;
	font-size:1em;
}

#onegai-area p{
	margin-bottom:1em;
	padding:0 15px;
}

#onegai-area ul{
	margin-left:3em;
}




/* クロネコ＠ペイメント：具体的な流れ */
#ecollect-flow{
	margin:15px auto;
	padding:0;
}
#ecollect-flow dl{
	margin:0;
	padding:0;
}
#ecollect-flow dt{
	margin:0;
	padding:0;
}
#ecollect-flow dd{
	margin:0;
	padding:0;
	background:url('../image/pay_flow_back.gif') repeat-y 0 0;
}

#ecollect-flow ol li strong{
	color:#cc0000;
}
#ecollect-flow ol{
	margin:0;
	padding:5px 0 0 60px;
	width:450px;
}

/*## 法律に基づく表記 #####################################*/
#law{
	margin:0 auto;
	padding:0;
	width:641px;
	text-align:center;
}
#law p{
	margin:5px 0;
	text-align:left;
}
#law table{
	margin:0 0 20px;
	padding:3px 0;
	width:641px;
	border:2px #73594f;
	border-style:solid none solid none;
}
#law table th{
	width:139px;
	background:url('../image/law_back.gif') repeat-y 0 0;
	border:1px #73594f;
	border-style:none none dashed none;
	color:#34201f;
	font-weight:normal;
	text-align:left;
	padding:7px 0 7px 15px;
}
#law table td{
	padding:7px 10px;
	text-align:left;
	color:#34201f;
	border:1px #73594f;
	border-style:none none dashed none;
}
#law table td img{
	margin:0 15px 0 0;
	float:left;
}
/* clear */
#law table td img{zoom:1;}
#law table td img:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

/*## お客様情報について #####################################*/
#privacy{
	margin:0 auto;
	padding:0;
	width:641px;
	text-align:center;
}
#privacy p{
	margin:5px 0;
	text-align:left;
}
#privacy dl{
	margin:0 0 20px;
	text-align:left;
}

#privacy dt{
	margin:0 0 0;
	padding:5px 25px 0;
	background:url('../image/privacy_sub_t.jpg') no-repeat 0 0;
	color:#461c0e;
	font-weight:bold;
	height:30px;
	font-size:14px;
}
#privacy dd{
	margin:0 20px 0 30px;
}
#privacy dd img{
	margin:6px 0 6px 230px;
}
#privacy dd span{
	color:#cc0000;
}
#privacy dd ol{
	margin:0 0 0 25px;
	padding:0;
}
#privacy dd ol strong{
	color:#000;
}
#privacy dd #privacy-contact{
	margin:10px 0;
	padding:10px 25px;
	width:310px;
	border:1px solid #ccc;
	background:#efefef;
}
#privacy dd #privacy-contact strong{
	color:#000;
}

/*## FAXでご注文の方へ #####################################*/
/* --------------------- fax流れ --------------------- */
#fax{
	margin:0 auto;
	padding:0;
	width:641px;
	text-align:center;
}
#fax p{text-align:left;}
/* ダウンロード：枠 */
#fax #print-waku{
	margin:10px auto 30px;
	padding:0;
	width:520px;
	text-align:center;
}
/* 個人用 */
#fax #print-waku-kojin{
	float:left;
	padding:10px 0;
	width:250px;
	background:#fafafa;
}
/* 個人用 */
#fax #print-waku-houjin{
	float:right;
	padding:10px 0;
	width:250px;
	background:#fafafa;
}
/* イメージ */
#fax #print-waku-kojin img, #fax #print-waku-houjin img{padding-bottom:8px;}

/* clear hack */
#fax #print-waku{zoom:1;}
#fax #print-waku:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


/* 個人用 */
#fax #print-area{
	clear:both;
	margin:0 auto;
	width:520px;
	text-align:center;
}
#fax #print-area p{
	font-size:16px;
	color:#34201f;
	text-align:center;
	font-weight:bold;
}


/* fax：注文の流れ */
#fax .print{
	margin:10px auto 30px;
	padding:0;
	width:520px;
	text-align:center;
}
#fax #wide{
	width:460px;
}
/* clear hack */
#fax .print{zoom:1;}
#fax .print:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#fax .print img{vertical-align:bottom;}
#fax .print img.bt2{float:left;padding-right:20px;}

/* fax：注文の流れ：FAX用紙サムネイル */
#fax .print img.cap{float:right;}


/* fax：注文の流れ：流れ */
#fax .print ul{
	margin:0;
	padding:0;
	float:left;
}

#fax .print li{
	margin:0 0 10px;
	padding:0 0 25px;
	list-style-type:none;
	background:url('../image/fax_arrow.gif') no-repeat 50% 100%;
	text-align:center;
}
/* fax用紙：html版 */
#fax .print li.fax-html{
	margin:0 0 40px;
	padding:0;
	list-style-type:none;
	background:none;
	text-align:center;
}
/* fax：注文の流れ：流れ：テキスト */
#fax .print li p{
	font-size:16px;
	color:#34201f;
	text-align:center;
	font-weight:bold;
}

/* fax：注文の流れ：矢印なし */
#fax .print li.end{
background:none;
padding:0px;
}


/* --------------------- adobe --------------------- */
#adobe *{margin:0;padding:0;}

#adobe{
	margin:0;
	padding:0;
	border:1px double #ccc;
	width:560px;
}

#adobe dl{
	margin:12px;
}
/* clear hack */
#adobe dl{zoom:1;}
#adobe dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#adobe dt{float:left;}

#adobe dd{
	float:right;
	text-align:left;
}

#adobe dl.adobereader dt{width:125px;}
#adobe dl.adobereader dd{width:405px;}

#adobe dl.flashplayer dt{width:100px;}
#adobe dl.flashplayer dd{width:430px;}