@charset "UTF-8";
@import url("./com/common.css");
@import url("./com/jquery-ui.min.css");

body {
/*
	background-color:#FFFAFA;
	font-family		:Verdana,Arial,sans-serif;
*/
}


/*----------------------------------------------------------*/
/* ヘッダ領域												*/
/*----------------------------------------------------------*/
header {
	padding			:0px 0px 0px;
	margin			:0px 0px 0px;
	border-bottom	:6px solid #BEE0BC;
}

#header_left {
	width		:100%;
	text-align	:center;
}

#header_right {
	width		:100%;
	text-align	:center;
}

#header_logo {
	margin	:8px 0px 0px 12px;

	font-family	: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size	:16px;
	font-weight	:bold;
}


#header_right_admin {
	font-family	: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size	:52px;
	margin		:4px;
	line-height	:1.7;
}


/* 言語切替ボタン領域 */
#switch_language_area {
	padding	:0px 28px 0px 0px;
	margin	:0px 0px 20px 0px;
}

/* 言語切替ボタン */
.lunguage_btn, .lunguage_btn:hover {
	display			:inline-block;
	width			:45px;
	background-color:#f6e39d;
	color			:#000;
	font-size		:11px;
	text-align		:center;
	text-decoration	:none;
	padding			:8px 17px;
	margin			:8px 4px 0px;
	border-radius	:12px 12px 12px 12px / 12px 12px 12px 12px;
}

.lunguage_btn:hover {
	background-color:#9ec09c;
}



.header_help_link {
	float			:left;
	width			:105px;
/*
	background		:#fff url(../img/help_bg.png) no-repeat center 8px;
*/
	text-align		:center;
	padding			:18px 0px 4px;
	margin			:4px 8px 0px;

	border			:2px solid #A1B8A6;
	border-bottom	:0px;
	border-radius	:6px 6px 0px 0px / 6px 6px 0px 0px;
}

.header_help_link:hover {
/*
	background		:#fff url(../img/help_bg.png) no-repeat center top;
*/
}

.header_help_link img {
}

.header_help_link a, .help_link a {
	text-decoration	:none;
}

.header_help_link a:hover, .help_link a:hover {
	color			:#99c;
	text-decoration	:underline;
}



#header_nabunken_link {
	margin	:4px 0px 0px 0px;
}

#header_nabunken_link img {
	width	:180px;
	height	:30px;
}


@media screen and (min-width: 600px) {
	header {
		border-bottom	:12px solid #BEE0BC;
	}

	#header_left {
		float		:left;
		width		:360px;
		text-align	:left;
	}

	#header_right {
		float		:right;
		width		:240px;
		text-align	:right;
	}

	#header_logo {
		font-size	:18px;
	}
}
@media screen and (min-width: 960px) {
	header {
		border-bottom	:24px solid #BEE0BC;
	}

	#header_left {
		width		:720px;
	}

	#header_right {
		width		:240px;
	}

	#header_logo {
		font-size	:39px;
	}

	#header_nabunken_link img {
		width	:240px;
		height	:40px;
	}
}



/*----------------------------------------------------------*/
/* フッタ領域												*/
/*----------------------------------------------------------*/
footer {
	text-align	:center;
	padding		:12px 0px 0px;
	margin		:0px;
	clear		:both;
}

footer p {
	font-size	:8px;
}

#footer_copyright {
	text-align	:center;
	padding		:4px 12px;
}

@media screen and (min-width: 600px) {
	footer p {
		font-size	:12px;
	}
}
@media screen and (min-width: 960px) {
}


/*----------------------------------------------------------*/
/* 左領域（2カラム）										*/
/*----------------------------------------------------------*/
#left_column {
	float		:left;
	color		:#000000;
	padding		:0px;
	margin		:0px;

/* 以下は2カラムで左幅固定の場合 */
	width		:250px;
	margin-right:-250px;
	position	:relative;
	z-index		:2;
}


/*----------------------------------------------------------*/
/* 右領域（2カラム）										*/
/*----------------------------------------------------------*/
#right_column {
	float		:left;
	color		:#000000;
	padding		:0px;
	margin		:0px;

/* 以下は2カラムで左幅固定の場合 */
	width		:100%;
	position	:relative;
	z-index		:1;
}

/* 2カラムで左幅固定の場合のコンテンツ領域 */
#right_contents {
	margin-left	:250px;
	height		:100%;
}


/*----------------------------------------------------------*/
/* コンテンツ領域（1カラム）								*/
/*----------------------------------------------------------*/
#contents {
	color			:#000000;
/*
	background-color:#ffff00;
*/
	width			:100%;
	padding			:0px;
	margin			:0px;
}


/*----------------------------------------------------------*/
/* ログアウト領域（ログインユーザ情報領域）					*/
/*----------------------------------------------------------*/
#logout_area {
	padding			:5px 10px;
	border-bottom	:1px solid #cccccc;
}



/*----------------------------------------------------------*/
/* メニュー開閉ボタン領域									*/
/*----------------------------------------------------------*/
#menu_toggle_btn_area {
	margin			:10px 0px 0px 10px;
}


#menu_toggle_btn {
/*
	background		:#666666 url(../../img/bgimg2.png) repeat-y;
*/
	background-color:#666666;
	color			:#ffffff;
	text-align		:center;
	width			:150px;
	padding			:3px 10px;
	margin			:0px;

	border-radius	:2px 2px 2px 2px / 2px 2px 2px 2px;
	box-shadow		:3px 3px 2px 0px #999999;
}


/*----------------------------------------------------------*/
/* メニュー領域												*/
/*----------------------------------------------------------*/
/* +++ メニュー領域 +++ */
#menu_area {
	color			:#000000;
	padding			:0px;
	margin			:15px 10px 25px 10px;
}

/* +++ メニュー見出し +++ */
#menu_header {
	background		:#333333;
	color			:#ffffff;
	padding			:3px 10px;
	margin			:0px;
	border-top		:2px solid #666699;
	border-right	:0px solid #666699;
	border-bottom	:1px solid #666699;
	border-left		:0px solid #ccccff;

	border-radius	:3px 3px 0px 0px / 3px 3px 0px 0px;
	box-shadow		:2px 2px 4px 0px #999999;
}


/* +++ メニューリスト(1段目) +++ */
#menu_area ul {
	list-style		:none outside;
	background-color:#ffffff;
	border			:1px solid #666699;
	padding			:5px;
	margin-left		:0px;

	border-radius	:0px 0px 5px 5px / 0px 0px 5px 5px;
	box-shadow		:2px 2px 4px 0px #999999;
}

#menu_area li {
	padding	:5px;
	zoom	:1;
}

/* +++ メニューリスト(2段目) +++ */
#menu_area ul li ul {
	list-style	:square outside;
	border		:0px;
	padding		:0px;
	margin-left	:25px;

	box-shadow	:none;
}



/*----------------------------------------------------------*/
/* コンテンツ領域											*/
/*----------------------------------------------------------*/
/* h1レベルセクション */
.h1_sec {
	padding			:0px;
	margin			:15px 15px 15px 10px;
}

/* +++ 見出しテキスト +++ */
.h1_sec h1 {
	font-size		:16px;
	font-weight		:bold;
/*
	background		:#225555 url(../../img/h1_bgimg1.png) repeat-x left;
*/
	background-color:#225555;
	color			:#ffffff;
	padding			:4px 5px 4px 20px;

	border-radius	:4px 4px 0px 0px / 4px 4px 0px 0px;
	box-shadow		:2px 2px 3px 0px #999999;
}

.h1_contents {
	background-color:#ffffff;
	padding			:8px 12px 12px;
	margin			:0px 0px 0px 0px;
	border			:1px solid #666699;

	border-radius	:0px 0px 5px 5px / 0px 0px 5px 5px;
	box-shadow		:2px 2px 3px 0px #999999;
}



/* +++ 見出しテキスト +++ */
.h1_contents h2 {
	background-color:#99eecc;
	font-size		:15px;
	font-weight		:bold;
	text-align		:left;
/*
	border-top		:1px solid #dedede;
	border-right	:1px solid #9999cc;
	border-bottom	:1px solid #9999cc;
	border-left		:1px solid #dedede;
*/
	padding			:4px 5px 4px 10px;
	margin			:14px 1px 10px;
}


.h1_contents .h2_contents {
	padding	:5px 8px;
}



/*----------------------------------------------------------*/
/* ページ内リンク要素（横並べ）								*/
/*----------------------------------------------------------*/
#inpage_link_x {
	border-top		:1px solid #efefef;
	border-bottom	:1px solid #cccccc;
	margin			:20px 0px 0px 0px;
}

#inpage_link_x p {
	position		:relative;
	top				:-7px;
	left			:10px;
	background-color:#ffffff;
	padding			:0px 7px 0px 7px;
	display			:inline;
}

#inpage_link_x ul {
	list-style	:square outside;
	margin		:0px 0px 5px 12px;
}

#inpage_link_x ul li {
	float		:left;
	margin		:0px 15px 10px 20px;
}

#inpage_link_x ul li a {
	display		:block;
	zoom		:1;
}




/*----------------------------------------------------------*/
/* ページ内リンク要素（縦並べ）								*/
/*----------------------------------------------------------*/
#inpage_link_y {
	border-top		:1px solid #efefef;
	border-bottom	:1px solid #cccccc;
	margin			:20px 0px 0px 0px;
}

#inpage_link_y p {
	position		:relative;
	top				:-7px;
	left			:10px;
	background-color:#ffffff;
	padding			:0px 7px 0px 7px;
	display			:inline;
}

#inpage_link_y ul {
	list-style	:square outside;
	margin		:0px 0px 5px 12px;
}

#inpage_link_y ul li {
	margin		:2px 15px 2px 20px;
}

#inpage_link_y ul li a {
	display		:block;
	zoom		:1;
}




/*----------------------------------------------------------*/
/* 汎用テーブル												*/
/*----------------------------------------------------------*/
/* +++ テーブル汎用スタイル +++ */
.gen_tbl {
	width			:auto;
	border-spacing	:0;
	border-top		:1px solid #333;
	font-size		:14px;
	margin			:10px;
}

.gen_tbl caption {
	background-color:#ddd;
	font-size		:15px;
	font-weight		:bold;
	text-align		:left;
	border-top		:1px solid #333;
	border-right	:1px solid #333;
	border-left		:1px solid #333;
	padding			:4px 5px 4px 10px;
	margin			:0px;
}

.gen_tbl th {
	color			:#fff;
	padding			:4px 8px;
	background		:#666;
	font-weight		:bold;
	border-bottom	:1px solid #333;
	border-left		:1px solid #333;
	line-height		:120%;
	text-align		:center;
	text-shadow		:0px 0px 1px #000;
}

.gen_tbl td {
	padding			:4px 8px;
	background		:#fff;
	border-bottom	:1px solid #333;
	border-left		:1px solid #333;
}

.gen_tbl tr th:last-child, .gen_tbl tr td:last-child {
	border-right	:1px solid #333;
}

.gen_tbl tr:nth-child(odd) th {
	background	:#aaa;
}

.gen_tbl tr:nth-child(even) th {
	background	:#999;
}

.gen_tbl tr:nth-child(odd) td {
	background	:#fff;
}

.gen_tbl tr:nth-child(even) td {
	background	:#f9f9f4;
}




/* +++ テーブル汎用スタイル2（一覧表など用） +++ */
.gen_tbl2 {
	width			:auto;
	border-spacing	:0;
	font-size		:14px;
	margin			:10px;
	border-top		:1px solid #333;
	border-right	:1px solid #333;
}

.gen_tbl2 caption {
	background-color:#ededed;
	font-size		:15px;
	font-weight		:bold;
	text-align		:left;
	border			:1px solid #84b2e0;
	padding			:4px 5px 4px 10px;
	margin			:0px;
}

.gen_tbl2 th {
	color			:#fff;
	padding			:4px 8px;
	background		:#258;
	font-weight		:bold;
	border-bottom	:1px solid #333;
	border-left		:1px solid #333;
	line-height		:120%;
	text-align		:center;
	text-shadow		:0 -1px 0 rgba(34,85,136,0.9);
}

.gen_tbl2 td {
	padding			:4px 8px;
	background		:#fff;
	border-bottom	:1px solid #333;
	border-left		:1px solid #333;
}

.gen_tbl2 tr td:last-child {
	border-right	:1px solid #333;
}

.gen_tbl2 tr:nth-child(odd) th {
	background	:#996;
}

.gen_tbl2 tr:nth-child(even) th {
	background	:#885;
}

.gen_tbl2 tr:nth-child(odd) td {
	background	:#fff;
}

.gen_tbl2 tr:nth-child(even) td {
	background	:#f1f6fc;
}






.gen_tbl3 {
	width			:auto;
	border-spacing	:0;
	font-size		:14px;
	margin			:10px;
	box-shadow		:2px 2px 1px rgba(0,0,0,0.1);
}

.gen_tbl3 caption {
	background-color:#ededed;
	font-size		:15px;
	font-weight		:bold;
	text-align		:left;
	border			:1px solid #84b2e0;
	padding			:4px 5px 4px 10px;
	margin			:0px;
}

.gen_tbl3 th {
	color			:#fff;
	padding			:4px 8px;
	background		:#258;
	background		:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	background		:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
	font-weight		:bold;
	border-left		:1px solid #84b2e0;
	line-height		:120%;
	text-align		:center;
	text-shadow		:0 -1px 0 rgba(34,85,136,0.9);
}

.gen_tbl3 td {
	padding			:4px 8px;
	background		:#fff;
	border-bottom	:1px solid #84b2e0;
	border-left		:1px solid #84b2e0;
}

.gen_tbl3 tr td:last-child {
	border-right	:1px solid #84b2e0;
}

.gen_tbl3 tr:nth-child(odd) td {
	background	:#fff;
}

.gen_tbl3 tr:nth-child(even) td {
	background	:#f1f6fc;
}







/* +++ テーブル汎用スタイル（検索条件など用） +++ */
.gen_tbl_s {
	width	:100%;
	border-collapse	:separate;
	border-spacing	:5px;
	margin			:5px 0px 5px;
}

.gen_tbl_s caption {
	font-size		:15px;
	font-weight		:bold;
	text-align		:left;
/*
	border-top		:1px solid #999966;
*/
	border-bottom	:1px solid #999966;
	padding			:2px 5px;
	margin			:0px;
}

.gen_tbl_s th {
	text-align		:left;
	background-color:#eeffee;
	border-top		:1px solid #eeeeaa;
	border-right	:1px solid #999966;
	border-bottom	:1px solid #999966;
	border-left		:1px solid #eeeeaa;
	padding			:3px 3px 3px 10px;
}

/* th要素の別スタイル用クラス */
.gen_tbl_s_th2 {
	text-align		:left;
	background-color:#6699cc!important;
	border-top		:1px solid #eeeeaa;
	border-right	:1px solid #999966;
	border-bottom	:1px solid #999966;
	border-left		:1px solid #eeeeaa;
	padding			:3px 3px 3px 10px;
}

.gen_tbl_s td {
	text-align		:left;
	padding			:0px 3px 0px 10px;
}

.gen_tbl_s td input, .gen_tbl_s td select, .gen_tbl_s td option {
	font-size		:13px;
	padding			:0px;
	margin			:0px;
	vertical-align	:text-bottom;
}

.gen_tbl_s td label {
	padding		:0px 0px 0px 5px;
}


.search_btn_area {
	text-align	:center;
}












/* 検索ボタン領域 */
.search_btn_area {
	text-align	:center;
}

/* 汎用ボタン領域 */
.gen_btn_area {
	margin	:5px 0px;
}



/* validateエラー表示領域 */
.validate_err {
	background	:#fdd;
	color		:#000;
	font-weight	:bold;
	line-height	:1.5;
	padding		:8px 8px;
	margin		:10px 4px 0px;
	border		:1px solid #ff0000;
}





/*----------------------------------------------------------*/
/* 子窓表示用												*/
/*----------------------------------------------------------*/
.ajax_win_header {
	background	:#336633;
	color		:#ffffff;
	font-size	:15px;
	font-weight	:bold;
	padding		:1px 5px 2px;
	border-left	:5px solid #225555;
}


#other_institute_link {
	margin		:12px auto 20px;
	text-align	:center;
}
#other_institute_link img {
	height		:34px;
	margin-top	:4px;
	border		:1px solid #666;
}



#other_db_link {
	margin		:12px auto 20px;
	text-align	:center;
}
#other_db_link img {
/*
	width		:186px;
*/
	height		:34px;
	margin-top	:4px;
	border		:1px solid #666;
}

@media screen and (min-width: 600px) {
	#other_institute_link img {
		height		:45px;
	}

	#other_db_link img {
/*
		width		:248px;
*/
		height		:45px;
	}
}
@media screen and (min-width: 960px) {
	#other_institute_link img {
		height		:60px;
	}

	#other_db_link img {
/*
		width		:372px;
*/
		height		:67px;
	}
}




/*----------------------------------------------------------*/
/* プライバシーポリシー同意領域								*/
/*----------------------------------------------------------*/
#pp_agreement_area {
	text-align		:center;
	background-color:#333;
	position		:fixed;
	bottom			:0px;
	width			:100%;
	padding			:16px 0px 20px;
}

#pp_agreement_area p {
	font-size	:17px;
	color		:#fff;
}

#pp_agreement_area p a {
	color			:#fff;
	text-decoration	:underline;
}