@charset "UTF-8"; /* * UniVision 共通スタイルシート */ /****************************************************************************** タグのデフォルトスタイル設定 ******************************************************************************/ /* */ body{ font-size: 14px; background: #ffffff; color: #000000; margin: 0px; padding: 0px; scrollbar-face-color: #efefef; scrollbar-highlight-color: #e5f6ff; scrollbar-shadow-color: #6a5acd; scrollbar-3dlight-color: #8c92c9; scrollbar-arrow-color: #6a5acd; scrollbar-darkshadow-color: #e2e9ff; scrollbar-track-color: #e5f6ff; border: 1px solid transparent; /* IE6 以外 */ } * html body { /* IE6 hack (IE6 は border の transparent が利かない) */ border: 0px none; } body.transparent { background: transparent; } /* */ form { margin: 0px; } /* */ input { vertical-align: middle; } /*

*/
textarea {
	border-width: 2px;
	border-style: inset;
	font-family: "ＭＳ ゴシック", monospace;
	ime-mode: active;
	overflow:auto;
}

/* <a> </a> */
a:link {
    color: #000099;
}
a:visited {
    color: #000099;
}
a:active {
    color: #ff0000;
}
a:hover {
    color: #ff0000;
}

/* <table> </table> */
table {
    width: auto;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-spacing: 0px;
}

/* <td> </td> */
td {
	text-align: left;
	vertical-align: middle;
}

/* <pre> </pre> */
pre {
	font-size: 14px;
}

/******************************************************************************
   画面全体のスタイル設定
 ******************************************************************************/
/* タイトル部分のスタイル設定 */
#title {
	display: block;
	float: none;
}

#breadcrumb {
	font-size: 12px;
	height: 12px;
}

#breadcrumb * {
	margin: 0;
    padding: 0;
}

#breadcrumb ol {
    display: block;
	position: absolute;
}

#breadcrumb li {
    list-style-type: none;
    float: left;
}

#breadcrumb .separator {
    padding: 0 3px 0 1px;
}

#breadcrumb .breadcrumb_active {
	_padding-top: 2px;
    background-image: none;
}

/* ヘッダ部分のスタイル設定 */
#header {
	display: block;
	float: none;
    padding-bottom: 1.0em;
}

/* 本体部分のスタイル設定 */
#body {
	display: block;
	float: none;
}

/* フッタ部分のスタイル設定 */
#footer {
	padding-top: 1em;
	float: none;
	display: block;
}

#body form div.create_top,
#body form div.update_top {
	margin-bottom: 20px;
}

#body form div.detail_top {
    margin-bottom: 20px;
}

#body form div.list_top {
    margin-bottom: 20px;
}

/******************************************************************************
   ログイン画面のスタイル設定
 ******************************************************************************/
#login_form {
	border: 1px solid #AAAAAA;
	padding: 30px 75px 30px 45px;
    width: 360px;
    margin: 80px auto;
    background-color: #F9F9F9;
}

#login_form table {
    margin: auto;
}

#login_form #welcome_message {
    margin: 0em auto 1.9em auto;
	padding: 0;
}

#login_form #welcome_message p {
	margin 0;
    padding: .8em 0;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
    display: inline;
}

#login_form #login_error_message  {
    margin: 0em auto 2em auto;
    text-align: center;
}

#login_form #login_error_message p {
    padding: .8em 0px .8em 48px;
    background: url("../image/alert.gif") no-repeat top left;
    color: #ff0000;
    font-size: 14px;
    font-weight: normal;
    display: inline;
}

#login_form #login_error_message p span {
    padding-left: 70px;
}

#login_form #username,
#login_form #password {
    height: 40px;
}

#login_form #username th,
#login_form #password th{
	color:#444444;
	font-size: 12pt;
    font-weight: normal;
    padding-top: 3px;
    padding-right: 10px;
}

#login_form #username input,
#login_form #password input {
	background-color: #FFFFFF;
    border:1px solid #AAAAAA;
    width:250px;
    color:#444444;
    margin:0;
    padding:4px;
    vertical-align:middle;
    font-size: 12pt;
    ime-mode: disabled;
}

#login_form #remember_me td {
    color:#444444;
    font-size: 10pt;
}

#login_form #login_button td {
	padding-top: 10px;
	text-align: right;
}

#login_form #login_button input {
	font-size: 10pt;
    width: 100px;
    height: 28px;
    color: #333333;
}

/******************************************************************************
   ユーザー情報のスタイル設定
 ******************************************************************************/
#info .logo {
	/*
	width: 100%;
	height: 20px;
	background: #ffffff url("../image/chuo.gif") no-repeat center center;
     */
}
#info .logo h3 {
	display: none;
}

#info .user {
	margin: 2em 0px 0px .4em;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
}

#info .depertment {
	margin: .3em 0px 0px .4em;
	font-size: 12px;
	padding-left: 15px;
}

/******************************************************************************
   ログアウト画面のスタイル設定
 ******************************************************************************/
#logout {
	margin-top: 2em;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: red;
}

/******************************************************************************
   タイトルのスタイル設定
 ******************************************************************************/
#title h1 {
  text-align: center;
  vertical-align: middle;
  background: url("../image/title.gif") no-repeat left center;
  font-size: 16px;
  font-weight:bold;
  padding: 8px 45px 8px 40px;
  margin: 5px 5px;
}

/******************************************************************************
   コピーライトのスタイル設定
 ******************************************************************************/
#footer .copyright {
	color: #666666;
	margin: .5em 0em 0em 0em;
	text-align: center;
	font-style: normal;
	font-weight: normal;
}

/******************************************************************************
   一覧表のスタイル設定
 ******************************************************************************/
table.list {
	border-collapse: separate;
	border-spacing: 2px;
	empty-cells: show;
	margin: 0px auto;
	width:97%;
}

/* 表題のスタイル */
table.list caption {
	margin: 0px auto 0px auto;
	padding: 1.5em 3px 1em 1px;
}

table.list caption strong {
	display: block;
	border-bottom: 1px solid green;
    padding: 0px 15px;
    background: url("../image/square.png")  no-repeat left center;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-style: normal;
	font-size: 14px;
}

table.list caption span {
	text-align: left;
	vertical-align: middle;
	width: 190px;

font-weight: bold;
    font-style: normal;
	font-size: 14px;
	padding:0px 15px 0px 8px;
	border-bottom:solid 1px green;
	border-left:solid 10px green;
}

/* 項目行のスタイル */
table.list th {
	font-weight:bold;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 3px 3px 3px;
	margin: 0px;
	background: #FFD9BC;
	color: #663333;
	border-top:0px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:0px;
}

table.list th a {
	color: #000000;
}
table.list th a:link {
	color: #000000;
}
table.list th a:visited {
	color: #000000;
}
table.list th a:active {
	color: #000000;
}

/* データ行(奇数行)の背景色 */
table.list .body_odd {
	background:#FFE;
}

/* データ行(偶数行)の背景色 */
table.list .body_even {
	background:#EEE;
}

/* 削除データ行(奇数行)の背景色 */
table.list .deleted_body_odd {
    background:#FFFFF6;
}

/* 削除データ行(奇数行)の文字 */
table.list .deleted_body_odd td {
    color: #BBB;
}

/* 削除データ行(奇数行)の文字 */
table.list .deleted_body_odd td del {
    text-decoration: none;
}

/* 削除データ行(奇数行)の画像 */
table.list .deleted_body_odd td img {
    -moz-opacity:0.4;
    opacity:0.4;
    filter:alpha(opacity=40);
}

/* 削除データ行(偶数行)の背景色 */
table.list .deleted_body_even {
    background:#FAFAFA;
}

/* 削除データ行(偶数行)の文字 */
table.list .deleted_body_even td {
    color: #BBB;
}

/* 削除データ行(偶数行)の文字 */
table.list .deleted_body_even td del {
    text-decoration: none;
}

/* 削除データ行(偶数行)の画像 */
table.list .deleted_body_even td img {
    -moz-opacity:0.4;
    opacity:0.4;
    filter:alpha(opacity=40);
}

/* データ行 (ハイライト) の背景色 */
table.list .body_hilight {
	background:#dcdcdc;
}

/* データ行 (ハイライト) の文字 */
table.list .body_hilight td {
    color: #000;
}

/* データ行イメージ (ハイライト) の画像 */
table.list .body_hilight td img {
    -moz-opacity:1;
    opacity:1;
    filter:none;
}

/* データ行のスタイル */
table.list td {
	padding: 3px 5px 3px 5px;
	font-weight: normal;
	color:#555555;
	border-width:0px;
}

/* 文字列(可変長)のスタイル */
table.list td.body_string,
table.list tr.body td.text {
    text-align: left;
}

/* 文字列(固定長)のスタイル */
table.list td.body_char,
table.list tr.body td.char {
	text-align: center;
}

/* 数値のスタイル */
table.list td.body_number,
table.list tr.body td.number {
    text-align: right;
}

/* 日付のスタイル */
table.list td.body_date,
table.list tr.body td.date {
    text-align: left;
	width: 6em;
}

/* 時間のスタイル */
table.list td.body_time,
table.list tr.body td.time {
    text-align: left;
	width: 6em;
}

/* 日付・時間のスタイル */
table.list td.body_datetime,
table.list tr.body td.datetime {
	text-align: left;
	width: 10em;
}

/* コードのスタイル */
table.list td.body_code,
table.list tr.body td.code {
	text-align: center;
}

/* 選択用チェックボックス / ラジオボタンのスタイル */
table.list td.body_select,
table.list tr.body td.select {
	text-align: center;
}

/* 行結合用文字列のスタイル */
table.list td.rowspan_string {
	text-align: left;
	background:#EEEEEE;
}

/* 行結合用数値のスタイル */
table.list td.rowspan_number {
	text-align: right;
	background:#EEEEEE;
}

/******************************************************************************
   一覧表のページナビのスタイル設定
 ******************************************************************************/
.navi {
	margin: 0em 0.2em 0em 0.2em;
	background:#ECF5FA;
	color:#3F5771;
	padding:5px;
	margin-top:10px;
	margin-bottom:2px;
	border-bottom:0px solid #C3D2DC;
	height:16px;
	clear: both;
}

/* 件数表示 */
.navi .navi_number {
	display:inline;
	float:left;
	text-align:left;
	margin: 0px;
	color:#555555;
}

/* ページ送りリンク */
.navi .navi_page {
	display:inline;
	float:right;
	text-align:right;
	margin: 0px;
}

/* ページ送りリンク(有効) */
.navi .navi_page .valid {
	color:blue;
}

/* ページ送りリンク(無効) */
.navi .navi_page .invalid {
	color:#BBBBBB;
}

/* ページ送りリンク(カレントページ) */
.navi .navi_page .current_page {
	color:blue;
    font-weight: bold;
}

/* ナビ ページ指定テキストボックス　*/
.navi .navi_input_page {
    border-style: inset;
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
	text-align: right;
	ime-mode: disabled;
}

/******************************************************************************
   タブのスタイル設定
 ******************************************************************************/
.tabs {
    border: 2px solid #ffffff;
    border-collapse: collapse;
    margin: 0px auto 0px auto;
    width: 97%;
}

.tabs .sidebar {
    background-color: #0f6fcf;
    width: 9px;
}

.tabs a.tab_inactive {
    background-color: #191970;
    border-width: 1px;
	border-style: solid;
	border-color: #191970;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    width: 93px;
    margin: 1px;
    padding: 3px;
    padding-top: 7px;
    text-align: center;
    display: block;
    float: left;
}

.tabs a.tab_inactive:link {
    text-decoration: none;
}

.tabs a.tab_inactive:visited {
    text-decoration: none;
}

.tabs a.tab_inactive:hover {
    background-color: #5a9cde;
}

.tabs a.tab_inactive:active {
    text-decoration: none;
}

.tabs a.tab_active {
    background-color: #cc0033;
    border-width: 1px;
	border-style: solid;
	border-color: #f99 #600 #600 #f99;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    width: 93px;
    margin: 1px;
    padding: 3px;
    padding-top: 7px;
    text-align: center;
    display: block;
    float: left;
    cursor: default;
}

.tabs a.tab_active:link {
    text-decoration: none;
}

.tabs a.tab_active:visited {
    text-decoration: none;
}

/* タブ 領域 */
.tab_area {
    vertical-align: top;
    margin: 1em 0px 1em 0px;
    padding: 0px;
    width: calc(100vw - 19px); /* 19px = スクロールバーの幅(多めにみてこのくらい) */
}

.tab_area_open_button {
    background:transparent url("../image/tab_area_open.gif") no-repeat scroll center center;
    border:0;
    height:18px;
    width:18px;
    zoom: 1.5;
    cursor: pointer;
}

.tab_area_close_button {
    background:transparent url("../image/tab_area_close.gif") no-repeat scroll center center;
    border:0;
    height:18px;
    width:18px;
    zoom: 1.5;
    cursor: pointer;
}

.selected_tab {
	color: MediumBlue;
    font-weight: bold;
	border-bottom: 1px solid #0000FF;
}

/* タブ コンテンツ表示部分 */
.tab_body {
    margin: 0px auto 0px auto;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}
.tab_body iframe {
	width:100%;
	height: 432px;
}

/******************************************************************************
   条件入力欄のスタイル設定
 ******************************************************************************/
table.condition {
	margin: 1em auto 0px auto;
	width: 600px;
}

table.condition caption {
	display: inline-block;
	margin: 0px auto 0px auto;
	padding: 7px;
	width: 100%;
	background: #fffbe7;
}

table.condition caption strong {
	display: block;
	border-bottom: 1px solid #FE9929;
	padding-left: 15px;
	background: url("../image/square.png") no-repeat left center;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}

table.condition td {
	padding: 7px 7px 7px 20px;
}

/******************************************************************************
   各情報の詳細テーブルのスタイル設定
 ******************************************************************************/
table.detail {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px;
	empty-cells: show;
	margin: 0 auto;
	width:97%;
}

table.detail caption {
	margin: 0px auto;
	padding: 1.5em 3px 1em 1px;
}

table.detail caption strong {
	display: block;
	border-bottom: 1px solid green;
	padding-left: 15px;
	background: url("../image/square.png") no-repeat left center;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}

table.detail th {
	text-align: left;
	vertical-align: middle;
	width: 190px;
	min-width: 190px;
	padding:3px 5px;

background:#fffbe7;
	color: #555555;
	font-weight: normal;

border-top:solid 0px #fff;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 10px #FE9929;
}

table.detail th strong {
	font-weight: normal;
}

table.detail td {
	text-align: left;
	vertical-align: middle;
	padding: 3px 5px;

background: #EEEECC;
	color: #555555;
	font-weight: normal;

border-top:solid 0px #fff;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 0px #fff;
}

table.detail div.help {
	display: none;
}

/******************************************************************************
   フォーム関係のスタイル設定
 ******************************************************************************/
/* テキストボックス */
input.text {
    border-style: inset;
    background: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
    ime-mode: active;
}

/* テキストボックス (ローマ字) */
input.roman {
    border-style: inset;
    background: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
	ime-mode: disabled;
}

/* テキストボックス (数値)　*/
input.number {
    border-style: inset;
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
	text-align: right;
	ime-mode: disabled;
}

/* テキストボックス (コード)　*/
input.code {
    border-style: inset;
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
	ime-mode: disabled;
}

/* テキストボックス (日)　*/
input.date {
    border-style: inset;
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
	text-align: right;
	ime-mode: disabled;
}

/* テキストボックス (時)　*/
input.time {
    border-style: inset;
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
	text-align: right;
	ime-mode: disabled;
}

/* テキストボックス (日)　*/
select.date {
    border-style: inset;
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
}

/* テキストボックス (時)　*/
select.time {
    border-style: inset;
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
}

/* テキストボックス (郵便番号)　*/
input.zip {
    border-style: inset;
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
	text-align: left;
	ime-mode: disabled;
}

/* テキストボックス (電話番号)　*/
input.phone {
    border-style: inset;
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
	text-align: left;
	ime-mode: disabled;
}

/* テキストボックス (E-Mail)　*/
input.email {
    border-style: inset;
    background-color: #ffffff;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
	text-align: left;
	ime-mode: disabled;
}

/* テキストボックス(非活性) */
input.text_readonly {
    border-style: inset;
    background: #d3d3d3;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
}

/* テキストエリア(非活性) */
textarea.text_readonly {
    border-style: inset;
    background: #d3d3d3;
    color: #000000;
    font-family: "ＭＳ ゴシック", monospace;
}

/* チェックボックス */
div.checkbox {
	display: block;
	white-space: nowrap;
	float: left;
}

div.checkbox label {
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: bottom;
}

/* ラジオボタン */
div.radio {
	display: block;
	white-space: nowrap;
	float: left;
}

div.radio label {
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: bottom;
}

/* ボタンのスタイル設定 */
.button_main {
	margin: 1.5em auto 0px auto;
	padding: 0px;
	text-align: center;
	width: 100%;
}
input.button {
    width: 100px;
	text-align: center;
    padding: 2px;
    border: 1px solid #ff0000;
	color: #444444;
    background: #ffffff url('../image/button.png');
}

/* 日付入力の区切り文字 "/" */
.delim_date {
	height: 1.0em;
	line-height: 1.0em;
	vertical-align: middle;
	font-family: "ＭＳ ゴシック", monospace;
}

/* 時刻入力の区切り文字 ":" */
.delim_time {
	height: 1.0em;
	line-height: 1.0em;
	vertical-align: middle;
	font-family: "ＭＳ ゴシック", monospace;
}

/* 郵便番号入力の 区切り文字 "-" */
.delim_zip {
	font-size: 16px;
	height: 1.0em;
	line-height: 1.0em;
	vertical-align: middle;
}

/* 範囲入力の区切り文字 "～" */
.delim_bounded {
	height: 1.0em;
	line-height: 1.0em;
	vertical-align: middle;
	font-family: "ＭＳ ゴシック", monospace;
}

.accesskey {
	text-decoration: underline;
}

/******************************************************************************
   入力補助カレンダー表示ボタン のスタイル設定
 ******************************************************************************/
input.calendar_button {
	margin: 1px 3px 0 3px;
	width: 16px;
	height: 16px;
	border: 0;
	background: url("../image/calendar.png") center center no-repeat
}

/******************************************************************************
   <uv:support> のスタイル設定
 ******************************************************************************/
.support {
	vertical-align: bottom;
	display: inline;
}

.support input.support_name {
	background-color: transparent;
	color: #666666;
	border: 0px;
	margin: 0px 0px 0px 4px;
	padding: 0px 1px 0px 1px;
}

.support input.search {
	border: 0px;
	height: 19px;
	width:  19px;
	background: url("../image/loupe.gif") no-repeat center center;
	cursor: hand;
}

/******************************************************************************
   <uv:supportNameEdit> のスタイル設定
 ******************************************************************************/
.supportNameEdit {
	vertical-align: bottom;
	display: inline;
}

.supportNameEdit input.support_name {
	background-color: transparent;
	color: #666666;
	border: 0px;
	margin: 0px 0px 0px 4px;
	padding: 0px 1px 0px 1px;
}

.supportNameEdit input.search {
	border: 0px;
	height: 19px;
	width:  19px;
	background: url("../image/loupe.gif") no-repeat center center;
}

/******************************************************************************
   <uv:supportZip> のスタイル設定
 ******************************************************************************/
.supportZip {
	vertical-align: bottom;
	display: inline;
}

/******************************************************************************
   候補検索画面 のスタイル設定
 ******************************************************************************/
.candidate {
	padding:0px 25px 0px 22px;
}

/* 条件 */
.candidate .condition {
	margin: 1.5em  0px;
	float: left
}

.candidate .condition table {
	margin: 0px;
	float:left;
}

.candidate .condition th {
	font-weight:bold;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	margin: 0px;
	background: #FFD9BC;
	color: #663333;
	border-top:0px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:0px;
	white-space: nowrap;
}

.candidate .condition td {
	background:#FFFBEC;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding: 3px;
	white-space: nowrap;
}

.candidate .condirion input.text {
	vertical-align: middle;
}

.candidate .condition input.button {
	width:60px;
	margin: 4px 10px 3px 10px;
	vertical-align: middle;
}

/* 結果 */
.candidate .result {
	height:190px;
	padding:0px;
	overflow: auto;
	clear: both;
}

.candidate .result table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.candidate .result table tr {
	padding: 0px;
	border: 0px;
}

.candidate .result table th {
	white-space: nowrap;
	border: 1px solid #fff;
}

.candidate .result table td {
	border: 1px solid #fff;
	cursor: default;
}

.candidate .result table td.body_radio {
	border: 1px solid #fff;
	width: 1.5em;
}

.candidate .result table td.body_code {
	border: 1px solid #fff;
	width: 6em;
	white-space: nowrap;
}

.candidate .result .data_not_found {
	width: 240px;
    margin: 5em auto;
    padding: .8em 0 .8em 2em;
    background: url("../image/alert.gif") no-repeat top left;
    color: #0000ff;
    font-size: 14px;
    font-weight: bold;
}

/******************************************************************************
   登録・更新結果を表示する画面のスタイル設定
 ******************************************************************************/
.updated {
	margin: 2em auto;
	padding: 0px;
	text-align:left;
	line-height: 180%;
	letter-spacing: 1px;
	word-spacing: 5px;
	font-size: 14px;
	font-weight:bold;
	color:blue;
}

.updated .button_name {
	color:black;
}

/******************************************************************************
   戻るリンクのスタイル設定
 ******************************************************************************/

/*-- 戻るリンク(DIV) --*/
.default_back {
	padding-right: 15px;
	text-align:right;
}

/******************************************************************************
   ヘルプのスタイル設定
 ******************************************************************************/
.help {
	width: 22px;
	height: 22px;
	vertical-align: top;
	cursor: help;
}

/******************************************************************************
   必須項目につけるメッセージのスタイル設定
 ******************************************************************************/
.required {
	color:#FF6633;
	font-weight: bold;
	margin-left: 0em;
	font-family:Impace,sans-serif;
}

.required_short {
	color:#FF6633;
	font-weight: bold;
	margin-left: 0em;
	font-family:Impace,sans-serif;
}

/******************************************************************************
   該当するファイルが見つからなかった場合のアイコンのスタイル設定
 ******************************************************************************/
img.file_not_found {
	-moz-opacity:0.4 !important;
	opacity:0.4 !important;
	filter:alpha(opacity=40) !important;
}

/******************************************************************************
   メッセージのスタイル設定
 ******************************************************************************/
.errors {
	margin: 1em auto 1em auto;
	padding: 18px 0px 0px 48px;
	width: 500px;
	background: url("../image/alert.gif") no-repeat left top;
    color: #ff0000;
	font-weight: bold;
}

.errors ul {
	list-style-type: none;
}

.errors ul li {
	margin: 2px 0px;
}

.warns {
	margin: 1em auto 1.5em auto;
	padding: 13px 0px 13px 48px;
    width: 500px;
	background: url("../image/alert.gif") no-repeat left top;
	color: #0000ff;
	font-weight: bold;
	list-style-type: none;
}

.warns_no_image {
	margin: 1em auto 1.5em 0em;
	padding: 13px 0px 13px 5px;
    width: 500px;
/*	background: url("../image/alert.gif") no-repeat left top; */
	color: #0000ff;
	font-weight: bold;
	list-style-type: none;
}

.infos {
	margin: 1em auto 1.5em auto;
	padding: 13px 0px 13px 48px;
    width: 500px;
	background: url("../image/alert.gif") no-repeat left top;
	color: #0000ff;
	font-weight: bold;
	list-style-type: none;
}

.confirm  {
	margin: 3em auto 4em auto;
	text-align: center;
}

.confirm p {
	padding: .8em 0px .8em 48px;
	background: url("../image/alert.gif") no-repeat top left;
	color: #0000ff;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}

.data_not_found  {
	margin: 8em auto 8em auto;
	text-align: center;
}

.data_not_found p {
	padding: .8em 0px .8em 48px;
	background: url("../image/alert.gif") no-repeat top left;
	color: #0000ff;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}

/******************************************************************************
  『認証エラー』 エラー画面のスタイル設定
 ******************************************************************************/
.unauthorized {
	margin: 8em auto 6em auto;
	text-align: center;
    color: #ff0000;
}

.unauthorized h1 {
	margin: 0px 5px 0px 0px;
	padding: .8em 0px .8em 48px;
	background: url("../image/alert.gif") no-repeat top left;
	font-size: 16px;
	font-weight: bold;
	display: inline;
}

.unauthorized p {
	margin: 5em 0px 0px 0px;
	padding: 0px 0px;
}

.forbidden  {
	margin: 8em auto 8em auto;
	text-align: center;
}

.forbidden p {
	padding: .8em 0px .8em 48px;
	background: url("../image/alert.gif") no-repeat top left;
	color: #0000ff;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}

/******************************************************************************
  『タイムアウト』 エラー画面のスタイル設定
 ******************************************************************************/
.timeout {
	margin: 8em auto 5em auto;
	text-align: center;
	color: #0000ff;
}

.timeout h1 {
	margin: 0px 10px 0px 0px;
	padding: .8em 0px .8em 48px;
	background: url("../image/alert.gif") no-repeat top left;
	font-size: 16px;
	font-weight: bold;
	display: inline;
}

.timeout p {
	width: 30em;
	text-align: left;
	margin: 5em auto 0px auto;
	padding: 0px 0px 0px 4em;
	white-space: nowrap;
}

.timeout p .button_name {
	color: black;
	font-weight: bold;
}

.timeout .button {
	margin: 4em 0px 0px 0px;
}

/******************************************************************************
  『システムエラー』 エラー画面のスタイル設定
 ******************************************************************************/
.server_error {
	margin: 8em auto 5em auto;
	text-align: center;
	color: #ff0000;
}

.server_error h1 {
	margin: 0px 10px 0px 0px;
	padding: .8em 0px .8em 48px;
	background: url("../image/alert.gif") no-repeat top left;
	font-size: 16px;
	font-weight: bold;
	display: inline;
}

.server_error p {
	text-align: center;
	margin: 5em auto 0px auto;
	padding: 0px 0px 0px 2em;
	white-space: nowrap;
}

.server_error .button {
	margin: 4em 0px 0px 0px;
}

.service_unavailable {
	margin: 8em auto 5em auto;
	text-align: center;
	color: #ff0000;
}

.service_unavailable h1 {
	margin: 0px 10px 0px 0px;
	padding: .8em 0px .8em 48px;
	background: url("../image/alert.gif") no-repeat top left;
	font-size: 16px;
	font-weight: bold;
	display: inline;
}

.service_unavailable p {
	text-align: center;
	margin: 5em auto 0px auto;
	padding: 0px 0px 0px 2em;
	white-space: nowrap;
}

.service_unavailable .button {
	margin: 4em 0px 0px 0px;
}

/******************************************************************************
  『不正な処理』 エラー画面のスタイル設定
 ******************************************************************************/
.invalid_operation {
	margin: 8em auto 5em auto;
	text-align: center;
	color: #ff0000;
}

.invalid_operation h1 {
	margin: 0px 10px 0px 0px;
	padding: .8em 0px .8em 48px;
	background: url("../image/alert.gif") no-repeat top left;
	font-size: 16px;
	font-weight: bold;
	display: inline;
}

.invalid_operation p {
	width: 10em;
	text-align: left;
	margin: 5em auto 0px auto;
	padding: 0px 0px 0px 2em;
	white-space: nowrap;
}

.invalid_operation dl {
	width: 10em;
	margin: 2em auto 0px auto;
	padding: 0px 0px 0px 2em;
	white-space: nowrap;
}

.invalid_operation dl dt {
	text-align: left;
	margin: 0em auto 0px auto;
	padding: 0px 0px 0px 0em;
	white-space: nowrap;
}

.invalid_operation dl dd {
	text-align: left;
	margin: 1em auto 0px 2em;
	padding: 0px 0px 0px 0em;
	white-space: nowrap;
}

/******************************************************************************
  『サポート対象外ブラウザ』 エラー画面のスタイル設定
 ******************************************************************************/
.unsupported_browser  {
    margin: 8em auto 8em auto;
    text-align: center;
}

.unsupported_browser p {
    padding: .8em 0px .8em 48px;
    background: url("../image/alert.gif") no-repeat top left;
    color: #0000ff;
    font-size: 14px;
    font-weight: bold;
    display: inline;
}

/******************************************************************************
  『同時更新』 エラー画面のスタイル設定
 ******************************************************************************/
.optimistic_lock_error {
    margin: 8em auto 5em auto;
    padding: .8em 0px 2em 48px;
    width: 400px;
    background: url("../image/alert.gif") no-repeat left top;
    color: #ff0000;
    font-weight: bold;
}

.optimistic_lock_error p {
    margin-top: 0;
    padding-top: 0;
    font-size: 14px;
}

/******************************************************************************
   オンラインバッチ指示画面 表示部分のスタイル設定
 ******************************************************************************/
iframe#job {
	width:100%;
	height: 532px;
}

/******************************************************************************
  オンラインバッチ指示画面 機能選択部分のスタイル設定
 ******************************************************************************/
.job_kind {
	width: 100%;
}

.job_kind tr {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.job_kind tr td {
	white-space: nowrap;
	width: 34%;
	padding: 0px 0.5em 0px 0.5em;
	margin: 0px;
	border-right: 1px solid #cccccc;
}

.job_kind tr td.begin_column {
	padding: 0px 0.5em 0px 0px;
}

.job_kind tr td.end_column {
	border-right: 0px;
}

.job_kind .job_name {
	color: black;
	font-style: bold;
}

.job_kind .job_name_on {
	color: red;
}

/******************************************************************************
  オンラインバッチ実行結果画面のスタイル設定
 ******************************************************************************/
#job_result_list th.checkbox {
	width: 24px;
	text-align: center;
}
#job_result_list td.checkbox {
	width: 22px;
	text-align: center;
}

#job_result_list td.schedule_id {
	text-align: right;
}

#job_result_list .job_name {
}

#job_result_list .memo {
}

#job_result_list span.memo {
	font-size: 12px;
}

#job_result_list .job_status {
}

#job_result_list .username {
}

#job_result_list .start_datetime {
}

#job_result_list .end_datetime {
}

#job_result_list .log_file {
	text-align: center;
}

#job_result_list .download_file {
}

/******************************************************************************
   オンラインバッチ 実行結果ログのスタイル設定
 ******************************************************************************/
#log {
	margin: 10px 10px;
}

#log .detail th {
	min-width: 6em;
	width: 6em;
}

#log .message {
	margin: 0px;
	padding: 10px 10px;
}

#log .message pre {
	font-size: 12px;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
}

#log table tr.memo td p {
    margin: 0px;
}

/******************************************************************************
  バイナリ形式の帳票ビューアのスタイル設定
 ******************************************************************************/
#preview #control {
	width: 100%;
	height: 20px;
	padding: 0px 0px;
	margin: 0px 0px;
	background-color: #EEEADD;
}

#preview #control a {
	padding: 4px 5px 3px 5px;
	margin: 0px 0px;
	text-decoration: none;
	font-size: 10pt;
	font-family: "ＭＳ Ｐゴシック", monospace;
	color: #000;
	display: block;
	float: left;
	background-color: #EEEADD;
}

#preview #control a:hover {
	color: #fff;
    background-color: #4466CC;
}

#preview #viewer #RSBrowse {
	clear: both;
	width: 100%;
	height: 100%;
}

/******************************************************************************
   オンラインログのスタイル設定
 ******************************************************************************/
#online_log .condition .search_word_disabled {
	background-color: #EEE;
}

#online_log .condition .notice {
	color:#FF6633;
	font-size: 12px;
	font-weight: bold;
	margin-left: 0em;
	font-family:Impace,sans-serif;
}

#online_log .list .title {
	white-space: nowrap;
	width: 15em;
}

#online_log .list .datetime {
	white-space: nowrap;
	width: 18ex;
}

#online_log .list .user {
	white-space: nowrap;
	width: 10ex;
}

#online_log .list .message {
	padding: 10px 5px;
}

#online_log .list .message .summary {
	border-bottom: 1px solid #fff;
	color: #333;
	line-height: 150%;
	margin-bottom: 0px;
	padding: 0px 5px;
}

#online_log .list .message .detail {
	font-size: 12px;
	margin-top: .8em;
	padding: 0px 5px;
}

/******************************************************************************
  マスタデータ管理のスタイル設定
 ******************************************************************************/
#master_data {
	margin-top: 1.0em;
}

#master_data .master_data_type {
	text-align: right;
	margin: 0px 0px 8px 0px;
	width:98%;
}

#master_data .list .name {
	width: 15em;
	white-space: nowrap;
}

#master_data .list .name_en {
	width: 15em;
	white-space: nowrap;
}

#master_data .list td.name_en {
	font-size: 12px;
}

#master_data .list .note {
}

#master_data .list .update_datetime {
	width: 22ex;
	white-space: nowrap;
}

#master_data .list .update_datetime p {
	vertical-align: middle;
	margin: 3px 0px 0px 0px;
}

#master_data .list .update_datetime img {
	display: block;
	float: right;
	margin: 0px 0px;
}

#master_data .list .action {
	width: 50px;
	white-space: nowrap;
}

#master_data .changes .update_num {
	width: 3ex;
	white-space: nowrap;
	text-align: right;
}

#master_data .changes .update_datetime {
	width: 18ex;
    text-align: center;
	white-space: nowrap;
}

#master_data .changes .update_user {
	width: 15ex;
	white-space: nowrap;
}

#master_data .changes .memo {
	padding: 10px 5px;
}

#master_data .changes .memo .summary {
}

#master_data .changes .memo .detail {
	color: #666;
	font-size: 12px;
}

#master_data .changes .action {
	width: 25px;
	white-space: nowrap;
}

#master_data .reference_master_data {
	color: #744;
	font-size: 11px;
}

/******************************************************************************
  ログインユーザ管理のスタイル設定
 ******************************************************************************/
#login_user .login_user caption {
	display: none;
}

#login_user .login_user_name {
	height: 1.6em;
}

#login_user .user_id {
	height: 1.6em;
}

#login_user .user_id .id {
}

#login_user .user_id .name {
	margin-left: 1.5em;
}

#login_user .user_type {
	height: 1.6em;
}

#login_user .expiration_date {
	height: 1.6em;
}

#login_user .password {
	height: 1.6em;
}

#login_user .role td {
	line-height: 140%;
	margin: 3px 0px;
}

#login_user .role .checkbox {
	display: block;
	margin: 3px 0px;
}

#login_user .role .checkbox input {
	margin-bottom: 1px;
}

#login_user .role .checkbox label{
	margin-left: 5px;
}

#login_user .default_role_mark {
    color: #FF6633;
    font-size: 12px;
}

#login_user .button_main {
	margin-top: 2.5em;
}

/******************************************************************************
   データファイルフォーマット 画面のスタイル
 ******************************************************************************/
#copy2clipboard {
    float: right;
    padding: 30px 20px 5px 20px;
    font-size: 10px;
}

.datafile_type {
    margin: 10px 0px 0px 12px;
}

.datafile_type td {
    padding-left: 10px;
}

.datafile_item .property_name {
    float: left;
}

.datafile_item .required_property {
    color:black;
    font-weight: bold;
}

.datafile_item .required_mark {
    font-size: 16px;
    color: black;
}

.datafile_format {
    font-size: 11px;
}

/******************************************************************************
   フロート クリア
 ******************************************************************************/
.clear {
	margin: 0;
    clear: both;
}

/******************************************************************************
   暫定
 ******************************************************************************/
.order {
    border-width: 0px;
    text-align: center;
	vertical-align: middle;
    padding: 0px;
	margin-left: 3px;
	text-decoration: none;
}

/******************************************************************************
   エラーメッセージのスタイル設定
 ******************************************************************************/
.output_error {
    color: #ff0000;
	font-weight: bold;
	font-size: 11px;
}

.output_error ul {
	list-style-type: none;
	margin: 0px;
}

/******************************************************************************
   警告メッセージのスタイル設定
 ******************************************************************************/
.output_warn {
    color: #0000ff;
	font-weight: bold;
	font-size: 11px;
}

.output_warn ul {
	list-style-type: none;
	margin: 0px;
}

/******************************************************************************
 ファイルのダウンロードボタン
 ******************************************************************************/

.exec_download {
	text-align: left;
	display: inline;
    margin: 0;
    padding: 0;
}

.exec_download input.button {
	z-index: 100;
	/padding: 1px;         /* Hack for IE7 */
    padding-left: 10px;
}

.exec_download .download_file_type {
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
}

.exec_download .download_file_type div {
	z-index: 0;
	position: absolute;
	/top: 24px;            /* Hack for IE7 */
	left: -120px;
	width: 106px;
	margin: 0;
	padding: 0;
	background-color: #EEEEEE;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.exec_download .download_file_type div ul {
	z-index: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.exec_download .download_file_type div ul li {
	z-index: 0;
	text-align: left;
	background-color: #EEEEEE;
	border-bottom: 1px solid black;
    padding: 0;
	margin: 0;
}

.exec_download .download_file_type div ul li input.button {
	z-index: 0;
	width: 100%;
	border: none;
	text-align: left;
	margin: 0;
	padding: 3px;
	background: transparent;
	cursor: pointer;
	font-size: 12px;
}

/******************************************************************************
 ファイルのダウンロードリンク
 ******************************************************************************/
a.download {
    width: 18px;
    height: 14px;
    padding-left: 22px;
    background-color: transparent;
    background-image: url("../image/download.gif");
    background-repeat: no-repeat;
    background-position: left center;
}

.captionsmall {
    width:500px;
    margin:2px auto;
    padding:2px;
    text-align:left;
    word-wrap: break-word;
}

/******************************************************************************
  添付ファイルに関するスタイル設定
 ******************************************************************************/
.attachment {
   list-style-type: none;
}

.attachment ul {
	list-style-type: none;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

.attachment .max_files {
	font-size: 9pt;
}

.attachment .unfixed_mark {
    color: red;
    font-size: 9pt;
}

.attachment input.delete {
	width: 40px;
}

#upload .condition {
	width: 420px;
	margin: 5px;
	padding: 0;
}

#upload p.button_main {
    width: 420px;
    margin-left: 0;
}

/******************************************************************************
  『ストリーム出力』 エラー画面のスタイル設定
 ******************************************************************************/
.stream_errors {
    background: url("../image/alert.gif") no-repeat left top;
    color: #ff0000;
    font-weight: bold;
}

.stream_errors th {
    text-align: left;
    padding: 15px 0px 0px 40px;
}

.stream_errors ul {
    list-style-type: none;
}

.stream_errors ul li {
    margin: 2px 0px;
    padding: 3px 0px 0px 30px;
}

/******************************************************************************
  マルチデバイス対応で追加する、テーブルのtd内項目名を、デフォルトで非表示とする設定
 ******************************************************************************/
table.list tr td span.list_detail_label {
  display:none;
}