@charset "UTF-8";
/* CSS Document */

#frankincense {
	width:860px;
	margin:10px auto;
}
#frankincense_first {
	width:650px;
	float:left;
}
#frankincense_first h1 {
	width:650px;
	height:294px;
	background:url(../letter/005/img/recipe/tit_frankincense.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom: 10px;
}
#frankincense_second {
	width:200px;
	float:right;
}
#frankincense_column {
	width:610px;
	background:url(../letter/005/img/recipe/bg_colomn.jpg) repeat;
	padding:0px 20px;
}
#frankincense_column h2 {
	margin-bottom:30px;
}
#frankincense_photo {
	float:right;
	padding:0px 0px 10px 10px;
}
#frankincense_second {
	background:url(../letter/005/img/bg_side_middle.gif) repeat-y;
}
#frankincense_second_contents {
	width:160px;
	margin:0px auto;
	padding:10px 0px;
}
#frankincense_profile_tit{
	margin:10px 0px;
}
#frankincense_shopping img{
	margin:10px 0px 5px 0px;
}

.frankincense_txt {
	color:#333;
	font-size:11.5px;
	line-height:1.6em;
}
.frankincense_side_txt {
	color:#3D2E18;
	font-size:10px;
	line-height:1.5em;
}
.frankincense_line{
	margin:15px 0px;
}

/*
#comment{
	width:820px;
	margin:0px auto;
}
#comment_long{
	clear:both;
	width:860px;
	margin:0px auto;
	padding:20px 0px;
}
*/

#comment{
	padding-top:30px;
}

h3{
margin-bottom:20px;
}

.material_sub{
	font-size:10px;
	font-weight:normal;
}

.flow{
margin-bottom:30px;
margin-top:10px;
}

.flow p.flow_tit{
display:block;
background:url(../letter/005/img/recipe/ico_cross.jpg) no-repeat;
height: 20px;
padding: 3px 0px 0px 20px;
margin:20px 0px 5px;
font-weight:bold;
}

.clr{
clear:both;
}

/*comment*/

.sr_comment{
background:url(../letter/005/img/recipe/com_bg.jpg);
padding:20px 20px 0px;
}

.sr_com_bottom{
margin-bottom: 30px;
}

.sr_com_text01{
width: 320px;
float: left;
margin:20px 20px 0px 0px;
}

.sr_com_text01_02{
width: 255px;
float: left;
margin:0px 20px 0px 0px;
}

.sr_com_text01 p{
display:block;
margin-bottom: 20px;
}

.sr_com_text01_02 p{
display:block;
margin-bottom: 20px;
}

.sr_com_text02{
width: 250px;
float: left;
margin:0px 20px 0px 0px;
}

.sr_com_text02 p{
display:block;
margin-bottom: 20px;
}

.sr_com_photo{
float: right;
}

.com_sighn{
width:83px;
margin-left:235px;
}

.com_sighn02{
width:83px;
margin-left:170px;
}

/*recipe*/

.sr_mate_photo{
float: right;
margin-top:20px;
}

.sr_mate_wrapper{
width: 340px;
margin:20px 0px 20px;
}

.sr_mate_wrapper .mate_item{
margin-right:20px;
}

.sr_mate_wrapper .mate_item,
.sr_mate_wrapper .mate_item_end{
width:160px;
float:left;
margin-bottom: 10px;
}

.mate_title{
font-weight: bold;
padding-bottom:5px;
border-bottom:dotted 1px #333333;
margin-bottom:5px;
}

.tit_recshop{
display: block;
padding-bottom:5px;
border-bottom:dotted 1px #333333;
margin-bottom:10px;
}

.sr_recshop{
padding-bottom:20px;
}

/*remake*/

h4{
display:block;
margin:0px 20px 20px;
}

.remake{
clear:both;
margin:20px 0px 0px;
background:url(../letter/005/img/recipe/remake_bg.gif) repeat-y;
}

.remake_list{
clear:both;
padding:0px 20px 20px;
}

.remake_photo{
display:block;
float:left;
margin-right:20px;
color:#3D2E18;
font-size:10px;
}

.remake_photo img{
display:block;
margin-bottom:5px;
}

.remake_no{
display:block;
float:left;
width:25px;
}

.remake_text{
display:block;
float:left;
width:225px;
color:#333;
font-size:11.5px;
line-height:1.6em;
}

.remake_text span.s_title{
display:block;
font-weight:bold;
color: #330000;
margin-bottom:5px;
}

.remake_text .s_flow{
display:block;
padding:5px 0px 5px;
border-bottom:1px dotted #333333;
margin-right:20px;
}

.sub_img{
display:block;
margin:10px auto 0px;
}

.end_txt{
text-align:center;
color:#333;
font-size:11.5px;
line-height:1.6em;
}