@charset "UTF-8";
/*
レシピ 

color: #f8a219 -- ベースカラー
color: #f27500 -- サブカラー

*/



/* 構造 */
.recipe.monthly #mainCol {
	/*border: 1px solid #f00;*/
	background: url(/assets/image/bg/mainCol01_bg.gif) repeat-y left top;
	}

.recipe #mainCol #primary {
	float: right;
	width: 422px;
	}

.recipe #mainCol #secondary {
	float: left;
	width: 206px;
	}

.recipe #pageHeader01 {
	width: 628px;
	background-color: #fff;
	border-bottom: 1px solid #fed695;
	}

	/* おもてなし料理ページヘッダー */
	.recipe.omotenashi #mainCol {
		background: url(/assets/image/bg/mainCol02_bg.gif) repeat-y left top;
		}
	.recipe.omotenashi #pageHeader01 {
		border-color: #fdd6d2;
		}

	/* 愛情レシピページヘッダー */
	.recipe.toshimi #mainCol {
		background: url(/assets/image/bg/mainCol03_bg.gif) repeat-y left top;
		}
	.recipe.toshimi #pageHeader01 {
		border-color: #ad053d;
		}
	
	/* YOMEちゃんの「ママ友ランチの会」ページヘッダー */
	.recipe.yome #mainCol {
		background: url(/assets/image/bg/mainCol04_bg.gif) repeat-y left top;
		}
	.recipe.yome #pageHeader01 {
		border-color: #963;
		}
		
	/* 和風天国ページヘッダー */
	.recipe.wafu #mainCol {
		background: url(/assets/image/bg/mainCol05_bg.gif) repeat-y left top;
		}
	.recipe.wafu #pageHeader01 {
		border-color: #4c1d1d;
		}






/* サイドバーの見出し */
.recipe #subCol h2 {
	width: 194px;
	margin-bottom: 15px;
	border-bottom: 2px solid #f27500;
	}





/* 見出し下線の色設定 */
.recipe #mainCol h2 { border: none; }





/* レシピトップページ【今月のメニュー】ブロック */
.recipe .sectionBlock01 {
	}

.recipe #monthlyBL.sectionBlock01 h3 {
	margin-bottom: 20px;
	margin-left: 15px;
	padding-left: 33px;
	background: url(/assets/image/bg/icon_folk01.gif) no-repeat left center;
	}

#monthlyBL {
	position: relative;
	width: 628px;
	margin-bottom: 30px;
	background: url(/assets/image/bg/monthly_bg.gif) repeat-y left top;
	}

#monthlyBL h2 {
	width: 628px;
	height: 80px;
	margin-bottom: 5px;
	background: url(/assets/image/bg/monthly_h2_bg.gif) no-repeat left top;
	}

#monthlyBL h2 img {
	width: 240px;
	height: 58px;
	margin: 9px 0 0 8px;
	}

#monthlyBL img#monPlate {
	position: absolute;
	top: -2px;
	left: 552px;
	width: 82px;
	height: 82px;
	}

#monthlyBL p.backNumber {
	clear: left;
	width: 628px;
	height: 40px;
	margin-bottom: 0;
	background: url(/assets/image/bg/monthly_ft_bg.gif) no-repeat left bottom;
	line-height: 1;
	text-align: right;
	}

#monthlyBL p.backNumber img {
	margin: 12px 5px 0 0;
	}

.monRecipe {
	float: left;
	position: relative;
	width: 186px;
	margin: 0 10px;
	}

#monRecipe1 {
	margin-left: 15px;
	}

.monRecipe img.recpThumb {
	margin-bottom: 10px;
	}

#monthlyBL .monRecipe h4 {
	height: 2.5em;
	margin: 0 0 .5em;
	line-height: 1.2;
	}

.monRecipe dl {
	background: url(/assets/image/bg/line01_brown.gif) repeat-x left top;
	}

.monRecipe dl dt {
	height: 0;
	overflow: hidden;
	}

.monRecipe dl dd {
	margin-bottom: 0;
	padding: 3px 0 3px 20px;
	line-height: 1;
	}

.monRecipe dl dd.energy {
	padding-left: 20px;
	background: url(/assets/image/bg/icon_energy.gif) no-repeat left top;
	}

.monRecipe dl dd.time {
	padding-left: 20px;
	background: url(/assets/image/bg/icon_time.gif) no-repeat left top;
	}

.monRecipe p.showRecp {
	position: absolute;
	top: 100px;
	left: 87px;
	width: 90px;
	height: 11px;
	}



/* 【今月のレシピ】各レシピページ */
.recipe h4 {
	margin: 15px 10px;
	font-weight: bold;
	}
	
.recipe p.recpCmt {
	margin: 0 0 20px 10px;
	font-size: .875em;
	line-height: 1.3;
	}

.recipe .sectionBlock01 {
	margin-bottom: 20px;
	/*border: 1px solid #f00;*/
	}

.recipe .sectionBlock02 {
	width: 196px;
	margin-left: 216px;
	}

.monthlyData {
	position: relative;
	width: 628px;
	margin-left: 10px;
	}

* html .monthlyData {
	margin-left: 5px;
	}

.monthlyData h2 {
	width: 628px;
	height: 70px;
	margin-bottom: 5px;
	background: url(/assets/image/bg/monthly_h2_bg2.gif) no-repeat left top;
	}

.monthlyData h2 img {
	width: 240px;
	height: 58px;
	margin: 9px 0 0 8px;
	}

.monthlyData img#monPlate {
	position: absolute;
	top: -2px;
	left: 552px;
	width: 82px;
	height: 82px;
	}

.monthlyData h3 {
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 33px;
	background: url(/assets/image/bg/icon_folk01.gif) no-repeat left center;
	}



.recipeData h5 {
	width: 402px;
	margin-bottom: 12px;
	border-bottom: 2px solid #f27500;
	}

.recipeData h5#energy,
.recipeData h5#time {
	width: 186px;
	}

.recipeData h6 {
	margin: 12px 0 5px;
	font-weight: bold;
	font-size: 110%;
	}

img.recipePhoto {
	float: left;
	width: 196px;
	height: 196px;
	}

/* 素材分量の定義リスト */
.recipe #materialList p {
	color: #c00;
	}

.recipe #materialList dl {
	}

.recipe #materialList dl dt {
	float: left;
	clear: both;
	width: 196px;
	margin: 2px 0;
	background: url(/assets/image/bg/line01_gray.gif) repeat-x left bottom;
	font-weight: normal;
	}

.recipe #materialList dl dd {
	float: left;
	width: 186px;
	margin: 2px 0 2px 20px;
	background: url(/assets/image/bg/line01_gray.gif) repeat-x left bottom;
	}

















/* レシピトップページ【おもてなし】ブロック */
.recipe .sectionBlock01 {
	}

.recipe #omotenashiBL.sectionBlock01 h3 {
	margin-bottom: 20px;
	margin-left: 15px;
	padding-left: 33px;
	background: url(/assets/image/bg/icon_folk02.gif) no-repeat left center;
	}

#omotenashiBL {
	position: relative;
	width: 628px;
	margin-bottom: 30px;
	background: url(/assets/image/bg/omotenashi_bg.gif) repeat-y left top;
	}

#omotenashiBL h2 {
	width: 628px;
	height: 84px;
	margin-bottom: 10px;
	background: url(/assets/image/bg/omotenashi_h2_bg.gif) no-repeat left top;
	}

#omotenashiBL h2 img {
	width: 252px;
	height: 65px;
	margin: 10px 0 0 98px;
	}

#omotenashiBL img#omoPlate {
	position: absolute;
	top: 4px;
	left: 503px;
	width: 125px;
	height: 75px;
	}

#omotenashiBL p.backNumber {
	clear: left;
	width: 628px;
	height: 40px;
	margin-bottom: 0;
	background: url(/assets/image/bg/omotenashi_ft_bg.gif) no-repeat left bottom;
	line-height: 1;
	text-align: right;
	}

#omotenashiBL p.backNumber img {
	margin: 12px 5px 0 0;
	}

#omotenashiBL img#omoPhoto {
	float: left;
	width: 186px;
	margin: 0 10px 0 15px;
	}

.recipe01 {
	position: relative;
	float: left;
	width: 186px;
	height: 80px;
	margin: 0 10px 8px;
	}

.recipe01 dl {
	margin-bottom: 0;
	}

.recipe01 dl dt {
	float: right;
	width: 100px;
	}

.recipe01 dl dd {
	float: left;
	width: 80px;
	height: 80px;
	}

.recipe01 p.showRecp {
	position: absolute;
	top: 58px;
	left: 87px;
	width: 90px;
	height: 11px;
	}





/* 【おもてなし料理】各レシピページ */
.omotenashiData {
	position: relative;
	width: 628px;
	margin-left: 10px;
	}

* html .omotenashiData {
	margin-left: 5px;
	}

.omotenashiData h2 {
	width: 628px;
	height: 84px;
	margin-bottom: 5px;
	background: url(/assets/image/bg/omotenashi_h2_bg2.gif) no-repeat left top;
	}

.omotenashiData h2 img {
	width: 252px;
	height: 65px;
	margin: 10px 0 0 98px;
	}

.omotenashiData img#monPlate {
	position: absolute;
	top: 4px;
	left: 503px;
	width: 125px;
	height: 76px;
	}

.omotenashiData h3 {
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 33px;
	background: url(/assets/image/bg/icon_folk02.gif) no-repeat left center;
	}

.omotenashi .recipeData h5 {
	border-color: #6dad08;
	}


/* レシピトップページ【YOMEちゃん】ブロック */
#yomeBL {
	position: relative;
	width: 628px;
	margin-bottom: 30px;
	background: url(/assets/image/bg/yome_bg.gif) repeat-y left top;
	}

#yomeBL h2 {
	width: 628px;
	height: 84px;
	margin-bottom: 10px;
	background: url(/assets/image/bg/yome_h2_bg.gif) no-repeat left top;
	}

#yomeBL h2 img {
	width: 405px;
	height: 50px;
	margin: 16px 0 0 130px;
	}

#yomeBL h3 img {
	margin-left: 10px;
	}

#yomeBL img#yomePlate {
	position: absolute;
	top: -4px;
	left: 552px;
	width: 82px;
	height: 82px;
	}

#yomeBL p.backNumber {
	clear: left;
	width: 628px;
	height: 42px;
	margin-bottom: 0;
	background: url(/assets/image/bg/yome_ft_bg.gif) no-repeat left bottom;
	line-height: 1;
	text-align: right;
	}

#yomeBL p.backNumber img {
	margin: 11px 9px 0 0;
	}

#yomeBL img#yomePhoto {
	float: left;
	width: 209px;
	margin: 20px 0 0 5px;
	}

/* 【YOMEちゃんの「ママ友ランチの会」】各レシピページ */
.yomeData {
	position: relative;
	width: 628px;
	margin-left: 10px;
	}

* html .yomeData {
	margin-left: 5px;
	}

.yomeData h2 {
	width: 628px;
	height: 75px;
	margin-bottom: 5px;
	background: url(/assets/image/bg/yome_h2_bg2.gif) no-repeat left top;
	}

.yomeData h2 img {
	width: 405px;
	height: 53px;
	margin: 11px 0 0 115px;
	}

.yomeData img#monPlate {
	position: absolute;
	top: -7px;
	left: 546px;
	width: 82px;
	height: 82px;
	}

.yomeData h3 {
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 33px;
	background: url(/assets/image/bg/icon_folk04.gif) no-repeat left center;
	}

.yome .recipeData h5 {
	border-color: #963;
	}



/* レシピトップページ【寿美の愛情レシピ】ブロック */
.recipe .sectionBlock01 {
	}

#toshimiBL {
	position: relative;
	width: 628px;
	height: 295px;
	margin-bottom: 30px;
	background: url(/assets/image/bg/toshimi_bg.jpg) no-repeat left top;
	}

#toshimiBL h2 {
	position: absolute;
	top: 21px;
	left: 15px;
	}

#toshimiBL img#toshimiPlate {
	position: absolute;
	top: 140px;
	left: 484px;
	}
	
#toshimiRecipe1 {
	margin-left: 20px;
	margin-top: 113px;
	}

#toshimiRecipe2 {
	margin-top: 113px;
	}

#toshimiBL .monRecipe h4 {
	height: 2.5em;
	margin: 0 0 .5em;
	line-height: 1.2;
	}

#toshimiBL p.backNumber img {
	margin: 14px 0 0 420px;
	}



/* 【寿美の愛情レシピ】各レシピページ */
.toshimiData {
	position: relative;
	width: 628px;
	margin-left: 10px;
	}

* html .toshimiData {
	margin-left: 5px;
	}

.toshimiData h2 {
	width: 628px;
	height: 84px;
	margin-bottom: 5px;
	background: url(/assets/image/bg/toshimi_h2_bg2.gif) no-repeat left top;
	}

.toshimiData h2 img {
	width: 424px;
	height: 67px;
	margin: 7px 0 0 10px;
	}

.toshimiData img#monPlate {
	position: absolute;
	top: 4px;
	left: 503px;
	width: 125px;
	height: 76px;
	}

.toshimiData h3 {
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 33px;
	background: url(/assets/image/bg/icon_folk03.gif) no-repeat left center;
	}

.toshimi .recipeData h5 {
	border-color: #ad053d;
	}





/* レシピトップページ【和風天国レシピ】ブロック */
.recipe .sectionBlock01 {
	}

#wafuBL {
	position: relative;
	width: 628px;
	height: 287px;
	margin-bottom: 30px;
	background: url(/assets/image/bg/wafu_bg.jpg) no-repeat left top;
	}

#wafuBL h2 {
	position: absolute;
	top: 0px;
	left: 10px;
	}

#wafuBL img#wafuPlate {
	position: absolute;
	top: -10px;
	left: 552px;
	}

#wafuBL #wafuThumbs {
	position: absolute;
	top: 73px;
	left: 5px;
	width: 500px;
	}
	
#wafuBL p.backNumber img {
	position: absolute;
	top: 260px;
	left: 420px;
	}


/* 【和風天国レシピ】各レシピページ */
.wafuData {
	position: relative;
	width: 628px;
	margin-left: 10px;
	}

* html .wafuData {
	margin-left: 5px;
	}

.wafuData h2 {
	width: 628px;
	height: 62px;
	margin-bottom: 5px;
	background: url(/assets/image/bg/wafu_h2_bg2.gif) no-repeat left top;
	}

.wafuData h2 img {
	width: 424px;
	height: 62px;
	margin: 0 0 0 10px;
	}

.wafuData img#monPlate {
	position: absolute;
	top: -10px;
	left: 552px;
	width: 82px;
	height: 82px;
	}

.wafuData h3 {
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 33px;
	background: url(/assets/image/bg/icon_folk05.gif) no-repeat left center;
	}

.wafu .recipeData h5 {
	border-color: #4c1d1d;
	}

.wafu .linkProducts {
	position: absolute;
	top: 90px;
	right: 15px;
	font-size: .75em;
	}

.wafu .linkProducts a {
	padding-left: 8px;
	background: #fff url(/assets/image/bg/arrow01_red.gif) no-repeat left center;
	}

.wafu .linkProducts a:link,
.wafu .linkProducts a:visited {
	color: #4c1d1d;
	}

.wafu .linkProducts a:hover,
.wafu .linkProducts a:focus,
.wafu .linkProducts a:active {
	color: #ff2c00;
	}






/* レシピトップページ【テレビCMレシピ】ブロック */
.recipe .sectionBlock01 {
	}

#tvcmBL {
	position: relative;
	width: 628px;
	margin-bottom: 30px;
	background: url(/assets/image/bg/tvcm_bg.gif) repeat-y left bottom;
	}

#tvcmBL h2 {
	width: 628px;
	height: 97px;
	margin-bottom: 5px;
	background: url(/assets/image/bg/tvcm_h2_bg.gif) no-repeat left top;
	}

#tvcmBL h2 img {
	width: 276px;
	height: 63px;
	margin: 14px 0 0 90px;
	}

#tvcmBL img#tvcmPlate {
	position: absolute;
	top: -13px;
	left: 510px;
	width: 143px;
	height: 124px;
	}

#tvcmBL #tvcmRecipe1,
#tvcmBL #tvcmRecipe4,
#tvcmBL #tvcmRecipe7 {
	margin-left: 15px;
	}

#tvcmBL #tvcmRecipe7 {
	margin-bottom: 20px;
	}


*:first-child+html #tvcmBL #tvcmRecipe4,
*:first-child+html #tvcmBL #tvcmRecipe5,
*:first-child+html #tvcmBL #tvcmRecipe6,
*:first-child+html #tvcmBL #tvcmRecipe7 {
	padding-bottom: 15px;
	}


#tvcmBL .sectionBlock02 {
	clear: left;
	margin: 0 0 0 15px;
	}

#tvcmBL .sectionBlock02 h3 {
	margin-bottom: 10px;
	}

#tvcmBL .sectionBlock02 ul {
	width: 598px;
	margin: 0 0 20px 0;
	background: url(/assets/image/bg/line02_brown.gif) repeat-x left top;
	list-style: none;
	}

#tvcmBL .sectionBlock02 ul li {
	padding: 4px 0 2px 3px;
	background: url(/assets/image/bg/line02_brown.gif) repeat-x left bottom;
	}

#tvcmBL .sectionBlock02 ul li a {
	padding-left: 90px;
	background: url(/assets/image/bg/icon_tvcm.gif) no-repeat left center;
	}



.tvcmflv #swfContent {
	width: 320px;
	height: 260px;
	margin: 0 auto;
	}

.tvcmflv #content h2 {
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 3px;
	border-bottom: 2px solid #531606;
	color: #531606;
	font-weight: bold;
	}

.tvcmflv #content p {
	margin: 20px 0;
	text-align: center;
	}





/* #secondary のレシピリスト */

#secondary {
	/*border: 1px solid #f00;*/
	}

#secondary ul {
	margin-bottom: 10px;
	line-height: 1.2;
	}

#secondary ul li {
	padding: 10px;
	background: url(/assets/image/bg/line03_orange.gif) repeat-x left bottom;
	}

#secondary ul li:hover,
#secondary ul li.current {
	background-color: #fff2e0;
	}
	
#secondary .recipe01 {
	float: none;
	margin: 0;
	font-size: .75em;
	font-weight: bold;
	}

#secondary .recipe01 dl dt {
	}

#secondary .recipe01 p.showRecp {
	top: 64px;
	}




	.omotenashi #secondary ul li {
		background-image: url(/assets/image/bg/line01_pink.gif);
		}
	
	.omotenashi #secondary ul li:hover,
	.omotenashi #secondary ul li.current {
		background-color: #fbecea;
		}
	
	
	.toshimi #secondary ul li {
		background-image: url(/assets/image/bg/line01_purple.gif);
		}
	
	.toshimi #secondary ul li:hover,
	.toshimi #secondary ul li.current {
		background-color: #fbecea;
		}
	
	.yome #secondary ul li {
		background-image: url(/assets/image/bg/line03_brown.gif);
		}
	
	.yome #secondary ul li:hover,
	.yome #secondary ul li.current {
		background-color: #f0e8da;
		}
		
	.wafu #secondary ul li {
		background-image: url(/assets/image/bg/line04_beige.gif);
		}
	
	.wafu #secondary ul li:hover,
	.wafu #secondary ul li.current {
		background-color: #fdf6e6;
		}






/* バックナンバー */
.recipe.archiveList #content {
	padding-bottom: 40px;
	}

.recipe.archiveList #mainCol {
	background: none;
	}

.recipe.archiveList #pageHeader01 {
	margin-bottom: 30px;
	border-bottom: none;
	}

.recipe.archiveList #pageHeader01 h2 {
	margin-bottom: 5px;
	}

.recipe.archiveList h3 {
	padding-left: 0;
	background: none;
	}

.archiveList #c-ms .sectionBlock01 {
	width: 628px;
	margin-left: 0;
	/*border: 1px solid #f00;*/
	}

.archiveList #c-ms .sectionBlock01 h4 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 2px solid #ccc;
	}
	
.archiveList dl {
	}

.archiveList dl dt {
	float: left;
	clear: both;
	width: 100px;
	margin: 2px 0;
	font-weight: normal;
	}

.archiveList dl dd {
	float: left;
	width: 500px;
	margin: 2px 0;
	}

	.monthly.archiveList #c-ms .sectionBlock01 h4 {
		border-color: #f27500;
	}
	.omotenashi.archiveList #c-ms .sectionBlock01 h4 {
		border-color: #fa3730;
	}
	.toshimi.archiveList #c-ms .sectionBlock01 h4 {
		border-color: #ad053d;
	}
	.yome.archiveList #c-ms .sectionBlock01 h4 {
		border-color: #963;
	}
	.wafu.archiveList #c-ms .sectionBlock01 h4 {
		border-color: #4c1d1d;
	}





/* サイドバー・ローカルナビゲーション */
.recipe #localNav ul { background: url(/assets/image/bg/line02_orange.gif) repeat-x bottom left; }
.recipe #localNav ul li { background: url(/assets/image/bg/line02_orange.gif) repeat-x top left; }

.recipe #localNav ul#mainRecipe {
	background: none;
	}

.recipe #localNav ul#mainRecipe li {
	margin-bottom: 10px;
	background: none;
	}



/* レシピ検索フォーム */
.recipe #subCol #searchForm {
	width: 194px;
	background: url(/assets/image/bg/searchform_bg.gif) no-repeat left bottom;
}

.recipe #subCol #searchForm h2 {
	padding: 10px 0 0;
	border-bottom: none;
	background: url(/assets/image/bg/searchform_h2_bg.gif) no-repeat left top;
	text-align: center;
}

.recipe #searchForm form {
	margin: 15px;
	border: 0;
}

.recipe #searchForm form input {
	border: 0;
}

.recipe #searchForm form dl dt {
	width: 100%;
	margin-bottom: 7px;
	font-size: .75em;
	line-height: 1.2;
	}

.recipe #searchForm form dl dd {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
	}

.recipe #searchForm form dl input {
	width: 100%;
	padding: 1px 0;
	border: 1px solid #8eb51b;
	font-size: .85em;
	}

.recipe #searchForm p#btnSubmit {
	margin-bottom: 20px;
	padding-bottom: 15px;
	text-align: center;
	}


/* レシピ検索結果一覧 */
.recipe #searchResult {
	margin-left: 15px;
	margin-bottom: 30px;
	}

.recipe #searchResult h2 {
	border-bottom: 3px solid #8eb51b;
	}

.recipe #searchResult p#searchString {
	padding: 10px 0 25px;
	border-bottom: 1px solid #ccc;
	}

.recipe #searchResult p#searchString span {
	color: #ff2c00;
	font-weight: bold;
	}

.recipe #searchResult .resultItem {
	padding: 7px 3px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	}

.recipe #searchResult .resultItem img {
	width: 80px;
	margin-right: 20px;
	float: left;
	}

.recipe #searchResult .resultItem dl {
	line-height: 1.5;
	}

.recipe #searchResult .resultItem dl dt a {
	color: #ff2c00;
	font-weight: bold;
	}

.recipe #searchResult .resultItem dl dd {
	font-size: .75em;
	color: #666;
	}








.complement {
	color: #c00;
	}








.yome #campcode {
	float: left;
	margin: 170px 0 0 15px;
	width: 110px;
	height: 25px;
	background: url(/assets/image/recipe/keyword.gif) no-repeat 50% 50%;
	font-size: 120%;
	font-weight: bold;
	color: #ed2b54;
}

.yome #campcode p {
	margin: 2px 0 0 75px;
	line-height: 1.6;
}

