/*******************************************************************************************
    
    Filename : cmn_design.css
    Date : 2009-07-16
    Version : 1.00
    Copyright(C) 2009, AMANO Corporation
    
********************************************************************************************

    【共通スタイルシート】
    １．設定箇所
      ・画面全体の背景色  body要素
      ・ヘッダー body要素 ※全画面共通の表示だが、使用しているのは、XewTitle.aspのみ
      ・アンカー a要素
      ・フッター（共通）
      ・会社名称／氏名
      ・処理期間
      ・グリッド（就業週報、就業月報、届出データ照会）
      ・タイトルバー文字列 div要素
      ・タイトルバー背景画像 div要素
    
    ２．スタイルシート使用明示宣言
        <meta http-equiv="Content-Style-Type" content="text/css">
        ※head要素内に記述。
        
    ３．インクルード style要素 @import
        <style type="text/css">
        <!--
        @import url("../css/XewCommonDesign.css");
        -->
        </style>
        ※head要素内に記述。
    
*******************************************************************************************/
	
/*----------------------------------------------------------------------
  共通 画面構成 body要素
----------------------------------------------------------------------*/
body {
	padding: 0px; margin: 0px; background-color: #fff; font-family: "MS UI Gothic", sans-serif;
	color: #454545;
}

/*----------------------------------------------------------------------
  共通 アンカー a要素
----------------------------------------------------------------------*/
a {
	text-decoration: none; /* 装飾しない */
	font-weight: 500;
}

/* ※CSS1擬似クラス */
a:link    { color: #004ea1; }	/* 未訪問のリンク     : 薄い青 */
a:visited { color: #004ea1; }	/* 訪問済みのリンク   : 薄い青 */
a:hover   { color: #ec6901; }	/* ポイント時のリンク : オレンジ */
a:active  { color: #ec6901; }	/* 選択中のリンク     : オレンジ */


/*----------------------------------------------------------------------
  windows標準フォント一覧  ※font要素のclass属性で指定
----------------------------------------------------------------------*/
.font_Andale_Mono		{ font-family: "Andale Mono";}		/* Andale Mono */
.font_Arial				{ font-family: "Arial";}			/* Arial */
.font_Arial_Black		{ font-family: "Arial Black";}		/* Arial Black */
.font_Comic_Sans_MS		{ font-family: "Comic Sans MS";}	/* Comic Sans MS */
.font_Courier			{ font-family: "Courier";}			/* Courier */
.font_Courier_New		{ font-family: "Courier New";}		/* Courier New */
.font_FixedSys			{ font-family: "FixedSys";}			/* FixedSys */
.font_Georgia			{ font-family: "Georgia";}			/* Georgia */
.font_Helvetica			{ font-family: "Helvetica";}		/* Helvetica */
.font_Impact			{ font-family: "Impact";}			/* Impact */
.font_Lucida_Console	{ font-family: "Lucida Console";}	/* Lucida Console */
.font_MSP_Gothic		{ font-family: "ＭＳ Ｐゴシック";}	/* ＭＳ Ｐゴシック */
.font_MSP_Mintho		{ font-family: "ＭＳ Ｐ明朝";}		/* ＭＳ Ｐ明朝 */
.font_MS_Gothic			{ font-family: "ＭＳ ゴシック";}	/* ＭＳ ゴシック */
.font_MS_Mintho			{ font-family: "ＭＳ 明朝";}		/* ＭＳ 明朝 */
.font_MS_UI_Gothic		{ font-family: "MS UI Gothic";}		/* MS UI Gothic */
.font_Smass_Fonts		{ font-family: "Small Fonts";}		/* Small Fonts */
.font_Symbol			{ font-family: "Symbol";}			/* Symbol */
.font_System			{ font-family: "System";}			/* System */
.font_Terminal			{ font-family: "Terminal";}			/* Terminal */
.font_Times_New_Roman	{ font-family: "Times New Roman";}	/* Times New Roman */
.font_Trebuchet			{ font-family: "Trebuchet MS";}		/* Trebuchet MS */
.font_Verdana			{ font-family: "Verdana";}			/* Verdana */
.font_Webdings			{ font-family: "Webdings";}			/* Webdings */


/*----------------------------------------------------------------------
  ヘッダー body要素  ※全画面共通ですが、使用しているのは、XewTitle.aspのみ
----------------------------------------------------------------------*/
/* 背景のヘッダー body要素 ※JavaScriptで動的にヘッダーお生成するため、イメージの初期値は不要 */
body.header {
	padding: 0; margin: 0;
	background-color: #ffffff;		/* 色:白 */
	background-position: 50% 0%;	/* 表示位置:中央 */
	background-image: none;			/* 画像:なし */
	background-repeat: no-repeat;	/* 画像の繰り返し:繰り返さない */
	overflow: hidden;				/*  ボックス外領域非表示 */
}

/* イメージのヘッダー（中央） div要素 */
div.header_center {
	padding: 0; margin: 0;
	width: 100%; height: 100%;
	background-color: #ffffff;								/* 色:白 */
	background-position: 50% 0%;							/* 表示位置:左上 */
	background-image: url('../Page/images/header.gif');		/* 画像:ヘッダー */
	background-repeat: no-repeat;							/* 画像の繰り返し:繰り返さない */
}

/* イメージのヘッダー（左） div要素 */
div.header_l {
	padding: 0; margin: 0;
	width: 100%; height: 100%;
	background-color: #ffffff;								/* 色:白 */
	background-position: 0% 0%;								/* 表示位置:左上 */
	background-image: url('../Page/images/header_l.gif');	/* 画像:ヘッダー（左） */
	background-repeat: repeat-x;							/* 画像の繰り返し:繰り返さない */
}

/* イメージのヘッダー（右） div要素 */
div.header_r {
	padding: 0; margin: 0;
	width: 100%; height: 100%;
	background-color: #ffffff;								/* 色:白 */
	background-position: 0% 0%;								/* 表示位置:左上 */
	background-image: url('../Page/images/header_r.gif');	/* 画像:ヘッダー（右） */
	background-repeat: repeat-x;							/* 画像の繰り返し:繰り返さない */
}


/*----------------------------------------------------------------------
  共通 ヘッダー body要素  ※全画面共通ですが、使用しているのは、XewSubTitle.aspのみ
----------------------------------------------------------------------*/
.footer { font-size: 13px; padding: 0 0 30px 0; }


/*----------------------------------------------------------------------
  全体を囲う<table>内の ２段目以降の<table>に設定
----------------------------------------------------------------------*/
table.tbl_mgn { margin: 5px 0 0 0; }


/*----------------------------------------------------------------------
  処理メニューボタンを囲う  td要素  の横幅
----------------------------------------------------------------------*/
.apply_td { width: 100px; }


/*----------------------------------------------------------------------
  会社名称／氏名
----------------------------------------------------------------------*/
/* 会社名称 td要素 */
.td01 {
	padding: 0 20px 0 0; margin: 0;
	background-color: #8cd0d3;		/* 色:青 */
	border-color: #ffffff; /* 白 */ border-style: solid; border-width: 0 0 1px 0;
}

/* 会社名称データ td要素 */
.td02 {
	padding: 0 20px 0 0; margin: 0;
	background-color: #d3e7e8; /* 黄緑 */
	border-color: #ffffff; /* 白 */ border-style: solid; border-width: 0 0 1px 0;
}

/* 氏名 td要素 */
.td03 {
	padding: 0 20px 0 0; margin: 0;
	background-color: #8cd0d3; /* 青 */
}

/* 個人コード td要素 */
.td04 {
	padding: 0 20px 0 0; margin: 0;
	background-color: #d3e7e8;		/* 色:黄緑 */
	border-color: #ffffff; /* 白 */ border-style: solid; border-width: 0 1px 0 0;
}
 
/* 氏名データ td要素 */
.td05 {
	padding: 0 20px 0 0; margin: 0;
	background-color: #d3e7e8; /* 黄緑 */
}

/* 会社名称／氏名／個人コード  div要素 */
.opedata {
	padding: 0; margin: 4px 7px 2px 7px;
	border: #000000 solid 0; /* 黒 */
	font-weight: 400;
}

/* フォントの微調整 */
.name_s { font-size: 11px; }
.name_l { font-size: 13px; }
.name_lx2 { font-size: 14px;}


/*----------------------------------------------------------------------
  処理期間
----------------------------------------------------------------------*/
/* 処理期間 <div> */
.select_ymd {
	padding: 2px 7px 0 13px; margin: 0;
	border: #000000 solid 0; /* 黒 */
	font-size: 12px; font-weight: 800;
}

/* 年月日指定 td要素 */
.search {
	padding: 0; margin: 3px;
	border: #000000 solid 0; /* 黒 */
	font-size: 12px; font-weight: 800;
}

/* 検索 テキストボックス <input type="text"> */
.ymd_text { padding: 1px 3px; margin: 2px 0 1px 0; width: 90px; }

/* 検索 画像 <input type="image"> */
.search_img {
	padding: 4px 0 3px 0; margin: 0 13px 0 3px;
	border: #000000 solid 0; /* 黒 */
	font-size: 12px; font-weight: 800;
}


/*----------------------------------------------------------------------
  タイトル
----------------------------------------------------------------------*/
/* 文字列 */
.bar_title {
	padding: 4px 8px 0px 0px; margin: 0px; height: 24px; font-size: 15px; font-weight: 600;
    color: #fff;
	filter:glow(color=#454545, strength=1, offx=0, offy=4, positive=true);
	text-align: left;
}

/*
th[class=bar_title] {
	line-height: 100%;
}
*/

/*body { background-color:lightcyan;}*/

/* 背景画像 th要素 */
.bar_img { background-image: url("../Page/images/bar.gif"); background-repeat: repeat-x; }

/*----------------------------------------------------------------------
  グリッドのセル
----------------------------------------------------------------------*/
/* 就業週報／就業月報／届出データ照会 */
.rec {
	padding: 3px 2px 1px 2px; margin: 0;
	border: #696969 solid 1px; /* 青 */
	font-size: 12px;
}

/* 届出申請 */
.rec2 {
	padding: 1px 4px; margin: 0;
	border: #696969 solid 1px; /* 青 */
	font-size: 13px;
}




/*----------------------------------------------------------------------
  処理期間 ボタン画像  ※画像は  td要素  に記述
----------------------------------------------------------------------*/
.image-btn {
	width: 14px; height: 14px;
	border: 0;
	cursor: pointer;
}

/*----------------------------------------------------------------------
  ログイン
----------------------------------------------------------------------*/
/* 項目名  会社コード | 個人コード |パスワード */
.litem { 
	margin: 0px; background-color: #8cd0d3; border-color: #fff; border-style: solid; /* border-width は各タグにて設定 */
	font-size: 15px;
}
/* ログインパラメータ */
.ldata { padding: 1px 5px; margin: 0px; width: 120px; height: 22px; border-width: 1px; }


/*----------------------------------------------------------------------
  打刻登録
----------------------------------------------------------------------*/
/* 勤務区分／例外区分 ボタン td要素 */
.chop_td1 {
	padding: 3px 4px 1px 6px; margin: 0px;
 	border-color: #fff; border-style: solid; border-width: 2px 0px 0px 0px;
}

/* 勤務区分／例外区分 データ td要素 */
.chop_td2 {
	padding: 2px 7px 1px 4px; margin: 0px;
 	border-color: #fff; border-style: solid; border-width: 2px 0px 0px 0px;
}

/* データ <input> 会社コード／個人コード／パスワード */
.chop_data {
	padding: 1px 5px; margin: 0px; width: 254px; height: 21px;
	background-color: #fff; border: #b1b1b1 solid 1px; font-size: 15px;
	filter: dropshadow(color=red, offx=10, offy=10, positive=true);
}

/* 時間の画像表示（画像サイズ：小） img要素 */
.num_s_img { padding: 0px; margin: 8px 0px 0px 1px; visibility: hidden; }

/* 時間の画像表示（画像サイズ：大） img要素 */
.num_l_img { padding: 0px; margin: 0px 1px 0px 1px; visibility: hidden; }


/*----------------------------------------------------------------------
  打刻登録確認
----------------------------------------------------------------------*/
/* 打刻情報 */
.infotbl {
	margin: 0px; width: 300px; border-color: #fff; border-style: solid;
	border-width: 1px 0px 0px 0px; font-size: 17px; font-weight: 600; color: #454545;
}

/*----------------------------------------------------------------------
  アナウンスページ
----------------------------------------------------------------------*/
/* アナウンス表示のテーブル table要素 */
#announceTable table { margin: 10px; }

/* タイトル font要素 */
#announceTable table tr td font.title_color_1 { font-size: 13px; font-weight: 600; color: #1f247f;/* 紺 */ }
#announceTable table tr td font.title_color_2 { font-size: 13px; font-weight: 600; color: #ff0101;/* 赤 */ }

/* データ font要素 */
#announceTable table tr td font.data { font-size: 12px; font-weight: 500; }

/* リスト td, th要素 */
#announceTable table tr,
#announceTable table tr td,
#announceTable table tr th.no_msg {
	padding: 0px 0px 0px 6px; margin: 0px; 	border: #fff solid 0px;
	text-align: left; vertical-align: top;
	white-space: nowrap; word-break: break-all;/* 改行指定:強制改行 ※IEのみ対応 */
}

/* リスト td要素 */
#announceTable table tr td.center_large { padding-top: 15px;}

/* リスト メッセージ無し th要素 */
#announceTable table tr th.no_msg { font-size: 12px; font-weight: 500; }

/* 2011.08.29：OOYAMA：【修正】タイトル崩れ：Start */
table tr td font.title_color_1,
table tr td font.title_color_2
{ white-space: nowrap; }
/* 2011.08.29：OOYAMA：【修正】タイトル崩れ：End */

/*----------------------------------------------------------------------
  処理メニュー
----------------------------------------------------------------------*/
/* メニュー定義のリスト td要素 */
.applylist {
	padding: 4px 50px 4px 6px; margin: 0;
	border-color: #ffffff; /* 白 */ border-style: solid; border-width: 1px 0;
	font-size: 13px;
}


/*----------------------------------------------------------------------
  画像＋文字列ボタン
----------------------------------------------------------------------*/
/* ボタン内文字列  div要素 */
.btn_str {
	padding: 0;
	font-size: 12px; font-weight: 500; font-family: "MS UI Gothic", sans-serif; color: #ffffff; /* 白 */
	filter:glow(color=#454545, strength=1, offx=0, offy=4, positive=true);
	position: absolute; /* 絶対表示 */
	cursor: pointer;
}

/* ロール画像切換関数用  div要素 */
.btn_roll {
	padding: 0px; margin: 0px; width: 0%; height: 0%; border: #fff solid 0px;
	white-space: nowrap; cursor: pointer;
}

/* ボタンロール
--------------------------------------------------*/
[class*="btnDef"], [class*="btnRoll"] {
	white-space: nowrap; padding: 2px 8px 1px 8px; border-width: 1px; border-style: solid;
	color: #fff; font-size: 12px; width: auto; cursor: pointer; vertical-align: center;
	line-height: 100%; display: inline-block;
	border-radius: 3px; box-shadow: 1px 1px 3px #fff;
}

[class*="Blue"] { border-color: #0f77b2 }
.btnDef-Blue { background: linear-gradient(to top, #005a7f, #00466f 40%, #0f96d6); }
.btnRoll-Blue { background: linear-gradient(to top, #1696c3, #0f77b2 40%, #b7d2ff); }

[class*="Green"] { border-color: #009700 }
.btnDef-Green { background: linear-gradient(to top, #007900, #005404 40%, #00d300); }
.btnRoll-Green { background: linear-gradient(to top, #1696c3, #009700 40%, #00e762); }

[class*="Orange"] { border-color: #f39700 }
.btnDef-Orange { background: linear-gradient(to top, #f18000, #ea5504 40%, #fdcf00); }
.btnRoll-Orange { background: linear-gradient(to top, #f7af00, #f39700 40%, #ffe45e); }


/*----------------------------------------------------------------------
  ログイン画面  CYBERXEEDロゴリンク ･･･ 会社コードエラー画面(XewCyberXURLLink.asp)
----------------------------------------------------------------------*/
#CyberXLoginErr { padding: 0; margin: 0; white-space: nowrap; }
#CyberXLoginErr table.errtbl { margin: 60px 0 100px 0; width: 400px; border: #454545 solid 1px; border-collapse: collapse; }
#CyberXLoginErr table th div.bar_title { padding-left: 15px; }
#CyberXLoginErr table tr td { border: #000000 solid 0; }
#CyberXLoginErr table tr td.errimg { padding: 20 0 20 40; width: 50px; }
#CyberXLoginErr table tr td.errmsg { padding: 20 0 20 0; font-weight: 600; font-size: 18px; color: #336699; }


/*----------------------------------------------------------------------
  所属選択(XewSelectDep.asp)
----------------------------------------------------------------------*/
/* reset div要素 */
#selectDep { padding: 0; margin: 0; width: 0%; height: 0%; white-space: nowrap; text-align: left; }
/* 全体のテーブル  table要素 */
#selectDep table.deptable { margin: 10px 10px 0 10px; }
/* タイトル文字列  div要素 bar_titleクラス */
#selectDep div.bar_title { padding-left: 2px; }
/* 検索入力フォーム input要素 */
#selectDep input#srctext { margin: 3px 4px 3px 6px; width: 20px;}
/* 検索／検索解除 画像＋文字ボタン */
#selectDep td.searchtext   { padding: 3px 4px 3px 6px; }
#selectDep td.search       { padding: 3px 4px 3px 0px; }
#selectDep td.searchcancel { padding: 3px 0px 3px 0px; }
/* 全選択／全選択解除　ラジオボタン input要素 */
#selectDep table.allsel tr td { padding: 3px 4px 3px 0; text-align: left; }
/* リストボックスのチェック人数 */
#selectDep td.depListChecked { padding: 0 0 0 4px; width: 100%; text-align: left; }
#selectDep input#child { width: 30px; border: #000000 solid 0px; }
#selectDep span#mother { font-size: 16px; text-align: right; }
/* ＯＫ  画像＋文字ボタン */
#selectDep td.ok { padding: 3px 4px 3px 0; text-align: right; }
/* Ｃｌｏｓｅ  画像＋文字ボタン */
#selectDep div.close { padding: 0 0 0 10px; text-align: left; }


/*----------------------------------------------------------------------
  所属選択(XewSelectDep.asp)
----------------------------------------------------------------------*/
#calenderFont { font-weight: 600; font-family: "Times New Roman", sans-serif; }	/* Times New Roman */