/*******************************************************************************************
Filename : XgwCommonDesign.css
Date : 2009-07-15
Version : 1.00
Copyright(C) 2009, AMANO Corporation
********************************************************************************************/
/*----------------------------------------------------------------------
共通
----------------------------------------------------------------------*/
/*【Add】：Firefox対応：2012.03.07：OOYAMA：S */
/* Firefoxでも画面下部の余白を表示させるように修正 */
html { padding-bottom: 20px; }
/*【Add】：Firefox対応：2012.03.07：OOYAMA：E */
body { margin: 20px; }
/* 2021.09.24【22期-環境対応-CX、e-clockingのIE11終息対応】Start */
input[type="text"][readonly]
{
outline:none;
}
/* 2021.09.24【22期-環境対応-CX、e-clockingのIE11終息対応】End */
/*----------------------------------------------------------------------
ヘッダー body要素 ※メニュー定義にのみ仕様
----------------------------------------------------------------------*/
/* ヘッダー画像 */
body.header {
background-image: url('../images/cx_header.gif'); /* ヘッダー */
background-repeat: no-repeat;
background-position: 0 0; /* 表示位置:左上 */
font-family: "MS UI Gothic", sans-serif;
padding: 0px; margin: 0px;
overflow: hidden;
}
/*----------------------------------------------------------------------
共通ページタイトル
----------------------------------------------------------------------*/
/* 背景画像（青いバー) */
img.cxCmnTitleImg {
position: absolute;
padding: 0 ; margin: 0;
left: 0px; top:0px;
width: 100%;
height: 32px;
}
/* ページタイトル文字列 */
div.cxCmnTitleStr {
position: absolute;
padding: 0px; margin: 0px;
/*【Fix】：Firefox対応：2012.03.07：OOYAMA：S */
left: 40px;
/*【Fix】：Firefox対応：2012.03.07：OOYAMA：E */
white-space: nowrap;
font-size: 16px; font-weight: 600; color: white;
}
/* バーの高さ分、メインHTMLまでスペースを挿入 */
div.cxCmnTitleSpace { padding: 0px 0px 20px 0px; margin: 0px; }
/*
メインメニュー(Xgw0000cx.asp)
------------------------------------------------*/
/* メニュー div要素 */
div#main_div {
width: 100%;
visibility: hidden;
overflow-x: scroll;
}
/* 各項目 div要素 */
.main_menu {
background-color: #c9e5e8; /* 水色 */
font-size: 13px; font-weight: 600; color: #004ea1; /* 青 */
cursor: pointer;
}
/*
サブメニュー(submenu.js)
------------------------------------------------*/
/* テーブルを囲うdiv要素 */
#smList,
#smList div,
#smList a { padding: 0px; margin: 0px; border: 0px none #fff; white-space: nowrap; }
#smList { position: absolute; left: 0px; top: 0px; }
#smdivs { overflow-x: hidden; overflow-y: auto; } /*【Fix】2012.02.08：OOYAMA：サブメニューの横スクロールバーを非表示：S */
#smList div { width: 300px; } /* 横幅 */
#smList a {
display: block; padding: 4px 15px 2px 10px; width: 100%;
font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer;
background-color: #c9e5e8; color: #004ea1;
line-height: 100%; /* 2012.10.02: OOYAMA: モニタによる表示差分の修正（Firefox未対応のCXに表示を合わせる）*/
}
/* [×]ボタン */
#smList div.ri { text-align: right; background-color: #c9e5e8; }
#smClose {
width: 20px; height: 20px; margin: 2px 2px 4px 2px;
font-size: 14px; font-weight: 600; color: #fff; background-color: #e4603f;
}
/* フレーム */
#smfrm { position: absolute; left: 0px; top: 0px; visibility: hidden; width: 0px; height: 0px; }
/*----------------------------------------------------------------------
各処理画面のタイトルバー
----------------------------------------------------------------------*/
/* 表示位置補整 */
.bar_tbl { padding: 0; margin: 8px 0 0 0; }
/* 文字列 */
.bar_str {
padding: 0; margin: 0;
top: 20px; left: 55px;
position: absolute;
text-align: left;
font-size: 18px; font-weight: 600; color: #ffffff; /* 白 */ font-family: 'MS UI Gothic', sans-serif;
filter:glow(color=#454545, strength=1, offx=0, offy=4, positive=true); /* フィルター:glow */
z-index: 0;
}
/* 画像 */
.bar_img {
padding: 0; margin: 0 0 0 12px;
width: 680px; height: 32px;
background-image: url('../images/cx_titlebar.gif'); background-repeat: no-repeat;
z-index: 0;
}
/* 時間の画像表示（画像サイズ：小） ![]()
*/
.num_s_img { padding: 0; margin: 8px 0 0 1px; visibility: hidden; }
/* 時間の画像表示（画像サイズ：大） ![]()
*/
.num_l_img { padding: 0; margin: 0 1px 0 1px; visibility: hidden; }
/*----------------------------------------------------------------------
ログイン login.asp
----------------------------------------------------------------------*/
body.loginHeader { background: scroll #ffffff url("../images/cx_headertop.gif") 50% 0 no-repeat; }
#loginTable { padding: 180px 0 0 0; margin: 0; text-align: center; }
/* テーブル */
#loginTable table {
width: 760px;
background: #cbe8ec 0;
border: 0; border-collapse: collapse;
text-align: center;
}
/* 会社コード／個人コード／パスワード */
#loginTable table tr td.Items { padding: 22px 5px 10px 5px; margin: 10px; }
/* 項目 */
#loginTable table tr td.Items table tr td span.Item {
/*【Fix】：Firefox対応：2012.03.07：OOYAMA：S */
display:block;
/*【Fix】：Firefox対応：2012.03.07：OOYAMA：E */
width: 14px; height: 30px;
padding: 0; margin: 0 2px;
background-color: #669bc7;
}
/* 項目名 */
#loginTable td.title { font-size: 13px; font-weight: 600; color: #004ea1; text-align: left; }
td.Items td.iform { padding: 0px 15px 0px 0px; } /* 入力フォーム */
#loginTable td.separator { padding: 0px; margin: 0px; } /* セパレータ */
#loginTable td.loginBtn { padding: 8px 0px 15px 0px; } /* ログインボタン */
#loginTable tr.attention td { padding: 13px 0px; background-color: #fff; color: #369; font-size: 13px; } /* 注意書き（Internet Explorer） */
/*----------------------------------------------------------------------
オペレータ情報 Xgw0000cx.asp td要素
----------------------------------------------------------------------*/
.dbname { font-size: 15px; font-weight: 600; color: #ffffff; }
.opetitle { font-size: 13px; color: #ffffff; }
.opedata { font-size: 13px; padding: 0px 8px 0px 0px; color: #ffffff; }
.maintbl { padding: 0px 0px 0px 200px; }
.calrequest { background-color: #f00; padding: 3px 10px 2px 10px; font-size: 14px; font-weight: 600; color: #ffffff; }
/* 2011.05.09：OOYAMA：FWのタブ数のバグ改修：Start */
.tablist {
font-weight: 400; color: #fff; padding: 3px 4px 2px 4px;
border: 0px outset #fff; border-width: 2px 1px 0px 1px;
}
/* 2011.05.09：OOYAMA：FWのタブ数のバグ改修：End */