@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  color: #333333;
  background: #fff url(../imgs_top/back_body.gif) repeat-y;
  font-size: large;
  letter-spacing:normal; 
}
body.autosize { /* ■別ウィンドウ*/
  margin: 0;
  padding: 0;
  color: #333333;
  background: #fff;
  font-size: large;
}
#wrapper {
  width: 774px;
  margin: 0 0 0 15px;
  color: #333333;
}
#wrapperautosize { /* ■別ウィンドウ*/
  width: 100%;
  margin: 0;
  padding: 20px 0;
  color: #333333;
  background: #eee8aa;
}
#wrapperautosize2 { /* ■別ウィンドウ*/
  width: 100%;
  margin: 0;
  padding: 20px 0;
  color: #333333;
  background: #fff;
}


/* リンク
---------------------------------------------------- */
a:link {
  color: #0000cc;
  background: transparent;
  text-decoration:underline;
}
a:visited {
  color: #0000cc;
  background: transparent;
  text-decoration:underline;
}
a:hover, a:active {
  color: #999;
  background: transparent;
  text-decoration:underline;
}
a:link.nav_s {
  color:#40e0d0;
  background: transparent;
  text-decoration:none;
}
a:visited.nav_s {
  color:#40e0d0;
  background: transparent;
  text-decoration:none;
}
a:hover.nav_s, a:active.nav_s {
  color: #ff9933;
  background: transparent;
}

a:link.nuri {
  color:#0000cc;
  background-color: #ffcc99;
  text-decoration:none;
  font-weight:normal;
}
a:visited.nuri{
  color:#0000cc;
  background-color: #ffcc99;
  text-decoration:none;
  font-weight:normal;
}
a:hover.nuri, a:active.nuri {
  color: #666;
  background-color: #faebd7;
  font-weight:normal;
}

a:link.foot {
  color:#fff;
  background: transparent;
  text-decoration:none;
  font-weight:normal;
}
a:visited.foot{
  color:#fff;
  background: transparent;
  text-decoration:none;
  font-weight:normal;
}
a:hover.foot, a:active.foot {
  color: #40e0d0;
  background: transparent;
  font-weight:bold;
}

a:link.g{
  color:#333;
  background: transparent;
  text-decoration:none;
}
a:visited.g {
  color:#333;
  background: transparent;
  text-decoration:none;
}
a:hover.g, a:active.g {
  color: #009900;
  text-decoration:underline;
}
a:link.hai{
  color:#666;
  background: transparent;
  text-decoration:none;
}
a:visited.hai {
  color:#333;
  background: transparent;
  text-decoration:none;
}
a:hover.hai, a:active.hai {
  color: #009900;
  text-decoration:none;
  background: transparent;
}

/*共通
---------------------------------------------------- */
.tx_r {
text-align:right;
}
.tx_l {
text-align:left;
}
.tx_c {
text-align:center;
}
.tx_c_line{
border-bottom:solid 3px #ffcccc;
font-weight:bold;
text-align:center;
}
.float_l{
float: left;
}
.float_r{
float: right;
}
.footer_blank{
 font-size: x-small;
 text-transform: uppercase;
}


/*共通　ラベル
---------------------------------------------------- */
.label1{		/* ■枠つき */
text-indent:0;
margin:0 0 0 5px;
padding:0 0 0 5px;
border-left:5px solid #009966;
font-weight:bold;
color:#333300;
 }
 
 /*共通　枠
---------------------------------------------------- */
 .waku_label {		/* ■枠つき */
text-indent:0;
margin:0 0 0 5px;
padding:0 0 0 5px;
border:1px solid #009966;
font-weight:bold;
 }
 /*共通　画像配置
---------------------------------------------------- */
.imgs_h_m{
vertical-align:middle;
}
/*共通
---------------------------------------------------- */
.bold{
font-weight:bold;
}
.bold2{
font-weight:bold;
background:#ffff00;
}
.bold3{
font-weight:bold;
background:#f5f5f5;
color:#003300;
}
.bold4{
font-size:medium;
font-weight:bold;
background:#f5f5dc;
color:#003300;
}
.bold5{		/* 都市賞　 */
font-weight:bold;
background:#f5f5f5;
color:#006330;
}
.bold6{		/* デザイン賞　 */
font-weight:bold;
background:#f5f5f5;
color:#339933;
}
.bold7{		/* 森づくり　 */
font-weight:norml;
color:#663300;
}

.tdtop1{
font-size:small;		/* 過去受賞　セルトップ */
font-weight:bold;
background:#f0f0dc;
color:#003300;
border-top:1px solid #ccc;
}

/*共通
---------------------------------------------------- */
.line{
text-decoration:underline;
}

.line_a{
text-decoration:underline;
color:#330099;
}
.line_b{
text-decoration:underline;
color:#006600;
font-weight:bold;
}
caption{
font-weight:bold;
text-align:left;
color:#666;
}
.caption{
font-size:medium;
text-align:center;
}
.caption_l{
font-size:medium;
text-align:left;
}
.smaller{
font-size:small;
}

.clears{
clear: both;
}
p.pan{
margin-left:30px;
font-size:small;
color:#666;
line-height:1.4em;
}

/*カラー
---------------------------------------------------- */
  .nuri{
  background-color:#ffcc99;
  }
.iro1{
color:#006600;
font-weight:bold;
}
.iro2{
color:#336699;
font-weight:bold;
}
.iro3{
color:#336600;
font-weight:bold;
}
.iro4{
color:#663333;
font-weight:bold;
}
.iro5{
color:#00cc99;		/* 全国フェア凡例1 */
font-weight:bold;
}
.iro6{
color:#ffd700;		/* 全国フェア凡例2 */
font-weight:bold;
}
.iro7{
color:#0066ff;		/* 全国フェア凡例3 */
font-weight:bold;
}
.iro8{
color:#ff9900;		/* 全国フェア凡例4 */
font-weight:bold;
}

.bgiro1{
background:#99cccc;
}
.bgiro2{
background:#dabfd8;
}
.bgiro3{
background:#f5deb3;
}
.bgiro4{
background:#fff;
}
.bgiro5{
 background: #669933;
}
.bgiro6{
 background: #fafad2;
}
.bgiro7{
 background: #008000;
}
.bgiro8{
 background: #f5f5f5;
}
.bgiro9{
 background: #f5f5dc;
}
.bgiro10{
 background: #ccffff;
}
.bgiro11{
 background: #99cc33;
}
.bgiro12{
background-image:url(../imgs_common/backbar0.jpg); 
background-repeat:repeat-x;
}
.bgiro13{
 background: #b0e0e6;
}
.bgiro14{
background-image:url(../imgs_common/backbar5.jpg); 
background-repeat:repeat-x;
}

/*余白
---------------------------------------------------- */
.sp_l_1{
padding-left:20px;
}


/* ヘッダ
---------------------------------------------------- */
#header {
  padding-top: 0px;
  color: #333;
}
h1 {
  width: 760px;
  font-size: x-small;
  font-weight:normal;
}
h1 img {
  vertical-align: bottom;		/* ■ */
  margin: 0;
  padding: 0;
}
  
#header table.top {
border-collapse:collapse;
border:0px;
  margin: 0;
  padding: 0;
  }
#header tr.top {
padding:0px;
background-color:#ccc;
vertical-align: bottom; 
}
#header th.top ,td.top {
padding:0px;
background-color:#ccc;
vertical-align: bottom; 
}

#header th.pan ,td.pan{
padding:0px;
background-color:#ccc;
vertical-align: bottom; 
height:27px;
}
#header img {
  vertical-align: bottom;		/* ■ */
  margin: 0;
  padding: 0;
}

/* ナビゲーション（ぱんくず）
---------------------------------------------------- */

#header p.pan{
  clear:both;
  margin:0;
  padding: 0 42px;
  text-align: left;
  font-size: 10px;
  color: #333;
}





/* ページ本体
---------------------------------------------------- */
#pagebody {
  clear: both;
  position: relative;
  width: 760px;			/* ■IE用バグ対策 */
  padding-top: 22px;
}

/* コンテンツ
---------------------------------------------------- */
#content {
  padding: 0;
  margin: 0 0 0 30px;
  width: 500px;
  color: #333333;
}
#content h2 {
clear:both;
  padding: 0;
  margin: 0 0 20px 0;
  font-size: small;
  color: #ccc;
  background: transparent;
  border-bottom:1px solid #ccc;
  width: 500px;
}
#content h3.fig {
clear:both;
  padding: 0;
  margin: 0px 0 20px 0;
  font-size: middium;
  color: #3300cc;
  border-left:10px solid #3300cc;
  width: 480x;
  height:40px;
  border-bottom:none;
}
#content h3.fig2 {
clear:both;
  padding: 0;
  margin: 0px 0 20px 0;
  font-size: middium;
  color: #3300cc;
  border-left:10px solid #336600;
  width: 480x;
  border-bottom:none;
  height:60px;
  background:none;
}
#content h3.tops {
clear:both;
  padding: 5px 0 0 40px ;
  margin: 0px 0 20px 0;
  color: #333;
  border-bottom:2px solid #3300cc;
  width: 480x;
  background:url(../imgs_common/head01.gif) no-repeat;
  vertical-align:bottom;
  height:25px;
  font-size:20px;
}
h3 {		/* ■見出し3共通 */
clear:both;
  padding: 5px 0 0 40px;
  margin: 30px 0 20px 0;
  color: #333;
  border-bottom:2px solid #3300cc;
  width: 480x;
  background:url(../imgs_common/head01.gif) no-repeat;
  vertical-align:bottom;
  height:25px;
  font-size:20px;
}
#content h3.moto {
clear:both;
  padding: 0 0 0 5px;
  margin: 30px 0 20px 0;
  font-size: middium;
  color: #3300cc;
  border-left:10px solid #3300cc;
  width: 480x;
  background-color:#ccccff;
}
#content h4 {
clear:both;
  padding: 0px 0 0 5px ;
  margin: 20px 0 20px 20px;
  color: #003300;
  border-left:10px solid #009966;
  width: 480x;
  vertical-align:bottom;
}
#content h4.tops {
clear:both;
  padding: 0px 0 0px 40px ;
  margin: 0px 0 20px 20px;
  color: #333;
  border-bottom:1px solid #3300cc;
  width: 480x;
  background:url(../imgs_common/head01.gif) no-repeat;
  vertical-align:bottom;
  height:25px;
  font-size:20px;
}
#content h5 {
clear:both;
  padding: 5px 10px ;
  margin:20px 0 10px 0;
  color: #fff;
  border:1px solid #ccff66;
  width: 480x;
  background:#006400 url(../imgs_common/bar_green.jpg) no-repeat;
  font-size:14px;
  font-weight:bold;
}

#content h5.b {
clear:both;
  padding: 5px ;
  margin:20px 0 10px 0;
  color: #333;
  border:1px solid #ccff66;
  width: 480x;
  background:url(../imgs_common/ami_b.gif) repeat;
  font-size:14px;
}

#content p.m0{		/* ■見出し0マージンなし*/
line-height:1.4em;
font-weight:bold;
font-size: medium;
margin-left:0px;
padding:0 10px;
text-indent:0;
}
#content p.link_b {		/* リンクボタン　緑を守り育てる活動*/
line-height:1.4em;
font-weight:normal;
font-size: large;
margin-left:20px;
padding:0 10px 0 60px;
text-indent:0;
border:1px solid #009900;
color:#009900;
background: url(../imgs_common/ya.gif) no-repeat;
}
#content p.link_c {		/* リンクボタン　緑の情報*/
line-height:2em;
font-weight:normal;
font-size: large;
margin-left:20px;
padding:0 10px 0 60px;
text-indent:0;
border:1px solid #009900;
color:#009900;
background: url(../imgs_common/icon_book1.gif) no-repeat;
}
#content p.book{		/* ■本タイトル*/
line-height:1.4em;
font-weight:bold;
font-size: large;
margin-left:0px;
padding:0 5px;
text-indent:0;
color: #333;
background:#cccc66;
}
#content p.m1{		/* ■見出し1・法人*/
line-height:1.4em;
font-weight:bold;
font-size: 16px;
margin-left:0px;
padding:0 10px;
text-indent:0;
border:1px solid #ccc;
color:#009900;
background-color:#ccffff:
}
#content p{		/* ■インデント1 */
line-height:1.4em;
text-indent:1em;
margin-left:20px;
}  
#content p.tx00{		/* ■マージン0 */
line-height:1.4em;
text-indent:0;
margin:5px 0px;
} 
  
#content p.waku{		/* ■枠つき */
line-height:1.4em;
text-indent:0;
margin:0 0 0 20px;
padding:5px 20px;
background:#f5f5dc;
border-top:2px solid #fff;
border-bottom:1px dashed #99cc66;
 }

#content p.waku_siro{		/* ■枠つき　白 */
line-height:1.4em;
text-indent:0;
margin:0px;
padding:5px 10px;
background:#fff;
border:1px solid #666;
 }
 
#content p.waku_b{		/* ■枠つき太字 */
line-height:1.4em;
text-indent:0;
margin:0px;
padding:5px 10px;
background:#faebd7;
border:1px solid #666;
font-weight:bold;
 }
 
#content p.small{		/* ■インデント0小 */
line-height:1.2em;
text-indent:0;
margin-left:20px;
font-size:medium;
  }
#content p.tx_1{		/* ■インデント-1 */
line-height:1.4em;
text-indent:-1em;
margin-left:20px;
  }
#content p.tx0{		/* ■インデント0 */
line-height:1.4em;
text-indent:0;
margin-left:20px;
  }
#content p.tx_h{		/* ■Q&A answer*/
line-height:1.6em;
text-indent:0;
margin-left:10px;
  }
#content p.tx0_line{		/* ■インデント0 ラインつき */
line-height:1.4em;
text-indent:0;
padding:0 10px;
margin:0;
border-bottom:1px solid #666;
background-color:#ffcc99;
  }  
#content p.tx1_line{		/* ■マージン1*/
padding:0px 10px 0 30px;
margin:0;
line-height:1.4em;
border-bottom:1px solid #666;
  }   
  
#content p.titlename{		/* ■年表　タイトル*/
clear:both;
padding:0px 10px 0 0px;
margin:30px 0 0 0 ;
line-height:1.4em;
font-weight:bold;
color:#006600;
border-left:10px solid #006600;
 } 
#content p.date{		/* ■年表　日付*/
padding:0px 10px 0 0px;
margin:0;
line-height:1.4em;
border-top:1px solid #999;
border-left:10px solid #999;
font-weight:bold;
 }
 
#content p.tx_r {	/* ■トップに戻る */
clear:both;
margin-top:20px;
padding: 0 0px 20px 0;
text-align:right;
line-height:150%;
  }
#content p.bottom1 {	/* ■ボトム余白 */
  margin-bottom: 200px;
  }
 
#content p.tx_1{		/* ■インデント-1 */
line-height:1.4em;
text-indent:-1em;
margin-left:20px;
 }

/* ナビゲーション
---------------------------------------------------- */
#navigation {
  clear:both;
  position: absolute;
  top: 22px;
  left: 550px;
  width: 200px;
}
#navigation p {
margin:0;
padding:0;
}

#navigation dl.list {	/* ■サイドナビゲーション*/
  margin: 0 0 20px 0;
  padding: 0px 0 5px 3px;
  text-align:left;
  line-height:1.4em;
  width:187px;
  background: #fff  url(../imgs_top/banner_back.gif) repeat;
}
#navigation dt.list{
  margin: 0 ;
  padding:3px 0 3px 1.4em;
  font-weight:bold;
  color:#009933;
  text-indent:-1.4em;
  border-top:3px #fff solid;
  }
#navigation dd.list{
  margin: 0 ;
  padding-left: 2.5em;
  padding-bottom:3px;
  line-height:1.4em;
  text-indent:-1em;
  font-size:medium;
}  

/* コンテンツ（ながれ）
---------------------------------------------------- */
#content p.nagare {
  padding: 10px;
  margin: 0 0 0 30px;
  width: 420px;
  color: #333333;
  border:1px solid #cc9999;
  background:#f5f5dc;
}
#content p.nagare0 {/* 応募フロー上段のみ */
  padding: 10px;
  margin: 0 0 0 30px;
  width: 420px;
  color: #333333;
  border:1px solid #cc9999;
  background:#f0fff0;
}
#content p.nagare1 {/* 応募フロー上段 */
  padding: 10px;
  margin: 0 0 0 30px;
  width: 420px;
  color: #333333;
  border:1px solid #cc9999;
  border-bottom:none;
  background:#f0fff0;
}
#content p.nagare2 {/* 応募フロー中段 */
  padding: 0 10px 0 30px;
  margin: 0 0 0 30px;
  width: 400px;
  color: #333333;
  border-left:1px solid #cc9999;
  border-right:1px solid #cc9999;
  background:#f0fff0;
  text-indent:-1em;
}
#content p.nagare3 {/* 応募フロー下段 */
  padding: 0 10px 10px 30px;
  margin: 0 0 0 30px;
  width: 400px;
  color: #333333;
  border-left:1px solid #cc9999;
  border-right:1px solid #cc9999;
  border-bottom:1px solid #cc9999;
  background:#f0fff0;
  text-indent:-1em;
}

#content p.ya_sita{/* ながれやじるし */
margin:0;
margin-left:50px;
padding:0;
}



/* コンテンツ（サイトマップ）
---------------------------------------------------- */
#contentwide {
  padding: 0;
  margin: 0 0 30px 30px;
  width: 714px;
  color: #333333;
}
#contentwide p{
  padding: 0;
  margin: 0 60px 0 30px;
  width: 654px;
  color: #333333;
line-height:1.4em;
}
#contentwide p.m1{
  padding: 5px 0px;
  margin:30px 60px 20px 30px;
  color: #006600;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  font-weight:bold;
}
#contentwide td {
  padding: 5px;
  margin: 0;
  width: 230px;
  color: #333333;
  vertical-align:top;
  line-height:140%;
  background: #fff  url(../imgs_top/banner_back.gif) repeat;
}
#contentwide h2 {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: small;
  color: #ccc;
  background: transparent;
  border-bottom:1px solid #ccc;
  width: 713px;
}

/* イベント日本地図　★年に一回更新
---------------------------------------------------- */
#jmap {
margin:0; 
padding:0;
width:500px;
}
#jmap table.maps { 
width:498px; 
border:1px solid #ccc; 
height:470px;  
font-size:12px;
background-color:transparent;
}
#jmap td.tdh_fair1 {
margin:0; 
padding:0 0 20px 0; 
vertical-align:bottom; 
border:none;  
background-color:transparent;
}
#jmap td.tdh_fair2 {
margin:0; 
padding:0 0 20px 20px ; 
vertical-align:bottom; 
border:none;  
background-color:transparent;
}
#jmap td {
margin:0; 
padding:10px 0px 10px 20px; 
vertical-align:top; 
border:none;  
background-color:transparent;
}
#jmap p.fair1{
margin:0 0 0 205px; 
padding:0; 
line-height:140%; 
text-indent:0;
} 
#jmap p.fair2{
margin:10px 0 0 100px; 
padding:0; 
line-height:140%; 
text-indent:0;
}
.line_fair1{ 
border-bottom:2px solid #ff66cc; 
font-weight:bold;
}
.line_fair2{
border-bottom:2px solid #ff9933; 
font-weight:bold; 
}

/* コンテンツ（幅サイズ・自動・別ウィンドウ用　サイドナビなし）
---------------------------------------------------- */
#contentauto {
  padding: 0;
  margin: 0 30px;
  color: #333333;
}
#contentauto h2{
 clear:both;
  }
#contentauto h3{/* ■見出し3 背景色 */
  clear:both;
  padding: 5px 0 0 40px;
  margin: 30px 0 20px 0;
  color: #333;
  border-bottom:2px solid #3300cc;
  width: 480x;
  background:url(../imgs_common/icon_green_bg1.jpg) no-repeat;
  vertical-align:bottom;
  height:25px;
  font-size:20px;
}

#contentauto ul {
  margin: 0;  
  margin-bottom: 50px;
  padding: 0.5em 10px;
  list-style: none;
  width:714px;
  text-align:left;
  line-height:1.0;
}
#contentauto li {
  float:left;
  display:block;
  padding: 5px;
  font-size:large;
  }
#contentauto table {
 clear:both;
  padding: 0;
  margin: 0;
  width: 100%;
  background:#fff;
  font-size:large;
}
#contentauto th{
  padding: 3px 10px;
  margin: 0;
  border-bottom:#cccc99 solid 1px;
  font-weight:bold;
  text-align:left;
  color:#666;
  font-size:large;
}
#contentauto td{
  padding: 3px 20px;
  margin: 0;
  border-bottom:#ccc solid 1px;
  line-height:120%;
}

/*地域別　写真
---------------------------------------------------- */
.databox{
	width : 200px;
	margin : 0 10px 8px 0;
	padding : 0px;
	float:left;
}
.dataphoto{
  margin : 0;
  padding : 10px 10px 5px 10px;
  text-align:center;
}
.datatext{
margin : 0;
padding : 0px 5px 10px 15px;
}
.datatext p{
	margin : 0;
	padding : 0;
	line-height:1.4em;
}

/* リンク集　設定
---------------------------------------------------- */
#contentwide2 {
  padding: 0;
  margin: 0 0 0 30px;
  width: 714px;
  color: #333333;
}
#contentwide2 h2 {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: small;
  color: #ccc;
  background: transparent;
  border-bottom:1px solid #ccc;
  width: 713px;
}

/* リンク集テーブル
---------------------------------------------------- */
#contentwide2 table {
  padding: 0;
  margin: 0;
  margin-top:30px;
  width: 100%;
  color: #333333;
}
#contentwide2 tr {
border-bottom:1px dashed #ccc;
}
#contentwide2 tr.triro1{
border-bottom:1px dashed #ccc;
background:#f5f5f5;
}
#contentwide2 td {
  padding: 0px 10px;
  margin: 0;
  color: #333333;
  vertical-align:top;
  line-height:140%;
}
#contentwide2 caption {
font-weight:bold;
text-align:left;
border-bottom:2px solid #009933;
margin:0;
padding:0;
}

/* テーブル　幅設定
---------------------------------------------------- */
.tdw100{
width:100px;
}
.tdw190{
width:190px;
}
.tdw200{
width:200px;
}
.tdw15per{
width:15%;
}
.tdw15per_c{
width:15%;
text-align:center;
}
.tdw20per{
width:20%;
}
.tdw20per_c{
width:20%;
text-align:center;
}
.tdw25per{
width:25%;
}
.tdw25per_c{
width:25%;
text-align:center;
}
.tdw30per{
width:30%;
}
.tdw30per_c{
width:30%;
text-align:center;
}
.tdw33per{
width:33%;
}
.tdw33per_c{
width:33%;
text-align:center;
}
.tdw40per{
width:40%;
}
.tdw40per_c{
width:40%;
text-align:center;
}
.tdw50per{
width:50%;
}
.tdw50per_c{
width:50%;
text-align:center;
}
.tdw60per{
width:60%;
}


/* 段落枠
---------------------------------------------------- */
#waku{
margin:0;
padding:0;
margin-bottom:30px;
border:1px #ccc solid;
}

#waku p{		/* ■インデント1 */
line-height:1.4em;
text-indent:1em;
margin-left:20px;
margin-right:10px;
  }  

/* フッタ
---------------------------------------------------- */
#footer{
  margin: 0 00px;
  padding:0px;
  width: 774px;
  color: #333333;
}


#footer ul {
  margin: 0;  
  margin-bottom: 0px;
  padding: 0.5em 10px;
  list-style: none;
  float:left;
  width:754px;
  text-align:left;
  line-height:1.0;
  background:#009933;
}
#footer li {
  display:inline;
  white-space:nowrap;
  padding-left: 0px;
  font-size:small;
  }
#footer p {
  clear: both;
  margin:  0;
  padding: 1em 0 1em 0;
  width:774px;
  text-align: left;
  text-transform: uppercase;
  font-size: x-small;
  color: #333
}

#footer table {
  clear: both;
  margin-left:10px;
  font-size: x-small;
  text-transform: uppercase;
}