@charset "UTF-8";

/**************
 * initialize *
 **************/
* { margin: 0; padding: 0; }
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object,address {
    margin: 0; padding: 0; font-style: normal; font-weight: normal; vertical-align: baseline; line-height:1.5em;
    font-family: "メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana, Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 { font-style: normal; font-weight: normal; font-size: 1.0em; }
table { border-spacing: 0; }
caption,th { text-align: left; font-weight: normal; }
table,th,td,img { border: 0; }
th,td,img { vertical-align: middle; }
q:before,q:after { content: ''; }

/* for JQuery UI */
button.ui-datepicker-trigger { padding: 0px; border-style: none; }
button.ui-ympicker-trigger { padding: 0px; border-style: none; }
.jstree-node i.jstree-leaf-icon {
	background-image: url('/cleanwater/css/jstree/themes/default/32px.png');
	background-position: -100px -70px;
}
html, body { margin: 0px; padding: 0px; height: 100%; background-color: #e5e6ff; }

legend { margin: 3px 10px; }
ul, li { padding: 0.2em; list-style-position: inside; list-style-type: none; }

p { margin-bottom: 10px; line-height: 1.6em; }
a { text-decoration: none; }
label { font-size: 12px; }

/* jQuery UI Dialog の整形(タイトルバー) */
div.ui-dialog div.ui-dialog-titlebar {
/*
	background: linear-gradient(#43676b, #33575b);
  padding-top: 4px; padding-bottom: 4px; color: #385572;
*/
	background: #f44e7e;

}
div.ui-dialog span.ui-dialog-title {
	color: #efefef;
/*	font-size: 14px; */
}
/* jQuery UI Calendar の整形 */
div.ui-datepicker { z-index: 201 !important;  }
div.ui-datepicker select.ui-datepicker-year { font-size: 0.9em; width: 80px; }
div.ui-ympicker select.ui-ympicker-year { font-size: 0.9em; width:  80px; }
div.ui-datepicker select.ui-datepicker-month { font-size: 0.9em; width: 60px; }
table.ui-datepicker-calendar tbody td.date-sunday a,
table.ui-datepicker-calendar tbody td.date-holiday0 a { color: red; }
table.ui-datepicker-calendar tbody td.date-saturday a { color: blue; }
/* jQuery UI Accordion の整形 */
div.ui-accordion h3.ui-accordion-header { font-size: 14px; color: #efefef; background: linear-gradient(#43676b, #33575b); text-align: left; }
div.ui-accordion h3.ui-accordion-header:hover { background: linear-gradient(#63878b, #43676b); }
div.ui-accordion div.ui-accordion-content { font-size: 13px; padding: 5px 10px; background: linear-gradient(#fffff0, #ffffe0); text-align: left; }

div.ui-tabs { margin: 0px auto; width: 95%; background-color: #f4f2fa; }
div.ui-tabs ul { font-size: 14px; background: linear-gradient(#dc6b9a, #cc5b8a); }
div.ui-tabs .ui-tabs-panel { padding: 0.5em; }
div.ui-tabs .ui-state-active { background-color: #f4f2fa; }

/* 必須項目 */
.required { font-color: blue; }

/* テキスト/テキストエリア/プルダウン */
input:focus, textarea:focus { background-color: #fffacd; }
input[type=text],
input[type=password],
textarea,
select {
/*
	border: 1px solid #bbb; height: 1.5em; padding: 0 0 0 4px; vertical-align: middle; border-radius: 4px;
*/
}

/* テキスト(IMEオフ) */
input[type=text].n2, input[type=password].n2  { width: 2em !important; text-align: left; ime-mode: disabled; }
input[type=text].n3, input[type=password].n3  { width: 3em !important; text-align: left; ime-mode: disabled; }
input[type=text].n4, input[type=password].n4  { width: 4em !important; text-align: left; ime-mode: disabled; }
input[type=text].n5, input[type=password].n5  { width: 5em !important; text-align: left; ime-mode: disabled; }
input[type=text].n6, input[type=password].n6  { width: 6em !important; text-align: left; ime-mode: disabled; }
input[type=text].n7, input[type=password].n7  { width: 7em !important; text-align: left; ime-mode: disabled; }
input[type=text].n8, input[type=password].n8  { width: 8em !important; text-align: left; ime-mode: disabled; }
input[type=text].n9, input[type=password].n9  { width: 9em !important; text-align: left; ime-mode: disabled; }
input[type=text].n10,input[type=password].n10 { width:10em !important; text-align: left; ime-mode: disabled; }
input[type=text].n11,input[type=password].n11 { width:11em !important; text-align: left; ime-mode: disabled; }
input[type=text].n12,input[type=password].n12 { width:12em !important; text-align: left; ime-mode: disabled; }
input[type=text].n13,input[type=password].n13 { width:13em !important; text-align: left; ime-mode: disabled; }
input[type=text].n14,input[type=password].n14 { width:14em !important; text-align: left; ime-mode: disabled; }
input[type=text].n15,input[type=password].n15 { width:15em !important; text-align: left; ime-mode: disabled; }
input[type=text].n16,input[type=password].n16 { width:16em !important; text-align: left; ime-mode: disabled; }
input[type=text].n17,input[type=password].n17 { width:17em !important; text-align: left; ime-mode: disabled; }
input[type=text].n18,input[type=password].n18 { width:18em !important; text-align: left; ime-mode: disabled; }
input[type=text].n19,input[type=password].n19 { width:19em !important; text-align: left; ime-mode: disabled; }
input[type=text].n20,input[type=password].n20 { width:20em !important; text-align: left; ime-mode: disabled; }
input[type=text].n21,input[type=password].n21 { width:21em !important; text-align: left; ime-mode: disabled; }
input[type=text].n22,input[type=password].n22 { width:22em !important; text-align: left; ime-mode: disabled; }
input[type=text].n23,input[type=password].n23 { width:23em !important; text-align: left; ime-mode: disabled; }
input[type=text].n24,input[type=password].n24 { width:24em !important; text-align: left; ime-mode: disabled; }
input[type=text].n25,input[type=password].n25 { width:25em !important; text-align: left; ime-mode: disabled; }
input[type=text].n26,input[type=password].n26 { width:26em !important; text-align: left; ime-mode: disabled; }
input[type=text].n27,input[type=password].n27 { width:27em !important; text-align: left; ime-mode: disabled; }
input[type=text].n28,input[type=password].n28 { width:28em !important; text-align: left; ime-mode: disabled; }
input[type=text].n29,input[type=password].n29 { width:29em !important; text-align: left; ime-mode: disabled; }
input[type=text].n30,input[type=password].n30 { width:30em !important; text-align: left; ime-mode: disabled; }
input[type=text].n35,input[type=password].n35 { width:35em !important; text-align: left; ime-mode: disabled; }
input[type=text].n40,input[type=password].n40 { width:40em !important; text-align: left; ime-mode: disabled; }
input[type=text].n45,input[type=password].n45 { width:45em !important; text-align: left; ime-mode: disabled; }
input[type=text].n50,input[type=password].n50 { width:50em !important; text-align: left; ime-mode: disabled; }
input[type=text].n55,input[type=password].n55 { width:55em !important; text-align: left; ime-mode: disabled; }
input[type=text].n60,input[type=password].n60 { width:60em !important; text-align: left; ime-mode: disabled; }
/* テキスト(IMEオン) */
input[type=text].s2  { width: 2em !important; text-align: left; ime-mode: active; }
input[type=text].s3  { width: 3em !important; text-align: left; ime-mode: active; }
input[type=text].s4  { width: 4em !important; text-align: left; ime-mode: active; }
input[type=text].s5  { width: 5em !important; text-align: left; ime-mode: active; }
input[type=text].s6  { width: 6em !important; text-align: left; ime-mode: active; }
input[type=text].s7  { width: 7em !important; text-align: left; ime-mode: active; }
input[type=text].s8  { width: 8em !important; text-align: left; ime-mode: active; }
input[type=text].s9  { width: 9em !important; text-align: left; ime-mode: active; }
input[type=text].s10 { width:10em !important; text-align: left; ime-mode: active; }
input[type=text].s11 { width:11em !important; text-align: left; ime-mode: active; }
input[type=text].s12 { width:12em !important; text-align: left; ime-mode: active; }
input[type=text].s13 { width:13em !important; text-align: left; ime-mode: active; }
input[type=text].s14 { width:14em !important; text-align: left; ime-mode: active; }
input[type=text].s15 { width:15em !important; text-align: left; ime-mode: active; }
input[type=text].s16 { width:16em !important; text-align: left; ime-mode: active; }
input[type=text].s17 { width:17em !important; text-align: left; ime-mode: active; }
input[type=text].s18 { width:18em !important; text-align: left; ime-mode: active; }
input[type=text].s19 { width:19em !important; text-align: left; ime-mode: active; }
input[type=text].s20 { width:20em !important; text-align: left; ime-mode: active; }
input[type=text].s21 { width:21em !important; text-align: left; ime-mode: active; }
input[type=text].s22 { width:22em !important; text-align: left; ime-mode: active; }
input[type=text].s23 { width:23em !important; text-align: left; ime-mode: active; }
input[type=text].s24 { width:24em !important; text-align: left; ime-mode: active; }
input[type=text].s25 { width:25em !important; text-align: left; ime-mode: active; }
input[type=text].s26 { width:26em !important; text-align: left; ime-mode: active; }
input[type=text].s27 { width:27em !important; text-align: left; ime-mode: active; }
input[type=text].s28 { width:28em !important; text-align: left; ime-mode: active; }
input[type=text].s29 { width:29em !important; text-align: left; ime-mode: active; }
input[type=text].s30 { width:30em !important; text-align: left; ime-mode: active; }
input[type=text].s35 { width:35em !important; text-align: left; ime-mode: active; }
input[type=text].s40 { width:40em !important; text-align: left; ime-mode: active; }
input[type=text].s45 { width:45em !important; text-align: left; ime-mode: active; }
input[type=text].s50 { width:50em !important; text-align: left; ime-mode: active; }
input[type=text].s55 { width:55em !important; text-align: left; ime-mode: active; }
input[type=text].s60 { width:60em !important; text-align: left; ime-mode: active; }
/* テキスト(数値 IMEオフ) */
input[type=text].i2  { width: 2em !important; text-align: right; ime-mode: disabled; }
input[type=text].i3  { width: 3em !important; text-align: right; ime-mode: disabled; }
input[type=text].i4  { width: 4em !important; text-align: right; ime-mode: disabled; }
input[type=text].i5  { width: 5em !important; text-align: right; ime-mode: disabled; }
input[type=text].i6  { width: 6em !important; text-align: right; ime-mode: disabled; }
input[type=text].i7  { width: 7em !important; text-align: right; ime-mode: disabled; }
input[type=text].i8  { width: 8em !important; text-align: right; ime-mode: disabled; }
input[type=text].i9  { width: 9em !important; text-align: right; ime-mode: disabled; }
input[type=text].i10 { width:10em !important; text-align: right; ime-mode: disabled; }
input[type=text].i11 { width:11em !important; text-align: right; ime-mode: disabled; }
input[type=text].i12 { width:12em !important; text-align: right; ime-mode: disabled; }
input[type=text].i13 { width:13em !important; text-align: right; ime-mode: disabled; }
input[type=text].i14 { width:14em !important; text-align: right; ime-mode: disabled; }
input[type=text].i15 { width:15em !important; text-align: right; ime-mode: disabled; }
input[type=text].i16 { width:16em !important; text-align: right; ime-mode: disabled; }
input[type=text].i17 { width:17em !important; text-align: right; ime-mode: disabled; }
input[type=text].i18 { width:18em !important; text-align: right; ime-mode: disabled; }
input[type=text].i19 { width:19em !important; text-align: right; ime-mode: disabled; }
input[type=text].i20 { width:20em !important; text-align: right; ime-mode: disabled; }
input[type=text].i21 { width:21em !important; text-align: right; ime-mode: disabled; }
input[type=text].i22 { width:22em !important; text-align: right; ime-mode: disabled; }
input[type=text].i23 { width:23em !important; text-align: right; ime-mode: disabled; }
input[type=text].i24 { width:24em !important; text-align: right; ime-mode: disabled; }
input[type=text].i25 { width:25em !important; text-align: right; ime-mode: disabled; }
input[type=text].i26 { width:26em !important; text-align: right; ime-mode: disabled; }
input[type=text].i27 { width:27em !important; text-align: right; ime-mode: disabled; }
input[type=text].i28 { width:28em !important; text-align: right; ime-mode: disabled; }
input[type=text].i29 { width:29em !important; text-align: right; ime-mode: disabled; }
input[type=text].i30 { width:30em !important; text-align: right; ime-mode: disabled; }
input[type=text].i35 { width:35em !important; text-align: right; ime-mode: disabled; }
input[type=text].i40 { width:40em !important; text-align: right; ime-mode: disabled; }
input[type=text].i45 { width:45em !important; text-align: right; ime-mode: disabled; }
input[type=text].i50 { width:50em !important; text-align: right; ime-mode: disabled; }
input[type=text].i55 { width:55em !important; text-align: right; ime-mode: disabled; }
input[type=text].i60 { width:60em !important; text-align: right; ime-mode: disabled; }
/* 日付 */
input.datepicker,input.datepicker-j { width: 8em; ime-mode: disabled; }
/* 年月 */
input.ympicker,input.ympicker-j { width: 6em; ime-mode: disabled; }
/* 時刻 */
input.timepicker { width: 4em; ime-mode: disabled; }
/* ダウンロードリンク */
a.download {color: blue; text-decoration: underline;}

/* 試作中 */
select.multi { width: 150px; height: 60px; }

/* 処理ボタン */
button.btn,
input[type=submit].btn,
input[type=button].btn {
/*
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 2px solid #999;
	border-left: 1px solid #ccc;
	padding: 5px 20px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	color: #444;
	border-radius: 3px;
	background: linear-gradient(#fff, #f1f1f1, #f1f1f1, #dfdfdf, #ccc);
*/
}
/* 処理ボタン(マウスオーバー) */
button.btn:hover,
input[type=submit].btn:hover,
input[type=button].btn:hover {
/*
	background: linear-gradient(#fff, #e1e1e1, #e1e1e1, #cfcfcf, #ccc);
*/
}
/* 処理ボタン(クリック) */
button.btn:active,
input[type=submit].btn:active,
input[type=button].btn:active { background: #ccc; border-bottom: 0px; padding: 6px 20px; }
/* 処理ボタン(非活性) */
button.btn[disabled],button.btn[disabled]:hover,
input[type=submit].btn[disabled],input[type=submit].btn[disabled]:hover,
input[type=button].btn[disabled],input[type=submit].btn[disabled]:hover {
	color: #999999;
	background: linear-gradient(#fff, #f1f1f1, #f1f1f1, #dfdfdf, #ccc);
	border-bottom: 2px solid #999;
}
/* ログアウトボタン */
button.logout,
input[type=submit].logout,
input[type=button].logout { padding: 2px 5px; border-radius: 4px; }
/* 処理ボタン赤 */
button.red,
input[type=submit].red,
input[type=button].red {
	color: #eeeeee; border: 2px solid #CB3030; background: linear-gradient(#CB3030, #D54A4A);
}
/* 処理ボタン小 */
button.small,
input[type=submit].small,
input[type=button].small { padding: 2px 10px; }
/* 処理ボタン小 */
button.small:active,
input[type=submit].small:active,
input[type=button].small:active { padding: 2px 10px; }
/* 処理ボタン極小 */
button.mini,
input[type=submit].mini,
input[type=button].mini { padding: 0px 6px; font-size: 12px; }
button.mini:active,
input[type=submit].mini:active,
input[type=button].mini:active { padding: 0px 6px; font-size: 12px; }
/* リンクボタン(行選択用) */
input[type=submit].linkbutton,input[type=button].linkbutton,a.linkbutton {
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 2px solid #999;
	border-left: 1px solid #ccc;
	padding: 1px 10px;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	color: #444;
	border-radius: 3px;
	background: linear-gradient(#fff, #f1f1f1, #f1f1f1, #dfdfdf, #ccc);
}

/* ボタンボックス */
div.btnboxm { height: 40px; padding: 10px; width: 95%; margin: 0px auto; }
div.btnbox { float: left; height: 40px; padding-right: 5px; padding-top: 10px; padding-bottom: 5px; }
div.btnbox button, div.btnbox input { position: relative; top: 50%; transform: translateY(-50%); margin-left: 5px; }
div.btnboxl { float: left; height: 40px; padding-right: 5px; padding-top: 10px; padding-bottom: 5px; }
div.btnboxl button, div.btnbox input { position: relative; top: 50%; transform: translateY(-50%); margin-left: 5px; }
div.footerbtnbox { margin: 5px auto; width: 95%; }
div.footerbtnbox input, div.footerbtnbox button { margin: 5px; }

.left { text-align: left; }
.right { text-align: right;}
.center { text-align: center; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }

.error { background-color:rgb(255, 153, 0); }
.fmctl-error { background-color:rgb(255, 153, 0) !important; }

input[type=checkbox].error { outline: 3px solid rgb(255, 153, 0); }
input[type=checkbox]:checked:not(.error) { outline: solid 3px green; }

.errormsg li {
	color: #e2041b;
	background-color: #ffeaea !important;
	padding: .5rem .8rem;
	border-color: #f5c6cb !important;
	position: relative;
	margin-top: .3rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	font-size: 13px;
}
.errormsg-dialog { color: #e2041b; font-size: 13px; }
.rad6 { -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
.imeoff { ime-mode: disabled; }
.imeon { ime-mode: active; }

div#viewMsgDialog { font-size: 14px; color: blue; }
/* ヘッダ部 */
div#viewHeader {
  position: fixed; height: 50px; width: 100%; z-index: 10;
  background: linear-gradient(#43676b, #33575b);
}
/* ヘッダ部:アプリタイトル */
div#viewHeader a.apptitle { width: 450px; float: left; }
div#viewHeader a.apptitle:hover { background-color: #63878b; cursor: pointer; }
/* ヘッダ部:組織名 */
div#viewHeader span.orgname { padding: 1px 3px; color: #fffacd; line-height: 0.9em; font-size: 14px; font-weight: bold; }
/* ヘッダ部:システム名 */
div#viewHeader span.systemname { padding: 1px 3px; color: #fffacd; line-height: 1.2em; font-size: 18px; font-weight: bold; }
div#viewHeader span.sysversion { color: #fffacd; font-size: 12px; }
/* ヘッダ部：ログイン情報 */
div#viewHeader div.logininfo { width: 520px; float: right; line-height: 50px; color: #efefef; }
div#viewHeader div.logininfo span.loginuser { float: left; font-size: 12px; margin-right: 20px; }
div#viewHeader div.logininfo .logout { float: right; margin-top: 10px; margin-right: 15px; }
div#viewHeader div.logininfo form { display: inline; }
/* ヘッダ部：ヘルプアイコン */
div#viewHeader div.help { float: right; margin-right: 10px; margin-top: 10px; }

/* アナウンス */
div.announce { overflow: auto; height: 300px; background-color: #fffff0; border: 1px solid #ccc; padding:10px; }
div.announce td.bold { font-weight:bold; }

/* メイン部 */
div#viewBody {
/*
	padding-top: 50px; padding-bottom: 20px; height: auto; width: 100%; background-color: #f9f9f9;
*/
}

/* タイトル */
h4.mainTitle { float: left; }

/* 操作手順書 */
a.manual { color: #ffff00; float: right; }

/* センターボックス */
div.centerbox {
	margin: 5em auto 0 auto; width: 520px; height: auto; background-color: #43676b;
	border :2px solid #43676b; box-shadow: 0 0 6px #fff;
}
/* センターボックス(タイトル) */
div.centerbox h2 { width: 90%; padding: 0 0.4em; margin: 0.3em 1em 0.3em 6px; font-size: 1.2em; font-weight: bold; color: #fffacd; }
/* センターボックス(内容) */
div.centerbox div.infobox { width: 503px; margin: 0 auto 0.5em auto; padding: 5px; border: 1px solid #cccccc; background-color: #f4f2fa; }
div.centerbox div.infobox p { font-size: 14px; }
div.centerbox div.infobox div.command { text-align: center; }
/* センターボックス(内容:アカウント) */
div.centerbox fieldset { font-size: small; display: block; width: 80%; margin: 1em auto; padding: 0 auto; }
div.centerbox fieldset legend { margin: 0; padding: 0; }
div.centerbox fieldset label { display: inline-block; text-align: right; width: 10em; }
/* センターボックス(内容:ボタン) */
div.centerbox div.infobox p.button { text-align:right; padding-right:40px; }

/* メニュー */
div#menu-area { float: left; position:fixed; width: 230px; height: 100%; padding-left: 10px; font-size: 14px; background-color: #e5e6ff; }
div#menu-area li a:hover { text-decoration: underline; }

div#viewBody div.viewMenuGroup { width: 200px; height: auto; float: left; margin-left: 50px; margin-top: 20px; }
div#viewBody div.viewMenuGroup fieldset { border: solid 1px #A5A5A5; background-color: #E3EAFF; }
div#viewBody div.viewMenuGroup a {
	display: inline-block; width: 100%; height: 30px; text-align: center; text-decoration: none; line-height: 30px;
	background: linear-gradient(#2a7fff, #1a6fef);
	outline: none; border-radius: 3px; color: #434; transition: all .2s;
}
div#viewBody div.viewMenuGroup a:hover { background: linear-gradient(#2a7fff, #1a6fef); }


/* タイトル */
div#viewBody .viewTitle {
  margin: 5px 10px; padding: 5px 15px; border-radius: 8px; color: #efefef; text-align: left;
  background: linear-gradient(#43676b, #33575b);
}

/* 検索条件欄 */
fieldset.searchInput { width: 95%; margin: 5px auto; padding: 5px; border: solid 1px #A5A5A5; background-color: #f0f0fa; }
div.searchInput { width: 95%; margin: 5px auto; padding: 5px; }
table.searchInput { width: 100%; }
/* 検索条件欄タイトル */
fieldset.searchInput legend { font-size: 14px; width: auto; }
/* 検索条件欄項目名 */
table.searchInput th { padding: 10px 10px; font-size: 13px; font-weight: bold; text-align: left; border-top: 0 }
/* 検索条件欄項目 */
table.searchInput td { padding-right: 10px; border-top: 0 }

/* 検索結果一覧 */
div.searchListMsg { width: 95%; margin: 1em auto auto; font-size: 14px; vertical-align: bottom; }
table.searchList {
	border-collapse: collapse;
	width: 95%;
	margin: 0px auto;
	font-size: 16px;
}
table.searchList thead a {
	color: #efefef;
	text-decoration: underline;
}
table.searchList tbody tr:NTH-CHILD(2n):hover, table.searchList tbody tr:NTH-CHILD(2n+1):hover { background-color: #f8cd9e; }
/*
table.searchList tbody tr:NTH-CHILD(2n+1) { background-color: #f0f0f0; }
table.searchList tbody tr:NTH-CHILD(2n) { background-color: #f0e8f0; }
*/
table.searchList th, table.searchList td { border: solid 1px #A5A5A5; padding: 3px; }
table.searchList tbody tr.summary { background-color: #c3c5f5; }
table.searchList tbody tr.summary2 { background-color: #c0c0c0; }
table.searchList tbody tr.summary3 { background-color: #66cdaa; }
table.searchList th {
	color: #efefef;
/*	background-color: #ae9890; */
	background-color: #f44e7e;
}

table.searchList tfoot table { margin-left: auto; margin-right: auto; }
table.searchList tfoot table td { border: 0px; }

/* グリッド入力欄 */
table.gridList { border-collapse: collapse; width: 95%; margin: 0px auto; font-size: 12px; }
table.gridList th, table.gridList td { border: solid 1px #A5A5A5; padding: 1px; }
table.gridList td:hover { background-color: #F0D8FF; }
table.gridList th {
	background: linear-gradient(#43676b, #33575b);
}

/* 入力欄 */
fieldset.editInput { width: 95%; margin: 10px auto; padding: 5px; border: solid 1px #A5A5A5; }
/* 入力欄タイトル */
fieldset.editInput legend { font-size: 14px; }
table.editInput { border-collapse: collapse; }
table.editInput caption {font-size: 14px; font-weight: bold; vertical-align: bottom;}
/* 入力欄項目名 */
table.editInput th {
/*	padding: 2px 10px 2px 5px; */
	font-size: 14px;
	font-weight: normal;
	border: solid 1px #A5A5A5;
  color: #efefef;
/*  background: linear-gradient(#43676b, #33575b); */
	background-color: #ae9890;
}
table.editInput td {
  padding: 2px 10px 2px 5px; font-size: 14px; font-weight: normal; border: solid 1px #A5A5A5;
}

/* ajax通信用のインジケータ */
div.ingicator {
	z-index : 999;
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	width: 64px;
	height: 64px;
	margin: auto;
	display : none;
}

/* 注釈用 */
div.cautionLabel {font-weight:bold; color: #ff0000; }

/* チェックボックス(中央) */
input[type=checkbox].checkbox {vertical-align: middle; }
input[type=checkbox].checkbox:checked {outline: solid 3px green; vertical-align: middle; }

/* 3点リーダー */
td.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 0px; }
/* 3点リーダー */
th.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 0px; }

/* 入力例 */
span.hint {color: red; font-size: small;}
/* 担当者プルダウン */
select.account {
	max-width: 150px;
}

/* jqueryツールチップのフォントサイズ */
.tooltip-style {font-size: 0.6em !important;}
.tooltip-style2 {font-size: 0.8em !important;}