@charset "utf-8";



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

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

a {

	color: #666;

}

a:hover {

	color: #888;

}









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

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

span.triangle {

	border-left-color: green;

}









/* ヘッダーのサイト名

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

#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: #85b603;

}









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

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

.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: #a60000; /* IE等 */

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

									#bcfb15 49%,

									#94cb03 50%,

									#85b603);

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

									color-stop(0.49, #bcfb15),

									color-stop(0.5, #94cb03),

									to(#85b603));

}









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

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

.mainnav {

	background: #85b603; /* 背景色 */

}

.mainnav li a {

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

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

}









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

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

ul.subnav {

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

}

.subnav li a {

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

}

.subnav li a:hover {

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

}









/* フッターの色指定

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

.bottom_rap {

	background: #85b603; /* 背景色 */

}

.addbox {

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

}









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

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

.contentCR .grayback .gradient h2 {

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

	color: #000;

}

.contentCR .grayback .gradient h2 span {

	color: #85b603; /* サブタイトル */

}









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

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

dl.boxlist h3 a {

	color: #85b603;

}









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

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

.pagebody h3 {

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

}

.pagebody h4 {

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

}









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

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

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; }