/* ================================================
    en_style.css
================================================ */

.centers{
	text-align:center;
}


/* ------------------------------------------------------------
    pagemain
-------------------------------------------------------------*/
.pagemain {
	width: 560px;
	padding: 0 0 0 10px;
	margin: 0 auto 20px auto;
}


/* ------------------------------------------------------------
    cb
-------------------------------------------------------------*/
.cb {
	width: 560px;
	padding: 0;
	margin: 0 0 30px 5px;
}

/*�Ecb01�E*/
.cb01 {
	width: 560px;
	padding: 0;
	margin: 0 auto;
}

.cb01 .txt {
	float: left;
	width: 325px;
	margin: 0 0 0 10px;
	display: inline;
}
.cb01 .photo {
	float: right;
	width: 190px;
	margin: 5px 10px 0 0;
	display: inline;
}

.cb01 .txt_m {
	padding: 0 0 0 10px;
}
.cb01 .photo_m {
	float: right;
	margin: 5px 10px 10px 20px;
	display: inline;
}

.cb01 .txt_o {
	float: right;
	width: 330px;
	margin: 5px 10px 0 10px;
	display: inline;
}
.cb01 .photo_o {
	float: left;
	width: 190px;
	margin: 5px 0 0 10px;
	display: inline;
}

/*�Ecb02�E*/
.cb02 {
	width: 540px;
	padding: 0 10px 10px 10px;
	margin: 0 auto;
}
.imgright {
	float: right;
}


/* ------------------------------------------------------------
    topflash
-------------------------------------------------------------*/
#topflash {
	width: 742px;
	margin: 0 auto;
}


/* ------------------------------------------------------------
    topmenu
-------------------------------------------------------------*/
#topmenu {
	width: 740px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
#topmenu ul {
	margin: 0;
	padding: 0 0 0 1px;
}
#topmenu ul li {
	margin: 0 5px;
	padding: 0;
	float: left;
}
*html #topmenu ul li {
	margin: 0 4px;
	padding: 0;
	float: left;
}

#topmenu .m01 {
   background: url(../../en/images/top/m01_bg.jpg) no-repeat top;
	width: 236px;
	height: 317px;
}
#topmenu .m02 {
   background: url(../../en/images/top/m02_bg.jpg) no-repeat top;
	width: 236px;
	height: 317px;
}
#topmenu .m03 {
   background: url(../../en/images/top/m03_bg.jpg) no-repeat top;
	width: 236px;
	height: 317px;
}

#topmenu .m01 p {
	margin: 0;
	padding: 0 0 2px 0;
}
#topmenu .m02 p {
	margin: 0;
	padding: 0 0 2px 0;
}
#topmenu .m03 p {
	margin: 0;
	padding: 0 0 2px 0;
}

#topmenu .menubox1 {
	margin: 0;
	height: 110px;
}
#topmenu .menubox1 .title {
	margin-top: 10px;
	margin-left: 2px;
}
#topmenu .menubox1 .img {
	margin-top: 5px;
	margin-left: 7px;
}
#topmenu .menubox2 {
	margin: 0;
	padding-left: 15px;
}
#topmenu .menubox2 .line {
   border-bottom: 1px dotted #999999;
	width: 202px;
	margin: 0 0 3px 0;
}
#topmenu .menubox2 .sub {
	margin: 0 0 0 18px;
	padding: 0;
}


/* ------------------------------------------------------------
    message
-------------------------------------------------------------*/
#message  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#message .title01 {
	height: 40px;
	width: 451px;
	margin: 0 0 20px 15px;
	display: block;
}

#message  p {
	padding: 0 0 15px 0;
}

#message #txt {
	padding: 0 10px 0 25px;
}

#message .name {
	padding: 20px 5px 0 0;
	float: right;
}


/* ------------------------------------------------------------
    confectioneries
-------------------------------------------------------------*/
#confectioneries  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#confectioneries .copy {
	height: 25px;
	width: 487px;
	margin: 0 0 20px 10px;
	display: block;
}

#confectioneries .title01 {
	height: 63px;
	width: 545px;
	margin: 0 0 15px 10px;
	display: block;
}

#confectioneries .title02 {
	height: 41px;
	width: 487px;
	margin: 0 0 15px 10px;
	display: block;
}

#confectioneries .title03 {
	height: 41px;
	width: 513px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    ice
-------------------------------------------------------------*/
#ice  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#ice .copy {
	height: 24px;
	width: 381px;
	margin: 0 0 20px 10px;
	display: block;
}

#ice .title01 {
	height: 21px;
	width: 548px;
	margin: 0 0 15px 10px;
	display: block;
}

#ice .title02 {
	height: 21px;
	width: 440px;
	margin: 0 0 15px 10px;
	display: block;
}

#ice .title03 {
	height: 40px;
	width: 533px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    processed
-------------------------------------------------------------*/
#processed  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#processed .copy {
	height: 30px;
	width: 550px;
	margin: 0 0 20px 10px;
	display: block;
}

#processed .title01 {
	height: 43px;
	width: 530px;
	margin: 0 0 15px 10px;
	display: block;
}

#processed .title02 {
	height: 41px;
	width: 491px;
	margin: 0 0 15px 10px;
	display: block;
}

#processed .title03 {
	height: 41px;
	width: 530px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    health
-------------------------------------------------------------*/
#health  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#health .copy {
	height: 47px;
	width: 462px;
	margin: 0 0 20px 10px;
	display: block;
}

#health .title01 {
	height: 40px;
	width: 489px;
	margin: 0 0 15px 10px;
	display: block;
}

#health .title02 {
	height: 27px;
	width: 448px;
	margin: 0 0 15px 10px;
	display: block;
}

#health .title03 {
	height: 24px;
	width: 549px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    materials
-------------------------------------------------------------*/
#materials  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#materials .copy {
	height: 32px;
	width: 392px;
	margin: 0 0 20px 10px;
	display: block;
}

#materials .title01 {
	height: 40px;
	width: 525px;
	margin: 0 0 15px 10px;
	display: block;
}

#materials .title02 {
	height: 43px;
	width: 485px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    channel
-------------------------------------------------------------*/
#channel  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#channel .copy {
	height: 32px;
	width: 547px;
	margin: 0 0 20px 10px;
	display: block;
}

#channel .title01 {
	height: 22px;
	width: 373px;
	margin: 0 0 15px 10px;
	display: block;
}

#channel .title02 {
	height: 27px;
	width: 547px;
	margin: 0 0 15px 10px;
	display: block;
}

#channel .title03 {
	height: 30px;
	width: 294px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    overseas
-------------------------------------------------------------*/
#overseas  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#overseas .copy {
	height: 40px;
	width: 384px;
	margin: 0 0 20px 10px;
	display: block;
}

#overseas .title01 {
	height: 21px;
	width: 549px;
	margin: 0 0 15px 10px;
	display: block;
}

#overseas .title02 {
	height: 41px;
	width: 415px;
	margin: 0 0 15px 10px;
	display: block;
}

#overseas .title03 {
	height: 20px;
	width: 453px;
	margin: 0 0 15px 10px;
	display: block;
}

#overseas .title04 {
	height: 36px;
	width: 460px;
	margin: 0 0 15px 10px;
	display: block;
}

#overseas .name01 {
	height: 66px;
	width: 187px;
	margin: 22px 0 10px 10px;
	display: block;
}

#overseas .name02 {
	height: 66px;
	width: 290px;
	margin: 22px 0 10px 10px;
	display: block;
}

#overseas .name03 {
	height: 67px;
	width: 305px;
	margin: 22px 0 10px 10px;
	display: block;
}

#overseas .name04 {
	height: 66px;
	width: 250px;
	margin: 22px 0 10px 10px;
	display: block;
}


/* ------------------------------------------------------------
    ethics
-------------------------------------------------------------*/
#ethics  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#ethics .copy {
	height: 34px;
	width: 353px;
	margin: 0 0 20px 10px;
	display: block;
}

#ethics .title01 {
	height: 44px;
	width: 512px;
	margin: 0 0 15px 10px;
	display: block;
}

#ethics .title02 {
	height: 42px;
	width: 427px;
	margin: 0 0 15px 10px;
	display: block;
}

#ethics .title03 {
	height: 25px;
	width: 529px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    environmental
-------------------------------------------------------------*/
#environmental  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#environmental .copy {
	height: 47px;
	width: 406px;
	margin: 0 0 20px 10px;
	display: block;
}

#environmental .title01 {
	height: 21px;
	width: 425px;
	margin: 0 0 15px 10px;
	display: block;
}

#environmental .title02 {
	height: 43px;
	width: 500px;
	margin: 0 0 15px 10px;
	display: block;
}

#environmental .title03 {
	height: 24px;
	width: 425px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    society
-------------------------------------------------------------*/
#society  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#society .copy {
	height: 27px;
	width: 259px;
	margin: 0 0 20px 14px;
	display: block;
}

#society .title01 {
	height: 43px;
	width: 469px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    pr
-------------------------------------------------------------*/
#pr  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#pr .title01 {
	height: 39px;
	width: 524px;
	margin: 0 0 15px 10px;
	display: block;
}

#pr .title02 {
	height: 38px;
	width: 460px;
	margin: 0 0 15px 10px;
	display: block;
}

#pr .photo {
	width: 512px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

#pr .name {
	padding: 0 0 10px 10px;
}


/* ------------------------------------------------------------
    history
-------------------------------------------------------------*/
#history  {
	width: 560px;
	padding: 0 15px 20px 0;
	margin: 20px auto;
}

#historymenu  {
	width: 532px;
	padding: 0 0 20px 0;
	margin: 0 auto;
}
#historymenu ul {
	padding: 0;
	margin: 0;
}
#historymenu li {
	padding: 0 1px;
	margin: 0;
	float: left;
}

#history .block {
	width: 532px;
	padding: 0;
	margin: 1px auto 0 auto;
	background: #333366;
}

#history .block table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

#history .block .year {
	padding: 3px 0 5px 0;
	width: 95px;
	border-left: 5px solid #CC0000;
	text-align: center;
	background: #f7f7f7;
}
#history .block .year span {
	padding: 0;
	margin: 0;
	font-size: 85%;
}

#history .block .txt {
	padding: 6px 10px;
	background: #ffffff;
}

#history .block .img {
	padding: 6px;
	text-align: center;
	background: #ffffff;
}


/* ------------------------------------------------------------
    group
-------------------------------------------------------------*/
#group  {
	width: 560px;
	padding: 0 0 20px 0;
	margin: 20px auto;
}

#group .topmain {
	width: 549px;
	padding: 0;
	margin: 0 auto 20px auto;
}

#group .title01 {
	height: 24px;
	width: 329px;
	margin: 0 0 15px 10px;
	display: block;
}

#group .title02 {
	height: 24px;
	width: 403px;
	margin: 0 0 15px 10px;
	display: block;
}

#group .title03 {
	height: 24px;
	width: 280px;
	margin: 0 0 15px 10px;
	display: block;
}

#group .title04 {
	height: 24px;
	width: 334px;
	margin: 0 0 15px 10px;
	display: block;
}

#group .grouplist {
	width: 530px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
#group .grouplist ul {
	margin: 0;
}
#group .grouplist li {
	margin: 0;
	padding: 0 0 3px 0;
}
#group .grouplist_l {
	width: 250px;
	float: left;
}
#group .grouplist_r {
	width: 250px;
	float: right;
}


/* ------------------------------------------------------------
    dairy
-------------------------------------------------------------*/
#dairy  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#dairy .copy {
	height: 53px;
	width: 530px;
	margin: 0 0 20px 15px;
	display: block;
}

#dairy .title01 {
	height: 23px;
	width: 493px;
	margin: 0 0 15px 10px;
	display: block;
}

#dairy .title02 {
	height: 27px;
	width: 331px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    foods
-------------------------------------------------------------*/
#foods  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#foods .copy {
	height: 47px;
	width: 479px;
	margin: 0 0 20px 15px;
	display: block;
}

#foods .title01 {
	height: 43px;
	width: 392px;
	margin: 0 0 15px 10px;
	display: block;
}

#foods .title02 {
	height: 36px;
	width: 522px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    icreo
-------------------------------------------------------------*/
#icreo  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#icreo .copy {
	height: 29px;
	width: 527px;
	margin: 0 0 20px 15px;
	display: block;
}

#icreo .title01 {
	height: 27px;
	width: 377px;
	margin: 0 0 15px 10px;
	display: block;
}

#icreo .title02 {
	height: 21px;
	width: 540px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    g_link
-------------------------------------------------------------*/
.g_link  {
	width: 500px;
	margin: 20px auto;
	text-align: center;
	font-size: small;
	clear: both;
}
.g_link  ul {
	margin: 20px auto;
	padding: 0;
	width: 400px;
	font-size: small;
}
.g_link  li {
	margin: 0;
	padding: 0 3px;
	float: left;
}


/* ------------------------------------------------------------
    philosophy
-------------------------------------------------------------*/
#philosophy  {
	width: 560px;
	padding: 0 20px 20px 0;
	margin: 20px auto;
}

#philosophy .copy {
	height: 36px;
	width: 503px;
	margin: 0 0 5px 10px;
	display: block;
}

#philosophy .subcopy {
   font-size: 108%;
   font-weight: bold;
   padding: 0 0 0 5px;
}
#philosophy .subtxt {
   padding: 0 0 20px 5px;
}

#philosophy .philosophy-txt {
	height: 276px;
	width: 500px;
	margin: 10px auto;
	background: url(../../en/images/philosophy/spirit_bg.gif) no-repeat;
}

#philosophy .philosophy-txt .title01 {
	height: 120px;
	width: 500px;
	margin: 0;
	text-align: center;
	padding-top: 20px;
}

#philosophy .philosophy-txt ul {
	padding: 5px 0 0 30px;
	font-size: small;
}

#philosophy .title02 {
	height: 20px;
	width: 405px;
	margin: 0 0 15px 10px;
	display: block;
}


/* ------------------------------------------------------------
    top-2010-11-25
-------------------------------------------------------------*/

#top {
	background-image: url(../../en/images/share/en_body_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
}


#top #top-wrap {
	width: 100%;
	background-image: url(../../en/images/top/bg_topfla_alt.jpg);
	background-repeat: no-repeat;
	background-position: center 72px;
}

#top #top-wrap #header {
	margin-right: auto;
	margin-left: auto;
	width: 880px;
	height: 72px;
}

#top #top-wrap #topfla {
	height: 460px;
	width: 100%;
	min-width: 880px;
	clear: both;
	margin-bottom: 10px;
	width: expression(document.body.clientWidth < 882? "880px" : "auto");/*IE6*/
}

#top #top-wrap #column-container {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../../en/images/top/bg_column.gif);
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 15px;
}
#top #top-wrap #column-container #left-container {
	width: 279px;
	float: left;
	display: inline;
	margin-right: 21px;
}


#top #top-wrap #column-container #center-container {
	float: left;
	width: 280px;
	margin-right: 21px;
}

#top #top-wrap #column-container #right-container {
	float: left;
	width: 279px;
}

#top #top-wrap #column-container #left-container dl dd,
#top #top-wrap #column-container #center-container dl dd,
#top #top-wrap #column-container #right-container dl dd {
	background-image: url(../../en/images/top/list-item.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.6em;
}

#top #top-wrap #column-container dl dd {
	margin-left: 30px;
	margin-right: 30px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}


#top #top-wrap #column-container #left-container dl dd ul li {
	background-image: url(../../en/images/top/list-item.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.1em;
	padding-left: 12px;
	font-size: 93%;
}

#top #top-wrap #column-container #left-container dl dd ul {
	padding-top: 5px;
}

#top #top-wrap .first-child {
	border: none !important;
	padding-top: 0px !important;
	background-image: url(../../en/images/top/list-item.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.2em !important;
}

#top #top-wrap #column-container dl dd a:link,
#top #top-wrap #column-container dl dd a:visited {
	color: #666;
}

#top #top-wrap #column-container dl dd a:hover,
#top #top-wrap #column-container dl dd a:active {
	color: #FE2400;
}

#top #top-wrap #footer {
	width: 880px;
}

#top #top-wrap #footer dl {
	height: 30px;
	margin-bottom: 29px;
}

#top #top-wrap #footer dl dt,
#top #top-wrap #footer dl dd {
	vertical-align: top;
	float: left;
}

#top #top-wrap #footer address {
	text-align: left;
	margin-bottom: 15px;
	padding-left: 2px;
}


/* ------------------------------------------------------------
   Overseas Activities 2010-11-26
-------------------------------------------------------------*/

.red {
	color: #FF0000;
}