@charset "utf-8";
/* BASE CSS Document */

/*   目次

・body & base
・リンク
・見出し
・メインナビ＆フッターナビ
・フラッシュ
・パンくずリスト
・メインエリア
・アドレス＆コピーライト
・subMenuAreaリスト
・トップページ
・週間青果情報バックナンバー
・コラムバックナンバー
・取り扱い商品
・産地状況
・組合員紹介
・サイトマップ
・etc
・clerafix

*/

/*******************************************************
                        body & base                             
********************************************************/

body {
	background-color: #FFFFFF;
	padding-top:0px;
	color:#333333;
        text-align:center;
	font-size:small;
}

#base {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#baseTop {
	background:url(assets/images/logo_title.png) no-repeat;
	height:74px;
	width:780px;
	margin:0px;
	padding:0px;
}

#baseMiddle {
	background:url(assets/images/base_middle.jpg) repeat-y;
	height:auto;
	width:780px;
	margin:0px;
	padding:0px;
}

#baseBottom {
	background:url(assets/images/base_bottom.jpg) no-repeat bottom;
	height:57px;
	width:780px;
	clear:both;
	margin-bottom:0px;
	padding-bottom:0px;
}

/* Search */
#serch {
	float: left;
	margin: 33px 0px 0px 0px;
	width: 765px;
	height: auto;
	text-align:right;
}

#serch input {
	background-color:#36A736;
	border:#009933 solid 1px;
	color:#FFFFFF;
	padding:1px 3px;
}

/* Footerグリーンゾーン */

#greenBaseMddle {
 background:url(assets/images/greenbase_middle.jpg) repeat-y top;
 height:auto;
 width:780px;
 clear:both;
 margin:0px;
 padding-top:3px;
}

#greenBaseBottom {
	background:url(assets/images/greenbase_bottom.jpg) no-repeat;
	width:780px;
	height:9px;
}



/*******************************************************
                        リンク                             
********************************************************/

a:link,
a:visited { color:#009933; text-decoration:none;}

a:hover,
a:active { color:#8FC10D; text-decoration:underline;}

/* 下部ナビゲーション */
#baseBottom a:link,
#baseBottom a:visited {	color:#333333; text-decoration:none;}

#baseBottom a:hover,
#baseBottom a:active { color:#009933; text-decoration:underline;}

#goodsTable a:link,
#goodsTable a:visited { color:#333333; 	text-decoration:none; }

#goodsTable a:hover,
#goodsTable a:action { color:#009933; text-decoration:underline; }

/* サブメニュー */
#sabMenuArea a:link,
#sabMenuArea a:hover,
#sabMenuArea a:active,
#sabMenuArea a:visited { color:#009933; text-decoration:none; }



/*******************************************************
                        見出し                             
********************************************************/

h1, h1 img {
	margin:0px 0px 10px 0px;
	padding:0px;
	height:30px;
}

h2.fruits, h2.vegetable {
	width:260px;
	height:40px; 
	float:left;
	margin:0px;
	padding:5px;
	font-size:1.2em;
	color:#FFFFFF;
}

h2.fruits { background:url(assets/images/bar_orange.gif) repeat-x; }

h2.vegetable { background:url(assets/images/bar_green.gif) repeat-x; }

h3 {
	border-bottom:#72D172 3px solid;
	border-top:#72D172 3px solid;
	padding:3px 0px 3px 0px;
	margin:5px 0px 10px 5px;　　　　　
         color:#36A736;
	font-size:1.2em;
}

h4.columnTitle {
	font:12px;
	color:#009933;
	text-align:center;
	margin:0px 0px 5px 0px;
	padding:0px;
}

h4.columnTop {
        font-size:1.0em;
	color:#009933;
	margin:0px 0px 10px 0px;
	padding:0px;
}

h5 {
	margin:5px 0px 5px 0px;
	padding-left:5px;
	border-left:#666666 solid 12px;
	color:#666666;
	font-size:1.0em;
}

h6 {
	margin:5px 0px 5px 7px;
	padding-left:5px;
	border-left:#666666 solid 12px;
	color:#666666;
	font-size:1.0em;
}

/*******************************************************
                  メインナビ＆フッターナビ                      
********************************************************/

#nav {
        width:752px;
	margin:0px auto 5px auto;
}

#footerNav {
        width:752px;
	margin:0px 15px 0px 15px;
	padding-bottom:5px;
}

#nav a,       #nav ul,       #nav li,
#footerNav a, #footerNav ul {
	display:block;
	padding:0px;
	margin:0px;
}

#nav li,
#footerNav li {
	float:left;
	list-style:none;
}

#footerNav li {
	display:block;
	padding-left:5px;
	padding-right:5px;
	margin:5px 0px 0px 0px;
	border-left:solid 1px;
	white-space:nowrap;
}

#nav img {
	vertical-align:bottom;
}

#footerNav ul {
	clear:both;
}



/*******************************************************
                      フラッシュ                          
********************************************************/

#topPageFlash {
	width:746px;
	height:auto;
	padding:2px 2px 2px 2px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	border:#CCCCCC 1px solid;
}

#topImg {
}



/*******************************************************
                  パンくずリスト                                 
********************************************************/

#breadCrumbs {
	width:750px;
	height:auto;
	text-align:left;
	margin:8px 15px 0px 15px;
	padding:0px 0px 3px 0px;
	border-bottom:#CCCCCC 1px solid;
}

/*******************************************************
             　　メインエリア                                 
********************************************************/

#area {
	width:750px;
	height:auto;
	margin:10px 15px 10px 15px;
}

#areaWide {
	width:750px;
	height:auto;
	margin:0px 15px 10px 15px;
}


#topMainArea {
	width:510px;
	height:auto;
	float:left;
	margin:0px 10px 0px 8px;
}

#columnArea {
	width:212px;
	height:auto;
	float:right;
}

#subMainArea {
	width:550px;
	height:auto;
	float:left;
	text-align:left;
	margin-top:0px;
	padding-top:0px;
}

#sabMenuArea {
	width:185px;
	height:auto;
	float:left;
	margin-right:15px;
	margin-top:0px;
	padding-top:0px;
}


/*******************************************************
              アドレス＆コピーライト                           
********************************************************/

#address {
	margin:3px auto auto 15px;
	color:#FFFFFF;
}

#copyright {
	width:775px;
	text-align:right;
	color:#009933;
}


#goodsTable img {	
	margin:3px;
	display:block;
        border:none;
}


#goodsTable td {
	margin:5px;
	padding:0px 0px 3px 0px;
	text-align:center;
	border:#CCCCCC 1px solid;
	background:url(assets/images/arrow_gray.gif) right bottom no-repeat;
}

#goodsTable tr {}



/*******************************************************
                  subMenuAreaリスト                           
********************************************************/

#sabMenuArea ul, #sabMenuArea li, #sabMenuArea a, #sabMenuArea p {
	display:block;
	padding:0px;
	margin:0px;
	
}

#sabMenuArea ul {
	margin-bottom:5px;
	width:175px;
}

#sabMenuArea li {
	list-style:none;
	padding:2px 10px 2px 15px;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	margin-bottom:0px;
	height:auto;
}

#sabMenuArea li:hover {
	 background:#D6F1D6;
	 color:#003300;
}

#sabMenuArea p {
	border:#cccccc solid 1px;
	padding:3px;
	font-size:1.1em;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background:#228529;
	width:168px;
}



/*******************************************************
                 トップページ                         
********************************************************/

/* 新着情報 */
#whatsNew {
	width:500px;
	margin-bottom:10px;
}

#whatsNew th{
	background:url(assets/images/triangle_green.gif) no-repeat left center;
	white-space:nowrap;
	padding:3px 3px 3px 15px;
	margin:0px;
	width:20%;
	font:normal;
	border-bottom:#bbbbbb 1px dashed;
}

#whatsNew td{
	padding:3px 0px 3px 3px;
	margin:0px;
	border-bottom:#bbbbbb 1px dashed;	
}

/* 週間青果情報 */
#weeklyBox, #weeklyBoxTop, #weeklyBoxBottom{
	width:500px;
	margin:0px;
	padding:0px;
}

#weeklyBoxTop{
	background:url(assets/images/week_top.jpg) no-repeat;
	height:16px;
        font-size:0.1em; 
}

#weeklyBoxMiddle {
	background:url(assets/images/week_middle.jpg) repeat-y;
	padding:0px 20px 0px 15px;
	margin:0px;
	height:auto;
	vertical-align:top;
        width:465px;

}

#weeklyBoxMiddle img {
	border:none;
	padding:0px;
	margin:0px;
}

#weeklyBoxBottom {
	background:url(assets/images/week_bottom.jpg) no-repeat;
	height:12px;
}

#weeklyBoxMiddle ul{
	padding:0px 0px 0px 9px;
	margin:10px 0px 0px 9px;
}

#weeklyBoxMiddle li{
	list-style-image:url(assets/images/triangle_orange.gif);
	line-height:1.5em;
}
/* コラム（Topページ）*/


#column_top {
	background:url(assets/images/coulmn_top.jpg) no-repeat;
	margin:0px;
	padding:0px;
	width:212px;
	height:55px;
	vertical-align:bottom;
}

#column_middle {
	background:url(assets/images/coulmn_middle.jpg) repeat-y;
	margin:0px;
	padding:0px 15px 5px 10px;
	width:187px;
        height:auto;
	vertical-align:top;
}

#column_bottom {
	background:url(assets/images/coulmn_bottom.jpg);
	margin:0px;
	padding:5px 15px 0px 0px;
	width:197px;
	height:44px;
}


#column_middle p {
	clear:both;
	text-align:left;
	margin:5px 0px 0px 0px;
        text-indent:1.0em;
}

#column_bottom img{
	border:none;
	float:right;
}


/*******************************************************
                 週間青果情報バックナンバー                         
********************************************************/

#week {
	width:500px;
	margin-bottom:10px;
}

#week th{
	white-space:nowrap;
	padding:3px 3px 3px 15px;
	margin:0px;
	width:20%;
	font:normal;
	background:#AAE3AA;
}

#week td{
	padding:3px 0px 3px 3px;
	margin:0px;
	border-bottom:#bbbbbb 1px dashed;	
}

#week ul{
	display:block;
	padding:0px 0px 0px 9px;
	margin:0px 0px 0px 9px;
	list-style-image:url(assets/images/triangle_green.gif);
	line-height:1.5em;
}

#week li{
	margin:0px;
	padding:0px;
}

/*******************************************************
                  コラムバックナンバー                         
********************************************************/

.columnBAK table{
	margin-bottom:10px;
	padding-top:10px;
	text-align:left;
	border-bottom:#66CC66 dashed 1px;
        width:535px;
}

.columnBAK th {
	color:#009933;
	margin:10px 0px 0px 0px;
	font-size:1.1em;
	background:#AAE3AA;
	padding:3px 0px 3px 10px;
	border:none;
}

.columnBAK td {
	padding:5px 0px;
	border:none;
}

.columnBAK p {
	margin:0px 0px 8px 0px;
}


/*******************************************************
                  取り扱い商品                          
********************************************************/

#goodsDetails {
	width:550px;
	height:auto;
}

#goodsDetails img.goods {
	float:left;
	margin:0px 10px 10px 0px;
	vertical-align:bottom;
}

.detailTableOrange,
.detailTableGreen {
	clear:both;
	text-align:left;
}

.countriesTable {
}

.detailTableOrange td,
.detailTableGreen td {
	padding:3px 10px;
}

.countriesTable td {
	padding:3px 8px;
        vertical-align:top;
}

.detailTableOrange th {
	color:#ff6600;
	text-align:center;
	background:#FEE3A5;
	padding:3px;
}

.detailTableGreen th,
.countriesTable th {
	color:#009933;
	text-align:center;
	background:#AAE3AA;
	padding:3px 10px;
}



#stance table {
	text-align:left;
	float:left;
	margin-right:25px;
} 

#stance td {
	padding:4px 20px;
}

#stance th {
	color:#009933;
	text-align:center;
	background:#AAE3AA;
	padding:4px 20px;
}

.detailTableOrange, .detailTableOrange tr, .detailTableOrange th, .detailTableOrange td {
	border:#FECF61 1px solid;
	border-collapse:collapse;
}

.detailTableGreen, .detailTableGreen tr, .detailTableGreen th, .detailTableGreen td,
.countriesTable, .countriesTable tr, .countriesTable th, .countriesTable td, 
#stance table, #stance tr, #stance th, #stance td {
	border:#72D172 1px solid;
	border-collapse:collapse;
}

td.noBorder {
	border:none;
        vertical-align:top;
}

td.detailNoBorder {
	border-left:none;
	border-right:none;
}

.detailTableOrange img,
.detailTableGreen img {
        border:0px;
}



/*******************************************************
               産地状況                           
********************************************************/

#rootsTable img {
	border:0px;
	margin:0px 0px 3px 0px;
	display:block;
}

#rootsTable {
}


#rootsTable td.big {
	padding:3px;
	width:auto;
	border:#CCCCCC 1px solid;
	text-align:center;
        vertical-align:top;
}


#rootsTable td.small {
	padding:3px;
}

#rootsTable td.small img {
	display:block;
	text-align:center;
	margin:0px auto 0px auto;
}


/*******************************************************
               組合の概要                           
********************************************************/
	
#stance ul{
	display:block;
	padding:0px 0px 0px 9px;
	margin:0px 0px 20px 9px;
	list-style-image:url(assets/images/triangle_green.gif);
	line-height:1.5em;
}

#ISO {
	float:left;
	margin:0px 5px 0px 0px;
	border:#CCCCCC 1px solid;
}

/*理事長挨拶*/

#greeting p{
	margin:0px 0px 10px 0px;
}

.fontBigBold {
	font-weight:bold;
	font-size:1.1em;
	white-space:nowrap;
}

.greetingImg {
	margin:0px 10px 5px 0px;
	float:left;
	width:150px;
	vertical-align:bottom;
}

.greetinImg img {
	margin-bottom:7px;
}



/*******************************************************
              　　 組合員紹介                           
********************************************************/

#memberTable {
       padding:0px;
       margin:0px;
}

#memberTable th {
	background:#009933;
	color:#FFFFFF;
        padding:5px;
        width:335px;
}

#memberTable td {
	text-align:left;
        vartical-align:top;
        padding:3px 5px;
}



/*******************************************************
                  サイトマップ                           
********************************************************/

#siteMapTable {
	width:720px;
	margin:0px 15px 50px 15px;
	padding:0px;
}

#siteMapTable td {
	vertical-align:top;
	padding:0px 5px;
}

#siteMapTable h2 {
        margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 18px;
	font-size: 95%;
	line-height: 1.7em;
	color: #666;
	background: url("assets/images/triangle_green.gif") 0px 5px no-repeat transparent;
}


#siteMapGoods td{
	width:110px;
}


#siteMapGoods ul, #siteMapTable ul {
        margin:5px 0px 5px 9px;
        padding:0px 0px 0px 9px;
}

#siteMapGoods li, #siteMapTable li {
        list-style:none;
        line-height:1.2em;
}

.borderDash{
        border-bottom:#bbbbbb 1px dashed;
        margin: 0px;
        height:1px;

}




/*******************************************************
                  etc                           
********************************************************/

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
	margin:0px 10px 10px 0px;
}

.floatCenter {
	text-align:center;
	margin:0px auto 0px auto;
}

img.floatCenter {
	display:block;
}

.f10B {
        color:#888888;
        paddingleft:5px;
}

/*******************************************************
                  clerafix                           
********************************************************/

#nav:after,
#footerNav:after,
#area:after,
#goodsDetails:after,
#weeklyBoxMiddle:after,
#column:after,
#stance:after {
	content: ".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#nav,
#footerNav,
#area,
#goodsDetails,
#weeklyBoxMiddle,
#column,
#stance { display:inline-block; }

/* hides from IE-mac \*/
*html #nav,
*html #footerNav,
*html #area,
*html #goodsDetails,
*html #weeklyBoxMiddle,
*html #column,
*html #stance { height:1%; }

#nav,
#footerNav,
#area,
#goodsDetails,
#weeklyBoxMiddle,
#column,
#stance { display:block; }
/* End hide from IE-mac \*/

div#bsi_logo {
	font-size: 9px;
	position: relative;
	left: 440px;
	top: -45px;
	width: 95px;
	height: 80px;
	text-align: center;
	line-height: 7px;
}