@charset "utf-8";

/*******************************
エラーメッセージ用
*******************************/

.alert {
	font-weight:bold;
	font-size:.847em;
	color:#F00;
}
.form-error {
	font-weight:bold !important;
	font-size:.847em !important;
	color:#F00 !important;
}

/*******************************
拍手用
*******************************/

.clap_area {
	float:left;
	padding-top:5px;
	padding-right:15px;
}
.clap_area .clap_link_base {
	width:65px;
	height:0;
	padding:26px 0 0 0;
	display:block;
	overflow:hidden;
	float:left;
	margin-top:-4px;
}
.clap_area .recipe_clap_link  {
	background:url(/resources/images/common/btn_17.png) no-repeat 0 0;
	cursor:pointer;
}
.clap_area .recipe_clap_link_hover {
	background:url(/resources/images/common/btn_17.png) no-repeat 0 -26px;
	cursor:pointer;
}
.clap_area .recipe_clap_done {
	background:url(/resources/images/sample/clap_done.png) no-repeat 0 0;
	cursor:default;
}
.comment_clap_area {
	float:left;
	padding-top:5px;
	padding-right:10px;
	width:125px;
	_height:22px;
	_overflow:hidden;
}
.comment_clap_area .comment_clap_link_base {
	width:65px;
	height:0;
	padding:26px 0 0 0;
	display:block;
	overflow:hidden;
	float:left;
	margin-top:-4px;
}
.comment_clap_area .comment_clap_link  {
	background:url(/resources/images/common/btn_17.png) no-repeat 0 0;
	cursor:pointer;
}
.comment_clap_area .comment_clap_link_hover {
	background:url(/resources/images/common/btn_17.png) no-repeat 0 -26px;
	cursor:pointer;
}
.comment_clap_area .comment_clap_done {
	background:url(/resources/images/sample/clap_done.png) no-repeat 0 0;
	cursor:default;
}
.comment_clap_area .comment_clap_disabled {
	background:url(/resources/images/sample/clap__disable.png) no-repeat 0 0;
	cursor:default;
}

/*******************************
拍手用（新）
*******************************/

.recipe_hakusyu_count, .comment_hakusyu_count {
	color:#e87e27;
	font-weight:border;
	cursor:pointer;
	text-decoration:underline;
}
.recipe_hakusyu_count:hover, .comment_hakusyu_count:hover {
	color:#f00;
}

/* 「コメントがあります」部分のポインタ切替用 */
.recipeCardTalkBtn p.commshow {
	cursor:pointer;
}

/*******************************
タイトル要素（フォントサイズ24px　特集）
*******************************/

.title_f24_haedline_orange {
	margin:15px 0 20px;
	padding-top:15px;
	padding-bottom:6px;
	border-bottom:3px #F19517 solid;
	font-size:24px;
	font-weight:bold;
}

/*******************************
カテゴリーで並び替え（幅960px）
*******************************/
#sort_nav_w680 {
	margin:15px auto 0 auto;
	width:680px;
	height:34px;
	background:url(/resources/images/recipe/sort_nav_03.gif) no-repeat 0 bottom;
	_overflow:visible;
	_zoom:1;
}
#sort_category_w410 {
	float:left;
	width:410px;
	display:block;
	padding:0 0 0 84px;
}
#sort_category_w410 a {
	width:101px;
	height:0;
	padding:40px 0 0 0;
	display:block;
}
#sort_category_w410 li {
	margin-right:1px;
	float:left;
}
#sc_w410_01 .on {
	background:url(/resources/images/recipe/sort_nav_03.gif) no-repeat -84px 0;
}
#sc_w410_01 a:hover {
	background:url(/resources/images/recipe/sort_nav_03.gif) no-repeat -84px 0;
}
#sc_w410_02 .on {
	background:url(/resources/images/recipe/sort_nav_03.gif) no-repeat -186px 0;
}
#sc_w410_02 a:hover {
	background:url(/resources/images/recipe/sort_nav_03.gif) no-repeat -186px 0;
}
#sc_w410_03 .on {
	background:url(/resources/images/recipe/sort_nav_03.gif) no-repeat -288px 0;
}
#sc_w410_03 a:hover {
	background:url(/resources/images/recipe/sort_nav_03.gif) no-repeat -288px 0;
}
#sc_w410_04 .on {
	background:url(/resources/images/recipe/sort_nav_03.gif) no-repeat -390px 0;
}
#sc_w410_04 a:hover {
	background:url(/resources/images/recipe/sort_nav_03.gif) no-repeat -390px 0;
}
#sort_view {
	float:right;
	width:67px;
	height:26px;
	margin-top:4px;
	margin-right:6px;
	_margin-right:3px;
}
#sv_01 {
	width:35px;
	height:26px;
	float:left;
}
#sv_01 a {
	background:url(/resources/images/recipe/btn_05.gif) no-repeat 0 0;
	width:32px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	display:block;
}
#sv_01 a:hover {
	background:url(/resources/images/recipe/btn_05.gif) no-repeat 0 -26px;
}
#sv_01 .on {
	background:url(/resources/images/recipe/btn_05.gif) no-repeat 0 -26px;
	width:32px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	display:block;
}
#sv_02 {
	width:32px;
	height:26px;
	float:left;
}
#sv_02 a {
	background:url(/resources/images/recipe/btn_05.gif) no-repeat -35px 0;
	width:32px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	display:block;
}
#sv_02 a:hover {
	background:url(/resources/images/recipe/btn_05.gif) no-repeat -35px -26px;
}
#sv_02 .on {
	background:url(/resources/images/recipe/btn_05.gif) no-repeat -35px -26px;
	width:32px;
	height:0;
	padding:26px 0 0 0;
	overflow:hidden;
	display:block;
	position:relative;
}

/*******************************
レシピ特集用（base.cssの設定を上書きしています）
*******************************/

.listbox_w345_handorange_title p {
	margin:0 9px 0 5px;
}
.box_w220_white_brown {
	width:220px;
	margin-left:10px;
	background:url(/resources/images/common/box_18_body.gif) 0 0;
	clear:both;
}
.box_w220_white_brown_body {
	background:url(/resources/images/common/box_18_bottom.gif) no-repeat 0 bottom;
}


/* 特集レシピカード共通 */
.recipePickup,
.recipeSearched {
	margin:15px auto 25px;
	width:717px;
	background-color:#ffffff;
}
.recipePickup .inner,
.recipeSearched .inner {
	margin:auto;
	padding:0 0 17px;
	width:680px;
}
.recipeSearched .inner {
	padding:17px 0;
}
.recipeSearched_head {
	line-height:1.5;
}
.recipePickup_hgroup {
	margin-bottom:20px;
	border-top:8px #FB9B18 solid;
	background-color:#FEE6A0;
}
.recipePickup_heading {
	padding:10px;
	color:#552e1b;
	font-size:28px;
}
.recipePickup_subheading {
	display:block;
	color:#f35800;
	font-weight:bold;
	font-size:14px;
}
.recipePickup_mainheading {
	display:block;
	line-height:1.25;
}
.recipePickup_tit_lead {}
.recipePickup_rec_ilb {
	margin:20px 0 30px;
	display:table;
}
.recipePickup_reccomend {
	padding:0 0 0 13px;
	border-left:1px #DFD0B3 dotted;
	display:table-cell;
	width:100%;
	vertical-align:middle;
}
.recipePickup_reccomend_def_list {
	display:table;
	font-size:12px;
}
.recipePickup_reccomend_def_list dt,
.recipePickup_reccomend_def_list dd {
	display:table-cell;
	vertical-align:middle;
}
.recipePickup_reccomend_def_list dt {
	padding-right:15px;
}
.recipePickup_reccomend_list a {
	padding-left:14px;
	background:url(/resources/images/common/arrow_02.gif) no-repeat left center;
}
.recipePickup_rec_icon_ex {
	padding:8px 0 8px 8px;
	border-left:1px #DFD0B3 dotted;
	display:table-cell;
	width:265px;
	vertical-align:middle;
}
.recipeDoc_sizzle {
	margin:0 10px 10px 0;
	float:left;
	position:relative;
}
.recipeDoc_name {
	margin-bottom:15px;
}
.recipeDoc_ingredient {
	margin-bottom:10px;
}
.recipeDoc_ingredient dt {
	margin-right:10px;
	float:left;
}
.recipeDoc_ingredient dd {
	overflow:hidden;
	vertical-align:top;
	zoom:1;
}
.recipeDoc_timEngyWrap {
	margin-bottom:10px;
	padding:10px 10px 8px;
	border-radius:5px;
	clear:both;
	color:#552e1b;
	background-color:#fee6a0;
	font-size:14px;
}
.recipeDoc_time,
.recipeDoc_energy {
	margin-right:1em;
	float:left;
}
.recipeDoc_time dt,
.recipeDoc_time dd,
.recipeDoc_energy dt,
.recipeDoc_energy dd {
	display:inline-block;
	font-weight:bold;
}
.recipeDoc_time dt {
	padding-left:17px;
	background:url(/resources/images/common/icon_clockOr.gif) no-repeat left top;
}
.recipeDoc_energy dt {
	padding-left:19px;
	background:url(/resources/images/common/icon_fireOr.gif) no-repeat left top;
}
.recipeDoc_item {
	display:inline-block;
	text-align:center;
}
.recipeDoc_hr {
	margin:30px 0 20px;
	border:none;
	border-bottom:1px #E5BC6B dotted;
	height:1px;
	line-height:0;
}
.recipePickup .recipeCardComPagerWrap {
	margin-top:17px;
	margin-bottom:0;
	width:100%
}
.recipePickup_seeAllRecipe {
	margin:35px auto 0;
	height:53px;
}
.recipePickup_sar_list {
	vertical-align:top;
	text-align:center;
}
.recipePickup_sar_list li {
	margin:0 10px;
	display:inline-block;
	width:285px;
	height:53px;
}
.recipePickup_sar_list a:hover img {
	opacity:.8;
}

/* パネル表示 */
.recipeDoc.paneling {
	width:680px;
	overflow:hidden;
}
.recipeDoc.paneling .recipeDoc_list {
	margin-top:20px;
	padding-top:20px;
	border-top:1px #E5BC6B dotted;
	width:720px;
}
.recipeDoc.paneling .recipeDoc_list_item {
	margin-right:40px;
	display:inline-block;
	width:320px;
	vertical-align:top;
	zoom:1;
}
.recipeDoc.paneling .recipeDoc_item {
	width:100%;
}
.recipeDoc.paneling .recipeDoc_a {
	color:#50210f;
	text-decoration:none;
}
.recipeDoc.paneling .recipeDoc_a h2 {
	color:#984800;
	line-height:1.25;
	text-decoration:underline;
}
.recipeDoc.paneling .recipeDoc_a:hover h2 {
	color:#ff0000;
}

/* リスト表示 */
.recipeDoc.listing .recipeDoc_list_item {
	margin-bottom:40px;
	padding-bottom:15px;
	border-bottom:1px #E5BC6B dotted;
}
.recipeDoc.listing .recipeDoc_list_item:last-child {
	margin-bottom:0;
}
.recipeDoc.listing .recipeDoc_a {
	display:block;
}
.recipeDoc.listing .recipeDoc_sizzle {
	margin-right:14px;
}
.recipeDoc.listing .recipeDoc_data {
	overflow:hidden;
	vertical-align:top;
	zoom:1;
}
.recipeDoc.listing .recipeDoc_item.store {
	margin-right:9px;
}
.recipeDoc.listing .recipeDoc_item img {
	vertical-align:middle;
}

/* サイドバー 絞り込み */
.sideSearch .ssculb {
	padding:10px;
	display:block;
	color:#984800;
	text-decoration:underline;
	cursor:pointer;
}
.sideSearch .ssculb:hover {
	color:#ff0000;
}
.sideSearch .ssculb span {
	display:block;
	height:16px;
	line-height:16px;
	background:url(/resources/images/recipe/checkbox_SearchCloseUp.gif) no-repeat left bottom;
	overflow:hidden;
}
.sideSearch .ssculb .chkOn {
	background-position:left top;
}
.sideSearch .ssculb input {
	margin-right:10px;
	filter:alpha(opacity=0);
	opacity:0;
	cursor:pointer;
}
.btnSearchCloseUp {
	margin-top:12px;
	text-align:center;
}

/*******************************
レシピ用（base.cssの設定を上書きしています）
*******************************/
#same_recipe {
	background:url("/resources/images/recipe/txt_00.gif") no-repeat scroll 0 0 #FF993C;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	width:200px;
	height:auto;
	padding:10px 10px 5px 10px;
	position:relative;
	overflow:visible;
}

/*******************************
画像アップロードの参照ボタン（IEのみハックしています）
*******************************/

.ajax-uploader {
	>padding:5px !important;
	padding:5px\9 !important;
}
.ajax-uploader:not(:target) {
	padding:5px\9 !important;
}

/*******************************
掲示板コメントグレーアウト
*******************************/

.topic_comment_disabled {
	background:url(/resources/images/common/comment_disable.png) no-repeat 0 0;
	width:96px;
	height:0;
	padding:26px 0 0 0;
	display:block;
	overflow:hidden;
	float:left;
	margin-top:-4px;
}

/*******************************
おすすめの副菜
*******************************/

#recipe_links {
	color:#fc9b00;
	display:block;
	font-weight:bold;
}
#recommend_link_info_image {
	float:left;
	width:140px;
	margin-right:10px;
}
#recommend_link_info_title {
	font-size:16px;
	margin:7px 0 4px;
	font-weight:bold;
}