@charset "utf-8";

/*============================================
 recipe.css
============================================*/


/*------------------------------------------------
header
----------------------------------------------- */
#headerTop{
background:url(/recipe/img/bg_recipeTop.jpg) top center no-repeat #fddb5d;
height:145px;
position:relative;
}
#headerMain{
background:url(/recipe/img/bg_recipeTop.jpg) top center no-repeat #fddb5d;
height:136px;
}
#logoTop{
	position:absolute;
	top:16px;
	left:297px;
}

/*------------------------------------------------
contents
----------------------------------------------- */
#bgRecipe{
background:url(/recipe/img/bg_recipeTop.jpg) top center no-repeat #fddb5d;
}
.leftsideBox2{
background:url(/recipe/img/bg_rec_02.gif) top left repeat-y;
width:613px;
margin-left:23px;
}
.recipeBoxTit{
background:url(/img/bg_top_05.gif) top left no-repeat;
font-weight:bold;
font-size:16px;
padding:11px 24px 4px;
}
.recipeBoxTit2{
background:url(/img/bg_top_08.gif) top left no-repeat;
font-weight:bold;
font-size:16px;
padding:11px 24px 4px;
}
.recipebox2{
width:613px;
background:url(/img/bg_top_10.gif) bottom left no-repeat;
float:left;
padding-bottom:12px;
}
.leftsideBox2 .resultFooter2{
background: url(/img/bg_search_end2.gif) bottom no-repeat;
padding-left:28px;
height:83px;
clear:left;
}
.leftsideBox2 .resultFooter2 h4{
padding-top: 10px;
font-weight:bold;
font-size:12pt;
color: #570101;
margin-bottom:5px;
}
.bgRecipeNewTit{
background: url(/recipe/img/bg_rec_01.gif) top left no-repeat;
height:38px;
}
.bgRecipeNewTit h3{
float:left;
}
.newRecipeArea{
padding-left:31px;
}
.newRecipeBox{
width:284px;
float:left;
padding-top:10px;
}
.newRecipeBox p{
float:left;
padding-left:10px;
width:160px;
}
.newRecipeBox p a{
display:block;
font-weight:bold;
margin-bottom:5px;
}
.newRecipeBox img{
border:2px solid #ddc9b0;
float:left;
}
.mainbox04{
background:url(/img/prt_mainBox03_bg.gif) top left repeat-y;
margin-left:23px;
}
.mainbox04 p.title{
background:url(/img/prt_mainBox03_top.gif) top left no-repeat;
font-weight:bold;
font-size:16px;
padding:11px 24px 4px;
}
.mainbox04 p.txt{
margin-left:25px;
margin-bottom:17px;
padding-right:25px;
}
.mainbox05{
background:url(/img/prt_mainBox03_bg.gif) top left repeat-y;
margin-left:23px;
margin-top:20px;
margin-bottom:20px;
}
.mainbox05 p.title{
background:url(/img/prt_mainBox03_top.gif) top left no-repeat;
font-weight:bold;
font-size:16px;
padding:11px 24px 4px;
}
.mainbox05 p.txt{
margin-left:25px;
margin-bottom:17px;
padding-right:25px;
}
.newRecipBtn{
margin-top:-10px;
margin-left:-6px;
margin-bottom:11px;
position:relative;
}
.pickupRecipe{
margin-left:13px;
}
.pickupRecipe ul{
}
.pickupRecipe li{
border-bottom:dashed #baa87e 1px;
width:190px;
margin-bottom:5px;
padding-bottom:3px;
}
.pickupRecipe li.last{
border-bottom:none;
}
.thatspingKeyword2{
margin-left:26px;
margin-bottom:10px;
background:url(/img/prt_keywordBox_bg2.gif) center left no-repeat;
font-size:16px;
font-weight:bold;
}
.thatspingKeyword2 p{
padding:8px 10px 6px 50px;
float:left;
}
.rightsideBox a{
color:#570101; 
text-decoration:underline;
background:url(/img/icn_circle2.gif) top left no-repeat;
padding-left:11px;
display:block;
}
.rightsideBox li.circle{
color:#570101; 
background:url(/img/icn_circle2.gif) top left no-repeat;
padding-left:11px;
display:block;
}

/*------------------------------------------------
レシピ投稿
----------------------------------------------- */
.recipeInputArea{
background:url(/recipe/img/prt_bloginputBox_bg.gif) top left repeat-y;
margin-left:26px;
}
.recipeInputArea h2{
background:url(/recipe/img/bg_bloginputTit.gif) top left no-repeat;
font-weight:bold;
margin-left:30px;
padding-left:29px;
font-size:16px;
padding-top:0px;
padding-bottom:22px;
}
.recipeInput1{
background: url(/recipe/img/bg_bloginputBox_01.gif) bottom left no-repeat;
padding-bottom:25px;
margin-left:30px;
}
.recipeInput2{
background: url(/recipe/img/bg_bloginputBox_02.gif) bottom left no-repeat;
padding-bottom:19px;
margin-left:30px;
}
.recipeInput3{
background: url(/recipe/img/bg_bloginputBox_03.gif) bottom left no-repeat;
padding-bottom:19px;
margin-left:30px;
}
.recipeInput4{
background: url(/recipe/img/bg_bloginputBox_04.gif) bottom left no-repeat;
padding-bottom:35px;
margin-left:30px;
}
.recipeInputArea table{
margin-left:12px;
}
.recipeInputArea table tr{
background:url(/recipe/img/lin_bloginputBox_01.gif) bottom left no-repeat;
}
.recipeInputArea table tr.last{
background:none;
}
.recipeInputArea table th{
vertical-align:top;
padding-top:10px;
}
.recipeInputArea table td{
padding-top:10px;
padding-bottom:10px;
}
.recipeInputArea table td textarea{
width:412px;
height:91px;
}
.creatBox{
text-align:right;
padding-right:44px;
margin-bottom:10px;
}
.btmBtnArea{
padding-bottom:25px;
height:33px;
}
.btmBtnArea ul{
margin-left:186px;
}
.btmBtnArea ul li{
float:left;
margin-right:26px;
}
.w115{
width:115px;
}
.w205{
width:199px;
}
.w412{
width:412px;
}
.mr10{
margin-right:10px;
}
.mb10{
margin-bottom:10px;
}
.recipeInputArea .recipeConfirm
{
background: url(/recipe/img/bg_bloginputBox_05.gif) bottom left no-repeat;
padding-bottom:25px;
margin-left:30px;
/*width:550px;*/
}

.recipeInputArea .recipePhoto
{
border:2px solid #ddc9b0;
margin: 10px 0;
}

.recipeInputArea .materialTable
{
margin: 6px 0;
padding: 0;
}

.recipeInputArea .materialTable tr
{
background: none;
}

.recipeInputArea .materialTable th
{
font-weight: normal;
text-align: left;
padding: 0;
}

.recipeInputArea .materialTable td
{
padding: 0;
padding-left: 40px;
}
.recipeInputArea .recipeEnd p
{
margin: 0 0 60px 30px;
}

.recipeInputArea .toTop
{
text-align:center;
}
/*------------------------------------------------
レシピ詳細
----------------------------------------------- */
.recipedetail_left{
float:left;
margin-top:-3px;
padding-left:28px;
color:#392b00;
}
.recipedetail_right{
float:right;
/*padding:7px 43px 0 0;*/
padding:7px 30px 0 0;
color:#392b00;
}

.recipedetail_left .imgframe_cover{
background:url(/recipe/img/bg_recipeimg_top.gif) 0 0 no-repeat;
display:block;
width:274px;
height:20px;
}
.recipedetail_left .imgframe_close{
background:url(/recipe/img/bg_recipeimg_btm.gif) 0 0 no-repeat;
display:block;
width:274px;
height:5px;
}
.recipedetail_left .imgframe{
background:url(/recipe/img/bg_recipeimg_bg.gif) 0 0 repeat-y;
/*width:274px;*/
padding: 0 0 6px 13px;
}
.recipedetail_left .imgframe img{
border:1px solid #ddc9b0;
}
.recipedetail_left .imgframe p{
margin:9px 0 5px;
width:247px;
}
.recipedetail_left .imgframe span{
display:block;
width:241px;
text-align:right;
font-weight:bold;
}
.recipedetail_left .ingredient{
background: url(/img/lin_detail_02.gif) 0 0 no-repeat;
padding:10px 0 0 2px;
margin-top:9px;
}
.recipedetail_left .ingredient .ingredient_tit{
background: url(/recipe/img/bg_ingredienttit.gif) 0 0 no-repeat;
height:28px;
width:229px;
font-weight:bold;
margin-left:2px;
padding:12px 0 0 18px;
margin:0;
}
.recipedetail_left .ingredient table {
width:243px;
margin-left:13px;
line-height:1.2;
}
.recipedetail_left .ingredient table tr{
background:none;
}
.recipedetail_left .ingredient table tr td.ingredient_name{
width:150px;
}
.recipedetail_left .ingredient table tr td.ingredient_measure{
width:93px;
text-align:right;
}
.recipedetail_left .ingredient table tr td{
border-bottom:1px solid #c8dfd2;
padding:6px 5px 1px;
vertical-align:top;
}

.recipedetail_right .howtocook{
padding:0;
margin:0 0 8px;
width:269px;
}
.recipedetail_right .howtocook p{
margin-bottom:8px;
}
.recipedetail_right .howtocook ul{
padding-left:3px;
}
.recipedetail_right .howtocook ul li{
background: url(/img/lin_detail_02.gif) 0 0 no-repeat;
margin:0;
text-indent:-13px;
padding:7px 0 0 13px;
}
.recipedetail_right .howtocook ul li span{
color:#7cc1c5;
font-weight:bold;
}
.recipedetail_right .howtocook ul li div img{
margin:8px 0 8px 13px;
border:2px solid #ddc9b0;
}
.recipedetail_right .recipepoint_tit{
background:url(/recipe/img/bg_recipepoint_top.gif) 0 0 no-repeat;
padding:0 10px 0;
width:249px;
}
.recipedetail_right .recipepoint_txt{
background:url(/recipe/img/bg_recipepoint_bg.gif) 0 0 repeat-y;
padding:6px 15px 6px;
font-size:117%;
font-weight:bold;
width:239px;
background-color:#333333;
}
.recipedetail_right .recipepoint_close{
background:url(/recipe/img/bg_recipepoint_btm.gif) 0 0 no-repeat;
display:block;
width:269px;
height:8px;
margin-bottom:16px;
font-size:0;
line-height:0;
}