@charset "utf-8";
/* ===================================================================
CSS information

=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
*{
margin:0;
padding:0;
}

html {overflow-y:scroll;}  

body {
    text-align: center; /* center on ie */
    width: 100%;
	font-size:100%;
	font-family:"Verdana",sans-serif;
}

a:link {
	text-decoration: none;
	color:#509600;
}

a:visited {
text-decoration: none;
color:#509600;
}

a:hover {
background: #90C70C;
	text-decoration: none;
	
}

a:active {
background: #90C70C;
text-decoration: none;
}

/* pdf要素
----------------------------------------------------------- */
a[href$=".pdf"]	{ 
	background: url(/img/pdf.gif) no-repeat 100% 50%;
}
* html a.pdf{ 
	background: url(/img/pdf.gif) no-repeat 100% 50%;
}
/* doc要素
----------------------------------------------------------- */
a[href$=".doc"]	{ 
	background: url(/img/doc.gif) no-repeat 100% 50%;
}
* html a.doc	{ 
	background: url(/img/doc.gif) no-repeat 100% 50%;
}
/* xls要素
----------------------------------------------------------- */
a[href$=".xls"]	{ 
	background: url(/img/xls.gif) no-repeat 100% 50%;
}
* html a.xls{ 
	background: url(/img/xls.gif) no-repeat 100% 50%;
}

/* IE-6要素
----------------------------------------------------------- */
* html a{
	behavior: expression(
	this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
	this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",
	this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",
	this.style.behavior = "none"
	);
}



/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}


.clearfix {  
overflow: hidden; /* 簡易clearfix */  
}  
 /* IE6 に適用 */  
* html .clearfix {
zoom: 1;  
 }  


img{
border:none;
}

.clear{
clear:both;
}



/*----------------------------------------------------
	.wrapper 
----------------------------------------------------*/
.wrapper {
	width: 958px;
	margin: 0 auto;
	text-align: left;
	border-left:1px solid #509600;
	border-right:1px solid #509600;
}

.wraphomeheader {
	margin: 0;
	background:url(/img/bghomeheader.jpg) repeat-x;
}

.wraphomebody {
		background:url(/img/bghomebody.jpg);
}

.wrapcontentsheader {
	background:url(/img/bgcontentsheader.jpg) repeat-x;
}

.wrapcontentsbody {
		background:url(/img/bgcontentsbody.jpg);
}

.wrapaboutheader {
	margin: 0;
	background:url(/img/bgbgaboutheader.jpg) repeat-x;
}

.wrapaboutbody {
		background:url(/img/bgaboutbody.jpg);
}



.wrapfooter {
	margin: 0;
	background: #90C70C;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
div#header {
	background:url(/img/bgheader.jpg) no-repeat;
		padding:30px 20px 20px;
		height:350px;
}

body#about div#header {
	background:url(/img/bgaboutheader.jpg) no-repeat;
		padding:30px 20px 20px;
		height:260px;
}



div#header h1#title,
div#header p#title{
float:left;
}

div#header h1#title div.title{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/titlehome.png", sizingMethod="scale");
}

*div#header p#title div.title{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/titlecontents.png", sizingMethod="scale");
}


div.wrapcontentsheader div#header,
body#about div.wrapcontentsheader div#header{
padding:30px 20px 20px;
height: 90px;
background: #90C70C;
}




/*----------------------------------------------------
	#nav
----------------------------------------------------*/

div#nav,
div#sub div#nav
{
float:right;
width:240px;
}

div#gnav,
div#sub div#gnav{
text-align: left;
background: #3f7700;
padding:16px 12px;
}


div#gnav ul,
div#sub div#gnav ul{
width:216px;
list-style:none;
border-top: 1px solid #FFF;
}

div#gnav ul li,
div#sub div#gnav ul li{
background: url(/img/bulletnavi.png) no-repeat 0 8px;
*background: url(/img/bulletnavi.png) no-repeat 0 6px;

padding:6px 4px 6px 20px;
*padding:4px 4px 4px 20px;
border-bottom: 1px solid #FFF;
}

div#gnav ul li a,
div#sub div#gnav ul li a{
color: #FFF;
}

div#gnav ul#assistnav,
div#sub div#gnav ul#assistnav{
margin:16px 0;
border-top: none;
}

div#gnav ul#assistnav li,
div#sub div#gnav ul#assistnav li{
float:left;
padding:0 8px;
background: none;
border-bottom:none;
border-right:1px solid #FFF;
font-size: 0.8em;
}

div#gnav ul#assistnav li.last,
div#sub div#gnav ul#assistnav li.last{
border-right:none;
}

div#nav p#aboutbanner,
div#sub div#nav p#aboutbanner{
padding:10px 0;
}


div#sub div#gnav ul li ul{
border: none;
padding-top:12px;
*width:auto;
}

div#sub div#gnav ul li ul li{
border: none;
background: url(/img/bulletsubcontents.png) no-repeat 0 5px;
font-size: 0.9em;
line-height: 1.2em;
padding:3px 4px 3px 16px;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
div#contents {
padding:20px 20px 24px;
}

div#contents p.pageTop {
	clear: both;
	text-align: right;
	margin-bottom:0;
	padding:8px 20px;
	font-size:0.8em;
}

div#contents p.pageTop a{
 padding-right:18px;
 background:url(/img/bulletUp.gif) no-repeat right center;
}


/*----------------------------------------------------
	#news
		ホーム
----------------------------------------------------*/

div#news {
	float: left;
	width: 409px;
	background: #f9f5eb;
	padding:10px 20px 16px;
}

div#news dl{
padding:12px 0;
}

div#news dl dt.date{
border-bottom: 1px solid #90C70C;
margin-bottom: 6px;
}

div#news dl dt.date span.recent{
color: #F00;
font-weight: bolder;
}

div#news dl dd.lead{
font-size: 0.9em;
line-height: 1.4em;
margin-bottom: 6px;
}

div#news dl dd.detail{
text-align: right;
margin-bottom: 12px;
font-size: 0.8em;
}

div#news dl dd.detail a{
padding-left: 20px;
background: url(/img/bulletright.png) no-repeat left;
}


/*----------------------------------------------------
	#today
		ホーム
----------------------------------------------------*/

div#today {
	float: right;
	width: 409px;
	background: #f9f5eb;
	padding:10px 20px 16px;
}
div#today h3{
font-size: 1.0em;
color:#509600;
border-bottom: 1px solid #90C70C;
margin:12px 0 6px;
}

div#today h3 span.add{
font-size: 0.9em;
font-weight: normal;
}

div#today p.todayphoto{
text-align: center;
margin: 12px 0;
}


div#today p.todayphoto img{
border:1px solid #666;
padding:3px;
background: #FFF;
}

div#today div.comment p{
font-size: 0.9em;
line-height: 1.4em;
margin-bottom: 12px;
}

div#today p.detail{
text-align: right;
margin-bottom: 12px;
font-size: 0.8em;
}

div#today p.detail a{
padding-left: 20px;
background: url(/img/bulletright.png) no-repeat left;
}






/*----------------------------------------------------
	#main
		第2階層メイン
----------------------------------------------------*/
div#main {
	float: left;
	width:618px;
	padding:20px 20px;
	background: #f9f5eb;
	}

div#main div#topicpath{
font-size: 0.8em;
margin-bottom:30px;
}


div#main div#topicpath a:hover {
background: #90C70C;
	text-decoration: none;
	color: #FFF;
}

div#main h1{
padding-top:12px;
padding-left: 42px;
margin-bottom:16px;
border-bottom: 1px solid #90C70C;
font-size: 1.3em;
/*
padding-top:4px;
line-height: 2.0em;
height:43px;*/
color:#509600;
vertical-align: bottom;
}

div#main h1#event{
background: url(/img/heading02event.png) no-repeat bottom left;
}

div#main h1#project{
background: url(/img/heading02project.png) no-repeat bottom left;
}

div#main h1#ochiba{
background: url(/img/heading02ochiba.png) no-repeat bottom left;
}

div#main h1#carte{
background: url(/img/heading02carte.png) no-repeat bottom left;
}

div#main h1#ishiniwa{
background: url(/img/heading02ishiniwa.png) no-repeat bottom left;
}

div#main h1#ouendan{
background: url(/img/heading02ouendan.png) no-repeat bottom left;
}

div#main h1#midorinet{
background: url(/img/heading02midorinet.png) no-repeat bottom left;
}

div#main h1#hureai{
background: url(/img/heading02hureai.png) no-repeat bottom left;
}

div#main h1#meguritai{
background: url(/img/heading02meguritai.png) no-repeat bottom left;
}

div#main h1#matsuri{
background: url(/img/heading02matsuri.png) no-repeat bottom left;
}

div#main h1#hukushi{
background: url(/img/heading02hukushi.png) no-repeat bottom left;
}


div#main h1#happy{
background: url(/img/heading02happy.png) no-repeat bottom left;
}

div#main h1#member{
background: url(/img/heading02member.png) no-repeat bottom left;
}

div#main h1#link{
background: url(/img/heading02link.png) no-repeat bottom left;
}


body#news div#main h1{
background: url(/img/heading02news.png) no-repeat bottom left;
}

body#today div#main h1{
background: url(/img/heading02today.png) no-repeat bottom left;
}

body#schedule div#main h1{
background: url(/img/heading02schedule.png) no-repeat bottom left;
}

body#event div#main h1{
background: url(/img/heading02event.png) no-repeat bottom left;
}



div#main h2,
div#main h3{
margin:24px 0 16px;
}

div#main p,
div#main ul,
div#main ol{
margin:16px 0;
}

div#main h2{
clear:both;
padding-left: 32px;
font-size: 1.1em;
color:#509600;
background: url(/img/heading02.jpg) no-repeat bottom left;
}

div#main h3{
clear:both;
font-size: 1.0em;
color:#509600;
}


div#main p{
font-size:0.9em;
line-height:1.6em;
}

div#main p.date{
text-align:right;
}


div#main ul,
div#main ol,
div#main dl{
font-size:0.9em;
padding:0 24px;
}

div#main ul li,
div#main ol li{
padding-bottom:8px;
}

div#main dl{
padding:12px;
}

div#main dl dt{
font-weight:bolder;
font-size:1.1em;
border-bottom: 1px dotted #90C70C;
margin-bottom: 6px;
color:#333;
}


div#main dl dd{
line-height: 1.4em;
margin-bottom: 16px;
}

div#main table{
padding:8px;
font-size:0.9em;
}

div#main table caption{
font-weight:bolder;
background:#EEE;
}

div#main table th{
font-weight:bolder;
}

div#main table th,
div#main table td{
padding:4px;
border-bottom:1px solid #DDD;
}

div#main table th.first-child,
div#main table td.first-child{
border-top:1px solid #DDD;
}


div.feature{
margin:24px 0 16px;
border: 3px solid #90C70C;
}

div.feature h4{
font-size: 1.0em;
color:#509600;
padding:12px 12px 0;
}

div.feature p{
padding:0 12px 6px;
}


/* -----------------------------------------------------------
	#sub
		第2階層サイドバー、サブ
----------------------------------------------------------- */
div#sub {
	float:right;
}

div#sub ul{

}

/* -----------------------------------------------------------
	#about
		機構について
----------------------------------------------------------- */

body#about div#main{
padding-top:12px;
}

body#about div#main,
body#about div#sub div#gnav{
background:#FFF;
}


body#about div#main h1{
padding-left: 0;
}


body#about div#sub div#gnav ul li{
border: none;
background: url(/img/bulletsubcontents.png) no-repeat 0 5px;
font-size: 0.9em;
line-height: 1.2em;
padding:3px 4px 3px 16px;
}

body#about div#sub div#gnav ul li a{
color:#509600;
padding-right:24px;
}

body#about div#sub div#gnav ul li a:hover{
color:#FFF;
background: #90C70C;
text-decoration: none;
}

body#about div#main h2{
clear:both;
padding-left:0;
font-size: 1.1em;
color:#509600;
background: none;
border-bottom:1px solid #509600;
}




body#about div#news {
padding:10px 0px 16px;
clear:both;
	width: 100%;
	background: #FFF;
}


body#about div#sub h3{
font-size:0.9em;
color:#666;
}

body#about div#sub p.tohome{
font-size:0.9em;
margin-top:24px;
}

body#about div#sub p.tohome a{
display:block;
padding:4px;
border:1px solid #999;
}

body#about div#sub p.tohome a:hover{
color:#FFF;
}


/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
	padding:24px 20px;
	position: relative;
  overflow: hidden;

}

#footer p#feed {
text-align: right;
margin-bottom: 24px;
}

#footer ul {
font-size:0.8em;
	list-style-type: none;
	  position: relative;
  left: 50%;
  float: left;
}

#footer ul li{
  position: relative;
  left: -50%;
  float: left;
  border-right:1px dotted #FFF;
}

#footer ul li.first{
  border-left:1px dotted #FFF;
}


#footer ul li a{
  padding:0 16px;
  color:#FFF;
}

#footer p.copyright{
clear:both;
font-size:0.8em;
color: #FFF;
text-align:center;
padding:36px 0 12px;

}


/* -----------------------------------------------------------
	.pages
		タブ切り替え
----------------------------------------------------------- */

div.pages {
	margin:20px auto 0 auto;
	text-align:left;
	}

div ul#tab {
	margin:0;
	padding:0;
	border-bottom:1px solid #333;
	background-color:#fff;
	float:left;
	width:100%;
list-style:none;
	}

div.pages ul#tab li {
	margin:0 0 0 1em;
	padding:0.2em 0;
	text-align:center;
	border:1px solid #333;
	border-bottom:none;
	float:left;
	width:10em;
	}

div.pages ul#tab li.selected {
	background-color:#3f7700;
	}

div.pages ul#tab li.selected a {
	color:#fff;
	}

div.pages dl {
	margin:0;
	padding:1em;
	/*border:1px solid #333;*/
	border-top:none;
	background-color:#FFF;
	clear:both;
	}

div.pages dl dt {
	margin-bottom:1em;
	padding-bottom:0;
padding-top:0;
margin-top:0;
	}

div.pages dl dd {

	}

div.pages dl dd p {
	margin-bottom:1em;
	}