@charset "UTF-8";

/*
name: Japan-farm
designer: N Taniguchi by agentry
*/


body
{
   font-family:Vendana;
}

/* テキストリンク */
a { 
        color: #38632C;
        text-decoration: underline;
}
a:visited {
        color: #3B4937;
        text-decoration: underline;
}
a:hover {
        color: #FF5500;
        text-decoration: underline;
        background: none;
}



.shopping-top a { 
        color: #fff;
        text-decoration: underline;
}
.shopping-top a:visited {
        color: #fff;
        text-decoration: underline;
}
.shopping-top a:hover {
        color: #ff5500;
        text-decoration: underline;
        background: none;
}














/* TOPサイト説明のポジション */
#site-description {
   padding: 20px 0 0 3px;
   font-weight: lighter;
   font-size: 9px;
   line-height: 1.5;
   color: #696969;
   width: 760px;
   margin-bottom: 0;
   text-align: left;
}



/* レイアウト */

body
{
   color: #000;
   background: #F4F4DE;
}



/* メイン */
#container
{
   width: 900px;
   text-align: center;
   margin-bottom: 0;
   background: #fff;
   padding: 5px;
}



.top-navi
{
   padding: 15px 0 5px 0;
   margin: 0;
   font-size: 13px;
   line-height: 1.5;
   color : #1D5C27;
   text-align: center;
   background: #F4F4DE;
}


.top-banner
{
   background: #1D5C27;
   text-align: center;
}


.link-bar
{
   background: #1D5C27;
   text-align: center;
   background-image: url("../images/link_bar.gif");
   background-repeat: no-repeat;
   background-position: 50% 50%;
   font-size: 13px;
   color : #696969;
}








.top-navi2
{
   width: 310px;
   padding: 10px 15px;
   font-size: 13px;
   color : #fff;
   background: #000;
   line-height: 1.6;
}

.oganic-navi
{
   /* width: ; */
   padding: 10px 15px;
   font-size: 13px;
   color : #fff;
   background: #000;
   line-height: 1.6;
}

.oganic-navi2
{
   /* width: ; */
   padding: 10px 15px;
   font-size: 16px;
   color : #fff;
   background: #000;
   line-height: 1.6;
}



.oganic-top
{
   /* width: ; */
   padding: 10px;
   background: #fff;
   border: 1px solid #1D5C27;
}

.oganic-title
{
   width:260px;
   padding: 5px 0 5px 10px;
   font-size: 20px;
   color : #1D5C27;
   line-height: 1.6;
   border-left: 10px solid #1D5C27;
   border-bottom: 3px solid #1D5C27;
   font-weight: bold;
}


.oganic-content
{
   margin-top: 30px;
   margin-bottom: 10px;
   padding: 3px 0 10px 10px;
   font-size: 14px;
   color : #1D5C27;
   line-height: 1.6;
   border-left: 10px solid #1D5C27;
   border-bottom: 3px solid #1D5C27;
}

.info-oganic
{
   padding: 15px 15px 0 0;
   font-size: 16px;
   color : #000;
   line-height: 1.8;
   background-image: url("../images/rice_banner.jpg");
   background-repeat: no-repeat;
   text-align: right;
   border: 1px solid #000;
}





.info-content
{
   padding: 15px 15px 0 0;
   font-size: 16px;
   color : #fff;
   line-height: 1.8;
   background-image: url("../images/info_2ndbg_banner.jpg");
   background-repeat: no-repeat;
   text-align: right;
   border: 1px solid #1D5C27;
}


.info-navi
{
   /* width: ; */
   padding: 10px 15px;
   font-size: 16px;
   color : #fff;
   background: #000;
   line-height: 1.9;
}


.shopping-title
{
   width:630px;
   padding: 5px 0 5px 10px;
   font-size: 20px;
   color : #1D5C27;
   line-height: 1.6;
   border-left: 10px solid #FF5500;
   border-bottom: 3px solid #FF5500;
   font-weight: bold;
}

.shopping-content
{
   margin-top: 30px;
   margin-bottom: 10px;
   padding: 3px 0 10px 10px;
   font-size: 14px;
   color : #1D5C27;
   line-height: 1.6;
   border-left: 10px solid #FF5500;
   border-bottom: 3px solid #FF5500;
}

.shopping-content2
{
   margin-top: 0;
   margin-bottom: 0;
   padding: 3px 0 0 10px;
   font-size: 14px;
   color : #1D5C27;
   line-height: 1.6;
   border-left: 10px solid #FF5500;
}



.shopping-top
{
   padding: 55px 15px 5px 15px;
   font-size: 20px;
   font-family: Verdana;
   font-weight: bold;
   color : #fff;
   line-height: 1.8;
   background-image: url("../images/citysuper_001.jpg");
   background-repeat: no-repeat;
   text-align: right;
   border: 1px solid #1D5C27;
}











.top-add
{
   /* width: px; */
   padding: 5px 5px 5px 5px;
   font-size: 13px;
   line-height: 1.8;
   color : #000;
}

.footer
{
   width: 900px;
   margin-bottom: 0;
   background: #C7AF0E;
   border-bottom: 20px solid #000;
   color: #fff;
   text-align: center;
   padding : 50px 0 0 0;
   /* font-weight: ; */
   font-family: arial;
   font-size: 12px;
}

.footer a {
	color:#fff;
	text-decoration:none;
}






/*
==========================================
*/



#container-footer
{
   width: 570px;
   margin-bottom: 0;
   background: #fff;
   border-right: 1px solid #886C35;
   border-bottom: 1px solid #886C35;
   border-left: 1px solid #886C35;
   color: #696969;
   font-family: arial;
   font-size: 14px;
   text-align: center;
   padding : 10px;
}



/* サイドバー */
#side-bar
{
   background: #ffffcc;
   width: 195px;
   padding: 10px 3px 5px 3px;
   border-left: 10px solid #799B78;
   border-top : 1px solid #886C35;
}


#side-bar-footer
{
   background: #ffffcc;
   width: 195px;
   padding: 5px 5px 5px 10px;
   border-left: 10px solid #799B78;
   border-bottom : 1px solid #886C35;
   font-weight: lighter;
   font-size: 9px;
}




/* ＝＝＝　サイドバーのメニュー　＝＝＝ */
/* ナビゲーション */
#navi
{
   border-width: 0 ;
   padding: 0 5px 0 10px ;
   margin: 35px 0 25px 0;
}

.navi
{
   font-weight: lighter;
   font-size: 14px;
   line-height: 1.2;
   
}


.navi_ikumo
{
   font-weight: lighter;
   font-size: 12px;
   line-height: 1.4;
   padding: 10px ;
   color : #696969 ;
}



.navi-banner
{
   margin: 20px 0 20px 0;
   text-align: center;
   padding: 5px ;
   font-size: 8px;
   color : #696969 ;
   font-weight: lighter;
   line-height: 1.2;
}



#navi-blog
{
   padding: 0 5px 0 0 ;
   margin: 30px 0 15px -10px;
   
}


.navi-blog
{
   font-weight: lighter;
   font-size: 14px;
   line-height: 1.8;
   
}




/* インフォメーション */
#info
{
   margin: 20px 0 0 0;
   padding: 15px 7px 15px 10px ;
   font-size: 9px;
   line-height: 1.5;
   color : #696969 ;
   border-top : 1px solid #886C35;
   border-bottom : 1px solid #886C35;
   
}


/* QRコード */
.qr
{
   margin: 10px 0 0 0;
   padding: 0px 0px 0px 0px ;
   font-size: 12px;
   line-height: 1.2;
   color : #008000 ;
   border-top : 1px solid #886C35;
   
}




/* 会社概要 */
#about-us
{
   padding: 5px 1px 5px 8px ;
   margin : 20px 0 40px 0;
   font-size: 9px;
   line-height: 1.5;
   color : #000 ;
   
}



/* ＝＝＝　メインコンテナーのメニュー　＝＝＝ */
/* TOPナビゲーション */



/* TOPタイトル */
.store-name
{
   width: 545px;
   padding: 5px 0 10px 3px ;
   margin : 0px 0 15px 0px;
   font-size: 16px;
   line-height: 1.5;
   color : #000 ;
   font-weight: lighter;
   border-bottom : 1px solid #886C35;
}

/* 商品バナー　*/
.items
{
   width: 345px;
   padding: 3px 0 0 2px ;
   font-size: 10px;
   line-height: 1.7;
   color : #696969 ;
   font-weight: lighter;
   background: #FDFDE5;
   border : 0px solid #FFF;
}


.jsrss
{
   border : 1px solid #799B78;
   padding: 30px 10px 0 15px ;
   font-size: 14px; 
   /* color : # ; */
   background: #F7F7E5;
   background-image: url("../images/rss_title.gif");
   background-repeat: no-repeat ;
   background-position: top;
}


.affiliate_title
{
   border : 1px solid #006699;
   padding: 5px ;
   font-size: 14px; 
   color : #FFFFFF ;
   background: #006699;
   text-align: center;
}

.affiliate
{
   border : 1px solid #006699;
   padding: 5px ;
   font-size: 12px; 
   color : #006699 ;
   background: #FFFFFF;
   text-align: center;
}




.jsrss-staff
{
   border : 1px solid #799B78;
   padding: 50px 10px 0px 20px ;
   font-size: 14px; 
   /* color : # ; */
   background: #FFF;
   background-image: url("../images/rss_title2.gif");
   background-repeat: no-repeat ;
   background-position: top;
}




.items-photo
{
   border : 1px solid #886C35;
   width: 200px;
}

#items-banner
{
   margin : 10px 0 10px 0 ;
}

.items-header
{
   font-size: 14px;
   margin : 0 5px 3px 7px;
   padding: 2px ;
}

.items-description
{
   margin : 3px 8px 0 15px;

}

.items-link
{
   font-size: 9px;
   margin : 0 ;
   text-align: right;
   padding: 5px 10px 0 0 ;
}




.mochi-title
{
   font-size: 14px;
   color : #000 ;
   padding : 5px 0 5px 0;
}


.mochi-description
{
   font-size: 12px;
   line-height: 1.4;
   color : #696969 ;
   padding : 5px 12px 30px 12px;
}



/* 商品詳細・価格 */
.items-content
{
   margin : 5px 0 10px 7px ;
   padding: 5px 0 15px 0px ;
   width: 545px;
   line-height: 2;
}

.items-content
{
   padding: 10px 0 0 15px ;
   line-height: 1.6;
}


#item-topics
{
   background: #FDFDE5;
   margin : 5px 0 5px 7px ;
   padding: 5px 0 5px 0px ;
}


/* 商品詳細・アピール */

.items-jas
{
   padding: 5px 5px 10px 15px ;
   background-color: #FDFDE5;
   font-size: 13px;
   color : #000 ;
   line-height: 1.4;
   text-align: left;
}

.items-pdf
{
   padding: 10px 10px 10px 10px ;
   font-size: 9px;
   color : #000 ;
   line-height: 1.2;
   background-color: #F2F2F2;
   margin : 8px 0 0 0 ;
}


.jas-licence
{
   padding: 5px 5px 5px 7px ;
   font-size: 12px;
   color : #000 ;
   line-height: 1.3;
}


.items-guideline
{
   padding: 3px 3px 3px 8px;
   background-color: #FDFDE5;
   border : 1px solid #886C35;
}

.guideline
{
   padding: 3px 5px 2px 5px ;
   font-size: 14px;
   line-height: 1.6;
}

.guideline-s
{
   padding: 4px 0 4px 0 ;
   font-size: 14px;
   text-align: center;
   background-color: #FFF;
}



.items-cake
{
   margin : 5px 0 20px 7px ;
   padding: 5px 5px 5px 10px ;
   width: 545px;
   background-color: #F4F4DE;
   font-size: 16px;
   color : #000 ;
   line-height: 1.4;
   text-align: center;
}


.items-deta
{
   margin : 5px 0 15px 7px ;
   padding: 15px 5px 15px 10px ;
   width: 545px;
   line-height: 1.5;
   font-size: 14px;
   background-image: url("../images/back_deta.gif");
   background-repeat: no-repeat;
   background-position : 100% 100%;
}


.items-footer
{
   margin : 5px 0 20px 7px ;
   padding: 315px 10px 10px 15px ;
   width: 545px;
   line-height: 1.5;
   font-size: 14px;
   background-color: #F4F4DE;
   background-image: url("../images/hot_rice.jpg");
   background-repeat: no-repeat;
   background-position : 50% 0% ;
   color : #fff ;
}

.items-mochi
{
   margin : 5px 0 20px 7px ;
   padding: 130px 10px 10px 15px ;
   width: 545px;
   line-height: 1.5;
   font-size: 14px;
   background-color: #F4F4DE;
   background-image: url("../images/mochi_kome.jpg");
   background-repeat: no-repeat;
   background-position : 50% 30% ;
   color : #fff ;
}

.items-low
{
   margin : 5px 0 20px 7px ;
   padding: 10px 10px 150px 15px ;
   width: 545px;
   line-height: 1.5;
   font-size: 14px;
   background-color: #F4F4DE;
   background-image: url("../images/low_photo.jpg");
   background-repeat: no-repeat;
   background-position : 50% 50% ;
   color : #fff ;
}





/* お客様の声・田んぼだより */
.voice
{
   margin : 28px 0 20px 0;
   padding : 10px 0 10px 0 ;
   width: 540px;
   border-top : 1px solid #886C35;
   border-bottom : 1px solid #886C35;
}

.voice-a
{
   padding: 10px 5px 10px 5px ;
   font-size: 12px;
   line-height: 1.5;
   color : #543E01 ;
   width: 272px;
}

.voice-b
{
   padding: 10px 5px 10px 5px ;
   font-size: 12px;
   line-height: 1.5;
   color : #543E01 ;
   width: 272px;
}

.voice-link
{
   font-size: 12px;
   margin : 0 ;
   text-align: right;
   padding: 10px 10px 0 0 ;
}


/* スタッフ紹介 */
#staff
{
   margin : 15px 0 0 0;
   padding : 0px 0 5px 0 ;
   width: 520px;
}

.staff
{
   margin : 0;
   padding : 3px;
   font-size: 12px;

   background: #F4F4DE;
}

.staff-header
{
   width: 525px;
   font-size: 14px;
   color : #000 ;
   font-weight: lighter;
   margin : 20px 0 1px 2px;
   padding : 5px 0 3px 5px;
   /* background: #; */
}

.staff-description
{
   font-size: 12px;
   color : #696969 ;
   padding : 3px ;
   line-height: 1.3;

}


/* お買い物 */
.shopping
{
   margin : 25px 0 10px 0;
   padding : 10px 0 10px 0 ;
   width: 545px;
   border-top : 1px solid #886C35;
   border-bottom : 1px solid #886C35;
}

.shopping-header
{
   padding : 0 0 0 13px ;
   background: #FFFFCC;
   font-size: 14px;
   border-right : 3px solid #FFF ;
}

.shopping-header2
{
   padding : 0 0 0 13px ;
   font-size: 14px;
}

.shopping-description
{
   padding : 8px ;
   background: #FFFFCC;
   font-size: 12px;
   line-height: 1.8;
}

.shopping-description2
{
   padding : 8px ;
   font-size: 12px;
   line-height: 1.8;
}

.info-description
{
   padding : 2px 0 2px 5px ;
}

.info-description a,
.info-description a:visited
{
   color: #FF5500 ;
}

.info-description a:hover
{
   color: #886C35 ;
}



/* info写真詳細 */
.photo-info
{
   background: #FFFFCC;
   padding : 15px 10px 0px 15px ;
   width: 305px;
   font-size: 14px;
   color : #4B2914 ;
   line-height: 1.8;
}

.photo-info2
{
   background: #FDFDE5;
   padding : 15px 10px 0px 15px ;
   width: 305px;
   font-size: 14px;
   color : #4B2914 ;
   line-height: 1.8;
}

.hr{
   margin : 5px 0 10px 0;
   padding : 0 0 0 0 ;
   width: 545px;
   border-bottom : 1px solid #886C35;
}

/* プレゼントフォーム */
.form-info
{
   background: #FFFFCC;
   padding : 15px 10px 0px 15px ;
   font-size: 14px;
   color : #4B2914 ;
   line-height: 1.8;
}



/* RSSフィード */
.feed
{
   margin : 5px 0 10px 0;
   padding : 10px 0 10px 0 ;
   width: 545px;
   border-bottom : 1px solid #886C35;
}

.feed-header
{
   padding : 0 0 0 10px ;
   background: #FFFFCC;
   font-size: 12px;
   border-right : 5px solid #FFF ;
   width: 320px;
}

.feed-header2
{
   padding : 0 0 0 10px ;
   font-size: 12px;
   width: 320px;
}

.feed-description
{
   padding : 10px 0 10px 10px ;
   background: #FFFFCC;
   font-size: 13px;
   color : #3B4937 ;
   width: 265px;
   line-height: 1.4;
}

.feed-description2
{
   padding : 10px 0 10px 10px ;
   font-size: 13px;
   color : #3B4937 ;
   width: 265px;
   line-height: 1.4;
}


.about-feed
{
   padding : 10px ;
   background: #FFFFCC;
   font-size: 12px;
   line-height: 1.6;
}




/* 商品詳細追加 */
.items-more
{
   padding: 10px ;
   background-color: #FDFDE5;
   color : #543E01 ;
   font-size: 14px;
   line-height: 1.6;
   border : 1px solid #008000;
}


.items-more2
{
   padding: 55px 10px 10px 140px ;
   background-image: url("../images/123copy.jpg");
   background-repeat: no-repeat;
   color : #115B11 ;
   font-size: 12px;
   line-height: 1.4;
   border : 1px solid #008000;
}





/* ENDナビゲーション */
#end-navi
{
   padding: 15px 0 20px 0;
   margin: 0 0 15px 0 ;
   font-size: 10px;
   line-height: 2;
   color : #886C35 ;
   text-align: center;
}