@charset "utf-8";

/*---------------------------------------------
Base Style
Copyright (C) agrifoods All Rights Reserved.
---------------------------------------------
01.Global reset
02.body,wrap,img
03.flash-contens
04.footer
05.top-nav
06.middle-contents
07.contents
08.company
09.privacy
10.division
---------------------------------------------*/

/*---------------------------------------------
01. Global reset
---------------------------------------------*/
* {	margin: 0px; padding: 0px; }

/*---------------------------------------------
02. body,wrap,img
---------------------------------------------*/
body  { text-align: center; font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka,sans-serif; background: #ffffff; }
#wrap { margin: 0px auto; width: 801px; text-align: left; background: url("../img/wrap.gif") repeat-y; }
img { border: none; vertical-align: bottom; }
#pankuzu { font-size: 80%; padding-bottom: 15px; color: #787878; }
#pankuzu a:link, a:visited { color: #FF9000; text-decoration: none; }
#pankuzu a:hover, a:active { color: #ff6700; text-decoration: underline; }
a:link, a:visited { color: #3449cc; text-decoration: none; }
a:hover, a:active { color: #3399ff; text-decoration: underline; }

/*---------------------------------------------
03. flash-contens
---------------------------------------------*/
#flash-contents { padding-left: 31px; padding-top: 20px; }

/*---------------------------------------------
04. footer
---------------------------------------------*/
#footer { clear: both; text-align: center; color:#ff9000; font-size: 80%; padding-top: 10px; padding-bottom: 5px; }
#footer .txt { padding-top: 5px; }
#footer a:link, a:visited { color: #FF9000; text-decoration: none; }
#footer a:hover, a:active { color: #FF6700; text-decoration: underline; }

/*---------------------------------------------
05. top-nav
---------------------------------------------*/
#top-nav { padding-top: 20px; padding-left: 32px; }
#top-nav2 { padding-top: 13px; padding-left: 32px; }

/*---------------------------------------------
06. middle-contents
---------------------------------------------*/
#middle-contents { clear: both; width: 780px; padding-top: 20px; }
#middle-left { width: 511px; float:left; padding-left: 32px; }
#middle-right { width: 209px; float:left; padding-left: 20px; }
#isomark { float: right; padding: 10px 30px 0 0; }
#left-kiji { font-size: 90%; color: #96986B; border-bottom: 1px dotted #767676; width: 505px; padding-bottom: 5px; margin-top: 7px; }
#list { float:left; padding-top: 3px; padding-right: 5px; }
#txt { }
#under-link { margin-top: 25px; }
#under-link-img { float: left; padding-left: 10px; }

/*---------------------------------------------
07. contents
---------------------------------------------*/
#contents{ width: 801px; padding-top: 16px; }
#main-contents { width: 580px; float: right; padding-left: 6px; }
#main-contents2 { width: 580px; float: right; padding-left: 6px; }
#main-contents p { padding-top: 40px; padding-left: 24px; }
#main-contents table { padding-top: 40px; }
#main-contents .txt { font-size: 80%; padding-top: 41px; width: 508px; padding-left: 24px; }
#side-contents { width: 184px; float: left; padding-left: 31px; }
#side-contact { margin-top: 10px; border: 1px solid #999999; width: 165px; }
#side-contact p { padding-top: 5px; padding-left: 8px; }
#side-contact h1 { padding-top: 18px; }

/*---------------------------------------------
08. company
---------------------------------------------*/
#company-box { width: 502px; margin-left: 24px; }
#com-list1 { clear: both; margin-top: 0px; width: 494px; border-left: 7px solid #FF9000; border-bottom: 2px dotted #B3936B; }
#com-list1 .list-title { width: 502px; padding-left: 5px; color: #ff9000; font-size: 90%; padding-bottom: 5px; }
.list-title-left { float: left; width: 180px; padding-left: 5px; color: #ff9000; font-size: 90%; padding-bottom: 5px; }
.list-title-right { float: right; width: 180px; }
#com-iso { clear: both; padding: 15px 0 0 5px; }

#com-list3 { margin-left: 1em; font-size: 80%; padding-top: 5px; }

#com-list2 { clear: both; margin-left: 1em; font-size: 80%; padding-top: 5px; }
#com-list2 .left { float: left; width: 270px; }
#com-list2 .left a:link, #com-list2 .left a:visited { color: #000000; text-decoration: none; }
#com-list2 .left a:hover, #com-list2 .left a:active { color: #1997C3; text-decoration: underline; }
#com-list2 .left2 { float: left; width: 280px; }
#com-list2 .left3 { float: left; width: 360px; }
#com-list2 .left3-left { clear: both; float: left; width: 100px; }
#com-list2 .left3-right { float: left; width: 260px; }
#com-list2 .left4 { float: left; width: 40px; }
#com-list2 .left5 { float: left; width: 97px; }
#com-list2 .left6 { float: left; width: 270px; }

#com-list2 .left4-y { float: left; width: 27px; }
#com-list2 .left4-m { float: left; width: 30px; }

#caution { clear: both; padding-top: 5px; color:#FF0000; }

#com-list2 .right { float: right; padding-top: 25px; }
#com-list2 .right2 { float: right; padding-top: 25px; }
#com-list2 .right3 { float: left; }
#com-list2 .right6 { float: left; }
#com-box { clear: both; padding-top: 24px;  }
#title-right { padding-left: 50px; }
#office-box { width: 550px; font-size: 80%; padding-top: 25px; }
#office-left { float: left; color: #FF9000; }
#office-right { float: left; padding-left: 27px; padding-top: 19px; }
#office-right .top-txt { color:#7D4600; }
#office-left-img { padding-top: 5px; }
#google { padding-top: 13px; padding-left: 210px; }
#waku { clear: both; padding-top: 20px; }

#page-top { clear: both; float: right; padding-top: 40px; padding-bottom: 10px; }
#page-top2 { float: right; padding-right: 40px; padding-top: 50px; padding-bottom: 10px; }
#page-top3 { clear: both; float: right; padding-top: 30px; padding-bottom: 10px; }


/*---------------------------------------------
09. privacy
---------------------------------------------*/
#p-txt1 { font-size: 80%; color:#646464; padding-left: 25px; width: 500px; padding-top: 20px; }
#p-txt2 { font-size: 80%; color:#646464; padding-left: 35px; width: 490px; padding-top: 10px; }
#p-t { padding-left: 25px; padding-top: 30px; }


/*---コジ追加分（08.02.28）開始---*/
/*-liタグへの指示-*/
.list-style { padding-left: 12px; list-style-type: none; background-image: url(../img/li-deco.gif); background-repeat: no-repeat; }
.list-none	{ list-style-type: none; padding-top: 10px; }
.text-sp {list-style-type: none; }
/*-送料一覧への指示-*/
.charges { padding-top: 10px; padding-left: 25px; }
/*---コジ追加分（08.02.28）終了---*/

/*---------------------------------------------
10. division
---------------------------------------------*/
#div-in { padding-left: 25px; width: 502px; }
#division-title2 { padding-top: 5px; padding-bottom: 5px; }
#div-btn { padding-top: 20px; float: right; }
#div-main { margin-top: 25px; margin-bottom: 25px; }
#div-pro-txt { color: #ff0000; font-size: 80%; padding-bottom: 20px;  }
#div-pro-title { padding: 20px 0 20px 0; }

/*---------------------------------------------
01. Global reset
---------------------------------------------*/
#pro_box { clear: both; width: 550px; font-size: 80%; padding-top: 5px; }
#pro_1 { padding: 5px; float: left; width: 126px; border: 1px solid #686868 }
#pro_2 { padding: 5px; float: left; width: 126px; border-top: 1px solid #686868; border-right: 1px solid #686868; border-bottom: 1px solid #686868; }
#pro_3 { padding: 5px; clear: both; float: left; width: 126px; border-left: 1px solid #686868; border-right: 1px solid #686868; border-bottom: 1px solid #686868; }
#pro_4 { padding: 5px; float: left; width: 126px; border-right: 1px solid #686868; border-bottom: 1px solid #686868; }
#pro_box a:link, #pro_box a:visited { color: #000081; text-decoration: none; }
#pro_box a:hover, #pro_box a:active { color: #4E4EE5; text-decoration: underline; }
#pro_box_name { float: left; color: #000081; font-size: 90%; padding-top: 20px; }
#pro_box_txt { float: left; color: #00A753; font-size: 80%; padding-left: 10px; padding-top: 21px; }

/*-----------------------------
sitemap 03.19追加
-----------------------------*/
.sitemapmain { width: 427px; padding-left: 60px; padding-top: 40px;}
.sitemap-category1 { width: 427px; }
.sitemap-category1 p { width: 405px; font-size: 80%; padding-left: 15px; /*margin-bottom: 10px;*/ line-height: 2.5em; border-bottom: 2px dotted #999999; }
.sitemap-category1 img { vertical-align: middle; }
.sitemap-category3 { width: 177px; padding-left: 250px; margin-top: 10px; }
.sitemap-category3 p { width: 177px; font-size: 80%; line-height: 1.8em; /*margin-bottom: 10px;*/ border-bottom: none; }
.sitemap-category4 { width: 287px; margin: 4px 0px; padding-left: 130px; }
.sitemap-category4 p { width: 279px; font-size: 80%; padding-left: 12px; line-height: 1.8em; border-bottom: 2px dotted #999999;  }


#com-side { margin-bottom: 10px; }
#com-side-new { margin-bottom: 5px; }
#cs-1 { border: 1px solid #646464; width: 165px; }
#cs-2 { border-left: 1px solid #646464; border-right: 1px solid #646464; border-bottom: 1px solid #646464;  width: 165px; }

#protection-txt1 { font-weight: bold; font-size: 100%; width: 550px; text-align: center; padding: 40px 0 0 0; }
#protection-txt2 { font-size: 80%; width: 530px; text-align: right; padding: 25px 0 0 0; }
#protection-txt3 { font-size: 80%; width: 530px; padding: 30px 0 0 10px; }

#pro-stitle1 { clear: both; padding: 20px 0 0 0px; }
#pro-stitle { clear: both; padding: 5px 0 0 0px; }
#pro-pic { padding: 15px 0 0 0px; }
#pro-bird-box { width: 500px; padding: 20px 0 0 0px; }
#pro-bird-left { float: left; width: 310px; font-size: 80%; padding-right: 15px; }
#pro-bird-right { float: right; width: 175px; }

#pro-pork-box { width: 500px; padding: 20px 0 0 0px; font-size: 80%; }

#pro-egg-box { width: 500px; padding: 20px 0 0 0px; }
#pro-egg-left { float: left; width: 240px; }
#pro-egg-right { float: right; width: 244px; }
#pro-egg-txt1 { font-size: 80%; }
#pro-egg-txt2 { padding: 30px 0 0 0; }

#pro-box-main { width: 501px; padding-left: 20px; }

#com-grp { padding: 20px 0 0 25px; }
#com-zennnou { padding: 20px 0 0 25px; }

/*2011.7.19追加*/
.msgtop {
  width: 740px;
  height: 60px;
  margin-left: 31px;
  margin-top: 10px;
  background: url("../img/msgtop.gif") no-repeat left top;
  text-indent: -999999px;
}