.ttl_br_yel {
	background-image:url(../img/contact/bg_br_mid.gif);
	background-repeat:repeat-x;
	background-position:left 50%;
	padding:0 24%;
	text-align:center;
	color:#E5AD12;
}
.ttl_br_yel h2 {
	background-color:#FFF;
	font-size:1em;
	font-weight:bold;
}
.ttl_br_yel .ico_ttl_yel img {
	width: 10%;
	margin-right: 2%;
}

.traceability .blue_br_box {
	border-bottom:2px solid #205aa6;
	border-left:2px solid #205aa6;
	border-right:2px solid #205aa6;
	background: url('../img/products/safety/bg_search.jpg') repeat center top;
	margin-top:-2px;
	padding:12px 20px 10px;
	text-align: center;
	position:relative;

}

.traceability #search_box {
	z-index:2;
	background:none;
	border:none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width:80%;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

.traceability #search_txt {
	font-size:1.2em;
	border:#76ab09 solid 3px;
	border-radius: 4px;
	behavior: url(ie/PIE.htc);
	font-family: "F+UD-ニューロダン DB";
	padding:3px 2px 3px 10%;
	width:60%;
	background-size:auto 85%;
}

.traceability #btn_search {
	border:none;border-radius: 4px;behavior: url(ie/PIE.htc); padding:0.3em 1em; background:#76ab09;font-family: "F+UD-ニューロダン DB"; color:#FFF;font-size:1.2em;
}

.traceability form a{
	-moz-transition: opacity  0.4s ease;
	-webkit-transition: opacity  0.4s ease;
	-o-transition: opacity  0.4s ease;
	-ms-transition: opacity  0.4s ease;
	transition: opacity  0.4s ease;}
.traceability form a:hover{ 
	opacity:0.7;
	-moz-transition: opacity  0.4s ease;
	-webkit-transition: opacity  0.4s ease;
	-o-transition: opacity  0.4s ease;
	-ms-transition: opacity  0.4s ease;
	transition: opacity  0.4s ease;
} 





.traceability .description {
	background:#fff url('../img/traceability/traceability04.png') no-repeat right top;
	height: 202px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.traceability .description p.font80 {
	padding-top: 8%;
}

h2.ttl_red_h2 {
	color: #A80505;
	line-height: 1.4em;
	padding-left: 20%;
}
h2.ttl_red_h2 a:link {
	color: #A80505;
	display: block;
}
h2.ttl_red_h2 a:hover {
	color: #e5ad12;
}

h2.ttl_red_h2 a:visited {
	color: #A80505;
}

.corners_box_rgreen {
	border: 3px solid #76ab09;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
}

.ico_ttl {
	position:absolute;
	top: -70px;
	left: -10px;
	width: 18%;
}
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

 h2.ttl_red_h2{
		font-size: 1.6em;
	}

table.resTable2 {
    width: 70%;
	margin:0 auto;
}  
table.resTable2 td, table.resTable2 th { 
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color: rgba(255, 255, 255, 0.7);
   border: 1px solid #ddd; 
   padding: 5px;
   vertical-align:middle;
}
table.resTable2 th { 
	color:#a80505;
	font-size:1.1em;
	text-align:center;
	background-color:#FFF0C7;
}
table.resTable2 td {
	
	font-size:0.8em;
}
table.resTable2 td.bg_col {
	font-weight:bold;
	background-color:#FFF0C7;
	color:#a80505;
}
table.resTable2 caption {
	font-size:75%;
}
.img_left40 { width:38%;float:left; margin-right:3.125%;}


/*　お詫びとお知らせcssここから */

.apology_table{ width:100%; margin-bottom:60px;}
.apology_table th,.kinmemai_table td{ border:1px #91908b solid; font-size:14px; padding:10px;vertical-align:middle;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
.apology_table th{ background:#7a6a55;color:#FFF; text-align:center; font-weight:bold;}
.apology_table th.name{ background:#f2efe7; color:#7a6a55;}
.apology_table td{text-align:center; vertical-align:middle;}

.apology_table th, .apology_table td {
    font-size: 14px;
    vertical-align: middle;
    font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(145, 144, 139);
    border-image: initial;
}

.sp_contents{display:none;}

.left-text{text-align:left !important; padding-left:5px;}

.traceability .red_br_box2  {
    border-bottom: 2px solid #a80505;
    border-left: 2px solid #a80505;
    border-right: 2px solid #a80505;
    margin-top: -2px;
    padding: 12px 20px 10px;
    text-align: center;
}

@media screen and (max-width: 480px) {
     .sp_contents{display:block;}
}

/*　お詫びとお知らせcssここまで */


@media screen and (max-width: 1500px) {

}

/* Minor Break Point */
@media screen and (max-width: 960px) {

.traceability .description p.font80 {
	padding-top: 4%;
}
  h2.ttl_red_h2{
		font-size: 1.6em;
	}

}

/* TABRET Style */
@media screen and (max-width: 800px) {
	.ttl_br_yel span {
		background-size:5.4% auto;
		padding-left: 7%;
		font-size:1.35em;
		width:45%;
	}

	.ttl_br_yel {
		padding:0 20%;
	}

.traceability .description {
	background:#fff url('../img/traceability/traceability04.png') no-repeat right top;
	height: auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.traceability .description p.font80 {
	padding-top: 4%;
}

 h2.ttl_red_h2{
		font-size: 1.5em;
	}
	.recipe .ico_recipe {
		left:-10px;
		width:25%;
	}
	.recipe	.btn85{ width:100%;}
	.ico_ttl {
		top: -60px;
	}

}

/* Minor Break Point */
@media screen and (max-width: 690px) {
	.ttl_br_yel {
		padding:0 24%;
	}
	.ttl_br_yel h2 {
		font-size:0.9em;
	}
	.ttl_br_yel span.ico_ttl_yel img {
		width:16%;
		padding-top:2%;
	}

.traceability .description p.font80 {
	padding-top: 4%;
}

.traceability #search_box {width:80%;}
.traceability #search_txt {font-size:1em;}
.traceability #btn_search {font-size:1em;}

h2.ttl_red_h2 { font-size:1.4em;}
	.ico_ttl {
		top:-80px;
	}
	h2.ttl_pink {
		margin-top:3.125%;
	}
}

/* SMP Style */
@media screen and (max-width: 480px) {

	.ttl_br_yel {
		padding:0 24%;
	}
	.ttl_br_yel h2 {
		font-size:1.1em;
	}
	.ttl_br_yel span.ico_ttl_yel img {
		width: 12%;
		padding-top:2%;
	}

h2.bg_rgreen {
	font-size: 0.8rem;
}

.traceability .description {
	background:none;
}

.traceability .description p.font80 {
	padding-top: 0;
}

.traceability #search_txt {font-size:0.8em;}
.traceability #btn_search {font-size:0.8em;}

h2.ttl_red_h2 { font-size:1.1em;}
	.ico_ttl {
		top: -50px;
		width: 22%;
	}

	h2.ttl_pink {
		margin-top:3.125%;
	}
	table.resTable2 {width:97.5%; font-size:90%;  border: 2px solid #ddd;}  
	
.img_left40 { width:100%;float:none; margin-right:0;}
.img_left40 img{ width:100%;margin-bottom:3.125%;}
}