@charset "utf-8";

/*** recipe_detail ***/
#contents_right #navi_detail span.social{
	display: block;
	float: right;
	text-align: left;
	margin: 10px 0;
	height: 40px;
}
#contents_right #navi_detail span.social span.facebook{
	display: inline-block;
	width: 120px;
	height: 20px;
}
#contents_right #navi_detail span.social span.facebook iframe{
	width: 120px;
	height: 20px;
}
#contents_right #navi_detail span.social span.twitter{
	display: inline-block;
	width: 80px;
	height: 20px;
}
#contents_right #navi_detail span.social span.twitter iframe{
	width: 120px;
	height: 20px;
}
#contents_right #navi_detail span.social span.sees {
	display: inline-block;
	width: 90px;
	height: 20px;
	vertical-align: top;
}
#contents_right #navi_detail span.social span.sees a{
	background: url("/spicerecipe/images/tweet_sees.png") no-repeat scroll left top transparent;
	display: block;
	height: 20px;
	text-decoration: none;
	text-indent: -9999px;
	width: 80px;
}


#recipe_detail{
	background-image: url(/common/images/contents_block_bg.png);
	padding: 5px;
	width: 690px;
}
#recipe_detail_inner{
	width: 666px;
	background-color:#ffffff;
	border: 1px solid #e9e9e9;
	padding: 12px;
}
#recipe_detail_inner h1{
	font-size: 140%;
	padding: 0 0 10px;
	border-bottom: 1px solid #d3d3d3;
}
#recipe_detail_inner #detaiMain{
	margin-top:12px;
}
#detaiMain #photo{
	float: left;
	width: 400px;
}
#detaiMain #photo>p{
	margin-bottom: 5px;
}
#detaiMain #photo #btnArea{
	width: 400px;
}
#detaiMain #photo #btnArea li{
	display: inline-block;
	margin-right:20px;
}
*:first-child+html #detaiMain #photo #btnArea li{
	float:left;
}
#detaiMain #recipeInfo{
	float: right;
	text-align:left;
	width: 254px;
}
#detaiMain #recipeInfo p.read{
	padding: 3px 0 12px;
	border-bottom: 1px dashed #000000;
	line-height:1.3em;
}
#detaiMain #recipeInfo dl{
	margin-top: 12px;
}
#detaiMain #recipeInfo dl dt{
	display: inline-block;
	height: 30px;
	vertical-align: middle;
}
#detaiMain #recipeInfo dl dd{
	display: inline-block;
	padding-top: 7px;
	font-weight: bold;
}
#detaiMain #recipeInfo p.comment{
	margin-top: 12px;
}

#recipe_detail_inner #make{
	margin-top: 25px;
}
#recipe_detail_inner #make h2{
	vertical-align: middle;
	height: 35px;
	border-bottom: 1px solid #d3d3d3;
}
#recipe_detail_inner #make h2 img{
	display: inline-block;
}
#recipe_detail_inner #make h2 span{
	display: inline-block;
	height:35px;
	vertical-align: middle;
	padding:3px 0 0 5px;
}
#recipe_detail_inner #make .make_inner_left{
	float: left;
	width: 322px;
	margin-bottom:10px;
}
#recipe_detail_inner #make .make_inner_left table{
	margin-top: 18px;
}
#recipe_detail_inner #make .make_inner_left table a{
	color:#000000;
}
#recipe_detail_inner #make .make_inner_left table th,
#recipe_detail_inner #make .make_inner_left table td{
	padding: 0.6em 0.5em;
	vertical-align: middle;
}
#recipe_detail_inner #make .make_inner_left table th{
	border-top:none;
	border-bottom:1px solid #ffffff;
	background-color: #ffe3e3;
	font-weight: normal;
}
#recipe_detail_inner #make .make_inner_left table td{
	border-top:none;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
#recipe_detail_inner #make .make_inner_left table td.noBorderR{
	border-right:none;
}
#recipe_detail_inner #make .make_inner_left table thead th{
	border-top:1px solid #d21800;
	border-bottom:1px solid #d21800;
	padding: 0.8em 0.5em;
	color: #d21800;
}
#recipe_detail_inner #make .make_inner_left table thead th.quantity{
	background-color: #ffffff;
}
#recipe_detail_inner #make .make_inner_left table .mark,
#recipe_detail_inner #make .make_inner_left table .season{
	padding: 0.6em 0 0.6em 0.2em;
}
#recipe_detail_inner #make .make_inner_left table th.mark01 {
	background: url("/common/images/recipe_line01.gif") no-repeat center center #FFE3E3;
}
#recipe_detail_inner #make .make_inner_left table th.mark02 {
	background: url("/common/images/recipe_line03.gif") repeat-y center top #FFE3E3;
}
#recipe_detail_inner #make .make_inner_left table th.mark03 {
	background: url("/common/images/recipe_line02.gif") no-repeat center center #FFE3E3;
}

#recipe_detail_inner #make .make_inner_right{
	float: right;
	text-align: left;
	width: 322px;
	margin-bottom:10px;
}

#recipe_detail_inner #make .make_inner_right #howToMake{
	margin-top: 18px;
}
#recipe_detail_inner #make .make_inner_right #howToMake ol{
	list-style-type: decimal;
	margin-left: 25px;
}
#recipe_detail_inner #make .make_inner_right #howToMake ol li{
	margin-bottom: 1em;
	line-height: 1.3em;
}


#recipe_detail_inner #make .make_inner_bottom{
	clear: both;
	width: 666px;
}
#recipe_detail_inner #make .make_inner_bottom ul{
	margin-top: 10px;
}
#recipe_detail_inner #make .make_inner_bottom ul li{
	margin-bottom: 0.8em;
	line-height: 1.3em;
}


#recipe_detail_inner #product_items{
	margin-top: 30px;
	border: 1px solid #d3d3d3;
}
#recipe_detail_inner #product_items h2{
	background-color: #d3d3d3;
	color: #4e4f4f;
	padding: 0.3em 0.8em;
}

#recipe_detail_inner #product_items .usedInRecipesBox{
	margin: 15px 0 15px 20px;
	display: inline-block;
	vertical-align: top;
}
#recipe_detail_inner #product_items .usedInRecipesBox dt,
#recipe_detail_inner #product_items .usedInRecipesBox dd{
	width: 140px;
	text-align: center;
}
#recipe_detail_inner #product_items .usedInRecipesBox dd a{
	color: #000000;
}




/*** recipe_list ***/
#recipe_list{
	background-image: url(/common/images/contents_block_bg.png);
	padding: 5px;
	width: 690px;
}
#recipe_list_inner{
	width: 666px;
	background-color:#ffffff;
	border: 1px solid #e9e9e9;
	padding: 12px;
}
#recipe_list_inner h1{
	font-size: 140%;
	padding: 0 0 10px;
	border-bottom: 1px solid #d3d3d3;
}
#recipe_list_inner .recipeListArea{
	margin:10px 0 30px 0;
}
#recipe_list_inner .recipeListArea .recipeBox{
	float: left;
	margin: 0 18px 0 0;
	width: 210px;
}
#recipe_list_inner .recipeListArea .recipeBoxR{
	float: left;
	margin: 0;
	width: 210px;
}
#recipe_list_inner .recipeListArea p{
	line-height: 1.3em;
}
#recipe_list_inner .recipeListArea p.recipeImgBox{
	width: 210px;
	height: 145px;
}
#recipe_list_inner .recipeListArea p.recipeImgBox img{
	border: none;
}
#recipe_list_inner .recipeListArea li{
	margin: 0 0 15px;
	border-bottom:1px dashed #000;
}
#recipe_list_inner .recipeListArea li a{
	display: inline-block;
	background-image: url(/common/images/arrow_ico.gif);
	background-position: -4px 10px;
	background-repeat: no-repeat;
	padding: 10px 0 10px 15px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#recipe_list_inner .recipeListArea li a:hover{
	color:#ff0000;
	text-decoration: underline;
}


#recipe_list_inner #pageAround {
	border-bottom: 1px dotted #666666;
	border-top: 1px dotted #666666;
	padding: 7px 0;
	text-align: center;
	width: 666px;
}
#recipe_list_inner #pageAround .pageAroundLeft ,
#recipe_list_inner #pageAround .pageAroundCenter ,
#recipe_list_inner #pageAround .pageAroundRight {
	float: left;
	padding: 0;
	text-align: right;
	width: 222px;
}
#recipe_list_inner #pageAround .pageAroundCenter {
	text-align: center;
}
#recipe_list_inner #pageAround .pageAroundRight {
	text-align: left;
}
#recipe_list_inner #pageAround .pageAroundLeft ul li a,
#recipe_list_inner #pageAround .pageAroundRight ul li a{
	display: inline-block;
	background-image: url(/common/images/arrow_ico.gif);
	background-position: -4px top;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#recipe_list_inner #pageAround .pageAroundLeft ul li a{
	background-image: url(/common/images/arrow_back_ico.gif);
}

#recipe_list_inner #pageAround ul li a:hover{
	color:#ff0000;
	text-decoration: underline;
}