#header { padding:30px 0;}
#content {
	position:relative;
	margin:0 auto;
	width:1000px;
	border:2px solid #FFD300;
	background:#FFF;
	border-radius:20px; /* CSS3 */
	-webkit-border-radius:20px; /* Safari,Google Chrome */
	-moz-border-radius:20px;/* Firefox */
}

/*---------------------------------------------------------------------------
  TITLE
---------------------------------------------------------------------------*/

h2 {
	position:absolute;
	top:-40px;
	left:-110px;
	width:458px;
	height:192px;
	text-indent:-9999px;
}
h2.tit_about { background:url(../../image/about/tit.png) no-repeat;}
h2.tit_oishisa { background:url(../../image/oishisa/tit.png) no-repeat;}


/*====================================================================================================

  ABOUT

====================================================================================================*/

#about { padding:150px 70px 70px; text-align:center;}
#about h3 { margin:0 auto; width:726px;}
#about .box1,
#about .box2,
#about .box3 { position:relative; margin:80px 0;}
#about h4 { margin-bottom:20px; height:50px; text-indent:-9999px;}
#about .photo { position:absolute;}
#about .f_photo { position:relative;}
#about .f_photo:after {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	bottom:-150px;
	right:0;
	width:212px;
	height:178px;
	background:url(../../image/about/photo5.png)
}

/* MIDASHI */
#about .box1 h4 { background:url(../../image/about/mid1.png) no-repeat center center;}
#about .box2 h4 { background:url(../../image/about/mid2.png) no-repeat center center;}
#about .box3 h4 { background:url(../../image/about/mid3.png) no-repeat center center;}

/* PHOTO */
#about .p1 { top:0; left:-130px;}
#about .p2 { top:0; right:-80px;}
#about .p3 { top:0; left:-150px;}

/*====================================================================================================

  OISHISA

====================================================================================================*/

#oishisa { padding:150px 0 70px;}
#oishisa .box1,
#oishisa .box2,
#oishisa .box3 { position:relative; margin:30px 70px 130px;}
#oishisa h3 { margin-bottom:20px; height:50px; text-indent:-9999px;}
#oishisa .photo { position:absolute;}
#oishisa h4 { margin-bottom:10px; background:url(../../image/oishisa/h4_bg.png) no-repeat left bottom;}

/* SONOTA */
#oishisa .box2 { padding-left:400px;}
#oishisa .box3 .come { margin-bottom:30px;}

/* MIDASHI */
#oishisa .box1 h3 { background:url(../../image/oishisa/mid1.png) no-repeat left center; height:130px;}
#oishisa .box2 h3 { background:url(../../image/oishisa/mid2.png) no-repeat left center;}
#oishisa .box3 h3 { background:url(../../image/oishisa/mid3.png) no-repeat left center;}

/* COMMENT */
#oishisa .p1 { top:-20px; right:-80px;}
#oishisa .p2 { top:-40px; left:-100px;}
#oishisa .p3 { top:0; right:-100px;}


/*** TABEGORO *******************************************************************/
#tabekata {
	position:relative;
	min-height:1220px;
	background:url(../../image/oishisa/bg.png) no-repeat center top;
}
#tabekata:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:-30px;
	right:20px;
	width:477px;
	height:161px;
	background:url(../../image/oishisa/photo4.png) no-repeat;
}
#tabekata h3 {
	margin-bottom:50px;
	width:260px;
	height:83px;
	text-indent:-9999px;
	background:url(../../image/oishisa/mid4.png) no-repeat;
}

#tabekata ul.muki { position:relative; margin:0 auto; width:830px;}
#tabekata ul.muki:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:-30px;
	left:-20px;
	width:212px;
	height:178px;
	background:url(../../image/oishisa/mid5.png) no-repeat;
}
#tabekata ul.muki:after {
	display:block;
	clear:both;
	content:"";
}
#tabekata ul.muki li {
	float:left;
	padding:20px;
	width:31.13%;
	min-height:350px;
	background:#FFF;
	border-radius:10px; /* CSS3 */
	-webkit-border-radius:10px; /* Safari,Google Chrome */
	-moz-border-radius:10px;/* Firefox */
}
#tabekata ul.muki li+li { margin-left:3.3%}
#tabekata ul.muki li .come { padding:20px;}

#tabekata ul.sonota { position:relative; margin:70px auto; width:830px;}
#tabekata ul.sonota:after {
	display:block;
	clear:both;
	content:"";
}
#tabekata ul.sonota:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:-30px;
	left:-60px;
	width:212px;
	height:178px;
	background:url(../../image/oishisa/mid6.png) no-repeat;
}
#tabekata ul.sonota li {
	float:left;
	padding:30px;
	width:48.35%;
	background:#FFF;
	border-radius:10px; /* CSS3 */
	-webkit-border-radius:10px; /* Safari,Google Chrome */
	-moz-border-radius:10px;/* Firefox */
}
#tabekata ul.sonota li+li { margin-left:3.3%;}
#tabekata ul.sonota b { display:block; font-size:130%;}
#tabekata ul.sonota .recipe {
	margin-top:20px;
	padding:15px;
	min-height:170px;
	line-height:130%;
	border:1px dashed #622300;
	border-radius:10px; /* CSS3 */
	-webkit-border-radius:10px; /* Safari,Google Chrome */
	-moz-border-radius:10px;/* Firefox */
}
#tabekata ul.sonota .recipe b { color:#622300; font-size:90%; }

#tabekata .hozon {
	position:relative;
	margin:30px auto;
	width:830px;
	padding:30px;
	background:#FFF;
	border-radius:10px; /* CSS3 */
	-webkit-border-radius:10px; /* Safari,Google Chrome */
	-moz-border-radius:10px;/* Firefox */
}
#tabekata .hozon:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:-30px;
	left:-10px;
	width:136px;
	height:56px;
	background:url(../../image/oishisa/mid7.png) no-repeat;
}