@charset "shift_jis";

/*
================================================
　　多摩ニュータウン環境組合用用スタイルシート
================================================

最終更新日：2008年6月3日

0.各要素のリセット
1．基本レイアウト
2．リンク
3．各要素のリセット

4．ヘッダー
5．ナビゲーション
6．メインコンテンツ
7．サイドメニュー
8．フッター

9．テーブル
10．アクセシビリティ
11．その他

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

/*========================
■0. 各要素のリセット
========================*/
body {
	background: url(../image/bg002.gif) 
		#FFFFFF;
}

/*========================
■1．基本レイアウト
========================*/

#Container {
	width: 720px;
	margin: 10px auto 0px;
	text-align: right;
}

#tagline {
	display: inline;
	width: 720px;
	margin: 10px auto;
	padding: 10px 0px 10px 24px;
	background: url(../image/ic001.gif) 
		0 50% 
		no-repeat;
	color: #3A6528;
	font-weight: bold;
	font-size: 87.5%;
}

#MainArea {
	width: 720px;
	margin: 5px auto 0px;
	background-color: #FFFFFF;
	border: solid 1px #0A6C3B;
	text-align: left;
}

#HeadArea {
	width: 100%;
	padding-bottom: 4px;
	border-bottom: solid 3px #006633;
	color: #404066;
	font-size: 87.5%;
}
#NaviArea {
	margin-top: 3px;
	width: 707px;
}

#FootArea {
	position: relative;
	width: 100%;
	padding: 20px 0px 0px;
	border-top: solid 1px #006666;
	text-align: center;
	font-size: 87.5%;
}


/*========================
■2．リンク
========================*/

a:link{
	color: #3333D6;
	text-decoration: underline;
}

a:visited{
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
}

a:active{
}


/*========================
■3．各要素のリセット
========================*/

#HeadArea a img,#NaviArea a img,#skip a img {
border:none;
}
td#HeadArea {
	padding: 12px 10px 5px;
}
#NaviArea p {
	margin: 0;
	padding: 0;
}

/*========================
■4．ヘッダー
========================*/

#skip {
	width: 1px;
	height: 1px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#SiteId {
width: 100%;
}

/*  \*//*/
#SiteId {
	border: solid 1px;
}
/*  */ 

h1.siteid {
	margin-top: 10px;
}

#SiteId p {
	padding-right: 10px;
}
#SiteId div.left {
	width: 420px;
}
#SiteId div.left p.small {
	margin-top: 5px;
	font-size: 85%;
}
html:\66irst-child #SiteId div.left p.small {
	font-size: 80%;
}
/* これ以降Mac IE 5のみに適用される \*//*/
#MainArea #SiteId div.left p.small {
	font-size: 90%;
	letter-spacing: -0.1em;
}
/* これ以降Mac IE 5以外にも適用される */ 

#copy {
	width: 176px;
	float: right;
}


/*========================
■5．ナビゲーション
========================*/

#NaviArea {
}
#MainArea table#NaviArea td#Navi1 {
width: 595px;
margin: 0;
padding: 0;
}
#MainArea table#NaviArea td#Navi2 {
width: 110px;
margin: 0;
padding: 2px 0;
font-size: 65%;
}
#MainArea table#NaviArea td#Navi2 .topbanner {
	margin-top: 0px;
}


#GlobalNavi {
width: 595px;
margin: 0;
padding: 0;
}
#GlobalNavi td{
		background-color: #2e822e;
		background-image: url(../image/m_bg001.gif);
		background-repeat: repeat-y;
		background-position: 0 32px;
		width: 148px;
		height: 32px;
		margin: 0;
		padding: 0;
		vertical-align: middle;
		border: inset 1px #030; 
}
#GlobalNavi td a {
color: #fff;
padding-left: 3px;
font-weight: bold;
font-size: 95%;
text-decoration: none;
}
#GlobalNavi a:visited{
	text-decoration: none;
}
#GlobalNavi a:hover{
	text-decoration: none;
}

#GlobalNavi tr#SubNaviR td {
		background-image: url(../image/m_bg002.gif); 
}
#GlobalNavi tr#SubNaviS td {
		background-image: url(../image/m_bg003.gif); 
}
#GlobalNavi tr#SubNaviR td a, #GlobalNavi tr#SubNaviS td a {
		color: #063;
		font-size: 95%;
}
#GlobalNavi tr#SubNaviS td.texts,#GlobalNavi tr#SubNaviR td.texts{
	font-size: 80%;
}
#GlobalNavi tr#SubNaviR td.navifactory{
		background-image: url(../image/m_bg003.gif); 
}		
#GlobalNavi tr#SubNaviS td.navicenter{
		background-image: url(../image/m_bg002.gif); 
}

/*========================
■6．メインコンテンツ
========================*/

#ContentsAreaCenterTop {
	padding: 5px 0px 0px 5px;
	border-top: solid 1px #006666;
	font-size: 87.5%;
	text-aling: center;
}

#ContentsAreaCenterTop div h3 {
	padding-top: 10px;
	text-align: left;
	font-size: 1em;
}

#ContentsAreaCenterTop div h3 strong {
	color: #660000;
}

#ContentsAreaCenterTop div h4 {
	padding-left: 1em;
	text-align: left;
	color: #2E822E;
	font-size: 1em;
	font-weight: bold;
}

div#ContentsAreaCenterTop  div {
	float: left;
	width: 315px;
	padding: 0px 15px 0px 15px;
	text-align: center;
}

#ContentsAreaCenterTop div p.toiawase {
	padding-left: 1em;
	text-align: left;
}

/*========================
■7．サイドメニュー
========================*/



/*========================
■8．フッター
========================*/

#FootArea #counter {
	position: absolute;
	top: 20px;
	left:580px;
}

/*========================
■9．テーブル
========================*/



/*========================
■10．アクセシビリティ
========================*/



/*========================
■11．その他
========================*/

.clear {
	clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

.txtcenter {
	text-align: center;
}

.txtright {
	text-align: right;
}

.texts{
font-size: 75%;
}

.txtleft {
	text-align: left;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.color01 {
	color: #2E822E;
}

.color02 {
	color: #660000;
}