@charset "utf-8";

/*初期化===========================================*/

h1,h2,h3,p,ul,li,dl,dt,dd{
	margin:0px;
	padding:0px;	
}

img{
	border:none;	
	vertical-align:top;
	max-width:100%;
	height:auto;
}

li,address{
	list-style:none;	
	font-style:normal;
}

table{
	border-collapse:collapse;
}

th,td{
	vertical-align:top;
	text-align:left;	
}

body{
	margin:0px;
	padding:0px;
	background:#669900;	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-size:14px;
	color:#304309;
	line-height:1.7;
	letter-spacing:1px;
}

a{
	color:#ff6e00;	
}


h2{
	background:url(images/bg_title_h2.png);
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-indent:15px;	
	margin:0px 0px 15px;
}

h3{
	background:url(images/bg_title_h3.png) left bottom no-repeat;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	color:#669900;
/*	text-indent:15px;*/	
	margin:0px 0px 15px;
}


/*共通クラス===========================================*/
.attension{
	color:#F00;	
}

#content p{
	margin:0px 0px 15px;	
}

.mar20b{
	margin: 0 0 20px;	
}



/*基本レイアウト===========================================*/
/*ヘッダー*/
#header{
	background:#f9fadc;	
}

#header_inner{
	position:relative;
	width:840px;
	height:116px;
	margin:0px auto;
/*	background:#CCC;*/	
}


/*コンテンツ部分*/
#sideContent{
	background:url(images/bg_sideContent.png) left top repeat-x #e3f1c7;
	text-align:center;
}

#sideContent_inner{
	position:relative;
	width:848px;
	background:url(images/bg_sideContent_inner.png) left top repeat-y;
	margin:0px auto;
	text-align:left;
	padding:0px 0px 50px;
}

#side{
	position:relative;
	float:left;
	top:-19px;
	left:20px;
	width:190px;
/*	background:#333;*/
}

#content{
	position:relative;
	float:right;
	width:600px;
	margin:20px 24px 0px 0px;
/*	background:#FFF;*/
}

/*フッター*/
#footer{
	background:#669900;	
	border-top:solid 7px #477a00;
}

#footer_inner{
	position:relative;
	width:840px;
	height:116px;
	margin:0px auto;
/*	background:#CCC;*/	
}

/*ヘッダー===========================================*/
#header_inner h1#logo{
	position:absolute;
	left:20px;
	top:22px;	
}

#header_inner p#tree{
	position:absolute;
	left:266px;
	top:0px;	
}

#header_inner p#tel{
	position:absolute;
	right:20px;
	top:20px;
	color:#5F9200;
	font-size: 22px;
	font-weight: bold;
}


#header_inner ul#headerNavi{
	position:absolute;
	right:20px;
	bottom:0px;	
}

#header_inner ul#headerNavi li{
	float:left;	
	margin-left:10px;
}

/*サイドバー===========================================*/
#side #mainNavi{
	margin:0px 0px 30px;
	padding:13px 0px 0px;
	background:url(images/mainNavi_head.png) left top no-repeat;
}

#side #mainNavi ul{
	padding:0px 0px 15px;
	background:url(images/mainNavi_foot.png) left bottom no-repeat;
}

#side #mainNavi ul li a{
	display:block;
	width:190px;
	height:35px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#side #mainNavi ul li#btn_top a{background-image:url(images/btn_top.png);}
#side #mainNavi ul li#btn_concept a{background-image:url(images/btn_concept.png);}
#side #mainNavi ul li#btn_why a{background-image:url(images/btn_why.png);}
#side #mainNavi ul li#btn_glowth a{background-image:url(images/btn_glowth.png);}
#side #mainNavi ul li#btn_schedule a{background-image:url(images/btn_schedule.png);}
#side #mainNavi ul li#btn_wanted a{background-image:url(images/btn_wanted.png);}
#side #mainNavi ul li#btn_contact a{background-image:url(images/btn_contact.png);}

/*現在のページをアクティブボタンにする*/
body#page_top #side #mainNavi ul li#btn_top a{background-image:url(images/btn_top_on.png);}
body#page_concept #side #mainNavi ul li#btn_concept a{background-image:url(images/btn_concept_on.png);}
body#page_why #side #mainNavi ul li#btn_why a{background-image:url(images/btn_why_on.png);}
body#page_glowth #side #mainNavi ul li#btn_glowth a{background-image:url(images/btn_glowth_on.png);}
body#page_schedule #side #mainNavi ul li#btn_schedule a{background-image:url(images/btn_schedule_on.png);}
body#page_wanted #side #mainNavi ul li#btn_wanted a{background-image:url(images/btn_wanted_on.png);}
body#page_contact #side #mainNavi ul li#btn_contact a{background-image:url(images/btn_contact_on.png);}



#side #sideBanner{
		width:180px;
		margin:0px 0px 0px 3px;
}

#side #sideBanner p{
	font-size:12px;	
	letter-spacing:0px;	
	margin:0px 0px 10px;
}

/*フッター===========================================*/

#footer_inner p#pageup{
	text-align:right;	
	margin:0px 20px 0px 0px;
}

#footer_inner address{
	color:#FFF;	
	margin:0px 0px 0px 20px;
	line-height:2.0;
	letter-spacing:2px;
}

#footer_inner address a{
	color:#FFF;	
}


/*トップページ===========================================*/
#topMain p{
	margin:0px 0px 15px;	
}

ul.column1,
ul.column2,
ul.column3{
	margin: 0 0 20px;	
}


ul.column2 li{
	float: left;
	width:290px;
	margin: 0 20px 0 0;
}

ul.column2 li:nth-of-type(2n){
	margin-right: 0;
}

ul.column3 li{
	float: left;
	width:187px;
	margin: 0 20px 0 0;
}

ul.column3 li:nth-of-type(3n){
	margin-right: 0;
	width:186px;
}


	
	

/*
#activityPhoto ul li{
	float:left;
	width:190px;
	margin:0px 15px 15px 0px;		
}

#activityPhoto ul li#vol50{
	clear:both;
}

#activityPhoto ul li#vol50 p{
	background:#FFF;
	height:110px;	
		
}

#activityPhoto ul li.last{
	margin-right:0px;	
}

#activityPhoto ul li p{
	text-align:left;
	margin:0px 0px 5px;	
}
*/

/*趣旨===========================================*/
body#page_concept #content dl dt{
	margin:0px 0px 5px 0px;	
	font-weight:bold;
}

body#page_concept #content dl dd{
	margin:0px 0px 15px 30px;
}

/*なぜトイレ掃除か===========================================*/
body#page_why #content dl dt{
	margin:0px 0px 5px 0px;	
	font-weight:bold;
}

body#page_why #content dl dd{
	margin:0px 0px 15px 30px;
}

/*生い立ち===========================================*/
body#page_glowth #content p{
}

/*活動状況・予定 ===========================================*/
body#page_schedule #content table{
	border:solid #f29b18;
	border-width:1px 0px 0px 1px;
	background:#FFF;
	margin:0px 0px 10px;
}

body#page_schedule #content table th,body#page_schedule #content table td{
	padding:5px;
	border:solid #f29b18;
	border-width:0px 1px 1px 0px;	
}

body#page_schedule #content table th{
	background:#fceaca;
	color:#f29100;
	
}

body#page_schedule #content table th.num{width:100px;}
body#page_schedule #content table th.date{width:150px;}
body#page_schedule #content table th.place{}

/*参加者募集中  ===========================================*/
body#page_wanted #content #offer p{
	font-size:16px;	
	background:#f2f8e7;
	padding:15px;
}

/*お問い合わせ  ===========================================*/
body#page_contact #content .contact_way p{
	font-size:16px;	
	background:#f2f8e7;
	padding:15px;
}



/*clearfix===========================================*/
#sideContent_inner:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}


#sideContent_inner{
	display: inline-block;
}

.cf:after{
	content:"";
	display:block;
	clear:both;	
}