@charset "utf-8";

/* recipe
--------------------------------------------------------------------------------*/

/* index ------------------------------ */

.idxLead{
margin-bottom:15px;
}

.idxSoysauce,
.idxKochuzang{
width:389px;
margin-top:12px;
padding:0 2px 14px;
}
.idxSoysauce{
float:left;
background:#ffd8da;
}
.idxKochuzang{
float:right;
background:#ffe0a8;
}

.idxSoysauce h5,
.idxKochuzang h5{
margin:0 -2px;
}
.idxSoysauce .fltR,
.idxKochuzang .fltR{
width:152px;
}
.idxSoysauce dd,
.idxKochuzang dd{
margin:6px 0 0 6px;
}
.idxSoysauce p,
.idxKochuzang p{
position:absolute;
width:152px;
bottom:0;
background:url(../common/images/line01.gif) repeat-x;
padding:8px 0 28px;
}
.idxSoysauce .idxSoy01,
.idxSoysauce .idxSoy02,
.idxSoysauce .idxSoy03,
.idxKochuzang .idxKoch01,
.idxKochuzang .idxKoch02,
.idxKochuzang .idxKoch03{
position:relative;
width:353px;
height:149px;
padding:22px 16px 0 20px;
}

.idxSoysauce .idxSoy01{background:url(images/idx_soy_bg01.gif) no-repeat;}
.idxSoysauce .idxSoy02{background:url(images/idx_soy_bg02.gif) no-repeat;}
.idxSoysauce .idxSoy03{background:url(images/idx_soy_bg03.gif) no-repeat;}
.idxKochuzang .idxKoch01{background:url(images/idx_koch_bg01.gif) no-repeat;}
.idxKochuzang .idxKoch02{background:url(images/idx_koch_bg02.gif) no-repeat;}
.idxKochuzang .idxKoch03{background:url(images/idx_koch_bg03.gif) no-repeat;}



/* meat-drip ------------------------------ */

#meatDripRecipe{
position:relative;
width:754px;
background:url(meat-drip/images/bg01.gif) repeat-y;
padding:0 44px 20px;
}
#meatDripRecipe .clearfix{
padding:20px 0;
}
#meatDripRecipe .clearfix dl{
width:460px;
}
#meatDripRecipe .clearfix dt{
font-size:1%;
line-height:1%;
margin-bottom:24px;
}

#meatDripRecipe .clearfix dd span.kochHowtoA{
position:absolute;
top:126px;
left:23px;
}

#meatDripRecipe .soyHowto{
background:url(meat-drip/images/soy_howto_bg.gif) no-repeat;
padding:16px 16px 0;
}
#meatDripRecipe .kochHowto{
background:url(meat-drip/images/koch_howto_bg.gif) no-repeat;
padding:16px 16px 0;
}

#meatDripRecipe .soyHowto dt,
#meatDripRecipe .kochHowto dt{
margin-bottom:7px;
}
#meatDripRecipe .soyHowto dd,
#meatDripRecipe .kochHowto dd{
position:relative;
background:url(meat-drip/images/howto_line.gif) repeat-x left bottom;
padding:4px 0 4px 25px;
}

#meatDripRecipe .soyHowto dd img,
#meatDripRecipe .kochHowto dd img{
vertical-align:middle;
margin:0 2px;
}
#meatDripRecipe .soyHowto dd span,
#meatDripRecipe .kochHowto dd span{
position:absolute;
top:6px;
left:0px;
}
*html #meatDripRecipe .soyHowto dd span,
*html #meatDripRecipe .kochHowto dd span{top:3px; left:-25px;}

#meatDripRecipe .soyHowto dd span img,
#meatDripRecipe .kochHowto dd span img{
margin:0;
}

.meatDripBtn{
width:842px;
height:73px;
background:url(meat-drip/images/bg02.gif) no-repeat;
text-align:center;
margin-bottom:14px;
}