/* ------------------------------------------------------------------------------------------ */
/* BODY */
/* ------------------------------------------------------------------------------------------ */
body {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	font-size:14px;
}
.cl { clear:both;}
h4 {
	padding:4px;
	margin:0px;
/*
	color:#fff;
	background-color:#050;
*/

	color:#fff;
	background-color:#00500;

	text-align:center;
}
#test_div {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
/* ------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------ */
/* INIT */
/* ------------------------------------------------------------------------------------------ */
#init_sys {
	width:1000px;
	text-align:center;
	margin:20px auto 20px auto;
	background-color:#fff;
	padding:10px;
}
.ttl {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin-top:30px;
}
/* edit */
#edit_sysnum_tb {
	width:980px;
	margin:10px auto 10px auto;
}
#edit_sysnum_tb th {
	background-color:#eef;
	font-weight:normal;
	padding:4px;
}
#edit_sysnum_tb .td1 {
	width:100px;
	padding:4px;
}
#edit_sysnum_tb .td2 {
	padding:4px;
	width:450px;
}
#edit_sysnum_tb .td3 {
	width:50px;
	padding:4px;
}
#edit_sysnum_tb .td4 {
	width:50px;
	padding:4px;
}
#edit_sysnum_tb .td5 {
	width:50px;
	padding:4px;
}
/* new */
#new_sysnum_tb {
	width:780px;
	margin:10px auto 10px auto;
}
#new_sysnum_tb th {
	background-color:#3a3;
	font-weight:normal;
	padding:4px;
	color:#fff;
}
#new_sysnum_tb .td1 {
	width:100px;
	padding:4px;
}
#new_sysnum_tb .td2 {
	padding:4px;
	width:450px;
}
#new_sysnum_tb .td3 {
	width:173px;
	padding:4px;
}
/* formprm */
#formprm_tb {
	width:980px;
	margin:20px auto 20px auto;
}
#formprm_tb th {
	background-color:#a33;
	font-weight:normal;
	padding:4px;
	color:#fff;
}
#formprm_tb .td1 {
	width:80px;
	padding:4px;
}
#formprm_tb .td2 {
	width:160px;
	padding:4px;
}
#formprm_tb .td3 {
	width:80px;
	padding:4px;
}
#formprm_tb .td4 {
	width:80px;
	padding:4px;
}
#formprm_tb .td5 {
	width:300px;
	padding:4px;
}
#formprm_tb .td6 {
	width:50px;
	padding:4px;
}
#formprm_tb .td7 {
	width:50px;
	padding:4px;
}
#formprm_tb .td8 {
	width:80px;
	padding:4px;
}
#formprm_tb .td9 {
	width:80px;
	padding:4px;
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
input, table, textarea {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}

#prm_tb {
    width:500px;
    margin:10px auto 0px auto;
}
#prm_tb .fl {
    width:230px;
    height:25px;
    padding:5px;
    text-align:left;
    border:1px solid #000;
    margin-top:2px;
}
#prm_tb .fr {
    width:70px;
    height:25px;
    text-align:center;
    padding:5px;
    border:1px solid #000;
    margin-top:2px;
    margin-left:3px;
}
#prm_tb .th{
    background-color:#efe;
    text-align:center;
}
#prm_tb .th2{
    background-color:#eee;
    text-align:center;
}

#readonly_mode {
    background-color:#eee;
}
#readonly_mode .col1 {
    background-color:#cb9;
}
#edit_mode {
    background-color:#fff;
}

h4 {
    padding:5px 0px;
	font-size:16px;
    width:100%;
    background-color:#050;
    color:#fff;
}
#container {
	width:524px;
}
#container .fl {
	width:100px;
	padding:5px;
	border:1px solid #aaa;
}
#container .fr {
	float:left;
	width:400px;
	text-align:left;
	margin-left:4px;
	border:1px solid #aaa;
	padding:2px;
}
#container .cl {
	height:4px;
}

#top_main {
	width:1024px;
    text-align:left;
	border:0px solid #000;
	margin:0px auto 20px auto;
}
#top_main .fl {
	width:100px;
	padding:5px;
	border:1px solid #aaa;
}
#top_main .fr {
	float:left;
	width:400px;
	text-align:left;
	margin-left:4px;
	border:0px solid #aaa;
	padding:2px;
}
#top_main .cl {
	height:4px;
}
.col1 {
	background-color:#afe;
}
.col2 {
	background-color:#ddd;
}

#top_main table {
    width:100%;
    text-align:center;
}
#top_main td {
    border:1px solid #000;
}
#top_main th {
    background-color:#efe;
    border:1px solid #000;
    text-align:center;
}
#top_main .ttl {
    color:#00c;
    font-size:14px;
}
#search_tb th {
    background-color:#fee;
}
#top_main .td1 {
    width:12%;
}
#top_main .td2 {
    width:48%;
    text-align:left;
}
#top_main .td3 {
    width:18%;
    text-align:left;
}
#top_main .td4 {
    width:12%;
}
#top_main .td5 {
    width:10%;
}
#admin {
    width:100%;
    background-color:#fee;
    padding:0px;
}
#admin h4 {
    padding:0px;
    background-color:#700;
}
#admin_main {
    width:600px;
    background-color:#fff;
    padding:10px;
}
#admin_main .ttl {
    text-align:left;
    color:#a00;
}
#admin_main table {
    width:400px;
}
#admin_main th {
    background-color:#eee;
    border:1px solid #000;
    padding:5px;
}
#admin_main td {
    border:1px solid #000;
    padding:5px;
}
#admin_main .td0{
    width:30px;
    text-align:center;
}
#admin_main .td1{
    width:300px;
}
#admin_main .td2{
    width:70px;
    text-align:center;
}
#admin_main #search_tb {
    width:580px;
}
#admin_main #search_tb .td1 {
    width:60px;
    text-align:center;
}
#admin_main #search_tb .td2 {
    width:320px;
    text-align:left;
}
#admin_main #search_tb .td3 {
    width:100px;
}
#admin_main #search_tb .td4 {
    width:60px;
    text-align:center;
}
#admin_main #search_tb .td5 {
    width:40px;
    text-align:center;
}
	
#pp_list_tb {
	width:520px;
	margin:0px auto 0px auto;
}
#pp_list_tb td {
	background-color:#fff;
}
#pp_list_tb .td1,#pp_list_tb .td4 {
	width:80px;
}
#pp_list_tb .td2 {
	width:180px;
}
#pp_list_tb .td3 {
	width:120px;
}
#pp_list_tb .td5 {
	width:60px;
}

#staff_tb, #dairi_tb, #workcontents_tb {
	width:800px;
}
#staff_tb .td1, #dairi_tb .td1, #workcontents_tb .td1 {
	width:80px;
}
#staff_tb .td2 {
	width:250px;
}
#staff_tb .td3, #dairi_tb .td3, #workcontents_tb .td3 {
	width:100px;
}
#staff_tb .td4, #dairi_tb .td4, #workcontents_tb .td4 {
	width:80px;
}

#workcontents_tb .td2 {
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------ */
/* SysTopPage */
/* ------------------------------------------------------------------------------------------ */
#item_list_tb {
	width:100%;
}
#item_list_tb th,
#item_list_tb td {
	padding:4px;
	border:1px solid #eee;
}

#item_search_list {
	margin-top:0px;
}
#item_search_list th {
	background-color:#fef;
}
#result_ttl {
	font-weight:bold;
	font-size:16px;
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
#form_table {
	margin:10px auto 10px auto;
}
#form_table .td1 {
	padding:5px;
	background-color:#efe;
	border:1px solid #000;
	margin-top:10px;
}
#form_table .td2 {
	margin-left:10px;
	margin-top:10px;
}
#button {
	margin-top:5px;
	text-align:center;
}
.require_fm {
	color:red;
	font-size:10px;
	margin-left:4px;
}
#follow_div {
	width:650px;
	margin:10px auto 10px auto;
}
#follow_div .ttl {
	font-weight:normal;
	font-size:12px;
	color:#00a;
}
.button {
	margin-top:10px;
	text-align:center;
}
#follow_div .td1 {
	float:left;
	width:100px;
	padding:5px;
	background-color:#efe;
	border:1px solid #000;
	margin-top:10px;
}
#follow_div .td2 {
	float:left;
	padding:5px;
	margin-top:10px;
}
.follow_comm {
	width:400px;
	height:120px;
}
.follow_result {
	width:600px;
	margin:20px 10px;
	font-size:12px;
	border:0px solid #eee;
	line-height:22px;
}
.follow_result .top_div {
	color:#00f;
}
.follow_result .follow_result_comm {
	width:90%;
	border:1px solid #eee;
	padding:5px;
	margin-left:10px;
	background-color:#ffffef;
}
.follow_result .file_link {
	cursor:pointer;
	float:left;
	margin-left:10px;
	margin-top:5px;
	color:#00f;
}
.follow_result .und_div {
	font-size:12px;
	margin-left:10px;
	margin-top:5px;
	color:#000;
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------ */
/* MailForm */
/* ------------------------------------------------------------------------------------------ */
#check_table {
	width:600px;
	margin:10px auto 10px auto;
}
#check_table .td1 {
	background-color:#fef;
	padding:5px;
	border:1px solid #000;
	width:150px;
}
#check_table .td2 {
	padding:5px;
	border:1px solid #000;
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

#result_div {
    position:fixed;
    width: 100%;
    height: 100%;
    background-color:#000;
    filter: alpha(opacity = 50);
    opacity: 0.5;
	top:0px;
	left:0px;
	display:none;
}
#progress {
    position: absolute;
    width:200px;
    top: 50%;
    left: 50%;
    margin-left:-100px;
    margin-top:-20px;
    background-color: #ffa;
    background-image:url('../cgi/image/progress.gif');
    background-position:-200px 0px;
    background-repeat:no-repeat;
	border:2px solid #000;
	display:none;
}
#progress_div {
    margin-top:5px;
    background-color: #fff;
	margin-top:20px;
}
#progress_div .fl {
	padding:4px;
	float:left;
}
#prog {
	padding:4px;
	float:left;
	margin-left:10px;
}
#sep {
	padding:4px;
	float:left;
	margin-left:10px;
}
#total {
	padding:4px;
	float:left;
	margin-left:10px;
}
#prog_cancel {
	float:right;
	padding:5px;
}

#cgi_progress {
    position: absolute;
    width:100px;
	height:100px;
    top: 50%;
    left: 50%;
    margin-left:-100px;
    margin-top:-20px;
	background-color:#fff;
	text-align:center;
	display:none;
}
.progress2_image {
	margin-top: 35px;
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* TopPage ---------------------------------------------------------------------------- */
#head {
	width:100%;
	padding:5px;
	background-color:#730;
	color:#fff;
}
#head .fl {
	float:left;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:italic;
}
#head #login_name {
	float:right;
	margin-right:20px;
}
#login_table {
	width:400px;
	margin:10px auto 30px auto;
	padding:5px;
	border:1px solid #eee;
}
#login_table .fl {
	float:left;
	width:80px;
	background-color:#eff;
	padding:5px;
	margin-bottom:2px;
	border:1px solid #eee;
}
#login_table .fr {
	float:left;
	width:280px;
	padding:5px;
	margin-bottom:2px;
}
#login_table .fr input {
	width:200px;
}
#kanri_check {
	font-size:10px;
	color:#aaa;
}
#login_ttl {
	width:400px;
	margin:30px auto 0px auto;
}
#login_btn {
	text-align:center;
}
@media screen and (max-width:1024px){
	#form_table {
		margin: 10px auto 10px auto;
		width: 100%;
		table-layout: fixed;
	}
	#form_table .td1{
		width: 20%;
	}

	input,textarea{
		max-width: 70vw;
	}
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */