@charset "utf-8";
/* ------------------------------------------- 以下、構築に関するリセット ------------------------------------------- */

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: 
http: //developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */

html {
	background-color: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
    font: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q: before,
q: after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}


/**
 * 追加指定
 */

li {
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
	}

iframe {
	background-image: none;
	background-color: transparent;
}





/* ------------------------------------------- 以下、fontに関するリセット ------------------------------------------- */

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: 
http: //developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font: 12px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size: small; 
	/* for IE Quirks Mode */
	*font: x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
textarea,
button {
	font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size: inherit;
	font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}










/* 独自指定
****************************************************************************************************************************************** */
html,body{ 
    height:100%;
} 

body {
	font-family: Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #333;
	text-align: center;
	line-height: 1.2em;
	overflow-x: hidden;
	background-color: transparent;/* 背景透過 */
	}


/* 全体のレイアウト
************************************************************************************************ */

/* fixedBar 最上部のバー
---------------------------------------------------------------------------*/
#topBar {
	position: fixed;
	width: 100%;
	height: 38px;
	background: url(../img/common/bg_bar.gif) repeat-x 0 0;
	z-index: 8000;
}

/* container 全体を囲むボックス
---------------------------------------------------------------------------*/
#container {
	position: relative;
	min-height: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

* html div#container { 
	height:100%; 
}


/* 左ブロック
---------------------------------------------------------------------------*/
#left {
	width: 200px;
	float: left;
	position: fixed;
	z-index: 8500;
	margin-left: auto;
	margin-right: auto;
}


/* contents ヘッダー直下の2カラムを囲むボックス
---------------------------------------------------------------------------*/
#contents {
	width: 960px;
	padding-bottom: 150px;
	margin-left: auto;
	margin-right: auto;
}


/**
 * clearfix
 */

#contents:before,
#contents:after { /* For modern browsers */
    content: "";
	display: table;
}
#contents:after {
	clear: both;
}
#contents { /* For IE 6/7 (trigger hasLayout) */
    zoom: 1;
}


/* header ヘッダー
---------------------------------------------------------------------------*/
#header {
	width: 760px;
	margin: 0 0 0 200px;
	z-index: 9999;
}


/* 中央ブロックの共通設定
---------------------------------------------------------------------------*/
#main {
	width: 735px;
	height: auto;
	border: #000 solid 5px;
	margin: -55px 0 30px auto;
	padding: 15px 0;
}



/* footer フッター（最下部のコピーライトなど）
---------------------------------------------------------------------------*/
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 150px;
	background-color: #4BB340;
	text-align: center;
}



/**
 * 常時表示お知らせ　最下部フッター
 */

#fixFoot {
	position: fixed;
    bottom: 0;
	width: 1050px;
	height: 156px;
	background: url(../img/common/2013newyear.png) no-repeat center 0;
	margin: auto;
	z-index: 1000;
}


/* topBar トップバーに関する指定
************************************************************************************************ */

/**
 * トップバーメニュー
 */

#barMenu {
	position: relative;
	width: 960px;
	margin: auto;
}

/** サイトキャッチ
-------------------------- */
h1 {
	position: absolute;
	top: 6px;
	left: 215px;
}

/** 国土環境保全支援機構
-------------------------- */
#toSUMI {
	position: absolute;
	top: 6px;
	right: 0;
}
#toSUMI a {
	width: 182px;
	height: 17px;
	background: url(../img/header/btn_sumi.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
}
#toSUMI a:hover {
	background-position: 0 -17px;
	text-decoration: underline;
}


/* header ヘッダーに関する指定
************************************************************************************************ */

/**
 * ヘッダーメニュー
 */

#headMenu {
	position: relative;
	width: 760px;
	height: 80px;
	background-color: transparent;
}



/* ------------------ globalNavi グローバルナビゲーション ------------------ */
ul#naviGlo {
	position: absolute;
	top: 50px;
	left: 15px;
	width: 745px;
	height: 28px;
}

li.gN01,
li.gN02,
li.gN03,
li.gN04,
li.gN05,
li.gN06 {
	float: left;
}
li.gN01 a,
li.gN02 a,
li.gN03 a,
li.gN04 a,
li.gN05 a,
li.gN06 a {
	height: 28px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	}

/* normal
---------------------*/
li.gN01 a { width: 145px; background-image: url(../img/header/btn_gn01.png);}/* !重要: 各liにwidth指定が無いと並びません */
li.gN02 a { width: 132px; background-image: url(../img/header/btn_gn02.png);}
li.gN03 a { width: 104px; background-image: url(../img/header/btn_gn03.png);}
li.gN04 a { width: 156px; background-image: url(../img/header/btn_gn04.png);}
li.gN05 a { width: 106px; background-image: url(../img/header/btn_gn05.png);}
li.gN06 a { width: 102px; background-image: url(../img/header/btn_gn06.png);}

/* rollover
---------------------*/
li.gN01 a:hover,
li.gN02 a:hover,
li.gN03 a:hover,
li.gN04 a:hover,
li.gN05 a:hover,
li.gN06 a:hover { background-position: 0  -28px;}




/* ---------------------- subMenu 位置 */
/**
 * hiddenMenus 隠しメニュー
 */

.subMenu02 {
	position: absolute;
	top: 28px;
	background-image: inherit;
	border-width: 0 1px 2px 1px; /* 上下2px・左右1px　※bottomはddで1px指定するので、dlでは＜2-1＝1px＞に設定 */
	margin-top: 1px;
	visibility: hidden;
}

.subMenu02 { left: 55px; }

dl.hiddenMenus02 {
	width: 700px; /* dd：95px×3個＋border-right：1px */
	height: 24px;
}
dl dt {
}
dd.hLst {
	background-color: #FFF;
	border: #000 solid 2px;
	text-align: left;
	vertical-align: middle;
	margin: 2px 1px 1px;
	float: left;
}
dd.hLst a {
	height: 10px;
	background: url(../img/nav/ico_arrow001.png) no-repeat 2px center;
	padding: 4px 5px 9px 16px;
	display: block;
}
.subMenu02 dl dd.hLst a { width: 79px; /* border＋padding分を引く */}

dd.hLst a:hover {
	background: url(../img/nav/ico_arrow001hover.png) no-repeat 2px center;
}




/* navi_left 左メニューに関する指定
************************************************************************************************ */

/**
 * ナビゲーション全体
 */

#navi {
	width: 200px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
}


/* ロゴ
------------------------------------------*/
#log {
	width: 200px;
	height: 253px;
	background: url(../img/nav/img_log.png) no-repeat 0 0;
	margin: 0 0 7px;
}

#log h2 {
	position: absolute;
	top: 30px;
	left: 60px;
}
#log h2 a {
	width: 80px;
	height: 84px;
	background: url(../img/nav/img_logmark.png) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}


/* ブログ
------------------------------------------*/
#blog {
	width: 190px;
	height: 130px;
	margin: 10px 0 10px 5px;
}

#blog a {
	width: 190px;
	height: 130px;
	background: url(../img/nav/btn_blog.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
}
#blog a:hover {
	background-position: 0 -130px;
}


/* 左側メニュー
------------------------------------------*/
.naviLeft_tp {
	width: 190px;
	height: 10px;
	background: url(../img/nav/bg_ln_tp.png) no-repeat 0 0;
	margin: 0 auto;
}
.naviLeft_inner {
	width: 190px;
	height: auto;
	background-color: #4BB340;
	text-align: center;
	margin: auto;
}
.naviLeft_btm {
	width: 190px;
	height: 10px;
	background: url(../img/nav/bg_ln_btm.png) no-repeat 0 0;
	margin: -7px auto 0;
}


/* サイトメニュー
---------------------*/
div#sitemenu {
	width: 165px;
	margin: auto;
	}

div#sitemenu dl {
	width: 100%;
	text-align: left;
	}


/* カテゴリ
--------------------------------- */
div#sitemenu dt {
	}

div#sitemenu dt.mainCntnt {
	width: 163px;
	height: 28px;
	background: url(../img/nav/bg_menu.png) no-repeat 0 0;
	margin: auto;
	}
div#sitemenu dt.mainCntnt a {
	background-color: none;
	margin: 0 0 0 10px;
	padding: 6px 0 0 0;
	display: block;
	}
div#sitemenu dt.mainCntnt a:hover {
	background: url(../img/nav/ico_cb.png) no-repeat right 5px;
	}


/*「わたしたちの活動」小カテゴリ
--------------------------------- */
div#sitemenu dd {
	width: 161px;
	border-width: 1px;
	border-style: none solid solid solid;
	border-color: #000;
	margin: 0 auto;
	}

div#sitemenu dd a {
	background: url(../img/nav/ico_arrow001.png) no-repeat 2px center;
	background-color: #FFF;
	text-decoration: none;
	color: #333;
	padding: 4px 0 4px 16px; /* ←！paddingはaに記載！ */
	display: block;
	}
div#sitemenu dd a:visited {
	color: #333;
	}
div#sitemenu dd a:hover {
	background-image: url(../img/nav/ico_arrow001hover.png);
	background-color: #F5EDE8;
	color: #F90;
	text-decoration: underline;
	}

div#sitemenu dd a.line, div#sitemenu dd a.line:hover {
	border-bottom: 2px dotted #000;
	}
div#sitemenu dd a.end, div#sitemenu dd a.end:hover {
	}


/* カテゴリ(ダイレクト) － 最初のひとつめ　※何故かずれるので個別指定
--------------------------------- */
div#sitemenu dt.direct_fst {
	width: 163px;
	height: 28px;
	background: url(../img/nav/bg_menu.png) no-repeat 0 0;
	margin: 0 auto 7px;
	}
div#sitemenu dt.direct_fst a {
	background-color: none;
	margin: 0 0 0 10px;
	padding: 4px 0 0 0;
	display: block;
	}
div#sitemenu dt.direct_fst a:hover {
	background: url(../img/nav/ico_cb.png) no-repeat right 1px;
	}

div#sitemenu dt.direct_fst img {
	margin-top: -1px;
}


/* カテゴリ(ダイレクト)
--------------------------------- */
div#sitemenu dt.direct {
	width: 163px;
	height: 28px;
	background: url(../img/nav/bg_menu.png) no-repeat 0 0;
	margin: 0 auto 7px;
	}
div#sitemenu dt.direct a {
	background-color: none;
	margin: 0 0 0 10px;
	padding: 7px 0 0 0;
	display: block;
	}
div#sitemenu dt.direct a:hover {
	background: url(../img/nav/ico_cb.png) no-repeat right 5px;
	}

div#sitemenu dt.direct img {
	margin-top: -1px;
}




/* footer フッターに関する指定
**************************************************** */
.naviFoot {
	width: 960px;
	text-align: center;
	margin: auto;
	padding: 10px;
}

.naviFoot ul {
	width: 100%;
	border-right: #FFF 1px solid;
	margin: auto;
	display: inline; /* !これを消すとborderが無くなる？*/
}
.naviFoot ul li a {
	border-left: #FFF solid 1px;
	text-decoration: none;
	padding: 0 4px 0 7px;
	display: inline;
}

#copyFoot {
	width: 960px;
	text-align: center;
	margin: 5px auto auto;
}
#copyFoot p {
	margin-top: 3px;
}

#linkSUMI {
	width: 190px;
	background-color: #000;
	text-align: center;
	margin: 30px auto;
	padding: 3px;
}


/**
 * Footer リンクテキスト
 */

a.tlFoot {
	color: #FFF;
	text-decoration: none;
}
a:visited.tlFoot {
	color: #FFF;
	text-decoration: none;
}
a:hover.tlFoot {
	color: #CC6;
	text-decoration: underline;
}




/* 詳細設定
****************************************************************************************************************************************** */

/* SEO対策
**************************************************** */
h3.pageTtl {
	width: 660px;
	height: 25px;
	text-align: left;
	margin: 5px auto 20px;
}

h4.pageTtlSub {
	width: 630px;
	height: 27px;
	text-align: left;
	margin: 40px auto 20px;
}


/* 各テキスト装飾
**************************************************** */

/* 強調
------------*/
.strong {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}


/* 大
------------*/
.t-14 {
	font-size: 14px;
	line-height: 1.3em;
}

/* 小
------------*/
.t-10 {
	font-size: 10px;
	line-height: 1.2em;
}


/* 元素記号
------------*/
.sub {
	font-size: 9px;
	margin-top: 10px;
}


/**
 * カラーテキスト
 */


/* 緑系
------------*/
.t-4BB340 {
	font-weight: nomal;
	color: #4BB340;
}
	.t-06Fl {
	font-size: 15px;
	font-weight: nomal;
	color: #4BB340;
	}


/* 青系
------------*/
.t-06F {
	font-weight: nomal;
	color: #06F;
}
	.t-06Fl {
	font-size: 15px;
	font-weight: nomal;
	color: #06F;
	}


/* 赤系
------------*/
.t-F00 {
	font-weight: nomal;
	color: #F00;
}
	.t-F00b {
	font-weight: bold;
	color: #F00;
	}


/* グレースケール系
--------------------*/
.t-666 {
	font-weight: nomal;
	color: #666;
}



/**
 * リンクテキスト
 */

a: {
	color: #069;
	text-decoration: none;
}
a:visited {
	color: #069;
	text-decoration: none;
}
a:hover {
	color: #39C;
	text-decoration: underline;
}



/* テキストボックス
**************************************************** */

/* 左寄せ
----------------------------------------*/
.txt630_L {
	width: 630px;
	text-align: left;
	line-height: 1.4em;
	margin: 0 auto 15px;
}
.txt630_L img {
	margin-bottom: 5px;
}
.txt630_Lbd {
	width: 625px;
	border-left: #4BB340 dotted 3px;
	text-align: left;
	line-height: 1.4em;
	margin: 0 auto 15px;
	padding-left: 5px;
}


/* 右寄せ
----------------------------------------*/
.txtR {
	width: 98%;
	text-align: right;
	margin: 5px auto;
}

.txt630_R {
	width: 630px;
	text-align: right;
	line-height: 1.4em;
	margin: 0 auto 15px;
}



/* 画像の位置(文中の回込画像)
----------------------------------------*/
.imgL {
	margin-top: 5px;
	padding: 0 5px 0 0;
}
.imgC {
	margin: 5px 0 10px 20px;
}
.imgR {
	margin-top: 5px;
	padding: 0 5px 0 0;
}

/* 画像脇にコメント
----------------------------------------*/
.img_commentL { /* 画像の左側にコメント */
	font-size: 11px;
	text-align: right;
	margin: 2px 5px 0 auto;
}
.img_commentR { /* 画像の右側にコメント */
	font-size: 11px;
	text-align: left;
	margin: 2px auto 0 5px;
}


/* 拡大画像にシャドウ 
.shadow {
	-moz-box-shadow: 0 0 3px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
}*/