@charset "shift_jis";

/*
-----------------------------------------------------
◆◆地球環境基金の情報館　スタイルシート◆◆
◇◇◇◇コンテンツページ専用定義◇◇◇◇
-----------------------------------------------------
-----------------------------------------------------
【改訂履歴】
09/03/14	table カラーバリエ追加(Yellow,Blue)
09/03/10	table カラーバリエ追加
09/03/09	Block背景追加
09/02/17	dlタグ入れ子時の設定を追加
09/02/08	フォントサイズ指定を追加
09/01/12	初版作成
-----------------------------------------------------
*/

div#Body {
	padding-top:0;
	font-size:125%;
	}

/* --◆グローバルナビ設定--*/

div#G_Navi {
	width:800px;
	height:50px;
	margin:0px auto 0px auto;
	background-image:url(../images/gnavi_bk.gif);
	text-align:left;
	}
	
div#G_Navi ul {
	margin:0;
	margin-left:4px;
	padding:0;
	list-style:none;
	}
	
div#G_Navi ul li {
	width:195px;
	height:40px;
	margin:5px 4px 0px 0px;
	float:left;
	display:inline;
	}
	
/* --◆ぱんくず設定--*/

div#Breadcrumb {
	width:800px;
	height:30px;
	margin:0px auto 0px auto;
	background-image:url(../images/breadcrumb_bk.gif);
	background-repeat:repeat-x;
	text-align:left;
	}
	
div#Breadcrumb p {
	margin:0;
	padding:5px 10px;
	font-size:80%;
	}

/* --◆2段組み部分部設定--*/

div#Wrapper {
	width:800px;
	margin:0px auto 0px auto;
	background-image:url(../images/c_left_bk.gif);
	background-repeat:repeat-y;
	}
	
/* --◆左側設定--*/

div#Left {
	width:200px;
	padding-bottom:30px;
	float:left;
	}
	
div#Left h3 {
	margin:0;
	padding-top:15px;
	}

/* --テキストメニュー--*/

div#Left ul.Menu {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	}
	
div#Left ul.Menu li {
	margin:10px 10px 0px 20px;
	line-height:120%;
	zoom:1;
	}
	
div#Left ul.Menu li span {
	display:block;
	margin:0;
	background-image:url(../images/allowsq_sky.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
	color:#4597e0;
	zoom:1;
	}
	
div#Left ul.Menu li a {
	display:block;
	margin:0;
	background-image:url(../images/allowsq_black.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
	zoom:1;
	}
	
div#Left ul.Menu li ul li {
	margin:5px 5px 0px 15px;
	}
	
div#Left ul.Menu li.sub a {
	margin:5px 5px 0px 46px;
	}

/* --画像（バナー）メニュー--*/

div#Left ul.Menu2 {
	margin:0;
	margin-top:40px;
	padding:0;
	list-style:none;
	}
	
div#Left ul.Menu2 li {
	margin:0px auto 0px auto;
	display:inline;
	}
	
div#Left ul.Menu2 li a {
	display:block;
	margin-bottom:10px;
	}


/* --◆右側設定--*/

div#Right {
	width:600px;
	float:right;
	padding-bottom:30px;
	}

div#Right p#main_top{
	width:10px !important ;
	height:1px;
	margin:0;
	}
	
/* --◆段組みクリア（下部）--*/

div#PageBottom {
	clear:both;
	width:800px;
	background-color:#fff;
	border-top:1px solid #e0e0e0;
	margin:0px auto 0px auto;
	padding-top:10px;
	padding-bottom:10px;
	}

div#PageBottom p.PageNavi {
	margin:0;
	font-size:80%;
	line-height:150%;
	text-align:center;
	}
	
/* --◆本文設定--*/

div#Honmon {
	width:560px;
	margin:15px 20px;
	text-align:left;
	}
	
div#Honmon div.Block {
	width:530px;
	margin:15px 15px 1em 15px;
	line-height:160%;
	clear:both;
	}
	
div#Honmon div.Block_hr {
	width:530px;
	margin:15px 15px 1em 15px;
	line-height:160%;
	border-bottom:1px solid #ddd;
	}

/* --◆本文設定背景アリ--*/

div#Honmon div.BlockBG {
	width:530px;
	margin:15px 15px 1em 15px;
	line-height:160%;
	clear:both;
	background-image:url(../images/block_bg.gif);
	}
	
div#Honmon div.Photo_R {
	width:230px;
	margin:0px;
	text-align:left;
	font-size:75%;
	line-height:120%;
	float:right;
	margin:0px 0px 15px 15px;
	}
	
div#Honmon div.Photo_R p {
	text-indent:0;
	}	
	
div#Honmon div.Photo_L {
	width:230px;
	margin:0px;
	text-align:left;
	font-size:75%;
	line-height:120%;
	float:left;
	margin:0px 15px 15px 0;
	}
	
div#Honmon div.Photo_L p,
div#Honmon div.Photo_R p {
	text-indent:0;
	}
	
div#Honmon div.Photo150 {
	width:150px !important ;
	}
	
div#Honmon div.Photo200 {
	width:200px !important ;
	}

/* --テーブル（表組）設定--*/

div#Honmon table,
div#Honmon table th,
div#Honmon table td,
div#Honmon table caption {
	font-size:100%;
	}
	
div#Honmon table caption {
	padding-bottom:0.3em;
	}

div#Honmon table.Border {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border: 1px solid #999;
	border-bottom:none;
	border-right:none;
	}
	
div#Honmon table.Border caption {
	text-align:left;
	font-weight:bold;
	}

div#Honmon table.Border th {
	text-align:left;
	font-weight:bold;
	padding:0.3em;
	background: #efefef;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	}
	
div#Honmon table.Border th.Nowrap {
	white-space:nowrap;
	}
	
div#Honmon table.Border th.Head {
	background-color:#ccc;
	}

div#Honmon table.Border td {
	padding:0.3em;
	background: #fff;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	text-align:left;
	}
	
div#Honmon table.Border td.Right {
	text-align:right;
	}

div#Honmon table.Border tr.Zebra td {
	background-color: #f5f5f5;
	}

div#Honmon table.Border tr.Orange th {
	background-color: #ffcc00;
	}

div#Honmon table.Border tr.Orange td {
	background-color: #ffcc00;
	}
	
div#Honmon table.Border td.Strong {
	background-color: #fffde4;
	}
	
div#Honmon table.Border tr.Yellow th {
	background-color: #ffff99;
	}

div#Honmon table.Border tr.Yellow td {
	background-color: #ffff99;
	}

div#Honmon table.Border tr.Blue th {
	background-color: #ccffff;
	}

div#Honmon table.Border tr.Blue td {
	background-color: #ccffff;
	}


/* --段落設定--*/	

div#Honmon p {
	text-indent:1em;
	}
	
div#Honmon p.Date {
	text-indent:0;
	text-align:right;
	}
	
/* --本文内でのナビ--*/	
	
div#Honmon p.Navi {
	text-indent:0;
	text-align:right;
	font-size:80%;
	color:#999;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
	}
	
div#Honmon p.Navi span {
	font-weight:bold;
	color:#444;
	}

/* --リスト設定--*/	

div#Honmon ul,
div#Honmon ol {
	margin:0 0 1em 2em;
	}
	
div#Honmon ul.NoMark,
div#Honmon ol.NoMark {
	list-style:none;
	margin-left:0;
	padding-left:1.5em;
	}
	
div#Honmon ul.NoMark li,
div#Honmon ol.NoMark li {
	text-indent:-1.5em;
	}


div#Honmon li {
	margin-bottom:0.5em;
	}

div#Honmon dl dt {
	font-weight:bold;
	}

div#Honmon dl dd {
	margin-left:1em;
	margin-bottom:0.5em;
	}
	
div#Honmon dl dd dl dt{
	font-weight:normal;
	}

/* --画像設定--*/

div#Honmon img {
	margin-bottom:1em;
	}
	
/* --フォーム設定--*/

input.Submit {
	margin:0px 10px;
	width:300px;
	padding:5px;
	font-weight:bold;
	}
	
input.Reset {
	margin:0px 10px;
	width:70px;
	padding:5px;
	}
	
	
/* --◆2階層目以降のインデックス--*/

div#Honmon dl.Index {
	
	}
	
div#Honmon dl.Index dt {
	margin-bottom:0.5em;
	background-color:#eee;
	padding:3px;
	}
	
div#Honmon dl.Index dt a {
	background-image:url(../images/allowsq_black.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
	}
	
div#Honmon dl.Index ul,
div#Honmon ul.Index {
	list-style:none;
	}
	
div#Honmon dl.Index ul li a,
div#Honmon ul.Index li a {
	background-image:url(../images/allowsq_black.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
	}

/* --◆リードボックス設定--*/

div#Honmon div.Lead {
	border:1px solid #f7a04c;
	background-color:#fffde4;
	padding:15px;
	margin-bottom:15px;
	}
	
/* --◆囲み--*/

div#Honmon div.kkm_white {
	border:2px solid #ccc;
	background-color:#fff;
	padding:15px;
	margin-bottom:15px;
	}

/* --◆各カテゴリの色設定--*/
	
/* --基金について（青）：デフォルト--*/
	
div#Honmon h2 {
	border-top:1px dashed #4597e0;
	border-bottom:1px dashed #4597e0;
	padding:6px 0px;
	background-image:url(../images/h2_bk.gif);
	background-position:left top;
	background-repeat:repeat-x;	
	color:#4597e0;
	line-height:125%;
	}
	
div#Honmon h2 span {
	border-left:6px solid #4597e0;
	padding-left:4px;
	font-weight: bold;
	}	

div#Honmon h3 {
	border-bottom:1px solid #4597e0;
	padding:2px;
	background-image:url(../images/h3_bk.gif);
	background-position:left bottom;
	background-repeat:repeat-x;	
	line-height:125%;
	font-weight:normal;
	clear:both;
	}
	
div#Honmon h4.Name {
	text-align:right;
	font-weight:normal;
	}
	
/* --寄付について（ピンク）--*/
	
div#Wrapper.donation div#Honmon h2 {
	border-top:1px dashed #ff6a6a;
	border-bottom:1px dashed #ff6a6a;	
	color:#ff6a6a;
	}
	
div#Wrapper.donation div#Honmon h2 span {
	border-left:6px solid #ff6a6a;
	}	

div#Wrapper.donation div#Honmon h3 {
	border-bottom:1px solid #ff6a6a;
	background-image:url(../images/h3_bk2.gif);
	}
	
div#Wrapper.donation div#Left ul.Menu li span {
	background-image:url(../images/allowsq_pink.gif);
	color:#ff6a6a;
	}
	
/* --助成について（グリーン）--*/
	
div#Wrapper.subsidy div#Honmon h2 {
	border-top:1px dashed #9dc23a;
	border-bottom:1px dashed #9dc23a;	
	color:#9dc23a;
	}
	
div#Wrapper.subsidy div#Honmon h2 span {
	border-left:6px solid #9dc23a;
	}	

div#Wrapper.subsidy div#Honmon h3 {
	border-bottom:1px solid #9dc23a;
	background-image:url(../images/h3_bk3.gif);
	}
	
div#Wrapper.subsidy div#Left ul.Menu li span {
	background-image:url(../images/allowsq_green.gif);
	color:#9dc23a;
	}
	
/* --研修・講座について（オレンジ）--*/
	
div#Wrapper.training div#Honmon h2 {
	border-top:1px dashed #fca503;
	border-bottom:1px dashed #fca503;	
	color:#fca503;
	}
	
div#Wrapper.training div#Honmon h2 span {
	border-left:6px solid #fca503;
	}	

div#Wrapper.training div#Honmon h3 {
	border-bottom:1px solid #fca503;
	background-image:url(../images/h3_bk4.gif);
	}
	
div#Wrapper.training div#Left ul.Menu li span {
	background-image:url(../images/allowsq_orange.gif);
	color:#fca503;
	}
	
/* --環境NGO総覧（バイオレット）--*/
	
div#Wrapper.ngo div#Honmon h2 {
	border-top:1px dashed #b74877;
	border-bottom:1px dashed #b74877;	
	color:#b74877;
	}
	
div#Wrapper.ngo div#Honmon h2 span {
	border-left:6px solid #b74877;
	}	

div#Wrapper.ngo div#Honmon h3 {
	border-bottom:1px solid #b74877;
	background-image:url(../images/h3_bk5.gif);
	}
	
div#Wrapper.ngo div#Left ul.Menu li span {
	background-image:url(../images/allowsq_violet.gif);
	color:#b74877;
	}

/* --リスト表示--*/

div#Honmon #etcbox {
	font-size: 80%;
	width: 530px;
	text-align: left;
	/*border-bottom: 1px dashed #ccc;*/
	padding: 0;
	margin: 0;
	/*padding-bottom: 10px;
	margin-bottom: 10px;*/
}

div#Honmon #etcbox ul.tagList {
	width: 530px;
	padding: 0;
	margin: 0;
}

div#Honmon #etcbox ul.tagList li {
	float: left;
	display: inline;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 245px;
	/*white-space: nowrap;*/
	line-height: 1.2;
	/*display:inline-block;*/
	border-bottom: 1px dashed #ccc;
	/*padding-left: 14px;*/
	/*background-image: url(../img/top/midashi_img.gif);*/
	/*background-repeat: no-repeat;*/
	/*background-position: left center;*/
}

* html div#Honmon #etcbox ul.tagList li { /* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html div#Honmon #etcbox ul.tagList li { /* IE 7 */
display:inline;
zoom:1;
}

/*
* html div#Honmon #etcbox ul.tagList li {
	float:left;
}
*/

div#Honmon #etcbox ul.normalList {
	width: 510px;
	margin: 10px 0;
	padding: 15px;
	background: #f0f8ff;
}

div#Honmon #etcbox ul.normalList li {
	display: inline;
	margin-right: 10px;
	line-height: 2;
}

div#Honmon #etcbox p {
	word-break: break-all;
}


/* --20090512 sym追加--*/
div#Honmon dl.Index dt.arrow_sym,
li.arrow_sym{
	background-image:url(../images/allowsq_black.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:12px;
	line-height:160%;
	}

/* --20100310 sym追加--*/
div#Honmon dl.Index dt.arrow_sym2,
li.arrow_sym2{
	background-image:url(../images/allowsq_black.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
	line-height:160%;
	}