@charset "utf-8";


body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}


#tieup img {
   vertical-align: bottom;
}
	
.clear{
	clear: both;
}

a img{border:none;}

.recipe_ttl,
a.recipe_ttl{
	color: #94a534;
	}
	.recipe_ttl a:link { color: #99a331 ; }
	.recipe_ttl a:visited { color: #99a331 ; }
	.recipe_ttl a:active { color: #99a331 ; }
	.recipe_ttl a:hover { color: #99a331 ; }



/*----------------------------------------------------------------------------
#mainttl
-----------------------------------------------------------------------------*/
#mainttl{
	width: 610px;
	height:290px;
	display:block;
	position:relative;
	margin:0;
	background:url(title.jpg) no-repeat 0px 0px;
	}
	#mainttl .obi,
	#mainttl h1{
		display:none;
		}
/*----------------------------------------------------------------------------
#sec1
-----------------------------------------------------------------------------*/
#sec1{
	width: 610px;
	height:330px;
	display:block;
	position:relative;
	margin:0 0 15px 0;
	padding:0;
	background:#ff640f;
	}
	
	#sec1 h2{
		width:370px;
		height:100px;
		left:22px;
		top:10px;
		background:url(sec1_hd.gif) no-repeat 0px 0px;
		text-indent:-9999px;
		}
	#sec1 .txt{
		width:400px;
		height:54px;
		left:22px;
		top:130px;
		background:url(sec1_txt.gif) no-repeat 0px 0px;
		text-indent:-9999px;
		}
	#sec1 .pic{
		width:158px;
		height:210px;
		left:435px;
		top:2px;
		z-index:2;
		}
		#sec1 .pic img{
			width:158px;
			height:210px;
			}
	#sec1 .bt{
		width:100px;
		height:20px;
		left:298px;
		top:194px;
		z-index:3;
		}
		#sec1 .bt img{
			width:100px;
			height:20px;
			}
	
	#sec1 .about{
		width:566px;
		height:112px;
		left:22px;
		top:203px;
		background:url(sec1_about_bg.jpg) no-repeat 0px 0px;
		z-index:1;
		}
		#sec1 .about h3{
			display:none;
			}
		#sec1 .about p{
			font-size:11px;
			line-height:16px;
			margin:0;
			padding:58px 0 0 256px;
			}
		
	#sec1 h2,
	#sec1 .txt,
	#sec1 .bt,
	#sec1 .pic,
	#sec1 .about{
		display:block;
		position:absolute;
		margin:0;
		}
	
/*----------------------------------------------------------------------------
#sec2
-----------------------------------------------------------------------------*/
#sec2{
	width: 610px;
	display:block;
	position:relative;
	margin:0 0 15px 0;
	padding:0;
	background:url(r_bg.gif) 0px 0px;
	}
	#sec2 .sec1_inner1{
		background:url(r_bg_hdr.jpg) no-repeat top left;
		padding:25px 0 0 0;
		}
	#sec2 .sec1_inner2{
		background:url(r_bg_ftr.jpg) no-repeat bottom left;
		padding:0 0 10px 0;
		}

#sec2 .hd{
	width: 610px;
	height:130px;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	background:url(r_hd.jpg) 0px 0px;
	}
	#sec2 h2,
	#sec2 .copy{
		display:none;
		}
	
	
	

	#sec2 .r1,
	#sec2 .r2,
	#sec2 .r3{
		width: 610px;
		margin:0 auto;
		padding:0;
		position:relative;
		clear:both;
		background:url(r_hdr.jpg) no-repeat 0px 0px;
		}
	#sec2 .obi{
		width: 220px;
		margin:0 0 0 10px;
		}
		#sec2 .obi img{
			width: 220px;
			height:30px;
			}
	#sec2 .ttl_wrapper{
		width: 566px;
		margin:0 auto 12px auto;
		padding:0 0 12px 0;
		border-bottom:1px solid #ff5100;
		}
		#sec2 .ttl_wrapper .ttl{
			float:left;
			width:466px;
			height:95px;
			margin:0;
			}
			#sec2 .ttl_wrapper .ttl img{
				width:466px;
				height:95px;
				}
		#sec2 .ttl_wrapper .pic{
			float:right;
			width:100px;
			height:95px;
			margin:0;
			}
			#sec2 .ttl_wrapper .pic img{
				width:100px;
				height:95px;
				}
		
		
	#sec2 .pic{
		float:left;
		width: 320px;
		margin:0 0 5px 22px;
		position:relative;
		}
		#sec2 .pic img{
			width: 320px;
			height:370px;
			}
	
	#sec2 .desc{
		float:right;
		width:225px;
		padding:0;
		margin:0 22px 0 0;
		}
		#sec2 h3{
			height:80px;
			margin:0;
			padding:15px 0 0 0;
			font-size:20px;
			line-height:32px;
			}
		#sec2 .r_comment{
			height:85px;
			font-size:13px;
			line-height:21px;
			margin:0;
			}
			
		#sec2 .bt{
			clear:both;
			width:225px;
			margin:0 0 25px 0;
			}
			#sec2 .bt img{
				width:225px;
				height:44px;
				}
		#sec2 .r_point{
			clear:both;
			width:225px;
			margin:0;
			padding:0;
			}
	
	#sec2 .r_repo{
		clear:both;
		width:566px;
		height:185px;
		position:relative;
		margin:0 auto;
		padding:0;
		background:url(r_repo_bg.gif) repeat-x 0px 0px;
		}
		#sec2 .r_repo .r_user{
			width:115px;
			height:185px;
			left:12px;
			top:0px;
			}
			#sec2 .r_user .r_user img{
				width:115px;
				height:185px;
				}
		#sec2 .r_repo h4{
			width:256px;
			height:50px;
			left:140px;
			top:30px;
			}
			#sec2 .r_repo h4 img{
				width:256px;
				height:50px;
				}
		#sec2 .r_repo p{
			width:256px;
			height:90px;
			left:140px;
			top:90px;
			font-size:13px;
			line-height:20px;
			}
		#sec2 .r_repo .spic{
			width:140px;
			height:140px;
			left:410px;
			top:30px;
			}
			#sec2 .r_repo h4 .spic{
				width:140px;
				height:140px;
				}
				
		#sec2 .r_repo .r_user,
		#sec2 .r_repo h4,
		#sec2 .r_repo p,
		#sec2 .r_repo .spic{
			display:block;
			position:absolute;
			margin:0;
			}
			
	#sec2 .ftr{
		clear:both;
		width:610px;
		height:24px;
		position:relative;
		margin:0;
		padding:0;
		background:url(r_ftr.jpg) repeat-x 0px 0px;
		}	
		

/*----------------------------------------------------------------------------
#product
-----------------------------------------------------------------------------*/
#product{
	width: 610px;
	display:block;
	position:relative;
	margin:0;
	background:#a28b82;
	}
	
#product .b01{
	width: 610px;
	height:510px;
	display:block;
	position:relative;
	margin:0;
	background:url(product_bg01.jpg) no-repeat 0px 0px;
	}
	#product .b01 .hd{
		width:434px;
		height:154px;
		margin:0;
		left:0px;
		top:22px;
		}
		#product .b01 .hd img{
			width:434px;
			height:154px;
			}
	#product .b01 .lead{
		width:380px;
		height:130px;
		margin:0;
		left:0px;
		top:192px;
		background:url(product_lead.gif) no-repeat 0px 0px;
		text-indent:-9999px;
		}
	
	#product .box1,
	#product .box2,
	#product .box3{
		width:170px;
		height:153px;
		margin:0;
		top:337px;
		}
		#product .box1 { left:29px; }
		#product .box2 { left:219px; }
		#product .box3 { left:409px; }
		
	#product .b01 .hd,
	#product .b01 .lead,
	#product .b01 .box1,
	#product .b01 .box2,
	#product .b01 .box3{
		display:block;
		position:absolute;
		margin:0;
		}
		
#product .b02{
	width: 576px;
	display:block;
	position:relative;
	margin:0 auto;
	background:#FFF;
	}
	#product .b02 .hd{
		width:576px;
		height:93px;
		margin:0;
		background:url(product_ttl01.gif) no-repeat 0px 0px;
		text-indent:-9999px;
		}
	#product .b02 .lead{
		width:576px;
		height:170px;
		display:block;
		margin:0;
		background:url(product_lead02.gif) no-repeat 0px 5px;
		text-indent:-9999px;
		}
	#product .b02 .subttl{
		width:576px;
		height:70px;
		margin:0;
		background:url(product_ttl02.gif) no-repeat 0px 0px;
		text-indent:-9999px;
		}
		
	#product .b02 .box4{
		clear:both;
		width: 576px;
		margin:0 auto;
		}
		#product .b02 .box4 .pic{
			float:right;
			width:256px;
			}
		#product .b02 .box4 .desc{
			float:left;
			width:320px;
			margin:0;
			}
			
	#product .b02 .box5{
		clear:both;
		width: 576px;
		margin:0 auto;
		}
		#product .b02 .box5 .pic{
			float:left;
			width:320px;
			}
		#product .b02 .box5 .desc{
			float:right;
			width:256px;
			margin:0;
			}
	#product .b02 .box6{
		clear:both;
		width: 576px;
		margin:0 auto;
		}
		#product .b02 .box6 .pic{
			float:right;
			width:170px;
			}
		#product .b02 .box6 .desc{
			float:left;
			width:406px;
			margin:0;
			}
	#product .b02 .desc h4{
			margin:0 0 12px 0;
			padding:18px 20px 0px 20px;
			}
	#product .b02 .desc p{
			margin:0;
			padding:0 20px;
			font-size:13px;
			line-height:20px;
			}
	
	
/*----------------------------------------------------------------------------
#movie
-----------------------------------------------------------------------------*/
#movie{
	clear:both;
	width:610px;
	margin:0 0 15px 0;
	padding:0 0 22px 0;
	background:#000;
	}
	#movie h2{
		width:610px;
		height:158px;
		margin:0;
		background:url(mov_ttl.gif) no-repeat 0px 0px;
		text-indent:-9999px;
		}
	#movie .movie_main{
		width:566px;
		margin:0 auto 12px auto;
		}
	#movie .bt{
		width:566px;
		margin:0 auto;
		}
		#movie .bt img{
			width:566px;
			height:54px;
			}