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

body {
	max-width		:1000px;
/*	width			:950px;*/
	margin			:0px auto;
	background-color:#FFFAFA;
/*
	font-family		:Verdana,Arial,sans-serif;
*/
 }


/*----------------------------------------------------------*/
/* ヘッダ領域												*/
/*----------------------------------------------------------*/
header {
	padding			:0px 0px 0px;
}

#header_link1 {
	text-align		:right;
	border-bottom	:2px solid #824522;
	padding			:8px 8px 4px 0px;
	margin			:0px 12px;
}

#header_link2 {
	text-align	:center;
	padding	:0px;
	margin	:0px;
}

#header_link2 img {
	width	:160px;
	height	:29px;
}
@media screen and (min-width: 600px) {
	#header_link2 {
		display	:block;
		padding	:4px 4px 0px;
	}

	#header_link2 img {
		width	:280px;
		height	:50px;
	}
}
@media screen and (min-width: 960px) {
	#header_link2 {
		padding	:4px 12px 0px;
	}

	#header_link2 img {
		width	:372px;
		height	:67px;
	}
}


#header_logo {
	font-family	:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size	:40px;
	text-shadow	:2px 2px 1px #999;
	text-align	:center;
	background	:none;
	padding		:0px 0px 0px;
	margin		:0px 0px 0px;
}
@media screen and (min-width: 600px) {
	#header_logo {
		padding		:8px 12px 4px;
	}
}
@media screen and (min-width: 960px) {
	#header_logo a {
		display		:block;
		background	:url('../img/banner.jpg') bottom center no-repeat;
		height		:60px;
	}

	#header_logo_banner {
		display		:none;
		text-align	:center;
	}
}


/*----------------------------------------------------------*/
/* フッタ領域												*/
/*----------------------------------------------------------*/
footer {
	text-align	:center;
	border-top	:2px solid #824522;
	padding		:0px;
	margin		:0px;
	clear		:both;
}
@media screen and (min-width: 600px) {
	footer {
		margin		:0px 4px;
	}
}
@media screen and (min-width: 960px) {
	footer {
		margin		:0px 12px;
	}
}


footer p {
	padding		:8px 12px;
	margin		:0px;
}


/*----------------------------------------------------------*/
/* コンテンツ領域（1カラム）								*/
/*----------------------------------------------------------*/
#contents {
	color			:#000000;
	background-color:#fff;
	border			:1px solid #999;
	padding			:2px 0px;
	margin			:0px 0px;
}
@media screen and (min-width: 600px) {
	#contents {
		padding	:2px 2px;
		margin	:4px 4px 8px;
	}
}
@media screen and (min-width: 960px) {
	#contents {
		padding	:8px 12px;
		margin	:12px 24px;
	}
}


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

/* +++ 見出しテキスト +++ */
.h1_sec h1 {
	font-size		:16px;
	font-weight		:bold;
	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;
	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;
}

.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 #84b2e0;
	border-left		:1px solid #84b2e0;
	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 #84b2e0;
	border-left		:1px solid #84b2e0;
}

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

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

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

.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			:20px auto 10px;
}

.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-bottom	:12px;
}

.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;
*/
	padding			:4px 0px 4px 12px;
}

/* 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			:4px 3px 4px 12px;
}

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


/* 閉じるボタン領域 */
.close_btn_area {
	text-align	:center;
	padding		:12px 0px;
}



@media screen and (max-width: 600px) {
	.ui-dialog {
		width		:95%!important;
	}
}