@charset "utf-8";

/* contents
------------------------------------------------------------------------------*/
#contents{
	width: 960px;
}
#main{
	float: left;
	width: 620px;
}
#sub{
	float: right;
	width: 300px;
	font-size: 117%;
}
#main h1{
	margin-bottom: 23px;
	box-shadow: 0px 2px 2px #EAEAEA, 1px 0px 2px #F8F8F8, -1px 0px 2px #F8F8F8;
	-moz-box-shadow: 0px 2px 2px #EAEAEA, 1px 0px 2px #F8F8F8, -1px 0px 2px #F8F8F8;
	-webkit-box-shadow: 0px 2px 2px #EAEAEA, 1px 0px 2px #F8F8F8, -1px 0px 2px #F8F8F8;
}
#main h2{
	padding: 20px 20px 0 20px;
	margin-bottom: 7px;
}
#main #aboutus h2{
	padding: 0;
	margin-bottom: 0;
}
#main .section{
	position: relative;
	z-index: 10;
	width: 600px;
	margin: 0 10px;
	background-color: #FFFFFF;
	box-shadow: 0px -2px 2px #DADADA, 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
	-moz-box-shadow: 0px -2px 2px #DADADA, 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
	-webkit-box-shadow: 0px -2px 2px #DADADA, 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
}
#main #aboutus{
	padding-top: 20px;
	color: #1F1F1F;
}
#main #policy .article p{
	margin-bottom: 16px;
}
#main #policy .article .image{
	float: right;
	margin: 0 0 24px 17px;
}
#main #policy.section .article{
	width: 532px;
	padding: 0 34px 23px;
}
#main #aboutus .article{
	width: 561px;
	padding: 0 20px 20px;
}
#main .tab{
	position: relative;
	z-index: 20;
	margin: 0 -27px 0 10px;
}
#main ul.tab li{
	float: left;
	margin-right: 27px;
	line-height: 0;
	box-shadow: 0px -2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
	-moz-box-shadow: 0px -2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
	-webkit-box-shadow: 0px -2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
}
#sub #about{
	margin-bottom: 20px;
	box-shadow: 0px 2px 2px #EBEBEB, 1px 0px 1px #F8F8F8, -1px 0px 1px #F8F8F8;
	-moz-box-shadow:  0px 2px 2px #EBEBEB, 1px 0px 1px #F8F8F8, -1px 0px 1px #F8F8F8;
	-webkit-box-shadow:  0px 2px 2px #EBEBEB, 1px 0px 1px #F8F8F8, -1px 0px 1px #F8F8F8;
}
#sub #about ul {
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #67812A;
}
#sub #about ul li a{
	display: block;
	width: 259px;
	padding: 9px 9px 6px 30px;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #67812A;
	background-image: url(../images/about/icon_arrow2.gif);
	background-position: 9px 14px;
	background-repeat: no-repeat;
	background-color: #D8E7B2;
	font-weight: bold;
	color: #746A29;
}
#sub #about ul li.current a{
	background-image: url(../images/about/icon_arrow1.gif);
	background-color: #AEC477;
	color: #1F1F1F;
}
#main #aboutus .article table{
	width: 561px;
	border-width: 2px 0 0;
	border-style: solid;
	border-color: #FFFFFF;
}
#main #aboutus .article table tbody tr th{
	width: 61px;
	margin: 2px 2px 0 0;
	border-width: 0 2px 2px 0;
	font-weight: normal;
}
#main #aboutus .article table tbody tr td{
	width: 460px;
	border-width: 0 0 2px 0;
	margin-top: 2px;
}
#main #aboutus .article table tbody tr td,
#main #aboutus .article table tbody tr th{
	padding: 3px 9px 1px;
	border-style: solid;
	border-color: #FFFFFF;
	background-color: #FDFBEC;
}
#main #aboutus .article table tbody tr.odd td,
#main #aboutus .article table tbody tr.odd th{
	background-color: #EDE8C5;
}
#main #aboutus .article dl{
	margin: 6px 10px 16px;
}
#main #aboutus .article .map{
	margin: 0 10px;
	border: 2px solid #DDDDDD;
}
#main #aboutus .article dl dt,
#main #aboutus .article dl dd{
	float: left;
}
#main #aboutus .article dl dd{
	width: 460px;
}
#main #aboutus .article dl dt{
	width: 80px;
}
#main #traceability{
	width: 560px;
	padding: 20px;
}
#main #traceability h2{
	padding: 0;
}
#main #traceability p{
	margin: 0 10px 20px;
}
#main #traceability .article{
	width: 521px;
	margin: 0 20px 19px;
}
#main #traceability .article p{
	margin: 0;
}
#main #traceability .article ul,
#main #traceability .article p{
	padding: 6px 10px;
	background-color: #FDFBEC;
}
#main #traceability #trace{
	margin-bottom: 0;
	background-color: #F8FDEA;
}
#main #traceability #trace h3{
	margin-bottom: 10px;
}
#main #traceability #trace .lead{
	padding: 0 10px;
	margin-bottom: 6px;
	background-color: #F8FDEA;
}
#main #traceability #trace .chart .product,
#main #traceability #trace .chart .images,
#main #traceability #trace .chart .producer{
	float: left;
}
#main #traceability #trace .chart .product{
	width: 124px;
	padding: 5px 0 4px;
	margin: 0 17px 0 0;
	background-color: #E4DA94;
	text-align: center;
	box-shadow: 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
	-moz-box-shadow: 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
	-webkit-box-shadow: 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
}
#main #traceability #trace .chart{
	position: relative;
	padding-bottom: 14px;
	margin-left: 10px;
}
#main #traceability #trace .chart .images{
	width: 220px;
	margin-right: 16px;
}
#main #traceability #trace .chart .images .block{
	width: 210px;
	height: 52px;
	padding: 3px;
	margin-bottom: 6px;
	border: 2px solid #D9E2A1;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
	-moz-box-shadow: 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
	-webkit-box-shadow: 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
}
#main #traceability #trace .chart .images .block .text{
	float: left;
	width: 116px;
	padding-left: 14px;
}
#main #traceability #trace .chart .images .block .text p{
	width: 116px;
	padding: 0;
	margin-bottom: 0;
	background-color: #FFFFFF;
}
#main #traceability #trace .chart .images .block .image{
	float: right;
}
#main #traceability #trace .chart .images .arrowArea{
	margin-bottom: 3px;
}
#main #traceability #trace .chart .images .arrowArea .bottomArrow{
	float: left;
	padding-left: 43px;
}
#main #traceability #trace .chart .images .arrowArea .topArrow{
	float: right;
	padding-right: 43px;
}
#main #traceability #trace .chart .producer{
	position: absolute;
	bottom: 21px;
	right: 10px;
	width: 124px;
	padding: 5px 0 4px;
	background-color: #CFE696;
	text-align: center;
	box-shadow: 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
	-moz-box-shadow: 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
	-webkit-box-shadow: 0px 2px 2px #DADADA, 1px 0px 1px #DADADA, -1px 0px 1px #DADADA;
}