@charset "UTF-8"; /* PublishCharset into mt-config.cgi */

/*
 * File      : styles-site.css
 * Version   : 4.00
 * Update    :
 * 2.00 2005.09.01: Update for Movable Type 3.2.
 * 2.01 2005.09.03: add font-size to content-nav.
 * 2.02 2005.09.27: correct the capital letter to the small letter.
 * 2.03 2005.10.13: add ul and ol type selectors to .entry class selector.
 * 2.04 2005.11.26: fixed typo.
 * 2.05 2006.01.26: comment out the specification of the background image.
 * 2.06 2006.02.26: delete font-weight property from all name selector and add h type selectors
 *                            and brought property for the title together.
 * 2.07 2006.06.01: add .archive-list class selector.
 * 3.00 2006.06.27: Update for Movable Type 3.3.
 * 3.01 2006.07.07: correct class selector.
 * 4.00 2007.05.11: XHTML 1.0 Strict.
 *
 * Copyright (C) 2005-2007 www.koikikukan.com All rights reserved.
 */

/* すべて */
img {
    border-style:none;
}

a img {
    border-style:none;
}



* {
    margin: 0;
    padding: 0;
    font-family: 'osaka', Verdana, Arial, Helvetica, sans-serif; 
}

body {
	margin: 0px 0px 0px 0px;
	text-align:center;
	border:0;         
	background-color: #edfffe;
	padding: 0px;
	background-position: top;
	background-attachment: fixed; 
	font: 100% "ＭＳ Ｐゴシック",'Osaka',Verdana, Arial, Helvetica, sans-serif,"ヒラギノ角ゴ Pro W3"; 
	     }


body td, p, div {
	font-family: "ＭＳ ゴシック","ＭＳ Ｐゴシック",'Osaka',Verdana, Arial, Helvetica, sans-serif,"ヒラギノ角ゴ Pro W3"; 
	font-size:13px;  
	line-height : 5.5mm;
	color:#2b1f0f;}   /*濃いめグレー*/


/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
	
}

/* リンク */
	a,
	a:link{
	color:#006699;
	text-decoration:underline;
	font-family: "ＭＳ ゴシック","ＭＳ Ｐゴシック",'Osaka',Verdana, Arial, Helvetica, sans-serif,"ヒラギノ角ゴ Pro W3";
}
	a:hover
	 {
	 text-decoration:none;
	 
}
	a:active {
		 /* color:#203C28;濃いグリーン */
		text-decoration: none;
}




.thrColElsHdr #container { 
	width: 950px;
	
	 /* テキストがブラウザの初期設定のフォントサイズのままである場合は、この幅により、800px のブラウザウィンドウに収まるコンテナが設定されます */
	background: #FFFFFF;
	margin: auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #7F99CC;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	
} 
.thrColElsHdr #header {
	padding: 0px;
	height:150px;
	background-color: #edfffe;
	}
	
	 /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */


	.thrColElsHdr #header-contbt {
	background:url(/img/mainbk_contribute.jpg);
	background-position:top;
	padding: 0px;
	height:150px;
}



.thrColElsHdr #menubar-box {
	background-image: url(/img/menubarback.jpg);
}

.thrColElsHdr #menubarLeft { 
         			/*background: #E8ECF1;*/ 
	float: left; 
	width: 120px; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	height:24px;
	color: #203C28;
	padding-left:5px;
	font-size:12px;
	padding-top:10px;
	
		 /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	 /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
}

.thrColElsHdr #menubarLeft a{
	color:#203C28; 
	font-size:12px; 
	text-decoration:underline
	
} 

.thrColElsHdr #menubarLeft a:hover{
	color:#FF0000; 
	text-decoration:none;
} 

	 /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
 
.thrColElsHdr #menubarLeft h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	/* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

.thrColElsHdr #menubarRight { 
	float: right; 
	height:24px;
	width: 120px; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
						/* background: #E8ECF1; */ 
	padding-right:5px;
	text-align:right;
	color:#203C28;
	font-size:12px; 
	padding-top:10px;
	
	/* 背景色は、列内のコンテンツの長さにわたって表示されます */
	 /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
}



.thrColElsHdr #menubarCenter {
	
	margin-left:125px; 
	height:24px;
					/* background: #E8ECF1; */ 
	color: #203C28;
	text-align:center;
	font-size:12px;
	padding-top:10px;
	text-decoration: none;
	
		/* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	 /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	 /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
}
	 /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */

.thrColElsHdr #menubarCenter a{
	color:#203C28; 
	font-size:12px;
	text-decoration: none;
	
} 

.thrColElsHdr #menubarCenter a:hover{
	color:#FF0000; 
	text-decoration:underline;
}

.thrColElsHdr #menubarCenter h1 {
	
	margin: 0 12em 0 12em; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	/* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}


/* #sidebar1 に関するヒント：
1. この div でフォントサイズ値を設定すると、この div の全体の幅がそれに応じて調整されます。
2. 単位は em であるため、サイドバーそのもので余白を使用することは回避してください。標準に準拠したブラウザでは、余白は幅に追加されるため、実際の幅が不特定の幅になります。 
3. 「.thrColElsHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/
.thrColElsHdr #sidebar1-left-box {    /* ●●●メニューサイドバー●●● */
	float: left; 
	width: 180px;
	
	 /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	background: #edf5ff; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	 /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	padding-top:0px;
	margin-top:0px;
	padding-bottom:5px;
	border-top:1px solid #7F99CC; 
	border-left:1px solid #7F99CC;
	border-right:1px solid #7F99CC;
}
.thrColElsHdr #sidebar1-left{margin-left:10px;}


.thrColElsHdr #sidebar1-left-Title {padding-top:5px; height:20px; text-align:center; color:#FFFFFF; background:#70ac7c; font-size:14px; font-weight:bold;}

.thrColElsHdr #sidebar1-left-blockContent {padding:2px; line-height:150%; line-height:150%;}

.thrColElsHdr #sidebar1 th{}

.thrColElsHdr #sidebar1 h3{}


.sidebar1-under{{display: none;}
<!--
	background-repeat: no-repeat;
	background-image: url(http://ecocap007.com/img/sidebareco.jpg);
	margin-top:10px;
	margin-left:2px;
	margin-bottom:5px;
	height:80px;
	
}

-->
.thrColElsHdr #sidebar2-right-box {
	float: right; 
	width: 230px;  /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	padding: 0 10px 5px 10px ;
	
	 /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	 /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	border-left:1px dotted #cccccc;
	margin-top:35px;
	text-align:center;
}
.thrColElsHdr #sidebar2-rightC{text-align:center;}

.thrColElsHdr #sidebar2-rightL{text-align:left;}

.thrColElsHdr #sidebar2 p{
}
.thrColElsHdr #sidebar2 h3 {
} 



.thrColElsHdr #mainContent-box {　　　/* ●●●3カラムメインカラム●●● */
 	width:500px;
	_width:490px;
	margin: 0 260px 0px 190px; /* 右マージンは、em またはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */  padding-top:10px;
	padding-bottom:20px;
	background:#FFFFFF;
}

.thrColElsHdr #mainContent{text-align:left;}

.thrColElsHdr #blockTitle {height:15px; width:460px; padding:5px; border-left:8px solid #006600; background:#70ac7c; color:#FFFFFF; font-size:12px;}

.thrColElsHdr #FormTitle{
	height:20px; 
	width:460px; 
	padding:3px;  
	color:#015b27; 
	font-family: 'Osaka',Verdana, Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
	text-align:left; 
	border-left-width:5px;
	border-left-style:double;
	border-left-color:#70ac7c;
	padding-left:6px;
	margin:0px 0px 10px 0px;
	border-bottom:2px solid #e3fae8;
	}

.thrColElsHdr #mainContent-Center{text-align:center;}

.thrColElsHdr #mainContent-Right{text-align:right;}


/* ２カラム用右サイドコンテンツ */
.thrColElsHdr #sidebar3-right-box {
	float: right; 
	width: 5px;  /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	padding-top: 0px ;
	padding-left: 10px;
	padding-right: 10px;
	 /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	 /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	
	margin-top:25px;
	text-align:center;}
	
.thrColElsHdr #sidebar3-right{text-align:left;}

.thrColElsHdr #sidebar3 p{
}
.thrColElsHdr #sidebar3 h3 {
} 	

.thrColElsHdr #mainContentRight-box {             /* ●●●２カラム用●●●　*/

	margin: 0 10px 0px 190px; /* 右マージンは、em またはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */  width:735px;
	padding-top:10px;
	padding-bottom:20px;
	background:#FFFFFF;}
	
	
	 /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	 /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	

.thrColElsHdr #mainContentRight{text-align:left;}

.thrColElsHdr #mainContentRight-Center{text-align:center;}


.thrColElsHdr #footer { 
	height:30px; 
	background:#203C28;
	margin:auto; 
	font-family: osaka, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
} 
.thrColElsHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	color:#FFFFFF; 
	background:#203C28; 
	text-align:center; 
	font-weight:bold; 
	padding-top:8px;
	font-family: Arial, Helvetica, sans-serif,osaka, Verdana,;
	font-size:12px;
	text-decoration:none;
}

.thrColElsHdr #footer a{
	color:#CCFFFF;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif,osaka, Verdana,;
}

.thrColElsHdr #footer a:hover{
	color:#FFFFFF;
}	

/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}