@charset "utf-8";
/*
------------------------------------------------------------------------------
	Sitename: Community-Based Actions against Global Warming and Environmental Degradation
	URL: http://
	Date: 2008-9
	Copyright (C) One Design All rights reserved.
------------------------------------------------------------------------------
*/

/* ------vvvvInitialization------ */
html{
	padding:0px;
	font-size:100%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
}

body {
	margin:0 10px;
	padding:0px;
	background-color:#ffffff;
	text-align:left;
}
@media print{
body{
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}
}
img {
	border:none;
}

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5 {
	font-size:100%;
	margin:0px;
	padding:0px;
}

dl, dd, dt{
	margin:0px;
	padding:0px;
}
dt{padding-left:20px; margin-top:10px;}
dd{padding-left:50px;}
div, p, a{
	margin:0px;
	padding:0px;
}
td,th{font-size:1.0em;}
sub{font-size:0.8em;}

/* ------^^^^Initialization------ */

/* ------vvvvcontainer------ */
#waku{
	background-color:#ffffff;
	padding:0;
	width:100%;
	text-align:left;
	margin:0 auto;
	min-width:1100px;
}

/* ------vvvvlogo_container------ */
#header {
	height:153px;
	background:url(images/header_back.gif)
}

#header h1 {
	float:left;
	width:530px;
}

form {
	margin:5px;
	clear:right;
}

#headertop_navi{
	text-align:right;
	margin-top:5px;
	margin-right:5px;
	font-size:0.8em;
}
#headertop_navi ul{
	margin:0px;
	padding:0px;
}
#headertop_navi li{
	float:left;
	display:block;
	font-size:12px;
}
#headertop_navi li a{
	display:block;
	text-decoration:none;
}
#headertop_navi li a span{ visibility:hidden;}

#headertop_navi li#h01 a{
	width:109px;
	background: url(../top/b_news.gif) no-repeat;
}
#headertop_navi li#h01 a:hover{
	height:58px;
	width:109px;
	background: url(../top/b_news.gif) no-repeat;
	background-position:0 -58px;
}
#headertop_navi li#h02 a{
	width:118px;
	background: url(../top/b_sitemap.gif) no-repeat;
}
#headertop_navi li#h02 a:hover{
	width:118px;
	background: url(../top/b_sitemap.gif) no-repeat;
	background-position:0 -58px;
}
#headertop_navi li#h03 a{
	width:142px;
	background: url(../top/b_contact.gif) no-repeat;
}
#headertop_navi li#h03 a:hover{
	width:142px;
	background: url(../top/b_contact.gif) no-repeat;
	background-position:0 -58px;
}
#headertop_navi li#h04 a{
	width:100px;
	background: url(../top/b_english.gif) no-repeat;
}
#headertop_navi li#h04 a:hover{
	width:100px;
	background: url(../top/b_english.gif) no-repeat;
	background-position:0 -58px;
}
#headertop_navi li#h042 a{
	width:150px;
	background: url(../top/b_japanese.gif) no-repeat;
}
#headertop_navi li#h042 a:hover{
	width:150px;
	background: url(../top/b_japanese.gif) no-repeat;
	background-position:0 -58px;
}
#headertop_navi li#h05 a{
	width:99px;
	background: url(../top/b_html.gif) no-repeat;
}
#headertop_navi li#h05 a:hover{
	width:99px;
	background: url(../top/b_html.gif) no-repeat;
	background-position:0 -58px;
}
#headertop_navi li#h052 a{
	width:99px;
	background: url(../top/b_flash.gif) no-repeat;
}
#headertop_navi li#h052 a:hover{
	width:99px;
	background: url(../top/b_flash.gif) no-repeat;
	background-position:0 -58px;
}
#headertop_navi li#h06 a{
	width:218px;
}
#headertop_navi li#h06 a:hover{
	width:218px;
	background-position:0 -58px;
}

#search {
	clear:right;
	font-size:13px;
	float:right;
	width:430px;
	text-align:right;
	height:60px;
}


#header_navi{
	margin-top:5px;
	font-size:0.8em;
	float:right;
	text-align:right;
	height:35px;
}

#header_navi li {
	float:left;
	display:block;
	padding:0;
	white-space:nowrap;
	line-height:35px;
	line-height:35px;
}

	#header_navi li.navi1 {
		background:url(../common/h02.gif) no-repeat center left;
		padding-left:18px;
		margin-right:3px;
	}

	#header_navi li.navi2 {
		background:url(../common/h03.gif) no-repeat center left;
		padding-left:24px;
	}

	#header_navi li.navi3 {
		padding-top:5px;
	}



#g_navi {
	margin:0;
	padding:0;
	width:1105px;
	clear:both;
}

#g_navi li {
	float:left;
	display:block;
}

#top_flash {
	margin:0 auto;
	width:1100px;
	z-index:1;
	text-align:center;
}

.index_main {
	position:relative;
}


/* 新着情報テスト02用CSS// */
#new_box {
	z-index:2;
	position:absolute;
	top:100px;
	left:20px;
/*	background:white;*/
	width:310px;
}

#new_box02 ul {
	margin: 5px 15px 0 15px;
}


#new_box02 li {
	background:url(images/icon.gif) no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}
/* //新着情報テスト02用CSS */



#new_box ul {
	margin: 5px 15px 0 15px;
}


#new_box li {
	background:url(images/icon.gif) no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}

#top_box {
	z-index:3;
	position:absolute;
	top:3px;
	right:10px;
	width:200px;
	height:80px;
	padding:10px;
}

#top_box .box {
	margin-top:10px;
	margin-bottom: 20px;
	width:250px;
}

#top_box .box p {
	margin:5px 10px 5px 10px;
	font-size:80%;
}
#top_box_under {
	z-index:4;
	position:absolute;
	bottom:0px;
	right:20px;
	width:300px;
	padding:10px;
}

#top_box_under .box p {
	margin:5px 10px 5px 10px;
	font-size:80%;
	color:#666;
}


/* ------^^^^logo_container------ */


/* ------vvvvNavigation------ */
/* only Mac IE5\*//*/
#navi{
	margin:0px;
	padding:0px;
	height:46px;
	background:url(navi_base.gif) repeat-x;
}

#navi ul{
	margin:0px;
	padding:0px;
	list-style:none;
	min-width:600px;
}
#navi li{
	margin:0px;
	padding:0px;
	margin-left:3%;
	float:left;
	width:100px;
	text-align:center;
	background:url(navi_back.gif) no-repeat;
}
#navi li.dai{
	margin:0px;
	padding:0px;
	margin-left:3%;
	float:left;
	width:180px;
	text-align:center;
	background:url(navi_back.gif) no-repeat;
}
#navi li a{
	display:block;
	text-decoration:none;
	padding:15px 10px;
	color:#000000;
	font-size:0.95em;
	font-weight:bold;
	background:url(navi_back.gif) no-repeat;
}
/* end */


/*ather Mac IE5 \*/

#navi{
	margin:0px;
	padding:0px;
	height:46px;
	background:url(navi_base.gif) repeat-x;
}

#navi ul{
	margin:0px;
	padding:0px;
	list-style:none;
	min-width:1200px;
}


#navi li{
	margin:0px;
	padding:0px;
	margin-left:3%;
	float:left;
	background:url(navi_back.gif) no-repeat;
}
#navi li a{
	display:block;
	text-decoration:none;
	padding:15px 10px;
	color:#000000;
	font-size:0.95em;
	font-weight:bold;
	background:url(navi_back.gif) no-repeat;
}
#navi li a:hover{
	display:block;
	text-decoration:none;
	padding:15px 10px;
	color:#FFFFFF;
	font-size:0.95em;
	font-weight:bold;
	background:url(navi_back.gif) no-repeat;
}
/* end */

/* ------^^^^Navigation------ */

/* ------^^^^Title------ */
/* only Mac IE5\*//*/
#header_title{
	float:left;
	margin:0px;
	padding:0px;
	height:84px;
	width:820px;
	background:url(header_line.gif) no-repeat;
}
.hidari{
	float:left;
	width:460px;
	margin:0px;
	padding:0px;
}
.migi{
	float:right;
	width:40%;
	margin:0px;
	padding:0px;
	text-align:right;
	
}

/* end */

/*ather Mac IE5 \*/
#header_title{
	position:relative;
	margin:0px;
	padding:0px;
	height:84px;
	width:100%;
	background:url(header_line.gif) no-repeat;
	min-width:600px;
}
.hidari{
	margin:0px;
	padding:0px;
	position:absolute; 
	top: 0; 
	left: 0;
	z-index:2;
}
.migi{
	margin:0px;
	padding:0px;
	text-align:right;
	position:absolute; 
	top: 0; 
	right: 0;
	z-index:1
}
/* end */

/* ------vvvvBreadNavi------ */
#bread{
	clear:both;
	text-align:left;
	margin:10px;
	font-size:0.8em;
}
#bread a:link{color:#333333;}
#bread a:hover{color:#ff0000;}
#bread a:visited{color:#666666;}


/* ------vvvvMain_Contents------ */
#main_box{
	width:100%; 
	min-width:1100px;
	margin-top:0px;
}
#main{
	float:right;
	width:100%;
	margin-left:-240px;
	background-color:#e5f2f2;
}
#main_contents{margin-left:220px; padding-left:20px; padding-right:20px; background-color:#ffffff; font-size:1.0em; min-width:600px;}
#main_contents_non{margin-left:0; padding-left:20px; padding-right:20px; background-color:#ffffff; font-size:1.0em; min-width:1000px;}
#main_contents_non .prj_wid { margin-right:250px;}
#main_contents h2,
#main_contents_non h2{
	background:url(h2_base.gif) no-repeat;
	height:40px;
	padding-top:10px;
	padding-left:45px;
	margin-bottom:20px;
	font-size:1.2em;
}
#main_contents h3,
#main_contents_non h3{
	background:url(h3_base.gif) no-repeat;
	margin-top:20px;
	height:40px;
	padding-top:5px;
	padding-left:55px;
	font-size:1.0em;
	font-weight:normal;
}
#main_contents h4,
#main_contents_non h4{
	margin-top:20px;
	padding:5px;
	margin-left:20px;
	margin-bottom:0.5em;
	font-size:1.0em;
	font-weight:normal;
	border-bottom:dotted 3px #ccc;
}
#main_contents h5{
	margin-top:20px;
	padding:5px;
	margin-left:20px;
	margin-bottom:0.5em;
	font-size:1.0em;
	font-weight:normal;
	border-bottom:dashed 1px #ccc;
}
#main_contents ul,
#main_contents_non ul{
	margin-left:50px;
}
#main_contents ul li,
#main_contents_non ul li{
	list-style-image:url(li_base.gif); 
	line-height:150%;
}
#main_contents ul.poster li{
	list-style:none; 
	float:left;
	margin-right:10px;
	margin-bottom:1em;
	text-align:center;
	font-size:80%;
}
#main p,
#main_contents_non p{
	padding:10px 0px 20px 30px; 
	line-height:150%;
}
.migi_text{text-align:right; font-size:0.9em;}
#main_contents a{color:#3366CC;}
#main_contents a:hover{color:#ff0000;}
#main_contents a:visited{color:#5D448A;}
.underline{margin:0px; margin-left:30px;}
.underline td{ border-bottom:1px dotted #999999; padding:5px; font-size:1.0em;}
.underline th{ border-bottom:1px dotted #999999; padding:5px; color:#339999;text-align:left; font-size:1.0em;}
#main div.cap{text-indent:-1em; margin-left:1em; padding-top:5px; margin-top:10px; padding-left:20px;}
.hako{border-style:dashed; text-align:left; margin:10px; border-color:#99CC66; padding:20px;}

/* ���X�g���� */
#main_contents ol.suzi {
	margin:20px 0 30px 0px;
	padding-right:40px;
	padding-left:70px;
}
#main_contents ol.suzi li {
	list-style-image:none;
	list-style-type:decimal;
	line-height:130%;
	margin-bottom:10px;
}

/* �͂݋L�� */
div.kakomi01 {
	padding:8px 10px 8px 10px;
	margin:0 50% 0 40px;
	font-size:0.75em;
	line-height:150%;
	background-color:#CBE4E4;
}


/* �e�[�u�� */
.CenterD {text-align:center;}
div.PrgD {margin:auto; text-align:left;}
div.TbleD {width:90%;margin:auto;}
.TbleD table {width:90%;text-align:left;margin:auto;line-height:120%;}
.TbleD table td.ChangeBg {background:#CBE4E4;}

.BoldF{font-weight: bold;}
.UnderL {text-decoration: underline;}



/* ------^^^^Main_Contents------ */


/* ------vvvvSide_menu------ */
#side{
	float:left;
	width:220px;
	padding-bottom:20px;
	background:#e5f2f2;
	line-height:120%;
}
#side p{
	background:url(side_title.gif) no-repeat;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:0.9em;
	width:220px;
}
#side ul{
	margin:0px;
	padding:0px;
	list-style:none;
}


#side li{
	margin:0px;
	padding:0px;	
	font-size:0.9em;
}


#side li a{
	display:block;
	text-decoration:underline;
	padding-left:20px;
	padding-top:7px;
	padding-bottom:7px;
	color:#3366CC;
	background:url(side_base.gif) no-repeat;
}

#side li.link a{
	display:block;
	text-decoration:underline;
	padding-left:25px;
	padding-top:7px;
	padding-bottom:7px;
	color:#3366CC;
	background:url(side_base2.gif) no-repeat 5px 6px;
}

#side li li {
	margin-left:15px;
}

#side li.link li a{
	background:url(side_base3.gif) no-repeat 2px 8px;
	padding-left:18px;
}

#side li.nolink{
	display:block;
	padding-left:20px;
	padding-top:7px;
	padding-bottom:7px;
	background:url(side_base.gif) no-repeat;
}
#side li.ici{
	display:block;
	text-decoration:none;
	color:#000000;
	padding-left:20px;
	padding-top:7px;
	padding-bottom:7px;
	font-weight:bold;
	background:url(side_base_o.gif) no-repeat;
}
#side li a:hover{
	display:block;
	text-decoration:none;
	color:#000000;
	padding-left:20px;
	padding-top:7px;
	padding-bottom:7px;
	background:url(side_base_o.gif) no-repeat;
}

#side li.link a:hover{
	display:block;
	text-decoration:none;
	color:#000000;
	padding-left:25px;
	padding-top:7px;
	padding-bottom:7px;
	background:url(side_base2.gif) no-repeat 5px 6px #99cccc;
}

#side li.link li a:hover{
	background:url(side_base3.gif) no-repeat 2px 8px #99cccc;
	padding-left:18px;
}


/* ------^^^^Side_menu------ */

/* ------vvvvFooter------ */

#footer{
	clear:both;
	margin:0px;
	padding:0px;
	width:100%;
	height:84px;
	text-align:right;
	background:url(footer_line.gif) no-repeat;
	min-width:600px;
}
#footertop_menu{font-size:0.8em; padding-top:10px; padding-left:30px; padding-right:20px;}
#footertop_menu a:link{color:#333333;}
#footertop_menu a:hover{color:#ff0000;}
#footertop_menu a:visited{color:#666666;}

#footer_menu{font-size:0.8em; padding-top:10px;}
#footer_menu a:link{color:#333333;}
#footer_menu a:hover{color:#ff0000;}
#footer_menu a:visited{color:#666666;}
#footer_logo{
	margin:0px;
	padding:0px;
	width:100%;
	height:137px;
	background:url(footer_base.gif) repeat-x;
	position:relative;
	min-width:600px;
}
#footertop_logo{
	margin:0px;
	padding:0px;
	width:100%;
	height:137px;
	position:relative;
	min-width:600px;
}
.footer_hidari{
	margin:0px;
	padding:0px;
	position:absolute; 
	top: 0; 
	left: 0;
	z-index:2;
}
.footer_hidari td{font-size:0.8em;}

.footer_migi{
	margin:0px;
	padding:0px;
	position:absolute; 
	top: 0; 
	right: 0;
	z-index:1;
}

.small{	
margin:50px 5px 0px 20px;
font-size:0.75em;
}

.area li{padding-bottom:10px;}





.LinkTxt {
	background:url(images/IcoArrow.gif) 0.1em 0.3em no-repeat;
	padding:2px 0 2px 1.4em;
}

.Pdf {
	background:url(images/IcoPdf.gif) 0.2em 0.6em  no-repeat;
	padding:10px 0 2px 1.4em;
}

.Word {
	background:url(images/IcoWord.gif) 0 0.05em no-repeat;
	padding:2px 0 2px 1.4em;
}

.Blank {
	background:url(images/IcoBlank.gif) 0 0.1em no-repeat;
	padding:2px 0 2px 1.4em;
}


.ImgLeft {
	text-align: center;
	clear: right;
	float: left;
	margin-right: 10px;
	padding: 5px;
}
.ImgRight {
	text-align: center;
	clear: left;
	float: right;
	margin-left: 10px;
	padding: 5px;
}
.Caption {
	font-size: 80%;
	magin: 10px 0px;
}

br.clear {
	clear:both;
}

/* ------ Program ------ */
table.Program {
	margin: 5px auto 0 auto;
	padding: 0px 0px 0px 40px;
	text-align: left;
	font-size: 100%;
	width: 95%;
	line-height: 140%;
	border:none;
}

table.Program tr * {
	padding-top:10px;
}
table.Program th {
	padding-top:10px;
	padding-right:1em;
	text-align: right;
	vertical-align: top;
}
table.Program td {
	padding-top:10px;
	text-align: left;
	vertical-align: top;
}
table.Program td.Span {
	padding-top:30px;
	padding-bottom:5px;
	font-weight: bold;
}

/* ------ �ǉ� ------ */
/* ------ Program2 /env/03wisdom/katsudou/20131203.htmlで使用------ */
table.Program2 {
	margin: 5px auto 0 auto;
	padding: 0px 0px 0px 40px;
	text-align: left;
	font-size: 100%;
	width: 95%;
	line-height: 140%;
	border:none;
}
table.Program2 th {
	padding-top:10px;
	padding-right:1em;
	text-align: right;
	vertical-align: top;
}
table.Program2 td {
	padding-top:10px;
	text-align: left;
	vertical-align: top;
}
table.Program2 td.Span {
	padding-top:30px;
	padding-bottom:5px;
	font-weight: bold;
}

/* ------ �ǉ� ------ */
.ajax-entry-more-link {
	text-align:right;
}

.outline_box {
	min-height:600px;
}

.outline {
	position:absolute;
	width:742px;
	height:530px;
	background:url(../01intro/image/outline.gif) no-repeat;
}

.outline_01 {
	position:absolute;
	left:357px;
	top:366px;
	width:90px;
	height:90px;
}

.outline_01 em {
	width:150px; 
	height:55px; 
	position:absolute; 
	text-align:center; 
	text-indent:-9999px; 
	z-index:2; 
	display:none; 
}







.outline_02 {
	position:absolute;
	left:627px;
	top:327px;
}

.outline_03 {
	position:absolute;
	left:40px;
	top:169px;
}

.outline_04 {
	position:absolute;
	left:267px;
	top:390px;
}

.outline_05 {
	position:absolute;
	left:83px;
	top:352px;
}

.outline_06 {
	position:absolute;
	left:193px;
	top:83px;
}

.outline_07 {
	position:absolute;
	left:563px;
	top:102px;
}

.outline_08 {
	position:absolute;
	left:381px;
	top:47px;
}




/* ------ �v���W�F�N�g ------ */
.project_map {
	position: fixed; 
	bottom: 10px; 
	right:10px;
	padding-right:10px;
	width:230px;
	background:white;
	text-align:center;
	z-index:1; 
}

.project_txt {
	border:solid 1px #ccc;
	margin:10px auto;
	text-align:center;
	padding:5px;
	width:12em;
}
.project,
.project2 {
	width:100%;
}

table.project,
table.project2  {
	border-collapse:collapse;
	border:solid 1px #146536;
	margin-left:10px;
}

.project th {
	border:solid 1px #146536;
	background:#E0F0DE;
	text-align:center;
}

.project2 th {
	border:solid 1px #146536;
	background:#DDECF0;
	text-align:center;
}

.project td,
.project2 td {
	border:solid 1px #146536;
}

.name {
	width:5em;
}

.cate {
	width:1em;
}

.prj {
	width:20%;
}

.belong {
	width:15%;
}
.chiki {
	width:15%;
}

.taisei {
}

.small dt {
	width:3em;
	float:left;
	clear:both;
	margin:0;
}

.small dd {
	margin:0;
	padding-left:5em;
}

/*追加*/

.news {margin:0px; margin-left:30px; border-bottom:1px dotted #999999; font-size:1.0em;}
.news dt {float:left; width:10em;padding:5px; margin:0; clear:both;}
.news dd { margin-left:10em; padding:5px;  margin:0;}

/*  Add 2019 01 */
.footerWrap .searchBox{ width: 50%; }
.footerWrap #___gcse_1 .gsc-control-cse{ padding: 1em 0 0 0; }
.footerWrap{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
}
