/***********************************************/
/* 京仏具 | ご利用案内CSS 　　　　　       　  */
/***********************************************/


#guide {
	width: 860px;
	background:url(../img/guide/img_lmn_bg.gif) repeat-y left top;
}
	
#guide-right {
	float: right;
	width: 660px;
}

#contents {
	padding: 30px 20px;

}

/*================================================
	ローカルメニュー
------------------------------------------------*/

#localmenu {
	float: left;
	/*padding-left: 9px;*/
	width: 200px;
}

#lmn-title{
	margin-left: 9px;
}

#localmenu #lmn-guide{
	margin-left: 9px;
	width: 185px;
	margin-bottom: 7px;
	border-bottom: 1px solid #999;
}

#localmenu #lmn-guide li{
	width: 185px;
	height: 35px;
	font-size:1px;
	text-indent: -9999px;
	vertical-align: middle;
	list-style-type: none;
}

#localmenu #lmn-guide li a{
	display: block;
	width: 185px;
	height: 35px;
	/* Hides from IE-mac */
    overflow: hidden;
	/* End hide from IE-mac */
}

#localmenu #lmn-guide #flow{background: url(../img/guide/lmn_flow.gif) no-repeat bottom left; }
#localmenu #lmn-guide #flow a{background: url(../img/guide/lmn_flow.gif) no-repeat top left; }

#localmenu #lmn-guide #payment{background: url(../img/guide/lmn_payment.gif) no-repeat bottom left; }
#localmenu #lmn-guide #payment a{background: url(../img/guide/lmn_payment.gif) no-repeat top left; }

#localmenu #lmn-guide #postage{background: url(../img/guide/lmn_postage.gif) no-repeat bottom left; }
#localmenu #lmn-guide #postage a{background: url(../img/guide/lmn_postage.gif) no-repeat top left; }

#localmenu #lmn-guide #return{background: url(../img/guide/lmn_return.gif) no-repeat bottom left; }
#localmenu #lmn-guide #return a{background: url(../img/guide/lmn_return.gif) no-repeat top left; }

#localmenu #lmn-guide #admission{background: url(../img/guide/lmn_admission.gif) no-repeat bottom left; }
#localmenu #lmn-guide #admission a{background: url(../img/guide/lmn_admission.gif) no-repeat top left; }

#localmenu #lmn-guide li a:hover{ background-position: left bottom !important; }

/*戻るボタン*/
#btn-list {
	background:#A2B0B7;
}

/*▼▼▼▼▼▼▼▼▼▼▼all▼▼▼▼▼▼▼▼▼▼▼▼*/
#guide #contents .txt01 {
	padding-top:25px;
	padding-left:20px;
	padding-bottom:40px;
	width:600px;
	line-height:150%;
	display:block;
}
#guide #contents .txt02 {
	padding-top:25px;
	padding-left:0px;
	padding-bottom:40px;
	width:620px;
	line-height:150%;
	display:block;
}

#guide #contents .comment {
	margin: 0 0 30px 10px;
	padding-left: 15px;
	background: url(../img/cmn/mark_comment.gif) no-repeat left 0.2em;
}


/*▼▼▼▼▼▼▼▼▼▼▼お支払い方法▼▼▼▼▼▼▼▼▼▼▼▼*/
#guide #contents ul{
	padding-top:10px;
	list-style:none;}
#guide #contents li.p15{ padding-bottom:15px;}
#guide #contents .mb10{
	margin-bottom:10px;
}
#guide #contents .how {
	padding-left:20px;
	width:600px;
	line-height:150%;
	display:block;
}
#guide #contents .box {
	margin-bottom:20px;
	padding:10px 20px;
	line-height:150%;
	background-color:#F6F4E8;
}
#guide #contents .mark{
	padding-left:20px;
	background-image:url(../img/cmn/mark_comment.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}
#guide #contents dl{
	margin-bottom:10px;
	width:500px;
	clear: both;
}
#guide #contents dt{
	width:7.5em;
	float:left;
}
#guide #contents dd{
	padding-left:15px;
	width:350px;
	float:left;
}
#guide #contents .bg{
	background-color:#F6F4E7;
	border-right:1px solid #B2B2B2;
	border-bottom:1px solid #B2B2B2;
}
#guide #contents .disk{
	list-style:disc;
}

/*▼▼▼▼▼▼▼▼▼▼▼ご購入の流れ▼▼▼▼▼▼▼▼▼▼▼▼*/
#guide #contents .flow-wrap{
	padding:10px 0px 10px 10px;
	height:auto;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:5px solid #CCCCCC;
	background-image:url(../img/guide/flow/left-line.gif);
	background-position:left;
	background-repeat:repeat-y;
	line-height:150%;
}
#guide #contents .flow-wrap p img{
	margin-right:10px;
}
#guide #contents .flow-wrap p img.non{
	margin-right:0px;
	margin:0px 5px;
}
#guide #contents .frow-img{
	padding:20px 0px 0px 0px;
	text-align:center;
}
#guide #contents .flow-wrap-bottom{
	margin-left:28px;
	width:567px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:5px solid #CCCCCC;
	background-image:url(../img/guide/flow/left-line.gif);
	background-position:left;
	background-repeat:repeat-y;
}
#guide #contents .flow-wrap-bottom p{
	margin:10px;
}
#guide #contents .flow-arrow{
	padding-left:100px;
	margin:12px 0px;
}
#guide #contents .flow-txt{
	margin:10px 10px;
}
#guide #contents .flow-center{
	text-align:center;
}
#guide #contents .dl-bottom{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:33em;
	_width:29.5em;
	height:auto;
}
#guide #contents .dt-l{
	width:14em;
	_width:12.5em;
}
#guide #contents .dd-r{
	padding:0px;
	width:19em;
	_width:17em;
}

/*▼▼▼▼▼▼▼▼▼▼▼ご購入の流れ▼▼▼▼▼▼▼▼▼▼▼▼*/
#guide #contents .g-box{
	margin-top:15px;
	padding:5px;
	width:130px;
	background-color:#339900;
	color:#FFFFFF;
}

/*▼▼▼▼▼▼▼▼▼▼▼ご利用につきまして▼▼▼▼▼▼▼▼▼▼▼▼*/
#guide #contents .txt_admi{
	margin-left: 20px;
}

#guide #contents #cancel {
	border:1px solid #CCCCCC;
}

#guide #contents #cancel li{
	line-height: 150%;
	list-style-type:disc;
	margin: 20px 20px 20px 40px;
}

#guide #contents #cancel table {
	margin-top: 20px;
	margin-left: 20px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}

#guide #contents #cancel table th, #guide #contents #cancel table td{
	border:1px solid #CCCCCC;
	padding: 5px;
}

/*--c-fix
-----------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */