@charset "utf-8";



/* 基本的なリンク色指定

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

a {

	color: #666;

}

a:hover {

	color: #888;

}









/* 右向きの三角形の色指定

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

span.triangle {

	border-left-color: #12a310;

}









/* ヘッダーのサイト名

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

#header h1 a {

	background: url(../img/name.png) no-repeat;

}









/* 翻訳ボタンの色指定

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

.lang li a {

	background: #989898;

}

li.sl01 a:hover, li.sl02 a:hover, li.sl03 a:hover, li.sl04 a:hover {

	background: #2d8536;

}









/* 文字サイズ変更ボタンの色指定

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

.fontsize li a {

	border: 2px solid #efefef; /* フォントサイズの一番後ろの薄い灰色 */

	background: #ccc; /* フォントサイズ二番目の濃い灰色 */

}

.fontsize li a span.fs_gradient {

	background: #f8f8f8; /* IE等 */

	background: -moz-linear-gradient(top, #f8f8f8, /* moz系 */

									#fff 49%,

									#f3f3f3 50%,

									#f8f8f8);

	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), /* webkit系 */

									color-stop(0.49, #fff),

									color-stop(0.5, #f3f3f3),

									to(#f8f8f8));

}



.fontsize li a:hover span.fs_gradient {

	color: #fff;

	background: #2d8536; /* IE等 */

	background: -moz-linear-gradient(top, #31a535, /* moz系 */

									#add8b6 49%,

									#27ad2e 55%,

									#2d8536);

	background: -webkit-gradient(linear, left top, left bottom, from(#31a535), /* webkit系 */

									color-stop(0.49, #add8b6),

									color-stop(0.5, #27ad2e),

									to(#2d8536));

}









/* メインナビゲーションの指定

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

.mainnav {

	background: #11631b; /* 背景色 */

}

.mainnav li a {

	border-left: 1px solid #1b7426; /* 仕切り線 左側の色 */

	border-right: 1px solid #0e911b; /* 仕切り線 右側の色 */

}









/* サブナビゲーションの指定

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

ul.subnav {

	background: #f3f0e8; /* 背景色 */

}

.subnav li a {

	background: url(../img/sub-menu-green2.png) no-repeat; /* 文字色変更は、画像を修正する必要あり。*/

}

.subnav li a:hover {

	background: #ebe6d8 url(../img/sub-menu-green2.png); /* Hover時の背景色。pngで透過しています。 */

}









/* フッターの色指定

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

.bottom_rap {

	background: #11631b; /* 背景色 */

}

.addbox {

	color: #fff; /* 文字色 */

}









/* コンテンツ見出しの色・背景色指定

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

.contentCR .grayback .gradient h2 {

	border-left: 6px solid #2d8536; /* 左側の太線 */

	color: #000;

}

.contentCR .grayback .gradient h2 span {

	color: #2d8536; /* サブタイトル */

}









/* ウェブサイトのトップ　フォルダ一覧のリンク色指定

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

dl.boxlist h3 a {

	color: #2d8536;

}









/* ウェブサイトの下層ページのh3等のスタイル指定

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

.pagebody h3 {

	border-left: 5px solid #2d8536; /* 左側の太線 */

}

.pagebody h4 {

	border-left: 5px solid #2d8536; /* 左側の太線 */

}









/* メインナビゲーション　スタイル補完。触らない方が無難です。

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

li.mn01 a { width: 86px; background-position: 0 0; border-left: none;}

li.mn02 a { width: 172px; background-position: -86px 0; }

li.mn03 a { width: 172px; background-position: -258px 0; }

li.mn04 a { width: 173px; background-position: -430px 0; }

li.mn05 a { width: 172px; background-position: -603px 0; }

li.mn06 a { width: 175px; background-position: -775px 0; border-right: none; }

li.mn01 a:hover { background-position: 0 -50px; }

li.mn02 a:hover { background-position: -86px -50px; }

li.mn03 a:hover { background-position: -258px -50px; }

li.mn04 a:hover { background-position: -430px -50px; }

li.mn05 a:hover { background-position: -603px -50px; }

li.mn06 a:hover { background-position: -775px -50px; }