@charset "utf-8";
@import	"/css/common.css";

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

/* h1 */
h1{margin:0;padding:0;}

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

/* about-menu */

/*==================================================================*/
.about-menu *{margin:0;padding:0;}
.about-menu{
	width:670px;
	height:46px;
	margin:0 auto;
	background:url(../image/menu_back.gif) no-repeat 0 0;
}

.about-menu ul{padding:7px 0 0 7px;}

/* clear hack */
.about-menu ul{zoom:1;}
.about-menu ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.about-menu ul li{
	float:left;
	margin:0 5px 0 0;
	list-style:none;
}

.about-menu ul li.end{margin:0;}

.about-menu ul li img{vertical-align:bottom;}
#contents .about-menu a:hover img{opacity:1;filter:alpha(opacity=100);}


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

/* about style css (デリーのカレーが美味しい理由) */

/*==================================================================*/
#about *{margin:0;padding:0;}
#about{margin:0 auto 3em;}

#about p.read{
	margin:0 auto 1.6em;
	padding:30px 0 0;
	text-align:center;
}

/* h2 */
#about h2{
	width:592px;
	margin:0 auto 1em;
}

#about .about-block{
	width:660px;
	margin:0 auto;
	background:url('../image/about_top.jpg') no-repeat 0 0;
}

#about .about-block .middle{
	background:url('../image/about_middle.gif') repeat-y 0 0;
}

#about .about-block p.text{
	width:570px;
	margin:0 auto 2.6em;
}

/* clear hack */
#about .about-block p.text{zoom:1;}
#about .about-block p.text:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#about .about-block p.text .photo-r{float:right;margin:0 0 3px 10px;}
#about .about-block p.text .photo-l{float:left;margin:0 10px 3px 0;}

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

/* traditon style css (50年の伝統) */

/*==================================================================*/
#traditon *{margin:0;padding:0;}
#traditon{margin:0 auto 3em;}

#traditon .traditon-block{
	width:650px;
	margin:0 auto 2em;
}

#traditon .traditon-block h2{
	width:610px;
	margin:0 auto 1em;
}

#traditon .traditon-block p.text{
	width:580px;
	margin:0 auto 2em;
	line-height:1.8;
}

/* clear hack */
#traditon .traditon-block p.text{zoom:1;}
#traditon .traditon-block p.text:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#traditon .traditon-block p.text .photo-r{float:right;margin:0 0 3px 10px;}
#traditon .traditon-block p.text .photo-l{float:left;margin:0 10px 3px 0;}

#traditon .traditon-block p.end{
	width:580px;
	margin:0 auto 3em;
	line-height:1.8;
}

#traditon .traditon-block .middle{
	padding:26px 0 5px;
	background:url('../image/traditon/traditon_middle.gif') repeat-y 0 0;
}

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

/* safety style css(工場からの安全宣言) */

/*==================================================================*/
#safety *{margin:0;padding:0;}
#safety{margin:0 auto 3em;}

#safety .quality-control{
	margin:0 auto 3em;
	position:relative;
}

#safety .quality-control h2{}

#safety .quality-control p.text01{
	width:298px;
	position:absolute;
	top:134px;
	right:5px;
	margin:0 0 0 auto;
}

#safety .quality-control p.text02{
	width:426px;
	position:absolute;
	top:324px;
	right:5px;
	margin:0 0 0 auto;
}

/* -------------------------------------------- */
/* flow */
/* -------------------------------------------- */
#safety .flow{
	width:650px;
	margin:0 auto 2.8em;
}

/* h2 */
#safety h2{margin:0 auto 1em;}

/* h3 */
#safety h3{
	width:660px;
	margin:0 auto 1em;
}

/* h4 */
#safety h4{
	width:650px;
	margin:0 auto 0.6em;
}

#safety .flow .step-info{
	width:642px;
	margin:0 auto 0.2em;
}

#safety .flow .step-info .middle{
	padding:6px 0 5px;
	background:url('../image/safety/step_middle.gif') repeat-y 0 0;
}


#safety .flow dl{
	width:610px;
	margin:0 auto;
}

/* clear hack */
#safety .flow dl{zoom:1;}
#safety .flow dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#safety .flow dl dt{
	float:left;
	width:440px;
}

#safety .flow dl dd{
	float:right;
	width:160px;
	text-align:right;
}

#safety .flow .step-info p.text{margin:0 16px;}


/* clear hack */
#safety .flow dl.double{zoom:1;}
#safety .flow dl.double:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#safety .flow dl.double dt{
	float:left;
	width:280px;
}

#safety .flow dl.double dd{
	float:right;
	width:324px;
	text-align:right;
}

#safety .flow .arrow{
	margin-bottom:0.2em;
	text-align:center;
}

/* ---------------------------------------------------------------- */