@charset "utf-8";
/*

----------------------------------------------------

UpdateHistory
2011/2/1 socialボタン追加

*/

/* ソーシャルボタン */
.social_btn_box{margin-bottom:20px;}
.social_btn_box div{float:left; padding-left:10px;}



/*********************************
	ヘッダー画像
**********************************/

/*--レシピ検索-------------------*/
#lower div.recipe h2{background:url(../../recipe/img/recipe_bg_h2.jpg) right top no-repeat;}


/*********************************
	レシピTOP
**********************************/

.recipe ul#seasonRecipe{
	width:710px;
	background:url(../img/cmn_bg_pattern01.png);
	padding:10px 0 0 10px;
	margin-bottom:25px;
	float:left;
}
.recipe ul#seasonRecipe li{
	float:left;
}
.recipe ul#seasonRecipe li.middle{
	padding:0 5px;
}
.recipe ul#seasonRecipe a{
	border:#E5E5E5 solid 3px;
	display:inline-block;
	margin-bottom:10px;
}
.recipe ul#seasonRecipe a:hover{
	border:#D8092F solid 3px;
}

/*********************************
	レシピ検索結果
**********************************/
.recipe #resultBox{
	width:710px;
	background:url(../img/cmn_bg_pattern01.png);
	padding:10px 0 10px 10px;
	margin:20px 0 25px;
	float:left;
}
.recipe #resultBox dl{
	width:134px;
	float:left;
	padding-right:8px;
	margin-bottom:8px;
}
.recipe #resultBox dt a{
	border:#E5E5E5 solid 3px;
	display:inline-block;
	margin-bottom:5px;
}
.recipe #resultBox dt a:hover{
	border:#D8092F solid 3px;
}

.recipe #resultBox dd{
	background:url(../img/icon/cmn_icon03.png) 0 0.45em no-repeat;
	padding:0 0 0 8px;
}
.recipe #resultBox dd a{
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.4;
}
.recipe #resultBox dd a:hover{
	color:#D8092F;
}

/*20110805キーワード検索追加*/
.recipe #keyword{
	width:154px;
	margin-bottom:10px;
	padding:2px;
	border:#7F9DB9 solid 1px;
}

/*ページネーション*/

div.pagination {
	padding:2px;
	margin:7px;
}

div.pagination a {
	padding: 0.5em 0.64em 0.43em 0.64em;
	background-color: #ee4e4e;
	text-decoration: none; /* no underline */
	color: #fff;
}
div.pagination a:hover, div.pagination a:active {
	padding: 0.5em 0.64em 0.43em 0.64em;
	background-color: #de1818;
	color: #fff;
}
div.pagination span.current {
		padding: 0.5em 0.64em 0.43em 0.64em;
		background-color: #f6efcc;
		color: #6d643c;
	}
div.pagination span.disabled {
		display:none;
	}

/*--レシピ検索-------------------*/

#recipeSearchTable{
	width:100%;
	margin-bottom:15px;
}
.recipe #recipeSearchTable td{
	width:25%;
	background:url(../img/cmn_bg_pattern01.png);
	border-bottom:#FFFFFF solid 5px;
	border-right:#FFFFFF solid 5px;
	padding:8px 10px 0 8px;
}
.recipe #recipeSearchTable td img{
	margin-bottom:10px;
}
#searchNoEggbg{
	background: url(../../recipe/img/recipe_bg_searchegg.png) no-repeat;
	padding:3px 2px 3px 22px;
	_padding:0 0 0 22px;
	display:block;
	margin-bottom:10px;
}
#searchNoMilkbg{
	background: url(../../recipe/img/recipe_bg_searchmilk.png) no-repeat;
	padding:3px 2px 3px 22px;
	_padding:0 0 0 22px;
	display:block;
	margin-bottom:10px;
}
#searchNoEggbg input,#searchNoMilkbg input{
	vertical-align:bottom;
	_vertical-align:middle;
	margin-right:5px;
	
}
.recipe #recipeSearchTable select{
	margin-bottom:12px;
	width:100%;
}
.recipe #recipeSearchTable ul{
	margin-bottom:12px;
}
.recipe #recipeSearchTable ul li label{
	cursor:pointer;
}
.recipe #recipeSearchTable ul li label input{
	margin-right:5px;
	_margin-right:0;
}
.recipe #recipeSearchTable ul li{
	margin:0 0 10px;
	_margin:0;
	padding:0;
}
input,label{
	margin:0;
	padding:0;
	border:none;
}

#lower #container #contents #mainContents #recipeSearchTable p.clearButton{
	text-align:center;
}

#builder_clear, #scene_clear, #bread_clear{
	padding-top:20px;
}


/*********************************
レシピ詳細
**********************************/

#lower div.recipe div#recipeBox .column2Box{
	
}
#lower div.recipe #recipeTitle{
	font-size:2.2em;
}

/*詳細レフト*/
#lower div.recipe .column2Box .column2Left{
	width:320px;
}
/*メイン画像*/
#lower div.recipe #mainImages{
	margin-bottom:18px;
}
/*難易度・調理時間*/
#lower div.recipe #starTime{
	width:320px;
	margin-bottom:18px;
}
#lower div.recipe #starTime li{
	display:inline;
}
#lower div.recipe #starTime li img{
	margin-right:9px;
}
/*ひとことメモ*/
div#recipeBox .column2Left #recipeMemo{
	background:url(../../recipe/img/recipe_bg_memo_bottom.png) left bottom no-repeat;
	margin-bottom:20px;
}
div#recipeBox .column2Left #recipeMemo dd{
	border-left:#E7E7E7 solid 1px;
	border-right:#E7E7E7 solid 3px;
	padding:10px 13px 15px 15px;
	line-height:1.8;	
}
div#recipeBox .column2Left #recipeMemo p{
	background:url(../img/cmn_line01.png) left bottom repeat-x;
	display:inline;
}

/*モバイル*/
div#recipeBox .column2Right #recipeQr {
	border: 1px solid #E7E7E7;
	margin-bottom: 13px;
	padding: 5px 20px 10px 40px;
}
div#recipeBox .column2Right #recipeQr dt {
	display: inline;
}
div#recipeBox .column2Right #recipeQr dt img {
	margin-right: 20px;
}
div#recipeBox .column2Right #recipeQr dd {
	display: inline;
	margin: 0;
	padding: 0;
}
div#recipeBox .column2Left #recipeQr dd img{
	margin:0 0 5px 15px;
	padding:0;
}

.recipe div#recipeBox .column2Box .column2Left h4{
	color:#666666;
	margin-bottom:10px;
	font-size:1.2em;
	line-height:1.2;
}

/*関連レシピ追加20130517*/

.recipe div#recipeBox #kanren{
	padding-bottom:20px;
}
.recipe div#recipeBox #kanren ul{
	padding-left:7px;
}
.recipe div#recipeBox #kanren ul li{
	float:left;
	width:90px;
	margin-right:15px;
}
.recipe div#recipeBox #kanren ul li img{
	border:solid 3px #DDD;
	margin-bottom:3px;
}
.recipe div#recipeBox #kanren ul li a:hover img{
	border:solid 3px #D8092F;
}
.recipe div#recipeBox #kanren ul li span{
	text-align:left;
	background:url("../img/icon/cmn_icon02.png") no-repeat 0 6px;
	padding-left:8px;
}


/*詳細ライト*/
.recipe div#recipeBox .column2Box .column2Right{
	width:370px;
}
.recipe div#recipeBox .column2Box .column2Right p{
	background:url(../img/cmn_bg_pattern01.png);
	padding:7px;
	margin-bottom:10px;
	font-weight:bold;
}
.cookTime{
	text-indent:-999em;
}
/*材料・作り方*/
.recipe div#recipeBox .column2Box .column2Right table{
	border-top:#E7E7E7 solid 1px;
	margin-bottom:30px;
}
.recipe div#recipeBox .column2Box .column2Right table th,
.recipe div#recipeBox .column2Box .column2Right table td{
	border-bottom:#E7E7E7 solid 1px;
	font-weight:normal;
	padding:10px;
	line-height:1.5;
	vertical-align:top;
}
.recipe div#recipeBox .column2Box .column2Right .tabelStyle .even,
.recipe div#recipeBox .column2Box .column2Right .tabelStyle .even{
	background-color:#FAFAFA;
}
.recipe div#recipeBox .column2Box .column2Right table td.materialTitle{
	text-align:left!important;
}
.recipe div#recipeBox .column2Box .column2Right table td.materialTitle span{
	text-align: right!important;
	display:block;
	font-weight:normal;
}
.recipe div#recipeBox .column2Box .column2Right table.make td{
	text-align:right;
}
.recipe div#recipeBox .column2Box .column2Right table.howToMake td img{
	float:right;
	padding-left:13px;
}
.recipe div#recipeBox .column2Box .column2Right table.howToMake td p{
	padding:0;
	margin:0 0 1em;
	background-image:none;
	font-weight:normal;
}
.howToMake span{
	background-image:url(../../recipe/img/recipe_bg_make_number.png);
	background-repeat:no-repeat;
	display:block;
	width:25px;
	height:25px;
	text-indent:-999em;
}
table.howToMake span#noOne{background-position:0 0;}
table.howToMake span#noTwo{ background-position:0 -25px;}
table.howToMake span#noThree{ background-position:0 -50px;}
table.howToMake span#noFour{ background-position:0 -75px;}
table.howToMake span#noFive{ background-position:0 -100px;}
table.howToMake span#noSix{ background-position:0 -125px;}
table.howToMake span#noSeven{ background-position:0 -150px;}
table.howToMake span#noEight{ background-position:0 -175px;}
/*
table.howToMake span#noNine{ background-position:0 -200px;}
table.howToMake span#noTen{ background-position:0 -125px;}
*/
/*おすすめのパン*/
.recipe div#recipeBox #recipeRecommend{
	margin-bottom:18px;
}
.recipe div#recipeBox #recipeRecommend dl{
	width:81px;
	margin-bottom:10px;
	float:left;
	padding-left:20px;
}
/*
.recipe div#recipeBox #recipeRecommend dl.even{
	padding:0 10px;
}
.recipe div#recipeBox #recipeRecommend dl.odd{
}
*/
.recipe div#recipeBox #recipeRecommend dt{
	margin-bottom:5px;
}
.recipe div#recipeBox #recipeRecommend dt a{
	border:#E7E7E7 solid 1px;
	display:block;
}
.recipe div#recipeBox #recipeRecommend dt a:hover{
	border:#D8092F solid 1px;
}
.recipe div#recipeBox #recipeRecommend dd{
	line-height:1.5;
}
.recipe div#recipeBox #recipeRecommend dd a{
	color:#525552;
	text-decoration:none;
}
.recipe div#recipeBox #recipeRecommend dd a:hover{
	color:#D7092F;
	text-decoration:underline;
}

/*フリーエリア*/

.recipe div#recipeBox #freeArea1,
.recipe div#recipeBox #freeArea2{
	margin-bottom:18px;3
	line-height:1.5;
}
.recipe #freeArea3{
	margin:18px 0;
	line-height:1.5;
	clear:both;
}
.recipe #freeArea3 p{
	margin-bottom:1em;
}