@charset "Shift_JIS";

/* ヘッダ */
div#headerTop { position: relative; width: 930px; height: 230px; text-align: left; }
div#headerTop img#alicLogo { position: absolute; top: 0px; left: 13px; z-index: 2; }
div#headerTop ul#menuGlobal { position: absolute; top: 11px; left: 396px; z-index: 2; }
div#headerTop ul#menuGlobal li { position: absolute; }
div#headerTop ul#menuGlobal li a { display: block; }
div#headerTop ul#menuGlobal li.item1 { left: 0; }
div#headerTop ul#menuGlobal li.item2 { left: 113px; }
div#headerTop ul#menuGlobal li.item3 { left: 217px; }
div#headerTop ul#menuGlobal li.item4 { left: 321px; }
div#headerTop ul#menuGlobal li.item5 { left: 425px; }
div#headerTop img#topMainBtn { position: absolute; top: 186px; left: 728px; z-index: 2; }
div#headerTop img#topMainImage { position: absolute; top: 0; left: 0; z-index: 1; }

/* カテゴリーメニュー */
div#menuCategoryTop { position: relative; width: 930px; height: 49px; 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: 49px; }
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; }

/* コンテンツ */
div#contents { width: 878px; padding: 28px 26px 12px 26px; background: #fff url(/content/000005222.gif) repeat-x; text-align: left; }

/* メインコンテンツ */
div#contents div#contentsMain { float: left; width: 659px; font-size: 1em; line-height: 1.5em; }

/* 消費者コーナー */
div#consumerCorner .subText{ float:left; margin:0 0 0 8px; }
div#consumerCorner{ background:#ebebeb url(/content/000081304.jpg) left top no-repeat; min-height:134px; padding:13px 0 6px 253px; }
div#consumerCorner h2{ float:left; }
div#consumerCorner .detailBtn{ float:right; margin:10px 9px 0 0; }
div#consumerCorner .consumerCornerInner{ margin:11px 0 0 0; background:#fff url(/content/000081303.gif) left bottom no-repeat; width:399px; }
div#consumerCorner .consumerCornerInner ul{ padding: 5px 0 5px 15px; }
div#consumerCorner .consumerCornerInner ul li{ background: url(/content/000000040.gif) no-repeat 0 0.4em; float:left; padding:0 0 0 15px; width:110px; }

/* お知らせ */
div#topInformation { padding:6px; margin:20px 0 0 0; }
div#topInformation h2 { width:110px; display:inline-block; /display:inline; /zoom:1; vertical-align:middle; text-align:center; }
div#topInformation div.rightBox { width:532px; display:inline-block; /display:inline; /zoom:1; vertical-align:middle; }
div#topInformation div.rightBoxInner { }
dl.dateListInfo { padding:5px 20px 5px 25px; }
dl.dateListInfo dt { font-size: 0.7em; line-height: 1.2em; font-weight: bold; padding:8px 0 0 0;}
dl.dateListInfo dd { padding: 2px 0 4px 0; font-weight: normal; }
dl.dateListInfo dd p.col2 { float: left; width: 247px; margin: 0 15px 0 0; }
dl.dateListInfo dd h3 { 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;}

div#topInformation.gray{ background-color:#ebebeb; }
div#topInformation.gray div.rightBox { background:url(/content/000081306.gif) right top repeat-y; }
div#topInformation.gray div.rightBoxInner { background:url(/content/000081307.gif) right top no-repeat; }
div#topInformation.gray dl.dateListInfo { background:url(/content/000081308.gif) right bottom no-repeat; }

div#topInformation.blue{ background-color:#ddeff3; }
div#topInformation.blue div.rightBox { background:url(/content/000081309.gif) right top repeat-y; }
div#topInformation.blue div.rightBoxInner { background:url(/content/000081310.gif) right top no-repeat; }
div#topInformation.blue dl.dateListInfo { background:url(/content/000081311.gif) right bottom no-repeat; }

div#topInformation.pink{ background-color:#f4e4e4; }
div#topInformation.pink div.rightBox { background:url(/content/000081312.gif) right top repeat-y; }
div#topInformation.pink div.rightBoxInner { background:url(/content/000081313.gif) right top no-repeat; }
div#topInformation.pink dl.dateListInfo { background:url(/content/000081314.gif) right bottom no-repeat; }

div#topInformation.green{ background-color:#e9f2d7; }
div#topInformation.green div.rightBox { background:url(/content/000081315.gif) right top repeat-y; }
div#topInformation.green div.rightBoxInner { background:url(/content/000081316.gif) right top no-repeat; }
div#topInformation.green dl.dateListInfo { background:url(/content/000081317.gif) right bottom no-repeat; }

/* ピックアップ情報 */
div#topPickUp{ margin:30px 0 0 0; }
div#topPickUp .dlWrap{ border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #d4e6b2; }
div#topPickUp .dlWrap.first{ border-top:1px solid #d4e6b2; }
div#topPickUp dl{ padding:10px 15px; border-top:1px solid #fff; background:#f2f5e4 url(/content/000081305.gif) left top repeat-x; }
div#topPickUp dl dt{ }
div#topPickUp dl dd{ }

/* プレスリリース */
div#topPress{ margin:30px 0 0 0; }
div#topPress h2{ position:relative; }
div#topPress h2 .btn{ position:absolute; top:27px; right:15px; }

/* 新着情報 */
div#topNews { margin:30px 0 0 0; }
div#topNews h3 { margin:20px 0 0 0; position:relative; }
div#topNews h3 .btn { position:absolute; top:12px; right:13px; }

/* 日付リスト（仕切り線あり） */
dl.dateListLineOn { padding: 10px 0 10px 0; background: url(/content/000025565.gif) left bottom repeat-x; }
dl.dateListLineOn dt { font-size: 0.7em; line-height: 1.2em; font-weight: bold; }
dl.dateListLineOn dd { font-weight: normal; }

/* 日付リスト（仕切り線なし） */
dl.dateListLineOff { padding: 10px 0 10px 0; }
dl.dateListLineOff dt { font-size: 0.7em; line-height: 1.2em; font-weight: bold; }
dl.dateListLineOff dd { font-weight: normal; }

/* 右メニュー */
.closeUp{ margin:0 0 20px 0; }
.closeUp ul{  }
.closeUp ul li{ padding:10px 12px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.closeUp ul li p{ margin:5px 0 0 0; }
.publicInfo{ margin:0 0 20px 0; }
.publicInfo img{ vertical-align:top; }