@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:22px 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:660px;
	margin:0;
	}
#lead .lead_comment h3{
	margin:0 0 10px 0;
	}
#lead .lead_comment p{
	font-size:14px;
	line-height:24px;
	margin:0;
	}
#lead .count{
	float:right;
	width:252px;
	margin:0;
	}
#lead .count p.label{
	width:252px;
	margin:0 0 4px 0;
	background:url(count_label.gif) no-repeat center;
	text-indent:-9999px;
	}

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:60px;
		display:block;
		position:relative;
		margin:0;
		background:url(point_ttl.gif) no-repeat center;
		}
	.point_box{
		float:left;
		width:306px;
		height:98px;
		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;
	width:920px;
	height:870px;
	margin:0 0 20px 0;
	background:url(intro_hd_bg.jpg) no-repeat 0px 0px;
	display:block;
	position:relative;
	}
	#intro_hd,
	#intro_tex_bg,
	#intro_tex1,
	#intro_tex2,
	#intro_pic1,
	#intro_pic2,
	#intro_pic3,
	#intro_pic4{
		display:block;
		position:absolute;
		margin:0;
		padding:0;
		}
	#intro_hd{
		width:896px;
		height:107px;
		left:12px;
		top:28px;
		background:url(intro_hd.gif) no-repeat top left;
		z-index:1;
		}
	#intro_hd h2,
	#intro_tex1 h3,
	#intro_tex1 p,
	#intro_tex2 p{
		display:none;
		}
		
	#intro_tex_bg{
		width:585px;
		height:333px;
		left:335px;
		top:135px;
		background:url(intro_tex_bg.jpg) no-repeat top left;
		}
	#intro_tex1{
		width:477px;
		height:112px;
		left:365px;
		top:188px;
		background:url(intro_tex01.gif) no-repeat top left;
		z-index:6;
		}
	#intro_tex2{
		width:470px;
		height:130px;
		left:358px;
		top:364px;
		background:url(intro_tex02.gif) no-repeat top left;
		z-index:7;
		}
	#intro_pic1{
		width:335px;
		height:333px;
		left:0px;
		top:135px;
		background:url(intro_img01.jpg) no-repeat top left;
		z-index:2;
		}
	/*#intro_pic2{
		width:63px;
		height:147px;
		left:811px;
		top:321px;
		background:url(intro_img02.gif) no-repeat top left;
		z-index:3;
		}*/
	#intro_pic3{
		width:460px;
		height:402px;
		left:0px;
		top:468px;
		background:url(intro_img03.jpg) no-repeat top left;
		z-index:4;
		}
	#intro_pic4{
		width:460px;
		height:402px;
		left:460px;
		top:468px;
		background:url(intro_img04.jpg) no-repeat top left;
		z-index:5;
		}
/*============================================================================
#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:92px;
		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{
		clear:both;
		width:920px;
		height:200px;
		margin:0 0 10px 0;
		}
	#curriculum .bg_pink{
		background:url(cur_bg_p.gif) no-repeat top left;
		}
	#curriculum .bg_yel{
		background:url(cur_bg_y.gif) no-repeat top left;
		}
	#curriculum  .inner{
		width:920px;
		height:200px;
		margin:0;
		}
		#curriculum .cur_box1 .inner{background:url(cur_ym01.jpg) no-repeat 135px 0px;}
		#curriculum .cur_box2 .inner{background:url(cur_ym02.jpg) no-repeat 135px 0px;}
		#curriculum .cur_box3 .inner{background:url(cur_ym03.jpg) no-repeat 135px 0px;}
		#curriculum .cur_box4 .inner{background:url(cur_ym04.jpg) no-repeat 135px 0px;}
		#curriculum .cur_box5 .inner{background:url(cur_ym05.jpg) no-repeat 135px 0px;}
		#curriculum .cur_box6 .inner{background:url(cur_ym06.jpg) no-repeat 135px 0px;}
		

		
	#curriculum .theme{
		float:left;
		width:298px;
		margin:0px;
		}
		#curriculum .theme_obi{
			width:180px;
			height:26px;
			margin:10px 0 0 0;
			text-indent:-9999px;
			}
			#curriculum .bg_pink .theme_obi{background:url(cur_obi01.gif) no-repeat top left;}
			#curriculum .bg_yel .theme_obi{background:url(cur_obi02.gif) no-repeat top left;}

		#curriculum .theme_ttl{
			width:130px;
			height:160px;
			margin:4px 0 0 0;
			padding:0 0 0 20px;
			}

	#curriculum .theme_desc{
		float:left;
		width:224px;
		height:177px;
		margin:23px 0 0 0;
		}
		#curriculum .theme_desc p{
			width:170px;
			height:137px;
			text-indent:-9999px;
			}
			#curriculum .cur_box1 .theme_desc { background:url(cur_com1.gif) no-repeat 0px 0px;}
			#curriculum .cur_box2 .theme_desc { background:url(cur_com2.gif) no-repeat 0px 0px;}
			#curriculum .cur_box3 .theme_desc { background:url(cur_com3.gif) no-repeat 0px 0px;}
			#curriculum .cur_box4 .theme_desc { background:url(cur_com4.gif) no-repeat 0px 0px;}
			#curriculum .cur_box5 .theme_desc { background:url(cur_com5.gif) no-repeat 0px 0px;}
			#curriculum .cur_box6 .theme_desc { background:url(cur_com6.gif) no-repeat 0px 0px;}		
			
		#curriculum .date{
			width:180px;
			height:23px;
			margin:0;
			}
			#curriculum .date span{
				display:none;
				}
			#curriculum .cur_box1 .date { background:url(cur_date1.gif) no-repeat top right;}
			#curriculum .cur_box2 .date { background:url(cur_date2.gif) no-repeat top right;}
			#curriculum .cur_box3 .date { background:url(cur_date3.gif) no-repeat top right;}
			#curriculum .cur_box4 .date { background:url(cur_date4.gif) no-repeat top right;}
			#curriculum .cur_box5 .date { background:url(cur_date5.gif) no-repeat top right;}
			#curriculum .cur_box6 .date { background:url(cur_date6.gif) no-repeat top right;}
		

	#curriculum .rcp{
		float:left;
		width:390px;
		padding:8px 0 0 0;
		}
	#curriculum .rcp_date{
		width:382px;
		height:42px;
		margin:0;
		text-indent:-9999px;
		}
		#curriculum .cur_box2 .rcp_date { background:url(cur_info02.gif) no-repeat 0px 0px;}
		#curriculum .cur_box3 .rcp_date { background:url(cur_info03.gif) no-repeat 0px 0px;}
		#curriculum .cur_box4 .rcp_date { background:url(cur_info04.gif) no-repeat 0px 0px;}
		#curriculum .cur_box5 .rcp_date { background:url(cur_info05.gif) no-repeat 0px 0px;}
		#curriculum .cur_box6 .rcp_date { background:url(cur_info06.gif) no-repeat 0px 0px;}
	
	#curriculum .arrange1,
	#curriculum .arrange2,
	#curriculum .arrange3{
		width:130px;
		float:left;
		margin:6px 0 0 0;
		}
	#curriculum .arrange1 .pic,
	#curriculum .arrange2 .pic,
	#curriculum .arrange3 .pic{
		width:122px;
		height:132px;
		display:block;
		margin:0;
		}
		#curriculum .cur_box2 .rcp .pic { background:url(cur_rcp2_pre.gif) no-repeat 0px 0px;}
		#curriculum .cur_box3 .rcp .pic { background:url(cur_rcp3_pre.gif) no-repeat 0px 0px;}
		#curriculum .cur_box4 .rcp .pic { background:url(cur_rcp4_pre.gif) no-repeat 0px 0px;}
		#curriculum .cur_box5 .rcp .pic { background:url(cur_rcp5_pre.gif) no-repeat 0px 0px;}
		#curriculum .cur_box6 .rcp .pic { background:url(cur_rcp6_pre.gif) no-repeat 0px 0px;}
	
	#curriculum p.recipe_title{
		width:122px;
		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:70px;
		margin:0 0 14px 0;
		padding:0;
		background:url(step_ttl.jpg) no-repeat top left;
		text-indent:-9999px;
	}
	#step_main{
		width:920px;
		margin:0;
		padding:0;
	}
/*----------------------------------------------------------------------------
#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;
}