@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,
.recipe_title a {
    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: 1000px;
	margin: 0 auto;
	}

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

#tieup{
	width: 920px;
	padding-left:40px;

	font-size:12px;
	line-height:20px;
	}

/*----------------------------------------------------------------------------
#header
-----------------------------------------------------------------------------*/
#header {
	padding: 10px 40px 0 40px;
	height:60px;
		margin: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: 220px;
	padding: 5px 0 0 0;
	text-align: right;
	}


/*============================================================================
#mainttl
=============================================================================*/
#mainttl{
	width: 920px;
	height: 140px;
	margin:0 0 16px 0;
	background: #fff url(title.jpg) left top no-repeat;
	}

#mainttl h1{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}
#mainttl p{
	display:none;
	}
/*============================================================================
Entry_Area
=============================================================================*/
.entry{
	clear:both;
	width:920px;
	display:block;
	position:relative;
	margin:0 0 20px 0;
	}
		.entry .comment_lg{
			margin:0;
			width:920px;
			height:58px;
			display:block;
			position:relative;
			background:url(entry_lead.gif) center top no-repeat;
			}
		.entry .comment_lg p{
			display:none;
			}
		.entry .comment_s{
			margin:0 0 15px 0;
			width:920px;
			}
		.entry .comment_s p{
			text-align:left;
			}
			
		.entry .bt_entry{
			float:left;
			width:544px;
			margin:0px;
			padding:20px 0 0 0;
			background:url(entry_note01.gif) no-repeat top left;
			}
		.entry .bt_cookpad{
			float:right;
			width:364px;
			margin:0px;
			padding:20px 0 0 0;
			background:url(entry_note02.gif) no-repeat top left;
			}
		.entry span{
			display:none;
			}
.bt_yudo{
	clear:both;
	width:920px;
	display:block;
	position:relative;
	margin:0 0 6px 0;
	padding:20px 0 0 0;
	background:url(entry_note03.gif) no-repeat top center;
	}
		.bt_yudo img{
			margin:0;
			height:64px;
			}
			.bt_yudo span{
			display:none;
			}


/*============================================================================
#lead #point
=============================================================================*/
#lead{
	width:920px;
	margin:0 0 12px 0;
	}
#lead .lead_comment{
	float:left;
	width:668px;
	margin:0;
	}
#lead .lead_comment h3{
	margin:0 0 10px 0;
	}
#lead .lead_comment p{
	font-size:12px;
	line-height:18px;
	margin:0;
	}
#lead .count{
	float:right;
	width:252px;
	margin:0;
	}
#lead .count p.label {
    background: url("count_label.gif") no-repeat scroll center center transparent;
    margin: 0 0 6px;
    text-indent: -9999px;
    width: 260px;
}
#lead .count .count_img_wrapper {
  text-align: center;
margin-left: 8px;
}
p strong{
	color:#FF0000;
	}
	
#point {
	clear:both;
	width:920px;
	display:block;
	position:relative;
	margin:0 0 12px 0;
	}
	#point_label{
		clear:both;
		width:920px;
		height:50px;
		display:block;
		position:relative;
		margin:0;
		background:url(point_ttl.gif) no-repeat center;
		}
	.point_box{
		float:left;
		width:306px;
		height:90px;
		margin:0;
		}
	#point_1{
		background:url(point_1.jpg) no-repeat 8px 0px;
		}
	#point_2{
		background:url(point_2.jpg) no-repeat 8px 0px;
		}
	#point_3{
		background:url(point_3.jpg) no-repeat 8px 0px;
		}
	#point p,
	#point_label h2{
		display:none;
		}

/*============================================================================
#intro
=============================================================================*/
#intro{
	clear:both;
	display:block;
	position:relative;
	width:920px;
	height:1080px;
	margin:0 0 20px 0;
	background:url(intro_bg.jpg) 0px 100px;
	}
	#intro .hd{
		width:920px;
		height:100px;
		margin:0;
		background:url(intro_hd.jpg) no-repeat top left;
		}
	#intro .hd h2{
		display:none;
		}
		
	#intro_fuki1,
	#intro_fuki2,
	#intro_fuki3,
	#intro_fuki3_ic,
	#intro_fuki3_tex,
	#intro_fuki4,
	#intro_obi01,
	#intro_obi02,
	#intro_pic1,
	#intro_pic2,
	#intro_pic3,
	#intro_pic4,
	#intro_ft{
		display:block;
		position:absolute;
		margin:0;
		padding:0;
		}
		
	#intro_fuki1{
		width:357px;
		height:172px;
		left:35px;
		top:108px;
		}
		#intro_fuki1 h3{
			width:300px;
			height:167px;
			margin:0;
			}
	#intro_fuki2{
		width:487px;
		height:163px;
		left:402px;
		top:104px;
		}
		#intro_fuki2 h3{
			width:520x;
			height:135px;
			display:block;
			}

	#intro_fuki3{
		width:565px;
		height:177px;
		left:331px;
		top:266px;
		z-index:8;
		background:url(intro_fuki03_bg.jpg) no-repeat top right;
		}
	#intro_fuki3_ic{
		width:205px;
		height:77px;
		left:292px;
		top:253px;
		z-index:9;
		}
	#intro_fuki3_tex{
		width:392px;
		height:94px;
		left:363px;
		top:319px;
		z-index:10;
		background:url(intro_tex01.gif) no-repeat;
		}
		#intro_fuki3_tex h3,
		#intro_fuki3_tex p{
			display:none;
			}
			
			
	#intro_obi01{
		width:331px;
		height:97px;
		left:0px;
		top:360px;
		z-index:5;
		}
	#intro_obi02{
		width:375px;
		height:97px;
		left:0px;
		top:691px;
		z-index:6;
		}

	#intro_pic1{
		width:512px;
		height:330px;
		left:0px;
		top:420px;
		z-index:1;
		}

	#intro_pic2{
		width:370px;
		height:203px;
		left:512px;
		top:444px;
		z-index:2;
		}
	#intro_pic3{
		width:512px;
		height:330px;
		left:0px;
		top:750px;
		z-index:3;
		}
	#intro_pic4{
		width:370px;
		height:189px;
		left:512px;
		top:860px;
		z-index:4;
		}
	#intro_fuki4{
		width:415px;
		height:226px;
		left:482px;
		top:640px;
		z-index:7;
		background:url(intro_p05_bg.jpg) no-repeat top right;
		}
	#intro_fuki4 p{
		width:500px;
		height:108px;
		background:url(intro_p05.gif) no-repeat 50px 0px;
		text-indent:-9999px;
		}
	#intro_ft{
		width:407px;
		height:30px;
		left:512px;
		top:1049px;
		background:url(intro_ft.jpg) no-repeat top right;
		}
/*============================================================================
#hint
=============================================================================*/		
#hint{
	width:920px;
	height:194px;
	display:block;
	position:relative;
	margin:0 0 20px 0;
	background:url(hint_bg.gif) no-repeat top left;
	}
#hint .ttl{
	width:760px;
	height:63px;
	left:160px;
	top:0px;
	background:url(hint_ttl.gif) no-repeat top left;
	}
	
#hint .pic{
	width:170px;
	height:194px;
	left:0px;
	top:0px;
	background:url(hint_pic.jpg) no-repeat top left;
	}
#hint .txt{
	width:760px;
	height:131px;
	left:160px;
	top:63px;
	background:url(hint_tx.gif) no-repeat top left;
	}


	#hint .ttl,
	#hint .pic,
	#hint .txt{
		display:block;
		position:absolute;
		}
	#hint h2,
	#hint p{
		display:none;
		}


/*============================================================================
#Curriculum
=============================================================================*/

#curriculum{
	width:920px;
	margin:0 0 30px 0;
	padding:0;
	}
	#curriculum h2{
		width:920px;
		height:76px;
		margin:0 0 20px 0;
		padding:0;
		background:url(cur_ttl.jpg) no-repeat top left;
		text-indent:-9999px;
	}
#curriculum_list{
	width:920px;
	margin:0;
	padding:0;
	}

	#curriculum .cur_box1,
	#curriculum .cur_box2,
	#curriculum .cur_box3,
	#curriculum .cur_box4,
	#curriculum .cur_box5,
	#curriculum .cur_box6{
		width:920px;
		height:200px;
		margin:0 0 10px 0;
		}
		#curriculum .bg_pink{
			background:url(cur_bg_p.gif) no-repeat top left;
			}
		#curriculum .bg_blue{
			background:url(cur_bg_b.gif) no-repeat top left;
			}
	#curriculum .theme{
		float:left;
		width:255px;
		margin:0px;
		padding-top:9px;
		}
	#curriculum .rcp_main{
		float:left;
		width:196px;
		margin:0;
		padding-top:9px;
		}
	#curriculum .rcp_desc{
		float:left;
		width:186px;
		padding-top:13px;
		}
		#curriculum .rcp_desc h3{
			width:170px;
			text-indent:-9999px;
			}
			#curriculum .cur_box1 .rcp_desc h3 { background:url(cur_c01.gif) no-repeat 0px 0px; height:44px}
			#curriculum .cur_box2 .rcp_desc h3 { background:url(cur_c02.gif) no-repeat 0px 0px; height:70px}
			#curriculum .cur_box3 .rcp_desc h3 { background:url(cur_c03.gif) no-repeat 0px 0px; height:70px}
			#curriculum .cur_box4 .rcp_desc h3 { background:url(cur_c04.gif) no-repeat 0px 0px; height:70px}
			#curriculum .cur_box5 .rcp_desc h3 { background:url(cur_c05.gif) no-repeat 0px 0px; height:70px}
			#curriculum .cur_box6 .rcp_desc h3 { background:url(cur_c06.gif) no-repeat 0px 0px; height:44px}		
			
		#curriculum .date{
			width:170px;
			height:28px;
			margin:0;
			}
			#curriculum .date span{
				display:none;
				}
			#curriculum .cur_box1 .date { background:url(cur_date1.gif) no-repeat 0px 0px;}
			#curriculum .cur_box2 .date { background:url(cur_date2.gif) no-repeat 0px 0px;}
			#curriculum .cur_box3 .date { background:url(cur_date3.gif) no-repeat 0px 0px;}
			#curriculum .cur_box4 .date { background:url(cur_date4.gif) no-repeat 0px 0px;}
			#curriculum .cur_box5 .date { background:url(cur_date5.gif) no-repeat 0px 0px;}
			#curriculum .cur_box6 .date { background:url(cur_date6.gif) no-repeat 0px 0px;}
		
		#curriculum .rcp_desc .inner{
			width:170px;
			height:148px;
			}
		#curriculum .rcp_desc p.recipe_title{
			font-size:15px;
			line-height:19px;
			font-weight:bold;
			color:#5D1C00;
			margin:0;
			padding:6px 0 0 0;
			}
		#curriculum .rcp_desc p.desc{
			font-size:13px;
			line-height:20px;
			margin:8px 0 0 0;
			}
		
	#curriculum .arrange1,
	#curriculum .arrange2{
		width:140px;
		float:left;
		height:182px;
		padding-top:9px;
		}
	#curriculum .arrange1 img,
	#curriculum .arrange2 img{
		width:132px;
		height:132px;
		margin:0;
		line-height:100%;
		}
	
	#curriculum p.recipe_title{
		width:132px;
		margin:4px 0 0 0;
		padding:0px;
		font-size:12px;
		line-height:17px;
		text-align:left;
		color:#663300;
	}
/*============================================================================
#step
=============================================================================*/

#step{
	clear:both;
	width:920px;
	margin:0 0 20px 0;
	}
	#step h2{
		width:920px;
		height:60px;
		margin:0 0 14px 0;
		padding:0;
		background:url(step_ttl.jpg) no-repeat top left;
		text-indent:-9999px;
	}
	#step_main{
		width:920px;
		height:210px;
		margin:0;
		padding:0;
		background:url(step_lg.gif) no-repeat top left;
		text-indent:-9999px;
	}
/*----------------------------------------------------------------------------
#FOOTER
-----------------------------------------------------------------------------*/
#footer {
	width: 1000px;
	background: #EEEECC url(bg_bottom.gif) no-repeat top;
	padding: 20px 0 20px 0;
	margin:15px 0 0 0;
	text-align: center;
}