@charset "ISO-8859-1";

/*******************************************************
 common layout
*******************************************************/

/* default style */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
caption { display: none; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: none; }
em, strong { font-weight: bold; }

/* CLEAR */
.clear { clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* anchor link */
a { color: #003399; text-decoration: underline; }
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { color: #003399; text-decoration: underline; }
a:active { text-decoration: underline; }

/* BODY */
/* body{ background: #fff url(/content/000000003.gif); font-size: 95%; line-height: 140%; font-family: "MS Gothic", Osaka, sans-serif; color: #333; text-align:center; } */
body{ background: #fff url(/content/000000003.gif); font-size: 90%; line-height: 140%; font-family: Arial, Osaka, sans-serif; color: #333; text-align:center; }

/* sound */
p#skip { position: absolute; width: 100px; left: -200px; }

div#container { width: 930px; margin: 0 auto; }

/* tools */
div#tool { position: relative; width: 930px; height: 26px; background: #181818 url(/content/000000004.gif); text-align: left; }
div#tool ul#links { position: absolute; }
div#tool ul#links li { position: absolute; height: 12px; top: 7px; }
div#tool ul#links li a { display: block; }
div#tool ul#links li.item1 { width: 91px; left: 9px; }
div#tool ul#links li.item2 { width: 55px; left: 109px; }
div#tool dl#fontsize dt { position: absolute; height: 12px; top: 7px; left: 749px; display: block; font-size: 0.01em; line-height: 1.1em; }
div#tool dl#fontsize dd { position: absolute; top: 4px; left: 809px; }
div#tool dl#fontsize dd ul li { position: absolute; width: 55px; height: 17px; }
div#tool dl#fontsize dd ul li a { display: block; }
div#tool dl#fontsize dd ul li.item1 { left: 0; }
div#tool dl#fontsize dd ul li.item2 { left: 59px; }

/* header */
div#header { position: relative; width: 930px; height: 72px; background: #ffffff; text-align: left; }
div#header img#alicLogo { position: absolute; top: 17px; left: 22px; }
div#header img#homeButton { position: absolute; top: 27px; left: 255px; }
div#header ul#menuGlobal { position: absolute; top: 20px; left: 405px; }
div#header ul#menuGlobal li { position: absolute; width: 104px; height: 27px; }
div#header ul#menuGlobal li a { display: block; }
div#header ul#menuGlobal li.item1 { left: 0; }
div#header ul#menuGlobal li.item2 { left: 104px; }
div#header ul#menuGlobal li.item3 { left: 208px; }
div#header ul#menuGlobal li.item4 { left: 312px; }
div#header ul#menuGlobal li.item5 { left: 416px; }

/* category menu */
div#menuCategory { position: relative; width: 930px; height: 49px; background: #ffffff; border-bottom: 4px solid #96c200; text-align: left; }
body#livestock div#menuCategory { border-bottom: 4px solid #2492f4; }	/* livestock */
body#vegetable div#menuCategory { border-bottom: 4px solid #eb8430; }	/* vegetable */
body#sugar div#menuCategory { border-bottom: 4px solid #45af94; }		/* sugar */
body#starch div#menuCategory { border-bottom: 4px solid #bd8b12; }		/* starch */
div#menuCategory ul { position: absolute; top: 0; left: 0; }
div#menuCategory ul li { position: absolute; height: 49px; }
div#menuCategory ul li a { display: block; }
div#menuCategory ul li.livestock { width: 232px; left: 0; }
div#menuCategory ul li.vegetable { width: 233px; left: 232px; }
div#menuCategory ul li.sugar { width: 233px; left: 465px; }
div#menuCategory ul li.starch { width: 232px; left: 698px; }

/* category main visual */
div#mainImage { width: 930px; background: #ffffff; text-align: left; border-top: 4px solid #96c200; }

/* contents */
div#contents { width: 878px; padding: 15px 26px 18px 26px; background: #ffffff; text-align: left; }

/* breadcrumb links */
div#contents p#pankuzu { width: 875px; padding: 0 0 14px 3px; font-size: 0.8em; line-height: 1.5em; }

/* main contents */
div#contents div#contentsMain { float: left; width: 672px; font-size: 1em; line-height: 1.5em; }

/* contents menu */
div#contents div#contentsMenu { float: right; width: 190px; }
div#contentsMenu div.menuBg { width: 190px; margin: 0 0 8px 0; }
div#contentsMenu div.menuBg img { margin: 0 0 3px 0; }
div#contentsMenu div.menuBg ul.operation { width: 176px; }
div#contentsMenu div.menuBg ul.operation li { float: left; }
div#contentsMenu div.menuBg ul.operation li a { display: block; }
div#contentsMenu div.menuBg ul.operation li.livestock { width: 87px; margin: 0 3px 0 0; }
div#contentsMenu div.menuBg ul.operation li.vegetable { width: 86px; }
div#contentsMenu div.menuBg ul.operation li.sugar { width: 87px; margin: 0 3px 0 0; }
div#contentsMenu div.menuBg ul.operation li.starch { width: 86px; }
div#contentsMenu div.menuBg ul.infoList li { width: 176px; height: 25px; margin: 0 0 3px 0; font-size: 0.01em; line-height: 1.1em; }
div#contentsMenu div.menuBg ul.infoList li a { display: block; }
div#contentsMenu div.menuBg ul.infoList li img { margin: 0; }
div#contentsMenu div.banner { width: 190px; }
div#contentsMenu div.banner .bnr { margin: 0 0 8px 0; }
div#contentsMenu div.banner .bnrLeft { float: left; width: 90px; margin: 0 0 8px 0; }
div#contentsMenu div.banner .bnrRight { float: right; width: 90px; margin: 0 0 8px 0; }

/* right menu */
div#contentsMenu div.catTopMenu { width: 190px; margin: 0 0 17px 0; border-bottom: 1px solid #d0d0d0; }
div.catTopMenu ul li { width: 190px; border-top: 1px solid #d0d0d0; background: #fff url(/content/000000045.gif) no-repeat 7px 0.6em; }
div.catTopMenu ul li.over { background: #f2f2f2 url(/content/000000050.gif) no-repeat 7px 0.6em; }
div.catTopMenu ul li a { display: block; width: 164px; padding: 6px 0 6px 26px; color: #333; line-height: 1.2em; text-decoration: none; }
div.catTopMenu ul li a:hover { background: #f2f2f2 url(/content/000000050.gif) no-repeat 7px 0.6em; text-decoration: none; color: #333; }
div.catTopMenu ul li a:visited { text-decoration: none; color: #333;}

/* top of page */
div#goTop { clear: both; width: 878px; text-align: right; }

/* footer */
div#footer { margin: 0 0 15px 0; padding: 15px 0 0 0; text-align: left; }
div#footer div.left { float: left; width: 55%; text-align: left; }
div#footer div.left p { font-size: 0.8em; line-height: 1.5em; }
div#footer div.right { float: right; width: 44%; text-align: right; }
div#footer div.right ul { font-size: 0.8em; line-height: 1.5em; }
div#footer div.right ul li { display: inline; }
div#footer div.right ul li a { color: #333333; text-decoration: underline; }
div#footer div.right ul li a:hover { color: #333333; text-decoration: underline; }
div#footer div.right ul li.item1 { padding: 0 8px 0 0; }
div#footer div.right ul li.item2 { padding: 0 0 0 10px; background: url(/content/000000039.gif) no-repeat 0 0.2em; }
div#footer div.right p { font-size: 0.7em; line-height: 1.5em; }


/*******************************************************
 print settings for header and footer
*******************************************************/

div#headerPrint,
div#footerPrint { display: none; }


/*******************************************************
 common parts
*******************************************************/

/* marker attached link list */
ul.linkList li { padding: 0 0 7px 17px; background: url(/content/000000040.gif) no-repeat 0 0.4em; }
body#livestock ul.linkList li { background: url(/content/000000041.gif) no-repeat 0 0.4em; }			/* livestock */
body#vegetable ul.linkList li { background: url(/content/000000042.gif) no-repeat 0 0.4em; }			/* vegetable */
body#sugar ul.linkList li { background: url(/content/000000043.gif) no-repeat 0 0.4em; }				/* sugar */
body#starch ul.linkList li { background: url(/content/000000044.gif) no-repeat 0 0.4em; }				/* starch */

ul.linkList li.col2 { float: left; width: 290px; padding: 0 15px 7px 17px; background: url(/content/000000040.gif) no-repeat 0 0.4em; }
body#livestock ul.linkList li.col2 { background: url(/content/000000041.gif) no-repeat 0 0.4em; }		/* livestock */
body#vegetable ul.linkList li.col2 { background: url(/content/000000042.gif) no-repeat 0 0.4em; }		/* vegetable */
body#sugar ul.linkList li.col2 { background: url(/content/000000043.gif) no-repeat 0 0.4em; }			/* sugar */
body#starch ul.linkList li.col2 { background: url(/content/000000044.gif) no-repeat 0 0.4em; }			/* starch */

/* marker attached link list(with dividing line) */
ul.linkList2 li { padding: 5px 0 6px 1px; background: url(/content/000000051.gif) no-repeat left bottom; }
ul.linkList2 li a { padding: 0 0 0 17px; background: url(/content/000000040.gif) no-repeat 0 0.2em; }
body#livestock ul.linkList2 li a { background: url(/content/000000041.gif) no-repeat 0 0.2em; }		/* livestock */
body#vegetable ul.linkList2 li a { background: url(/content/000000042.gif) no-repeat 0 0.2em; }		/* vegetable */
body#sugar ul.linkList2 li a { background: url(/content/000000043.gif) no-repeat 0 0.2em; }			/* sugar */
body#starch ul.linkList2 li a { background: url(/content/000000044.gif) no-repeat 0 0.2em; }		/* starch */

/* date list(with dividing line) */
dl.dateList { padding: 8px 0 6px 0; background: url(/content/000000051.gif) no-repeat left bottom; }
dl.dateList dt { font-size: 0.7em; line-height: 1.2em; font-weight: bold; }
dl.dateList dd { font-weight: normal; }

/* icon */
.icon { vertical-align /**/: text-bottom; margin: 0 0 0 7px; }

/* definition list */
dl.em1 dt { float: left; width: 1em; font-weight: normal; }
dl.em1 dd { margin: 0 0 0 1em; }
dl.em2 dt { float: left; width: 2em; font-weight: normal; }
dl.em2 dd { margin: 0 0 0 2em; }


/*******************************************************
 INDEX PAGE
*******************************************************/

/* header */
div#headerTop { position: relative; width: 930px; height: 465px; text-align: left; }
div#headerTop img#alicLogo { position: absolute; top: 20px; left: 0; z-index: 2; }
div#headerTop ul#menuGlobal { position: absolute; top: 20px; left: 381px; z-index: 2; }
div#headerTop ul#menuGlobal li { position: absolute; width: 134px; height: 27px; }
div#headerTop ul#menuGlobal li a { display: block; }
div#headerTop ul#menuGlobal li.item1 { left: 0; }
div#headerTop ul#menuGlobal li.item2 { left: 134px; }
div#headerTop ul#menuGlobal li.item3 { left: 268px; }
div#headerTop ul#menuGlobal li.item4 { left: 402px; }
div#headerTop ul#menuGlobal li.item5 { left: 536px; }
div#headerTop img#topMainImage { position: absolute; top: 0; left: 0; z-index: 1; }

/* category menu */
div#menuCategoryTop { position: relative; width: 930px; height: 56px; background: #ffffff; border-bottom: 4px solid #96c200; text-align: left; }
div#menuCategoryTop ul { position: absolute; top: 0; left: 0; }
div#menuCategoryTop ul li { position: absolute; height: 56px; }
div#menuCategoryTop ul li a { display: block; }
div#menuCategoryTop ul li.livestock { width: 233px; left: 0; }
div#menuCategoryTop ul li.vegetable { width: 233px; left: 233px; }
div#menuCategoryTop ul li.sugar { width: 233px; left: 466px; }
div#menuCategoryTop ul li.starch { width: 232px; left: 699px; }


/*******************************************************
 SUB PAGE
*******************************************************/

/* main contents H1 */
div#contentsMain div.h1box { width: 665px; margin: 0 0 12px 3px; padding: 0 0 0 4px; background: url(/content/000000054.gif) no-repeat; }
div#contentsMain div.h1box div.bg { width: 641px; padding: 9px 11px 9px 13px; background: #fafafa url(/content/000000070.gif); }
div#contentsMain div.h1box div.bg h1 { float: left; width: 523px; font-size: 1.1em; line-height: 1.2em; font-weight: bold; }
div#contentsMain div.h1box div.bg img#printButton { float: right; width: 107px; }

/* main contents H2 */
div#contentsMain div.h2box { width: 669px; margin: 0 0 14px 3px; padding: 0 0 4px 0; border-bottom: 1px solid #dddddd; }
div#contentsMain div.h2box h2 { padding: 5px 0 5px 13px; background: url(/content/000000059.gif) no-repeat; font-size: 1.1em; line-height: 1.2em; font-weight: bold; }

/* main contents H3 */
div#contentsMain h3 { width: 632px; margin: 0 0 13px 16px; padding: 0 0 0 11px; background: url(/content/000000064.gif) no-repeat; font-size: 1em; line-height:1.2em; font-weight: bold; }

/* main contents H4 */
div#contentsMain h4 { width: 627px; margin: 0 0 4px 0; padding: 0 0 0 14px; background: url(/content/000000069.gif) no-repeat 0 0.2em; font-size: 1em; line-height:1.2em; font-weight: bold; }

/* content area */
div#contentsMain div.text1 { width: 645px; margin: 0 10px 0 17px; padding: 0 0 35px 0; }	/* H1 direct area */
div#contentsMain div.text2 { width: 645px; margin: 0 10px 0 17px; padding: 0 0 25px 0; }	/* H2 direct area */
div#contentsMain div.text3 { width: 645px; margin: 0 10px 0 17px; padding: 0 0 25px 0; }	/* H3 direct area */
div#contentsMain div.text4 { width: 645px; margin: 0 10px 0 17px; padding: 0 0 25px 0; }	/* H4 direct area */

/* source */
div.source { width: 669px; margin: 29px 0 0 3px; padding: 17px 0 10px 0; background: url(/content/000000071.gif) repeat-x; line-height: 1.2em; text-align: right; }

/* update */
p.update { width: 645px; margin: 0 10px 0 17px; padding: 0 0 8px 0; text-align: right; font-size: 0.8em; line-height: 1.5em; }

/* image position */
div.imgRight { float: right; margin: 0 0 17px 17px; text-align: center; font-size: 0.8em; line-height: 1.4em; }	/* img right */
div.imgBottom { margin: 17px 0 17px 0; text-align: center; font-size: 0.8em; line-height: 1.4em; }				/* img bottom */
div.imgLeft { float: left; margin: 0 17px 17px 0; text-align: center; font-size: 0.8em; line-height: 1.4em; }		/* img left */
div.imgRight img,
div.imgBottom img,
div.imgLeft img { margin: 0 0 10px 0; }

/* text position */
div.textRight { float: right; padding: 0 0 7px 0; }		/* text left */
div.textLeft { float: left; padding: 0 0 7px 0; }		/* text right */
div.textTop { padding: 0 0 7px 0; }						/* text top */

/* table */
table.rateTbl { width: 645px; }
table.rateTbl th { padding: 6px 9px; background: #e8f4bc; border-collapse: collapse; border-right: 1px solid #e8f4bc; border-bottom: 1px solid #ffffff; text-align: center; font-weight: normal; }
table.rateTbl th.th1 { width: 199px; }
table.rateTbl th.th2,
table.rateTbl th.th3,
table.rateTbl th.th4 { width: 123px; }
table.rateTbl td { padding: 6px 9px; background: #f3f3f3; border-collapse: collapse; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-align: center; }
table.rateTbl td.td1 { width: 199px; background: #eeeeee; text-align: left;}
table.rateTbl td.td2,
table.rateTbl td.td3,
table.rateTbl td.td4 { width: 123px; }
table.rateTbl td.bgEEE { background: #eeeeee; text-align: left; }




