@charset "shift_jis";



/********************/
/* 初期設定 */
/********************/
* { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
border: none;
line-height: 100%;
list-style-type: none;
font-style: normal;
font-weight: normal;
font-size: 100%;
text-align: left;
}

textarea { font-size: 100%; }
img { border: 0; vertical-align: bottom; }
hr  { display: none; }

text-align:justify;



/**********************/
/* html　body　外枠 */
/**********************/
html { height:100%; }

body {
height:100%;
background:#013F30;
text-align: center;
}

#container {
margin-left:auto;
margin-right:auto;
width:800px;
height:100%;
min-height:100%;
background:url(images/common/bg_01.gif) repeat-y center top;
}

body > #container { 
height:auto; 
}

#container_in {
width:776px;
margin-left:auto;
margin-right:auto;
color:#555;
background:url(images/common/bg_05.gif) repeat-x bottom;
text-align:left;
font:14px/1.6em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;;
}



/********************/
/* リンク */
/********************/
a , a:link , a:visited {
text-decoration:none;
outline:none;
color:#555;
}

a:hover {
color:#000;
}



/********************/
/* ヘッダ */
/********************/
#header {
padding-top:0;
height:150px;
background:url(images/common/bg_02.gif) no-repeat top center;
}

#header h1 {
padding:30px 0 0 20px;
}

#header h1 a#goto_top {
width:280px;
height:105px;
display:block;
}



/***************************/
/* ナビゲーション　トップ */
/***************************/
#navi_top {
height:38px;
background:url(images/common/bg_03.gif) repeat-x;
}

#navi_top:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #navi_top {
height: 1em;
overflow: visible;
}
/**/

ul#menu01 li
{
display:inline;
list-style:none; 
float:left;
}

ul#menu01 li a , ul#menu01 li a:hover
{
width:154px;
height:38px;
display:block;
text-indent:-9877em;
overflow:hidden;
margin:0;
background:url(images/common/navi_top.gif);
}

/*========================*/
/* ナビゲーション　トップ　個別設定 */
ul#menu01 li#menu01_01 a {
	background-position:0px 0px;
}
ul#menu01 li#menu01_02 a {
	background-position:-154px 0px;
}
ul#menu01 li#menu01_03 a {
	background-position:-308px 0px;
}
ul#menu01 li#menu01_04 a {
	background-position:-462px 0px;
}
ul#menu01 li#menu01_05 a {
	background-position:-616px 0px;
}
ul#menu01 li#menu01_01 a:hover {
	background-position:0px -38px;
}
ul#menu01 li#menu01_02 a:hover {
	background-position:-154px -38px;
}
ul#menu01 li#menu01_03 a:hover {
	background-position:-308px -38px;
}
ul#menu01 li#menu01_04 a:hover {
	background-position:-462px -38px;
}
ul#menu01 li#menu01_05 a:hover {
	background-position:-616px -38px;
}



/***************************/
/* メインイメージエリア */
/***************************/
#image_area {
margin-bottom:3px;
width:776px;
height:485px;
background:url(images/common/bg_07.gif) repeat-x left bottom;
}



/***************************/
/* コンテンツ　左側 */
/***************************/
#content_left {
margin-right:6px;
width:280px;
float:left;
}

/*=========*/
/*ナビ　左側 */
#navi_left {
margin-left:6px;
height:210px;
}

ul#menu02 li a , ul#menu02 li a:hover
{
width:274px;
height:70px;
display:block;
text-indent:-9877em;
overflow:hidden;
margin:0;
background:url(images/index/navi-left.gif);
}

/*-------------------------------------------------------*/
/* ナビゲーション　左側　個別設定 */
ul#menu02 li#menu02_01 a {
background-position:0px 0px;
}
ul#menu02 li#menu02_02 a {
background-position:0px -70px;
}
ul#menu02 li#menu02_03 a {
background-position:0px -140px;
}
ul#menu02 li#menu02_01 a:hover {
background-position:-274px 0px;
}
ul#menu02 li#menu02_02 a:hover {
background-position:-274px -70px;
}
ul#menu02 li#menu02_03 a:hover {
background-position:-274px -140px;
}



/***************************/
/* コンテンツ　右側 */
/***************************/
#content_right {
margin-bottom:10px;
width:484px;
float:left;
}

#content_right #news {
border:1px solid #bbb;
background:url(images/index/bg_04_1.gif) no-repeat left top;
}

#content_right #news_bottom {
padding:45px 30px 30px;
background:url(images/index/bg_04_2.gif) no-repeat left bottom;
}

#content_right #news_bottom li {
padding-top:13px;
line-height:160%;
border-bottom:1px dotted #ef8303;
}



/***************************/
/* フッタ */
/***************************/
#footer {
width:100%;  /*--- IEバグ対策 ---*/
clear:left;
}

#footer address {
padding:3px 0;
color:#fff;
background:url(images/common/bg_06.gif) repeat-x;
line-height:140%;
text-align:center;
}

#footer #cr {
padding:5px 0;
color:#09592d;
background:#fff;
font-size:10px;
text-align:center;
}







/***************************/
/*共通　フォント */
/***************************/
h2 {
margin:0 6px;
padding:12px 0 16px 20px;
color:#444;
background:url(images/about/title_h2.gif) repeat-x;
font-size:19px;
font-weight:bold;
}

.txt_s {
line-height:130%;
font-size:10px;
}


.txt_b {
font-weight:bold;
}

.txt16_b {
font-size:16px;
font-weight:bold;
}



/***************************/
/* 各ページ */
/***************************/

/***************************/
/* 協議会について */
/***************************/
#con_about {
margin:12px 15px;
padding:50px 15px 15px 140px;
border:1px solid #b6821b;
background:url(images/about/bg_kodawari.gif) no-repeat center top;
}

#con_about p {
padding-bottom:10px;
line-height:160%;
color:#222;
}

#con_about02 {
margin:12px 15px;
overflow:hidden;
}

#con_about02 .frame {
float:left;
width:248px;
background:url(images/about/bg_01.gif) repeat-y left;
}

#con_about02 .frame img {
float:left;
width:140px;
}

#con_about02 .frame p {
margin:25px 10px 0 0;
color:#222;
line-height:140%;
font-size:12px;
}



/***************************/
/* 会員紹介 */
/***************************/
.con_member {
margin:12px 15px;
overflow:hidden;
}

.con_member #frame01 , .con_member #frame02 , .con_member #frame03 , .con_member #frame04 {
width:367px;
height:205px;
}

.con_member #frame01 p , .con_member #frame02 p , .con_member #frame03 p , .con_member #frame04 p {
margin:15px 0 0 210px;
color:#fff;
font-size:18px;
}

.con_member #frame01 dl , .con_member #frame02 dl , .con_member #frame03 dl , .con_member #frame04 dl {
margin:15px 0 0 210px;
color:#fff;
font-size:13px;
}

.con_member #frame01 dt,dd , .con_member #frame02 dt,dd , .con_member #frame03 dt,dd , .con_member #frame04 dt,dd {
line-height:140%;
}

.con_member #frame01 {
float:left;
background:url(images/member/photo_01.jpg) no-repeat;
}

.con_member #frame02 {
float:right;
background:url(images/member/photo_02.jpg) no-repeat;
}

.con_member #frame03 {
float:left;
background:url(images/member/photo_03.jpg) no-repeat;
}

.con_member #frame04 {
float:right;
background:url(images/member/photo_04.jpg) no-repeat;
}



/***************************/
/* 生産物紹介 */
/***************************/
.con_products {
margin:25px 27px;
padding-top:70px;
width:722px;
background:url(images/products/bg_01.gif) no-repeat center top;
}

.con_products p {
margin-left:20px;
color:#000;
line-height:140%;
}



/***************************/
/* 活動報告 */
/***************************/
#con_activity {
margin:20px;
overflow:hidden;
}

#con_activity .frame01 {
float:left;
width:358px;
height:340px;
background:url(images/activity/bg_01.gif) no-repeat;
}

#con_activity .frame01 .photo01 {
margin:76px 7px 0;
width:344px;
height:254px;
background:url(images/activity/photo_01.gif) no-repeat;
}

#con_activity .frame02 {
float:right;
width:358px;
height:340px;
background:url(images/activity/bg_02.gif) no-repeat;
}

#con_activity .frame02 .photo02 {
margin:76px 7px 0;
width:344px;
height:254px;
background:url(images/activity/photo_02.gif) no-repeat;
}

#con_activity .frame01 .photo01 p , #con_activity .frame02 .photo02 p {
padding:115px 210px 0 5px;
color:#222;
line-height:125%;
font-size:13px;
text-align:justify;
}



/***************************/
/* イベント */
/***************************/
#con_event {
margin:20px;
overflow:hidden;
}

#con_event .frame01 {
float:left;
width:358px;
height:340px;
background:url(images/event/bg_01.gif) no-repeat;
}

#con_event .frame01 .photo01 {
margin:76px 7px 0;
width:344px;
height:254px;
background:url(images/event/photo_01.jpg) no-repeat;
}

#con_event .frame02 {
float:right;
width:358px;
height:340px;
background:url(images/event/bg_02.gif) no-repeat;
}

#con_event .frame02 .photo02 {
margin:76px 7px 0;
width:344px;
height:254px;
background:url(images/event/photo_02.jpg) no-repeat;
}

#con_event .frame01 .photo01 p , #con_event .frame02 .photo02 p {
padding:115px 205px 0 3px;
color:#222;
line-height:125%;
font-size:13px;
text-align:justify;
}