/*----------------------全ページ共通/ＴＯＰ----------------------*/


/*-----------------------------------------------------------------     -------------------------------------------------------------------
              共通のスタイル
-------------------------------------------------------------------
-----------------------------------------------------------------*/

#container {
  margin: 0 auto;
  padding: 0;
  width: 640px;
  }
  
#contents {
  padding-top: 30px;
  *padding-top: 0px;
  }
  
 
/*  header - メニュー 
------------------------------------------------------------------*/
 
#menu  {
  width: 640px;
  margin: 0;
  padding: 0;
　} 

ul#menu  li {
  text-indent: -9999px;
  list-style: none;
  width: 120px;
  padding: 0  4px 0 4px;
  float: left; 
  }
  
ul#menu  li a {
  display: block;
  height: 24px;
  background: url(top_image/menu.gif) no-repeat;
  text-decoration: none; 
  outline: none;
  /*\*/ overflow: hidden;/**/
  }
 
ul#menu li#top a      { background-position:0 0; } 
ul#menu li#shouhin a  { background-position:-120px 0; } 
ul#menu li#mousikomi a{ background-position:-240px 0; } 
ul#menu li#kaisha a   { background-position:-360px 0; } 
ul#menu li#link a     { background-position:-480px 0; } 

ul#menu li#top a:hover      { background-position:0 -24px; } 
ul#menu li#shouhin a:hover  { background-position:-120px -24px; } 
ul#menu li#mousikomi a:hover{ background-position:-240px -24px; } 
ul#menu li#kaisha a:hover   { background-position:-360px -24px; } 
ul#menu li#link a:hover     { background-position:-480px -24px; } 

ul#menu li#top.current-page      { width:112px; height: 24px; background: url(top_image/menu.gif) 0  -24px; } 
ul#menu li#shouhin.current-page  { width:112px; height: 24px; background: url(top_image/menu.gif) -120px -24px; } 
ul#menu li#mousikomi.current-page{ width:112px; height: 24px; background: url(top_image/menu.gif) -240px -24px; } 
ul#menu li#kaisha.current-page   { width:112px; height: 24px; background: url(top_image/menu.gif) -360px -24px; } 
ul#menu li#link.current-page     { width:112px; height: 24px; background: url(top_image/menu.gif) -480px -24px; } 
 
 
/* footer
------------------------------------------------------------------*/

#footer {
  clear: left;
  padding-top: 20px;
  font-size: small;
 }
 
#footer a {
  text-decoration:none; 
  color:#666666;
 }
 
#f_menu {
  float: left;
  }
  
#modoru {
  font-weight: bold;
  margin-left: 500px;
  }


/* テキスト
------------------------------------------------------------------*/
p {
  margin: 5px 0 0 0;
  pading:  0;
  }
  
h1 {
  margin: 0;
  padding: 0;
  font-size:12px;
  font-weight: normal;
  }

h2#top {
  margin: 0;
  padding: 0;
  }
  
h2#name {
  font-size:small;
  font-weight: normal;
  color: #996600;
  }

h3{
  margin: 0;
  padding-bottom: 10px;
  }  
  
.text_1 {
  color:#0000FF;
  text-align:center;
}

.text_2 { 
  font-size: large;
  color:#FF0000;
  }

.text_3 {
  color:#FF0000;
  }
  
.text_4 {
  width: 350px;
  margin: 10px auto;
  font-size: medium;
  color:#FF0000;
  text-align: center;
  padding: 5px 0;
  border: double #FF3333;
  }

.text_5 {
  font-size: medium;
  font-weight: bold;
  color:#FF0000;
  text-align: center;
  padding: 10px 0;
  }
  
.text_6 {
  color:#FFFFFF;
  font-weight: bold;
  }
  
.text_7 {
  font-weight: bold;  
  }

.text_8 {
 color: #B28653;
 font-weight: bold;
 }



/*------------------------------------------------------------------     --------------------------------------------------------------------
              indexのスタイル
--------------------------------------------------------------------
------------------------------------------------------------------*/
 
  
/* up_contents
------------------------------------------------------------------*/

#up_contents{
  padding: 40px 0px 0px 0px;
  *padding: 15px 0px 10px 0px;
  }
  
/* 左側 */ 

#up_contents #left_contents{
  width: 330px;
  float: left;
  }
  
#up_contents #left_contents dd{
  margin: 5px 0 10px 0;
  }

/* 右側 */
  
#up_contents #right_contents {
  width: 290px;
  margin-left: 330px; 
  }  
  
#up_contents #right_contents #ninnki {
  width: 140px;
  float: left;
  }
  
#up_contents #right_contents #osusume {
   width: 140px;
   margin-left: 145px;
  }
 
.kome1 {
  padding:5px 20px ;
  } 


#bunner {
  padding-top: 15px;
  }  
  
#bunner a img {
  padding-bottom: 10px;
  }

  
/* cen_contents
------------------------------------------------------------------*/
  
#cen_contents {
  width: 640px;
  margin:0;
  padding:0;
  clear: laft;
}


/* お米情報
------------------------------------------------------------------*/

#okomejouhou {
  width: 490px;
  margin: 0 75px;
  padding-bottom: 15px;
  background: url(top_image/okome_main.gif) repeat-y;
  border-bottom:solid #4aab27 2px;
}
  
#inner_okome {
  padding: 0 15px;
 }

  
/* low_contents
------------------------------------------------------------------*/

#low_contents {
  margin: 20px 0 30px 0;
  width: 640px;
  }

.kome_list {
  width: 200px;
  height: 210px; 
  padding-left: 10px;
  float:left;
  }

.kome2 {
  padding: 0 40px;
}
  
