/* 全体を中央寄せにする */
body
    { 
     background-image: url("../picture/index/bgcool.gif");
     margin-top :10px;    /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
    }

#page
    {
     background-color: white;
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;   /* 中身を左側表示に戻す */
     width:700px;         /* 幅を決定する */
     border-top:1px solid #000000;
     border-right:1px solid #000000;
     border-left:1px solid #000000;
     border-bottom:1px solid #000000;
     /* filter: progid:DXImageTransform.Microsoft.Shadow(Color=gray, Strength=2, Direction=135); */
     }
/* すべて共通 */
/* トップ */
table.top
	{background-image: url("../picture/index/mesh1.gif");
	width: 700;
	height: 82;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	}
	
td.last{
	text-align: right;
	vertical-align: top;
	padding-right: 10;
	padding-top: 5;
	}

td.logo{
	padding-left: 15;
	padding-bottom: ;
	}
	
td.site{
	padding-bottom: 5;
	padding-right: 10;
	vertical-align: bottom;
	text-align: right;
	}	

td.tiiki{
	text-align: left;
	vertical-align: top;
	padding-left: 20;
	padding-top: 5;
	font-size: 80%;
	}

/* インデックスメニューテーブル */
table.menu {
	border-collapse: collapse;
	width: 700;   
    margin-top: -36;
    padding: 0px;   
    margin-bottom: 20;
}
/* インデックスメニューセル */
td.menu {
   width: 116;
   height: 23;
   text-align: center;
   font-size: 12;
   padding-top: 4px;
   border-top:1px solid #ffffff;
   border-right:1px solid #3F8F36;
   border-left:1px solid #ffffff;
   border-bottom:1px solid #3F8F36;
   background-color:#bceaa8;
}

/* サイトメニューテーブル */
table.menus {
	border-collapse: collapse;
	width: 700;   
    margin-top: -36;
    padding: 0px;   
    margin-bottom: 0;
}
/* サイトメニューセル */
td.menus {
   width: 116;
   height: 23;
   text-align: center;
   padding-top: 4px;
   font-size: 12;
   border-top:1px solid #ffffff;
   border-right:1px solid #3F8F36;
   border-left:1px solid #ffffff;
   border-bottom:1px solid #3F8F36;
   background-color:#bceaa8;
}

hr.line1{
	width: 700;	
	margin-top: -8;
	margin-left: 0;
	margin-bottom: 19;}

hr.line2{
	width: 700;
	margin-top: -32;
	}

p.last{
	font-size: 75%;
	font-weight: 500;
	color: #33CC00;
	padding-right: 10;}

p.site{
	font-size: 75%;
	font-weight: 500;
	color: #FFFFFF;
	padding-right: 10;}

/* リンク設定 */
	a:link { color: #003399; }
	a:visited { color: #003399; }
	a:hover { color: green; }
	a:active { color: red; }
	a:{text-decoration: none;}

/* 隠しリンク設定 */
	a.kakusi:link { color: #ffffff; }
	a.kakusi:visited { color: #ffffff; }
	a.kakusi:hover { color: #ffffff; }
	a.kakusi:active { color: #ffffff; }
	a.kakusi:{text-decoration: none;}

/* ヘッドリンク設定 */
	a.head:link { color: #FFFFFF; }
	a.head:visited { color: #FFFFFF; }
	a.head:hover { color: #003399; }
	a.head:active { color: #FFFFFF; }
	a.head:{text-decoration: none;}

/* メニューリンク設定 */
	a.blocklink{ display:block; width:100%; height: 100%; text-decoration:none; color:#003399; }
	a.head:visited { color: red; }
	a.blocklink:hover{ color: red;}
	a.blocklink:active { color: red; }

/* フッター */
table.footer{
	width: 700;
	background-image: url("../index/menu_back.gif");
	/* background-color: #C8FCC2; */
	margin-top: 20;
	border-collapse: collapse;
	border-top:solid 1px #006600; 
	border-right:solid 0px; 
	border-bottom:solid 0px #a9a9a9; 
	border-left:solid 0px;
	}

td.footer{
		text-align: center;
		vertical-align: center;
	}	

p.footer
		{
		font-size:70%;
		margin-bottom: 2;
		}

/* インデックス以外共通 */
/* サブタイトル上ライン */
hr.line {
	margin-left: 5;
	text-align: left;
	border-style: dashed;
	border-color: #FFFFFF;
	height: 1px;
	width: 690;
	} 

#subtitle {
	width: 150px;サイドバーの幅 */
	background:white;
	padding:5 0 5 10; 
	margin-top: 3px;
	margin-left: 65;
	margin-bottom: 10; 
	text-align:left; 
	color: #000000; 
	font-weight:bold; 
	border-right:solid 1px #228b22; 
	border-bottom:solid 1px #a9a9a9; 
	border-left:solid 10px #228b22;
	font-size: 85%;
	font-family: "ＭＳ 明朝",serif;
	filter: progid:DXImageTransform.Microsoft.shadow(color=#999999, direction=135, strength=2);
	}

#chiiki {
	width: 230px;サイドバーの幅 */
	background:none;
	padding:5 10 5 10; 
	margin-top: 3px;
	margin-left: 26;
	margin-bottom: 10; 
	text-align:center; 
	color: #660000; 
	font-weight:bold; 
	border-right:solid 5px #228b22; 
	border-bottom:solid 1px #a9a9a9; 
	border-left:solid 5px #228b22;
	font-size: 85%;
	font-family: "ＭＳ 明朝",serif;
	filter: progid:DXImageTransform.Microsoft.shadow(color=#999999, direction=135, strength=2);
	}

#subtitle-eco {
	width: 250px;サイドバーの幅 */
	background:white;
	padding:5 0 5 10; 
	margin-top: 3px;
	margin-left: 65;
	margin-bottom: 10; 
	text-align:left; 
	color: #000000; 
	font-weight:bold; 
	border-right:solid 1px #228b22; 
	border-bottom:solid 1px #a9a9a9; 
	border-left:solid 10px #228b22;
	font-size: 85%;
	font-family: "ＭＳ 明朝",serif;
	filter: progid:DXImageTransform.Microsoft.shadow(color=#999999, direction=135, strength=2);
	}

#subtitle-don {
	width: 200px;サイドバーの幅 */
	background:white;
	padding:5 0 5 10; 
	margin-top: 3px;
	margin-left: 65;
	margin-bottom: 10; 
	text-align:left; 
	color: #000000; 
	font-weight:bold; 
	border-right:solid 1px #228b22; 
	border-bottom:solid 1px #a9a9a9; 
	border-left:solid 10px #228b22;
	font-size: 85%;
	font-family: "ＭＳ 明朝",serif;
	filter: progid:DXImageTransform.Microsoft.shadow(color=#999999, direction=135, strength=2);
	}

#logo
	{
	padding-left:60PX;
	padding-top:22PX;
	text-align:left;}

#title
	{
	padding-left:65PX;
	text-align:left;}

p.main{
		margin:30 50 30 70;
		font-size: 95%;
		color:#0000CC;
		text-align: left;
		text-indent:1em;
		line-height: 1.5em;}

p.eco{
		margin:20 40 30 70;
		font-size: 95%;
		color:#0000CC;
		text-align: left;
		text-indent:1em;
		line-height: 1.5em;}

p.saiyou1{
		margin-top: 5;
		margin-left:100;
		font-size: 85%;
		color:#0000CC;
		text-align: left;
		line-height: 1.5em;}

p.saiyou2{
		
		margin-top: -20;
		margin-left:130;
		font-size: 85%;
		color:#0000CC;
		text-align: left;
		line-height: 1.5em;}
		
p.ren{
		
		margin-top: 0;
		margin-left:230;
		font-size: 85%;
		color:#0000CC;
		text-align: left;
		line-height: 1.5em;}

		
p.youkou{
	font-size: 120%;
	color: black;
	font-weight: 900;
	padding-top: 5;
	padding-bottom: 5;
	}

table.youkou{
	width: 500;
	color: #000099;
	margin-left: 30;
	line-height: 1.8;}

p.housin{
		font-size: 120%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 15px;
		text-align:center;
		margin-left:100;
		margin-right: 100;
		margin-top: 10;
		margin-bottom: 10;}

p.main1{
		font-size: 80%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 2px;
		text-align:left;
		line-height: 2em;
		text-indent: 1em;
		margin-left: 80;
		margin-right: 80;
		margin-top: 10;
		margin-bottom: 10;}

p.main2{
		font-size: 100%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 2px;
		text-align:left;
		line-height: 3em;
		text-indent: 1em;
		margin-left: 100;
		margin-right: 100;
		margin-top: 10;
		margin-bottom: 10;}

p.syomei{
		font-size: 85%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 2px;
		text-align:right;
		line-height: 1em;
		margin-right: 100;
		}

p.rinen{
		font-size: 180%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 40px;
		text-align:left;
		margin-left:235;
		margin-right: 50;
		margin-top: 10;
		margin-bottom: 10;}

p.hinsitu{
		font-size: 130%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 3px;
		text-align:left;
		line-height: 1.5em;
		text-indent: 1em;
		margin-left: 200;
		margin-right: 50;
		margin-top: 10;
		margin-bottom: 10;}
		
p.tanada{
		font-size: 85%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		text-align:left;
		line-height: 1.5em;
		margin-left:35;
		margin-right: 20;
		margin-top: 0;
		margin-bottom: 25;}

p.tanada-c{		
		font-size: 80%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		text-align:center;
		line-height: 1.5em;
		margin-left:35;
		margin-right: 20;
		margin-top: 0;
		margin-bottom: 25;}

/* エコアクション２１ */
p.main{
		font-size: 80%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 2px;
		text-align:left;
		line-height: 1.8em;
		text-indent: 1em;
		margin-left: 45;
		margin-right: 45;
		margin-top: 5;
		margin-bottom: 10;}

/* ここまでエコアクション２１ */


 #left {
	float: left;
	margin-left: 40;
	width: 370px;
    padding: 15px;
    background: white;
    }

#right
	{
	text-align:left;
	font-size: 80%;
	}

#ul-is {
	color: #808080;
	
	line-height: 3;
	font-size: 100%;
	}
li
	{list-style-type: square;}

table.pic{
		margin-left: 150;} 


<!-- 業務文字 -->
p.main-g{
	font-size: 70%;
	text-align: left;
	vertical-align: top;
	color: #000099;
	line-height:1.5em;}

<!-- 林イメージ -->
#image{
	margin-top: -19;}

<!-- 棚田活動写真 -->
image.tanada{
	border-top:solid 1px #ACACAC; 
	border-right:solid 1px #000000; 
	border-bottom:solid 1px #000000; 
	border-left:solid 1px #ACACAC;
}

p.image{
margin-top: 50;
	font-family: ＭＳ Ｐ明朝,細明朝体;
	font-size: 90%;
	font-weight: 900;
	color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.shadow(color=#999999, direction=135, strength=2);
	}

<!-- イメージ下ライン -->
hr.line3{
	width: 700;
	margin-top: -8;
	}
	
hr.line4{
	width: 700;
	margin-top: -13;
    color: #009900; /* 線の色(IE用) */
    background-color: #009900; /* 線の色(NN用) */
    height: 3px; /* 線の太さ */
    border: 0px; /* 枠の太さ */
    filter: Alpha(opacity=100, finishopacity=0, style=3); /* フィルタ */
	}

<!-- 部署紹介フレーム -->
#left-i{
	float: left;
	margin-left:12;
	text-align: left;
	}
	
#center-i{
	float: left;
	margin-left:12;
	text-align: left;
	}

#right-i{
	float: left;
	margin-left:10;
	text-align: left;
	}

<!-- フレーム内見出し -->
#midasi {
	width: 185px; /* バーの横幅 */
	background:#F0F5E1;
	padding:2px; 
	margin-top: 3px;
	margin-left: 7;
	margin-bottom: 0; 
	text-align:center; 
	color: #006600; 
	font-weight:bold; 
	/* border-right:solid 10px #228b22; 
	border-bottom:solid 1px #a9a9a9; 
	border-left:solid 10px #228b22; */
	font-size: 85%;
	font-family: "ＭＳ 明朝",serif;
	filter: progid:DXImageTransform.Microsoft.shadow(color=#999999, direction=135, strength=2);
	}

table.main-i{
	width: 200;
	margin-top: -5;
	margin-left: 12;
	}

td.top-i{
	height: 10;
	padding-top: 3;
	padding-right: 3;
	padding-bottom: 0;
	padding-left: 0;
	} 

td.photo-i{
	border: 1px solid;
	border-collapse: collapse;
	border-bottom-color: #000033;
	width: 80;
	height: 80;
	text-align: center;
	vertical-align: center;
	background-color: #CCEE99;
	}

<!-- フレーム内テーブル -->
td.main{
	border: 1px solid;
	border-collapse: collapse;
	border-bottom-color: #000033;
	border-right-color: #000033;
	width: 110;
	height: 90;	
	padding-top: 5;
	padding-left: 5;
	text-align: left;
	vertical-align: top;
	background-color: #CCEE99;
	}

<!-- 写真枠線 -->
img.busyo {
	border: 1px solid green; /* 枠線：1ピクセル・実線・緑色 */
	padding: 1px; /* 内側の余白：1ピクセル */
	}

<!-- 部署文字 -->
h5 {
    color: #003366; 
	background-image: url("./picture/index/icon_i_15.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    margin-bottom: 5;
    font-size: 85%;
    } 

<!-- サービス業務テーブル -->
table.right1{
	width: 205;
	height: 170;
	background-color: #FEFFF0;
	margin-left: 15;
	padding-top: 0;
	border: 1px solid;
	border-collapse: collapse;
	border-color: #7777aa #000033 #000033 #7777aa;
	}

<!-- リスト文字 -->
#ul-i{
	margin-top: 0;
	margin-left: 30;
	font-size: 85%;
	color: #000000;
	}

table.right2{
	width: 205;
	height: 140;
	background-color: #FEFFF0;
	margin-left: 15;
	margin-top: 4;
	border: 1px solid;
	border-collapse: collapse;
	border-color: #7777aa #000033 #000033 #7777aa;
	}

p.right{
	font-size: 70%;
	text-align: left;
	vertical-align: top;
	color: #000099;
	line-height:1.5em;
	padding-left: 10;}

<!-- 商工会議所テーブル -->
td.syoukou{
	padding-left: 8;
	}

p.title-s{
		font-size: 120%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		color: blue;
		letter-spacing: 15px;
		text-align:center;
		}

p.main-s{
		font-size: 80%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		text-align:left;
        }

<!-- 会社概要 -->
table.1{ width:520;
		border: 0px solid gray;
		border-collapse: collapse;
		margin-left: 90;
		margin-right: 20;
		font-size: 85%;
	    }

td.1left{
		width:100;
		border: 1px solid gray;
		border-collapse: collapse;
		padding-left: 15;
		background-color: #D2ECD6;
		}

td.1right{
		width:400;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 5;
		font-size: 85%;
		line-height: 2;
		}

<!-- 登録業務 -->
table.2{ width:320;
		border: 0px solid gray;
		border-collapse: collapse;
		margin-left: 200;
		margin-right: 20;
		font-size: 85%;
		}

th.2{	width:170;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 5;
		background-color: #D2ECD6;}

td.2left{
		width:170;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 5;
		}

td.2right{
		width:150;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 5;
		}

<!-- 資格者数 -->
table.3{ width:320;
		border: 0px solid gray;
		border-collapse: collapse;
		margin-left: 200;
		margin-right: 20;
		font-size: 85%;
		}

th.3left{ width:220;
		border: 1px solid gray;
		border-collapse: collapse;
		text-align: center;
		padding: 5;
		background-color: #D2ECD6;
		}

th.3right{ width:100;
		border: 1px solid gray;
		border-collapse: collapse;
		text-align: center;
		padding: 5;
		background-color: #D2ECD6;
		}
		
td.3left{
		width:220;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 5;
		}

td.3right{
		width:100;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 5;
		text-align: center;}

<!-- 加入団体 -->
table.4{ width:500;
		border: 0px solid gray;
		border-collapse: collapse;
		margin-left: 130;
		margin-right: 20;
		font-size: 85%;
		line-height: 2;
	    }

<!-- 沿革 -->
table.5{ width:400;
		border: 0px solid gray;
		border-collapse: collapse;
		margin-left: 160;
		margin-right: 20;
		font-size: 85%;
		line-height: 3;
	    }

td.5{
		width:400;
		border: 0px solid gray;
		border-collapse: collapse;
		padding: 5;
		font-size: 85%;
		line-height: 3;
		}

p.rinen-r{
		font-size: 180%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 40px;
		text-align:left;
		margin-left:235;
		margin-right: 50;
		margin-top: 10;
		margin-bottom: 10;
		}

p.rinen1-r{
		font-size: 130%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 3px;
		text-align:left;
		line-height: 1.5em;
		text-indent: 1em;
		margin-left: 100;
		margin-right: 50;
		margin-top: 10;
		margin-bottom: 10;
		}

p.main-r{
		font-size: 80%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 2px;
		text-align:left;
		line-height: 1.5em;
		text-indent: 1em;
		margin-left: 55;
		margin-right: 50;
		margin-top: 10;
		margin-bottom: 10;
		}


table.ci
	{border: 1px solid gray;
	border-collapse: collapse;
	margin-left: 190;}
	
th.ci{border: 1px solid gray;
	border-collapse: collapse;
	background-color: #FFFFCC;
	padding: 5;}
		
td.ci{border: 1px solid gray;
	border-collapse: collapse;
	padding: 5;
	font-size: 85%;}

table.pic
	{border: 0px solid gray;
	border-collapse: collapse;
	margin-left: 117;}

p.main-c{
		font-size: 90%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		text-align:left;
		line-height: 1.5em;
		text-indent: 1em;
		margin-left: 70;
		margin-right: 70;
		margin-top: 10;
		margin-bottom: 10;}

table.map{ 
		text-align: left;
		width:472;
		border: 0px solid #006633;
		border-collapse: collapse;
		margin-left: 110;
		margin-bottom: 15;
	    }

table.map-e{ 
		text-align: left;
		width:590;
		margin-left: 75;
		margin-right: 10;
		font-size: 85%;
	    }

td.sent{
		padding-left: 10;
		width: 250;
		vertical-align: top;
		}
			    
img.photo {
	border: 1px solid green; /* 枠線：1ピクセル・実線・緑色 */
	}

table.photo{
		margin-left: 165;
		margin-top: 20;
		}		
		
p.main-2{
		font-size: 80%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		text-align:left;
		line-height: 1.5em;
		text-indent: 1em;
		margin-left: 60;
		margin-right: 60;
		margin-top: 10;
		margin-bottom: 10;}

table.list{
	text-align: center;
   border-spacing: 0px;   /* セルの間隔をなくす */
   font-family: Verdana,sans-serif;   /* フォントの指定 */
   font-size: smaller   /* 文字サイズを小さめに */
   }

/* セルのデザインのうちヘッダと中身の共通部分 */
table.list th, table.list td {
   border-width: 1px;   /* セルの枠線は太さ1ピクセル */
   border-style: solid;   /* セルの枠線は実線 */
   padding: 2px;   /* セル内側の余白は2ピクセル */
}
/* ヘッダセルのデザイン */
table.list thead th {
   border-color: #ccffcc #7ca866 #7ca866 #ccffcc;   /* ※1 */
   background-color: #bceaa8;   /* ※1 */
}
table.list tbody th {
   border-color: #ffffcc #aca866 #aca866 #ffffcc;   /* ※2 */
   background-color: #eceaa8;   /* ※2 */
}
/* セルのデザイン */
table.list td {
   border-color: #ffffff #aca899 #aca899 #ffffff;   /* ※3 */
   background-color: #ecead8;   /* ※3 */
}

#title-j{
	width: 200px; /* 左サイドバーの横幅 */
	background:w#000099	padding:1px; 
	margin-left: 62px; 
	text-align:center; 
	color: #000000; 
	font-weight:bold; 
	border-right:solid 15px #00CC00; 
	border-bottom:solid 1px #a9a9a9; 
	border-left:solid 15px #00CC00;
	font-size:120%;
	font-family: "ＭＳ 明朝",serif;
	filter: progid:DXImageTransform.Microsoft.shadow(color=#999999, direction=135, strength=2);
	}

#subtitle1{
	width: 130px; /* 左サイドバーの横幅 */
	background:w#000099	padding:1px; 
	margin-left: 62px; 
	text-align:left; 
	color: #000000; 
	font-weight:bold; 
	border-right:solid 1px #white; 
	border-bottom:solid 1px #a9a9a9; 
	border-left:solid 10px #00CC00;
	font-size:100%;
	font-family: "ＭＳ 明朝",serif;
	filter: progid:DXImageTransform.Microsoft.shadow(color=#999999, direction=135, strength=2);
	}/* 影をつける */
	
#subtitle3{
	width: 180px; /* 左サイドバーの横幅 */
	background:w#000099	padding:1px; 
	margin-left: 62px; 
	text-align:left; 
	color: #000000; 
	font-weight:bold; 
	border-right:solid 1px #white; 
	border-bottom:solid 1px #a9a9a9; 
	border-left:solid 10px #00CC00;
	font-size:100%;
	font-family: "ＭＳ 明朝",serif;
	filter: progid:DXImageTransform.Microsoft.shadow(color=#999999, direction=135, strength=2);
	}/* 影をつける */

p.main-j{
	margin-left: 80;
	margin-right: 30;
	text-indent:1em;
	font-size: 85%;
	text-align: left;
	line-height:1.5em;}
	
div.print {
   page-break-after: avoid;
}

table.eco{ 
		text-align: left;
		width:310;
		margin-left: 40;
		margin-right: 10;
	    }

td.eco{
		padding-left: 10;
		width: 250;
		vertical-align: middle;
		}

table.don{ 
		text-align: left;
		width:565;
		margin-left: 40;
		margin-right: 10;
	    }
p.don{
		font-size: 95%;
		font-family: ＭＳ Ｐ明朝,細明朝体;
		letter-spacing: 1px;
		text-align:left;
		line-height: 1.8em;
		text-indent: 0em;
		color: #0000cc;
		margin-left: 45;
		margin-right: 45;
		margin-top: 5;
		margin-bottom: 10;}

table.sato{ 
		text-align: left;
		margin-left: 40;
		margin-right: 10;
	    }
td.sato{
	width: 240;
	padding-top: 5;
	padding-left: 5;
	text-align: left;
	vertical-align: middle;
	}