@charset "utf-8";


/* ◆IE8ハック------------------------------ */
html>/**/body .cfx { display /*\**/: block\9 }
/* ----------------------------------------- */


/* ▼#recipe-detail-typeJ タイプJ型 2014/4 ～ 
-------------------------------------------------------------------- */


/* ------------------------
レシピトップページ
------------------------ */
#recipe-detail-typeJ #recipe_top {
position:relative;
margin:0 auto;
width:660px;
}

#recipe-detail-typeJ #recipe_top h2 {
position:absolute;
top:10px;
left:40px;
z-index:20;
}

#recipe-detail-typeJ #recipe_top #kurihara-month {
position:absolute;
top:30px;
left:375px;
z-index:10;
width:285px;
height:250px;
background-image:url(../img/milkrecipe_month.jpg);
background-repeat:no-repeat;
background-position:0 0;
}
#recipe-detail-typeJ #recipe_top #kurihara-month img {
width:285px;
height:250px;
}



#recipe-detail-typeJ #recipe_top .info {
float:right;
margin-top:290px;
padding-right:20px;
width:265px;
z-index:25;
}

#recipe-detail-typeJ #recipe_top .info h3 {}

#recipe-detail-typeJ #recipe_top .info .txt {
margin-bottom:25px;
line-height:1.8;
color:#606060;
letter-spacing: 1px;
}




#recipe-detail-typeJ #recipe_top .list {
float: left;
margin-top:80px;
padding-left:20px;
width: 335px;
}

#recipe-detail-typeJ #recipe_top .list li {
margin-bottom:30px;
}

#recipe-detail-typeJ #recipe_top .list li .photo {
position:relative;
margin-bottom:5px;
}

#recipe-detail-typeJ #recipe_top .list li .caption {
min-height:50px;
height:auto !important;
height:50px;
}

#recipe-detail-typeJ #recipe_top .list li .caption .name {
}

#recipe-detail-typeJ #recipe_top .list li .caption .name a
{
display:inline-block;
padding:10px 0px 5px 25px;
line-height:1.6;
background-image:url(../img/liststyle_01.gif);
background-repeat:no-repeat;
background-position:0 12px;
}

#recipe-detail-typeJ #recipe_top .list li .caption .link1 ,
#recipe-detail-typeJ #recipe_top .list li .caption .link2 {
}


/* ------------------------
エッセイ
------------------------ */
#recipe-detail-typeJ #essay {
clear:both;
width:620px;
margin:10px auto 0;
padding-bottom:20px;
}


#recipe-detail-typeJ #essay .cts {
margin-top:25px;
padding:0px 20px;
width:580px;
}

#recipe-detail-typeJ #essay .vis {
float:left;
margin:0px 20px 10px 0px;
background-image:url(../img/essay_img.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

#recipe-detail-typeJ #essay h3 {
float:right;
margin-bottom:10px;
}

#recipe-detail-typeJ #essay p {
line-height:1.8;
color: #606060;
letter-spacing: 1px;
}







/* ------------------------
レシピ
------------------------ */
#recipe-detail-typeJ #recipe {
width:666px;
margin:10px auto;
padding-bottom:20px;
background-color:#ffffff;
text-align:left;
}

#recipe-detail-typeJ #recipe #header {
position:relative;
display:block;
clear:both;
height:auto;
width:666px;
}

#recipe-detail-typeJ #recipe #header .recipe_l {
float:left;
width:300px;
}

#recipe-detail-typeJ #recipe #header .recipe_r {
position:relative;
float:right;
width:341px;
}

#recipe-detail-typeJ #recipe #header .recipe_r #series {
position:absolute;
top:0px;
right:0px;
}
#recipe-detail-typeJ #recipe #header .recipe_r #month {
position:absolute;
top:40px;
right:0px;
}

#recipe-detail-typeJ #recipe #header .recipe_r h1 { padding-top:85px; }

#recipe-detail-typeJ #recipe #header .recipe_r p { line-height:1.6; }



#recipe-detail-typeJ #recipe #ingredient {
position:relative;
display:block;
clear:both;
height:auto;
width:666px;
padding-top:20px;
}

#recipe-detail-typeJ #recipe #ingredient .recipe_l {
float:left;
width:120px;
}

#recipe-detail-typeJ #recipe #ingredient .recipe_r {
position:relative;
float:right;
width:530px;
}

#recipe-detail-typeJ #recipe p.midashi {
 margin-bottom:15px;
 padding:0px;
 border-bottom:solid 1px #a89990;
 line-height:1;
 letter-spacing:1px;
}

#recipe-detail-typeJ #recipe p.midashi span {
display:inline-block;
padding:5px 10px 2px 10px;
background-color:#a89990;
font-weight:bold;
color:#FFFFFF;
}
#recipe-detail-typeJ #recipe p.midashi span.syosai {
padding:5px 5px 2px 5px;
font-size:92%;
background-color:#FFFFFF;
font-weight:normal;
color:#a89990;
}


#recipe-detail-typeJ #recipe #ingredient .recipe_r ul {
float:left;
width:240px;
padding-left:1.5em;
padding-right:0.2em;
list-style:url(../img/liststyle_02.gif) outside;
}
#recipe-detail-typeJ #recipe #ingredient .recipe_r ul li {
padding-bottom:3px;
list-style:url(../img/liststyle_02.gif) outside;
color:#606060;
}

#recipe-detail-typeJ #recipe #ingredient .recipe_r ul li.small {
margin-left:1.5em; 
list-style:url(../img/liststyle_03.gif) outside;
}

#recipe-detail-typeJ #recipe #ingredient .recipe_r ul li.small2 {
margin-left:3em; 
list-style:url(../img/liststyle_03.gif) outside;
}




#recipe-detail-typeJ #recipe #make {
position:relative;
display:block;
clear:both;
height:auto;
width:666px;
padding-top:20px;
}

#recipe-detail-typeJ #recipe #make .recipe_l {
float:left;
width:410px;
}

#recipe-detail-typeJ #recipe #make .recipe_l table {
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
width:410px;
}

#recipe-detail-typeJ #recipe #make .recipe_l table th ,
#recipe-detail-typeJ #recipe #make .recipe_l table td {
padding:0px 8px 8px 0px;
text-align:left;
vertical-align:top;
}
#recipe-detail-typeJ #recipe #make .recipe_l table th {
 text-align:center;
}

#recipe-detail-typeJ #recipe #make .recipe_r {
position:relative;
float:right;
width:248px;
}

#recipe-detail-typeJ #recipe #make .recipe_r img {
display:inline;
float:left;
margin:0px 0px 10px 10px;
width:113px;
height:145px;
}





#recipe-detail-typeJ #recipe #footer {
clear:both;
width:666px;
margin-top:30px;
padding-top:10px;
border-top:solid 1px #E9E4D6;
}
#recipe-detail-typeJ #recipe #footer .recipe_l { float:left; }
#recipe-detail-typeJ #recipe #footer .recipe_r { float:right; }