@charset "UTF-8";



#EarthImg li {
	width: 90%;
	height: 90%;
}





/*---------------------*/
/*	#Nav
/*---------------------*/

#activityBody #NavWrap {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding:10px 0;
	background-color: #4bb99f;
}

#activityBody #Nav {
	width: auto;
	height: auto;
	min-width: 800px; /* ナビの固定位置指定 */
	max-width: 1300px;
	margin: 0 auto;
}

#navDanchi, #navModel, #navSupport, #navEco, #navProject {
	width: 11.3%;
}
#pjHome {
	width:12.8%;	
}



/* ----------------活動内容---------------- */

ul#activityWrap {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 80%;
	height: 406px;
	top:50%;
	margin-top:-243px;
}
ul#activityWrap li {
	height: 100%;
	width: 406px;
	text-align: center;
	cursor: pointer;
}
	ul#activityWrap li.roundabout-in-focus {
		cursor: default;
	}
ul#activityWrap li img {
	display: block;
	width:100%;
	max-width:100%;
	min-width:100%;
	height:auto;
}

@media screen and (max-width: 1024px) {

ul#activityWrap {
	height: 350px;
	margin-top:-215px;
}
ul#activityWrap li {
	width: 350px;
}

}





/* ----------------各団地の取り組み---------------- */

ul#activityWrap2 {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 90%;
	height: 410px;
	top:50%;
	margin-top:-245px;
}
ul#activityWrap2 li {
	height: 100%;
	width: 410px;
	text-align: center;
	cursor: pointer;
}
	ul#activityWrap2 li.roundabout-in-focus {
		cursor: default;
	}
ul#activityWrap2 li img {
	display: block;
	width:100%;
	max-width:100%;
	min-width:100%;
	height:auto;
}

#illust {
	position:absolute;
	bottom:50px;
	right:50px;
	z-index: 300;
}

@media screen and (max-width: 1024px) {

ul#activityWrap2 {
	height: 350px;
	margin-top:-215px;
}
ul#activityWrap2 li {
	width: 350px;
}

}






/*===============================================================*/
/*
	support
*/
/*===============================================================*/


#activityBody #support {
	width: 1000px;
	max-width:1000px;
	margin: 0 auto;
	padding:180px 30px 100px 30px;
	position:relative;
	letter-spacing:0.2em;
	line-height:2;
}
#activityBody #support section {
	margin-bottom:100px;	
}

#support h2 {
	margin-bottom:50px;
}
#support #copy {
	margin-bottom:60px;
}

#support h3 {
	color:#4bb99f;
	font-size:30px;
	margin-bottom:15px;
	font-weight: normal;
	line-height:1.5;
}
#support h3 span {
	background:#4bb99f;
	font-size:22px;
	color:#FFFFFF;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-align:center;
	margin-right:10px;
	padding:0 15px;	
}

#yokohamaWrap {
	border:8px solid #4bb99f;
	padding:30px;
	background-color:#FFFFFF;
	
}

#support h4 {
	color:#4bb99f;
	font-size:20px;
	margin-bottom:15px;
	font-weight: normal;
	line-height:1.5;
	font-weight:bold;
}
#support .txt1 {
	margin-bottom:20px;
}

#support #logo {
	float:right;
	margin-left:20px;
}

#support ul#ul1 li {
	float:left;
}

#support #illust1 {
	position:absolute;
	top:178px;
	right:30px;	
}

#support article {
	float:left;
	width:399px;
	border:8px solid #4bb99f;
	padding:150px 30px 30px 30px;
	letter-spacing:0.1em;
	margin-top:15px;
}
#support article#tamapuraza {
	background:url(../activity/img/support/img3.jpg) no-repeat center 30px;
	background-color:#FFFFFF;
}
#support article#nagatuta {
	background:url(../activity/img/support/img4.jpg) no-repeat center 30px;
	background-color:#FFFFFF;
}
#support article strong {
	padding-left:15px;
}
#support article ul {
	padding-left:33px;
	font-size:14px;
	width:357px;
}
#support article ul li {
	list-style-type:disc;
	line-height:1.6;
	margin-bottom:7px;
}
#support article .caption {
	padding-top:163px;
	padding-bottom:20px;
}
	#support article#nagatuta .caption {
	padding-top:207px;
	padding-bottom:18px;
	}
	#support article#nagatuta .txt1 {
		line-height:1.7;
	}

/* 過去のセミナー */
#support #topics_content {
	overflow: hidden;
	height: 150px;
	position: relative;
	background: #FFFFFF;
	margin-top: 30px;
	border: 9px solid #e7e7e7;
	/*border-right: 0;*/
}
#support #topics_content dl{
	margin-top:30px;
}
#support #topics_content dt{
	margin-right:20px;
	float:left;
	margin-bottom: 20px;
	margin-left:30px;
}
#support #topics_content dd {
	margin-bottom: 20px;
}
#support #topics_content dd:last-child {
	border-bottom: 0;
}







/*===============================================================*/
/*
	model
*/
/*===============================================================*/


#activityBody #model {
	width: 1000px;
	max-width:1000px;
	margin: 0 auto;
	padding:180px 30px 100px 30px;
	position:relative;
	letter-spacing:0.2em;
	line-height:2;
}
#activityBody #model section {
	margin-bottom:100px;	
}

#model h2 {
	margin-bottom:50px;
}
#model #copy {
	margin-bottom:60px;
}

#model h3 {
	color:#4bb99f;
	font-size:30px;
	margin-bottom:15px;
	font-weight: normal;
	line-height:1.5;
}

#model .rightWrap1 {
	width:279px;
	float:right;
	margin-left:10px;	
}
#model .leftWrap2 {
	width:360px;
	float:left;
	margin-right:30px;
	
}
#model .rightWrap2 {
	width:610px;
	float:right;
	margin-top:30px;
}

#model #sectionWrap {
	position:relative;
	width:100%;
	height:438px;
}
#model dl {
	position:absolute;
	width:320px;
	height:auto;
	line-height:1.8;
	letter-spacing:0.1em;
}
#model dl#dl1 {
	left:0;
	top:45px;
}
#model dl#dl2 {
	right:0;
	top:45px;
}
#model dl#dl3 {
	left:0;
	bottom:0;
}
#model dl#dl4 {
	right:0;
	bottom:0;
}
#model dl dt {
	font-weight:bold;
	color:#f18b00;
	font-size:17px;
}

#model #sectionWrap #graph {
	position:absolute;
	left: 333px;
	top: 70px;	
}




/*===============================================================*/
/*
	eco
*/
/*===============================================================*/


#activityBody #eco {
	width: 1000px;
	max-width:1000px;
	margin: 0 auto;
	padding:180px 30px 100px 30px;
	position:relative;
	letter-spacing:0.2em;
	line-height:2;
}
#activityBody #eco section {
	margin-bottom:100px;	
}

#eco h2 {
	margin-bottom:50px;
}
#eco #copy {
	margin-bottom:60px;
}

#eco h3 {
	color:#4bb99f;
	font-size:30px;
	margin-bottom:15px;
	font-weight: normal;
	line-height:1.5;
}
	#eco h3 strong {
		background-color:#4bb99f;
		font-size: 22px;
		color: #FFFFFF;
		display: inline-block;
		text-align: center;
		margin-right: 10px;
		padding: 0 10px;
		font-weight: normal;
	}
	
#eco h4 {
	color:#4bb99f;
	font-size:20px;
	margin-bottom:15px;
	font-weight: normal;
	line-height:1.5;
	font-weight:bold;
}
#eco .txt1 {
	margin-bottom:20px;
}

#eco #logo {
	float:right;
	margin-left:20px;
}

#eco ul#ul1 li {
	float:left;
}


#eco article.ac{
	padding: 30px;
	width: auto;
	border:8px solid #4bb99f;
	position:absolute;
	left:0;
	top:240px;
	background-color:#FFFFFF;
	display:none;
}
#eco article.ac h1 {
	font-size:28px;
	color:#4bb99f;
}
#eco article.ac ul {
	font-size:14px;
	margin-bottom:30px;
}


#acWrap {
	position:relative;	
}
.acordion_head {
cursor: pointer;
}
.dammy {
	height:741px;
	display:none;
}
#eco #leftWrap {
	float:left;
}
#eco #rightWrap {
	float:right;
}


/* closeボタン位置設定 */
.detailClose {
	position: absolute;
	top: -30px;
	right: 10px;
	cursor: pointer;
	font-size:60px;
	z-index:100;
}
.detailClose a {
	color:#00a2e4;
	text-decoration:none;
}




/* 今後の取り組みについて */
#topic4 {
	background:#FAFAFA;
	width:900px;
	padding:50px;
	margin-bottom:60px;
	margin-top:100px;
	position:relative;
}
#topic4 h1 {
	color:#f18b00;
	font-size:32px;
	margin-bottom:15px;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:0;
}
#topic4 h1 strong {
	background:#f18b00;
	font-size:22px;
	color:#FFFFFF;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-align:center;
	margin-right:10px;
	padding:0 10px;
	font-weight:normal;
}
#topic4 h2 {
	color:#f18b00;
	font-size:20px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom:10px;
}
#topic4 .txt1{
	width:690px;
}
#eco #illust1 {
	position:absolute;
	top: 180px;
	right: 0px;	
}

#topic4 #illust2{
	position: absolute;
	top: 395px;
	right: 26px;
}




/*===============================================================*/
/*
	アイコン設定
*/
/*===============================================================*/

a[href$=".pdf"] {
	background:url(../img/PDFicon.gif) no-repeat center right;