@charset "UTF-8";

/*----------------------------------------------------------------------------
#basic
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, img, ul, li {
	margin: 0;
	padding: 0;
}
a:link {
    color: #250d00;
    color: #4F1F06;
    color: #330000;

    text-decoration: underline;
}
a:visited {
    color: #543f32;
    color: #663333;

}
a.hover {
    color: #663333;
}
.clear{
	clear: both;
	height: 1px;
	display:block;
	overflow:hidden;
}

img{
	border: none;
}

a.recipe-title {
    color: #9EA73D;
    font-weight: bold;
    letter-spacing: -0.5px;
}

body {
	background: #EEEECC;
	/*background-attachment: fixed;*/
	font-family:  "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	padding: 0;
	color: #333333;
}

#wrapper {
	background: #FFFFFF url(bg.gif) repeat-y;
	width: 975px;
	margin: 0 auto;
}

#content {
	/*background: url(bg_top.gif) center top no-repeat;*/
	/*background-attachment: fixed;*/
	}

#tieup{
	width: 920px;
	padding-left:26px;
	color:#3D3634;
	}
#zenhan,
#kouhan{
}

/*----------------------------------------------------------------------------
#header
-----------------------------------------------------------------------------*/


#header {
	padding: 10px 30px 0 30px;
	margin:0 0 0 0;
	}
#header #logoCookpad{
	float: left;
	margin: 5px 0;
	padding: 0;
	}
#header #prSet{
	float: right;
	background: #fff url(pr_ttl.gif) left center no-repeat;
	width: 180px;
	padding: 5px 0 0 0;
	text-align: right;
	}



/*----------------------------------------------------------------------------
#mainttl
-----------------------------------------------------------------------------*/
#mainttl{
	width: 920px;
	height:240px;
	display:block;
	position:relative;
	margin:0 0 15px 0;
	}
	#zenhan #mainttl{ background: #fff url(title01.jpg) left top no-repeat;}
	#kouhan #mainttl{ background: #fff url(title02.jpg) left top no-repeat; }

	#mainttl h1,
	#mainttl p{
		display:none;
		}

/*============================================================================
#tab
=============================================================================*/

#tab{
	width: 920px;
	height: 43px;
	display:block;
	position:relative;
	overflow:hidden;
	margin: 0;
	padding: 0;
	}
#tab .left {
	width:440px;
	height: 43px;
	float:left;
	margin:0;
	padding-left:15px;
	}
#tab .right {
	width:440px;
	height: 43px;
	float:right;
	margin:0;
	padding-right:15px;
	}



#tu_main{
	clear:both;
	width:920px;
	background-color:#F7F1E1;
	padding:15px 0px 10px 0px;
	margin:0 0 20px 0;
	}	
/*============================================================================
#sec1
=============================================================================*/
#sec1{
	clear:both;
	display:block;
	position:relative;
	width:882px;
	margin:0 auto;
	border:1px solid #CBC7B4;
	background:url(sec1_bg.jpg) 0px 0px;
	}
#sec1 .inner{
	clear:both;
	display:block;
	position:relative;
	width:862px;
	height:334px;
	margin:0 auto;
	border:1px solid #CBC7B4;
	background-color:#FEFCF7;
	margin:9px;
	}
#sec1 .hd{
	width:620px;
	height:78px;
	background:url(sec1_ttl.gif) no-repeat 0px 0px;
	left:18px;
	top:12px;
	text-indent:-9999px;
	}
#sec1 .main{
	width:620px;
	height:210px;
	left:18px;
	top:108px;
	}
	#sec1 .main .box1,
	#sec1 .main .box2,
	#sec1 .main .box3{
		width:620px;
		height:54px;
		clear:both;
		padding:8px 0px;
		}
	#sec1 .main .box1,
	#sec1 .main .box2{
		border-bottom:1px solid #BD8C19;
		}
		#sec1 .main h3{
			width:245px;
			height:54px;
			float:left;
			text-indent:-9999px;
			}
		#sec1 .main .box1 h3{ background:url(sec1_tex01.gif) no-repeat 5px 0px; }
		#sec1 .main .box2 h3{ background:url(sec1_tex02.gif) no-repeat 5px 0px; }
		#sec1 .main .box3 h3{ background:url(sec1_tex03.gif) no-repeat 5px 0px; }
	
	#sec1 .main .desc{
		width:356px;
		float:right;
		font-size:12px;
		line-height:18px;
		}
#sec1 .fuki{
	width:213px;
	height:144px;
	left:649px;
	top:0px;
	}
#sec1 .pic{
	width:170px;
	height:190px;
	left:692px;
	top:144px;
	}
#sec1 .hd,
#sec1 .main,
#sec1 .fuki,
#sec1 .pic{
	display:block;
	position:absolute;
}
/*============================================================================
#sec2
=============================================================================*/
#sec2{
	clear:both;
	display:block;
	position:relative;
	width:886px;
	margin:0 auto;
	padding-top:20px;
	}
	
#sec2 .hd{
	width:886px;
	height:90px;
	margin:0 0 25px 0;
	text-indent:-9999px;
	}
	#zenhan #sec2 .hd{ background:url(sec2_hd01.gif) no-repeat 0px 0px; }
	#kouhan #sec2 .hd{ background:url(sec2_hd02.gif) no-repeat 0px 0px; }
	
#sec2_1{
	clear:both;
	width:886px;
	margin:0 0 20px 0;
	}
	#sec2_1 .pic_lg{
		float:left;
		width:435px;
		height:435px;
		}
	#sec2_1 .desc{
		float:right;
		width:420px;
		}
	#sec2_1 .desc .ttl{
		width:420px;
		height:100px;
		margin:0;
		text-indent:-9999px;
		}
		#zenhan #sec2_1 .ttl{ background:url(sec2_ttl01.gif) no-repeat 0px 0px; }
		#kouhan #sec2_1 .ttl{ background:url(sec2_ttl02.gif) no-repeat 0px 0px; }

	#sec2_1 .desc .comment{
		height:90px;
		font-size:14px;
		line-height:24px;
		margin:0;
		}
	#sec2_1 .desc .menu_list{
		float:left;
		width:211px;
		height:244px;
		margin:0;
		background:url(sec2_menu_bg.jpg) no-repeat 0px 0px;
		}
		#sec2_1 .desc .menu_list h4{
			display:none;
			}
		#sec2_1 .desc .menu_list_main{
			width:211px;
			height:244px;
			background:url(sec2_menu01.gif) no-repeat 22px 60px;
			}
			#sec2_1 .desc .menu_list_main p{
				display:none;
				}
			#zenhan #sec2_1 .desc .menu_list_main{ background:url(sec2_menu01.gif) no-repeat 22px 60px; }
			#kouhan #sec2_1 .desc .menu_list_main{ background:url(sec2_menu02.gif) no-repeat 22px 60px; }
		
	#sec2_1 .desc .fuki{
		float:right;
		width:200px;
		height:244px;
		margin:0;
		}

#sec2_2{
	clear:both;
	width:886px;
	margin:0 0 14px 0;
	background:url(sec2_bg01.gif) 0px 0px;
	}
	#sec2_2 .inner{
		padding:0 0 15px 0;
		background:url(sec2_bg03.gif) no-repeat bottom left;
		}
#sec2_3{
	clear:both;
	width:886px;
	background:url(sec2_bg06.gif) repeat-y 0px 0px;
	}
#sec2 .menu{
	width:436px;
	padding:15px 0 0 0;
	background:url(sec2_bg02.gif) no-repeat 0px 0px;
	}
#sec2 .menu_01,
#sec2 .menu_04,
#sec2 .menu_05,
#sec2 .menu_08{
	float:left;
	}
#sec2 .menu_02-3_wrapper,
#sec2 .menu_06-7_wrapper{
	width:436px;
	float:right;
	}	
#sec2 .menu_ttl{
	clear:both;
	width:436px;
	height:88px;
	}
	#sec2 .menu_ttl h3{
		display:none;
		}
	#sec2 .menu_ttl .pic_s{
		text-align:right;
		padding-right:16px;
		margin:0;
		}
		#sec2 .menu_01 .menu_ttl{ background:url(sec2_rcp01.gif) no-repeat 16px 4px; }
		#sec2 .menu_02 .menu_ttl{ background:url(sec2_rcp02.gif) no-repeat 16px 4px; }
		#sec2 .menu_03 .menu_ttl{ background:url(sec2_rcp03.gif) no-repeat 16px 4px; }
		#sec2 .menu_04 .menu_ttl{ background:url(sec2_rcp04.gif) no-repeat 16px 4px; }
		#sec2 .menu_05 .menu_ttl{ background:url(sec2_rcp05.gif) no-repeat 16px 4px; }
		#sec2 .menu_06 .menu_ttl{ background:url(sec2_rcp06.gif) no-repeat 16px 4px; }
		#sec2 .menu_07 .menu_ttl{ background:url(sec2_rcp07.gif) no-repeat 16px 4px; }
		#sec2 .menu_08 .menu_ttl{ background:url(sec2_rcp08.gif) no-repeat 16px 4px; }

#sec2 .menu_main{
	width:404px;
	padding:0 0 0 16px;
	background-image:url(sec2_div.gif);
	background-repeat:repeat-y;
	}
		#sec2 .menu_01 .menu_main{ background-position:180px 0px; }
		#sec2 .menu_02 .menu_main{ background-position:160px 0px; }
		#sec2 .menu_03 .menu_main{ background-position:180px 0px; }
		#sec2 .menu_04 .menu_main{ background-position:210px 0px; }
		
		#sec2 .menu_05 .menu_main{ background-position:165px 0px; }
		#sec2 .menu_06 .menu_main{ background-position:190px 0px; }
		#sec2 .menu_07 .menu_main{ background-position:190px 0px; }
		#sec2 .menu_08 .menu_main{ background-position:210px 0px; }
	
#sec2 .ingredient{
	float:left;
	font-size:11px;
	line-height:20px;
	margin:0;
	}
		#sec2 .menu_01 .ingredient{ width:160px; }
		#sec2 .menu_02 .ingredient{ width:140px; }
		#sec2 .menu_03 .ingredient{ width:160px; }
		#sec2 .menu_04 .ingredient{ width:190px; }
		
		#sec2 .menu_05 .ingredient{ width:145px; }
		#sec2 .menu_06 .ingredient{ width:180px; }
		#sec2 .menu_07 .ingredient{ width:180px; }
		#sec2 .menu_08 .ingredient{ width:190px; }
		
	#sec2 .ingredient h4{
		width:80px;
		height:20px;
		margin:0;
		background:url(sec2_ingredient.gif) no-repeat 0px 0px;
		text-indent:-9999px;
		}
	#sec2 .ingredient .ing_a{
		width:11px;
		float:left;
		}
	#sec2 .ingredient .ing_a_cont{
		float:left;
		background:url(sec2_r03.gif) repeat-y left top;
		}
		#sec2 .menu_02 .ingredient .ing_a_cont{ width:129px; }
		#sec2 .menu_03 .ingredient .ing_a_cont{ width:149px; }
		
	#sec2 .ingredient .ing_a_cont ul{
		list-style-type:none;
		margin:0;
		padding:0;
		}
	#sec2 .ingredient .ing_a_cont li{
		margin:0;
		padding:0 0 0 12px;
		}
		#sec2 .ingredient .ing_a_cont li.first{ background:url(sec2_r01.gif) no-repeat left top; }
		#sec2 .ingredient .ing_a_cont li.last{ background:url(sec2_r02.gif) no-repeat left bottom; }

#sec2 .process{
	float:right;
	}
		#sec2 .menu_01 .process{ width:225px; }
		#sec2 .menu_02 .process{ width:245px; }
		#sec2 .menu_03 .process{ width:225px; }
		#sec2 .menu_04 .process{ width:195px; }
		
		#sec2 .menu_05 .process{ width:240px; }
		#sec2 .menu_06 .process{ width:215px; }
		#sec2 .menu_07 .process{ width:215px; }
		#sec2 .menu_08 .process{ width:195px; }
		
	#sec2 .process h4{
		width:40px;
		height:20px;
		margin:0;
		background:url(sec2_process.gif) no-repeat 0px 0px;
		text-indent:-9999px;
		}
	#sec2 .process ol{
		list-style-type:none;
		margin:0;
		padding:0;
		}
	#sec2 .process li{
		list-style-type:none;
		margin:0;
		padding:0 0 0 18px;
		font-size:12px;
		line-height:20px;
		}
		#sec2 li.num01{ background:url(sec2_num01.gif) no-repeat 0px 0px; }
		#sec2 li.num02{ background:url(sec2_num02.gif) no-repeat 0px 0px; }
		#sec2 li.num03{ background:url(sec2_num03.gif) no-repeat 0px 0px; }
		#sec2 li.num04{ background:url(sec2_num04.gif) no-repeat 0px 0px; }
		
	#sec2 .process p{
		float:left;
		width:340px;
		margin:0;
		font-size:13px;
		line-height:20px;
		}
		
#sec2 .cal{
	margin:0;
	text-align:center;
	padding:14px 0 0 0;
	}	
	
#sec2 .hint{
	width:404px;
	margin:0;
	text-align:center;
	margin:14px auto 0 auto;
	}
	#zenhan #sec2 .hint{
		height:160px;
		background:url(sec2_hint_bg01.jpg) no-repeat 0px 0px;
		}
	#kouhan #sec2 .hint{
		height:138px;
		background:url(sec2_hint_bg02.jpg) no-repeat 0px 0px;
		}
#sec2 .hint .hint-pic{
	width:106px;
	float:right;
	padding:30px 15px 0 0;
	}
	#kouhan #sec2 .hint .hint-pic{
		padding:20px 15px 0 0;
		}
#sec2 .hint .hint-desc{
	width:248px;
	float:left;
	padding:36px 0 0 20px;
	text-align:left;
	}
	#kouhan #sec2 .hint .hint-desc{
		padding:26px 0 0 20px;
		}	
#sec2 .hint .hint-desc h4{
	width:248px;
	height:30px;
	text-indent:-9999px;
	}
	#zenhan #sec2 .hint .hint-desc h4{ background:url(sec2_hint_ttl01.gif) no-repeat 0px 0px; }
	#kouhan #sec2 .hint .hint-desc h4{ background:url(sec2_hint_ttl02.gif) no-repeat 0px 0px; }
	
#sec2 .hint .hint-desc p{
	margin:0;
	font-size:13px;
	line-height:22px;
	}	
		
	#sec2 .menu_divider{
		width:436px;
		height:14px;
		overflow:hidden;
		background-color:#F7F1E1;
		}
	#sec2 .menu_ft{
		width:436px;
		height:15px;
		display:block;
		overflow:hidden;
		background:url(sec2_bg04.gif) no-repeat bottom left;
		}

#sec2 .fuki2{
	width:436px;
	float:right;
	}	

#sec2 .bnr-wrapper{
	clear:both;
	width:920px;
	margin:0;
	background:url(recipe_bnr_bg.jpg) 0px 0px;
	padding-bottom:20px;
	border-bottom:5px solid #FDCE36;
	}
#sec2 .bnr{
	text-align:center;
	padding:10px 0 0 0;
	margin:0;
	}
/*============================================================================
#sec3
=============================================================================*/
#sec3{
	clear:both;
	display:block;
	position:relative;
	width:920px;
	margin:10px 0 0 0;
	background:url(sec3_bg.gif) 0px 0px;
	}
	#sec3 .inner_tp{
		background:url(sec3_bg_tp.gif) no-repeat 0px 0px;
		}
	#sec3 .inner_ft{
	height:432px;
		background:url(sec3_bg_ft.gif) no-repeat bottom left;
		}

#sec3 .hd{
	width:410px;
	height:76px;
	background:url(sec3_hd.gif) no-repeat 0px 0px;
	left:262px;
	top:49px;
	text-indent:-9999px;
	}
#sec3 .hd_img{
	width:183px;
	height:113px;
	left:48px;
	top:25px;
	}
#sec3 .hd_logo{
	width:118px;
	height:44px;
	left:759px;
	top:49px;
	}
#sec3 .box1{
	width:406px;
	height:242px;
	left:38px;
	top:148px;
	background:url(sec3_box_bg.jpg) no-repeat 0px 0px;
	}
#sec3 .box2{
	width:406px;
	height:242px;
	left:471px;
	top:148px;
	background:url(sec3_box_bg.jpg) no-repeat 0px 0px;
	}
#sec3 .pic{
	width:142px;
	float:right;
	padding:15px 10px 0 0;
	margin:0;
	}
#sec3 .tex{
	float:left;
	width:218px;
	padding:25px 0 0 24px;
	}
	#sec3 h3{
		width:218px;
		height:44px;
		background:url(sec3_tt01.gif) no-repeat 0px 0px;
		text-indent:-9999px;
		margin:0;
		}
		#sec3 .box1 h3{ background:url(sec3_tt01.gif) no-repeat 0px 0px; }
		#sec3 .box2 h3{ background:url(sec3_tt02.gif) no-repeat 0px 0px; }
		
	#sec3 .tex p{
		height:95px;
		font-size:12px;
		line-height:20px;
		margin:0;
		}
	#sec3 .tex .bt{
		margin:8px 0 0 0;
		}

#sec3 .hd,
#sec3 .hd_img,
#sec3 .hd_logo,
#sec3 .box1,
#sec3 .box2{
	display:block;
	position:absolute;
}
/*============================================================================
#sec4
=============================================================================*/
#sec4{
	clear:both;
	display:block;
	position:relative;
	width:920px;
	margin:0 0 20px 0;
	background:url(sec4_bg01.jpg) 0px 0px;
	}
	#sec4 .inner{
		width:920px;
		height:600px;
		background:url(sec4_bg02.gif) no-repeat 9px 6px;
		}
#sec4 .hd{
	width:661px;
	height:34px;
	left:123px;
	top:49px;
	background:url(sec4_hd.gif) no-repeat top right;
	text-indent:-9999px;
	}
#sec4 .pkg{
	width:470px;
	height:380px;
	left:10px;
	top:95px;
	}
#sec4 .fuki{
	width:430px;
	height:215px;
	left:453px;
	top:109px;
	background:url(sec4_fuki.jpg) no-repeat top right;
	}
#sec4 .comment{
	width:285px;
	height:122px;
	left:485px;
	top:136px;
	background:url(sec4_comment.gif) no-repeat top right;
	}
#sec4 .desc{
	width:360px;
	height:115px;
	left:498px;
	top:336px;
	background:url(sec4_desc.gif) no-repeat top right;
	}
	#sec4 .comment p,
	#sec4 .desc p{
		display:none;
		}
#sec4 .bt{
	width:817px;
	height:70px;
	left:55px;
	top:488px;
	}

#sec4 .hd,
#sec4 .pkg,
#sec4 .fuki,
#sec4 .comment,
#sec4 .desc,
#sec4 .bt{
	display:block;
	position:absolute;
	margin:0;
}
/*----------------------------------------------------------------------------
#FOOTER
-----------------------------------------------------------------------------*/
#footer {
	width: 975px;
	background: #EEEECC url(bg_bottom.gif) no-repeat top;
	padding: 20px 0 20px 0;
	margin:15px 0 0 0;
	text-align: center;
}