@charset "UTF-8";

/*                                                             */
/*                       Kanbunken                             */
/*                                                             */
/*                 共通スタイルシート定義                      */
/*                                                             */
/*     2009 (c) 環境文化創造研究所  All rights reserved.       */
/*                                                             */

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 14px;
	font-family: "Osaka-等幅", "MS UI GOTHIC";
	line-height: 140%;
	background-image: url(../imgs/bg_body.gif);
	background-repeat: repeat;
	background-position: center;
}

a:link, a:visited, a:hover {
	color: #333333;
}

p {
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}

div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

form {
	margin: 0px;
}

img {
	border-width: 0px;
}

textarea {
	font-family: 'ＭＳ ゴシック','Osaka-等幅';
}


table {
	empty-cells: hide;
	border-collapse : collapse;
}

th {
	vertical-align: middle;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	background-color: #EAEAEA;
	line-height: 110%;
}

td {
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}


h1 {
	margin: 0 0 10px 0;
	padding: 6px 0px 0px 16px;
	height: 30px;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	background-image: url(../imgs/bg_h1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

h2 {
	margin: 0 0 10px 0;
	padding: 3px 0px 0px 16px;
	height: 27px;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
	background-image: url(../imgs/bg_h2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

h2:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

h2 .link_list {
	margin: 0;
	padding: 0;
	width: 280px;
	float: right;
}

h2 .link_list:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

h2 .link_list .link_item {
	margin: 0 0 0 20px;
	padding: 0 0 0 14px;
	float: right;
	font-size: 100%;
	font-weight: normal;
	background-image: url(../imgs/bg_mark1.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}


/***** IDセレクタの定義 *****/

div#container {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 788px;
	background-image: url(../imgs/bg_container.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
}

/* 別ウィンドウ用 */
div#container_w {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 100%;
	background-color: #FFFFFF;
	background-image: none;
}


/* --- ヘッダー部分 --- */
div#header {
	margin: 0px 0 0 4px;
	padding: 0 0 0 0;
	width: 780px;
	height: 89px;
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #3288D6;
}

div#header:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#header_img {
	margin: 17px 0 0 0;
	padding: 0 0 0 15px;
	width: 360px;
	float: left;
}

div#header_link {
	margin: 8px 0 0 0;
	padding: 0 15px 0 10px;
	width: 360px;
	height: 68px;
	float: right;
}

div#header_link:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#header_link img {
	margin: 4px 0 0 215px;
	padding: 0;
	width: 145px;
	height: 26px;

}

div#header_link ul {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 360px;
	height: 20px;
	background-image: url(../imgs/bg_header_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#header_link ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#header_link li {
	margin: 0px;
	padding: 2px 0px 2px 14px;
	width: 74px;
	height: 20px;
	float: left;
	color: #333333;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	list-style-type: none;
	background-image: url(../imgs/bg_mark1.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

div#header_link li a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	color: #555555;
}

div#header_link li a:hover {
	color: #777777;
	text-decoration: underline;
}


/*--- メニュー部分 ---*/
div#menu {
	margin: 0px 0 0 19px;
	padding: 0px;
	width: 750px;
	height: 41px;
}

div#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;;
	width: 750px;
	height: 41px;
}

div#menu ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#menu li {
	margin: 0;
	padding: 0;
	height: 41px;
	float: left;
	list-style-type: none;
}


/*--- サブメニュー部分 ---*/
div#submenu {
	margin: 0px 24px 0px 24px;
	padding: 0px;
	height: 32px;
	background-image: url(../imgs/bg_submenu.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

div#submenu ul {
	margin: 0px 0px 0px 2px;
	padding: 2px 0px 0px 0px;
}

div#submenu ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#submenu li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 120px;
	height: 24px;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	list-style-type: none;
	border-style: solid;
	border-width: 1px;
	border-color: #1367B3;
	background-image: url(../imgs/bg_submenu_button1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

div#submenu li a {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	width: 120px;
	height: 24px;
	display: block;
	text-decoration: none;
	color: #333333;
}

div#submenu li a:hover {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	width: 120px;
	height: 24px;
	color: #FFFFFF;
	text-decoration: underline;
}

/* 選択中メニュー */
div#submenu li.selected {
	color: #FFFFFF;
	background-image: url(../imgs/bg_submenu_button2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

div#submenu li.selected a {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

div#submenu li.selected a:hover {
	color: #FFFFFF;
}



/*--- フッター部分 ---*/
div#footor {
	margin: 30px 0 0 4px;
	padding: 0;
	width: 780px;
	height: 65px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #3288D6;
}

div#footor_link {
	margin: 0;
	padding: 11px 0 0 44px;
	width: 736px;
	height: 32px;
	background-image: url(../imgs/bg_footor.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

div#footor_link:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#footor_link ul {
	margin: 0;
	padding: 0;
	width: 720px;
}

div#footor_link ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#footor_link li {
	margin: 0px;
	padding: 2px 30px 2px 14px;
	float: left;
	color: #333333;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	list-style-type: none;
	background-image: url(../imgs/bg_mark1.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

div#footor_link li a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	color: #555555;
}

div#footor_link li a:hover {
	color: #777777;
	text-decoration: underline;
}

div#copyright {
	margin: 0;
	padding: 6px 0 0 283px;
	height: 16px;
	background-color: #3288D6;
}

/* 別ウィンドウ用 */
div#footor_w {
	margin: 30px 0 0 0;
	padding: 0;
	height: 22px;
	background-color: #3288D6;
}

div#copyright_w {
	margin: 0 auto 0 auto;
	padding: 6px 0 0 0;
	height: 16px;
	background-image: url(../imgs/p_copyright.gif);
	background-repeat: no-repeat;
	background-position: center center;
}




/****** メインコンテンツ部分 ******/

div#contents {
	margin: 10px 19px 10px 19px;
	padding: 0;
	width: 750px;
}

/* 別ウィンドウ用 */
div#contents_w {
	margin: 0;
	padding: 10px 0 0 10px;
}


/* --- ハンくずナビ部分 --- */
div#navi {
	margin: 0  19px 0  19px;
	padding: 0;
	width: 750px;
	height: 26px;
	background-color: #EEEEEE;
}

div#navi:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#navi ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#navi ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#navi li {
	margin: 0px;
	padding: 4px 20px 2px 10px;
	float: left;
	color: #333333;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	list-style-type: none;
	background-image: url(../imgs/p_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div#navi li.selected {
	background-image: none;
}

div#navi li a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	color: #555555;
}

div#navi li a:hover {
	color: #777777;
	text-decoration: underline;
}

/* --- ページ内ヘッダー部分 --- */
div#page_header {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 56px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #4695DA;
}

div#page_header:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#page_header h1 {
	margin: 0 0 0 10px;
	padding: 0;
	position: absolute;
	width: 390px;
	height: 51px;
	float: left;
	background-image: none;
}

/* --- ページ内ボディ部分 --- */
div#page_body {
	margin: 20px 0 0 0;
	padding: 0;
	width: 750px;
}

div#page_body:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#page_body p {
	margin: 10px 10px 20px 10px;
	padding: 0;
}

div#page_body_left {
	margin: 0;
	padding: 0;
	width: 500px;
	float: left;
}

div#page_body_right {
	margin: 0;
	padding: 0;
	width: 240px;
	float: right;
}

/* --- 戻るリンク --- */
.page_back {
	margin: 20px 0 0 0;
	padding: 0 0 0 14px;
	width: 750px;
	background-image: url(../imgs/bg_mark1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* --- ページ先頭へのリンク --- */
.pagetop {
	margin: 10px 0 0 0;
	padding: 0 14px 0 0;
	font-size: 80%;
	text-decoration: none;
	text-align: right;
	background-image: url(../imgs/p_pagetop.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* --- 別ウィンドウ用閉じるリンク --- */
.page_close {
	margin: 20px 0 0 0;
	padding: 0 0 0 16px;
	height: 20px;
	color: #666666;
	font-size: 12px;
	text-align: center;
	background-image: url(../imgs/bg_close.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* --- 表のスタイル --- */
.table_style {
	margin: 0px 0px 4px 0px;
	empty-cells: hide;
	border-collapse : collapse;
}

.table_style th {
	vertical-align: middle;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #EAEAEA;
}

.table_style td {
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;

}

/* --- 表のスタイル(枠なし) --- */
.table_style_nf {
	margin: 0px 0px 4px 0px;
	empty-cells: hide;
	border-collapse : collapse;
}

.table_style_nf th {
	vertical-align: middle;
	padding: 4px;
	text-align: left;
	white-space: nowrap;
	border-style: none;
}

.table_style_nf td {
	padding: 2px;
	vertical-align: top;
	border-style: none;
}

/* --- 文字色など --- */

/* 注意事項 */
.caution { color: #CC0000; }

/* 変更箇所 */
.change { color: #FFD9E6; }

/* 無効 */
.color_invalid { color: #AAAAAA; }
.bgcolor_invalid { background-color: #DDDDDD; }

/* ○○中など */
.color_on   { color: #FFE28C; }
.bgcolor_on { background-color: #FFE28C; }

/* 数字表示 */
.num { font-family: Arial; }

/* 注釈 */
.note {	font-size: 80%; line-height: 130%; }


/* --- 配置 --- */
.img_fl {
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.img_fr {
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.img_fm {
	vertical-align: middle;
}

/* 左揃え */
.obj_left {
	text-align: left;
}

/* 中央揃え */
.obj_center {
	text-align: center;
}

/* ---------- End of Css ---------- */