/*****************************************************************************/
/*　システム　　　　：　ｅ−ビジネス
/*　プログラム　　　：　共通スタイルシート
/*　ファイル　　　　：　CSS_000.css
/*　バージョン　　　：　Ver 1.0
/*　作成者／作成日　：　小松　博／06-12-21
/*****************************************************************************/

/*********** 全体設定 **********/
/* 全称セレクタ */
* {
	font-family:'ＭＳ ゴシック',Osaka,sans-serif;	/*画面内共通フォント*/
	font-size: 11pt;														/*フォントサイズ*/
}

/*----- アンカー関連設定 -----*/
/* アンカー　標準 */
a:link {}
/* アンカー　遷移済み */
a:visited {
	color:#0000ff;
}
/* アンカー　マウスオーバー */
a:hover {
/*	background-color:#FFFF99;	/* 背景色 */
/*	color						:#000080;	/* 文字色 */
}
/* アンカー　現在 */
a:active {}

/*----- テーブル -----/

/* テーブル 共通 */
TABLE {
	border-collapse	: collapse;		/*表示設定*/
}

/* テーブル セル 枠のみ */
.tblGrid {
	border-color		:#000000;						/* 枠線色 */
	border-style		:solid;							/* 枠線 */
}

/* テーブル セル タイトル */
.tblTH {
	border-color		:#000000;						/* 枠線色 */
	border-style		:solid;							/* 枠線 */
}

/* テーブル セル データ */
.tblTD {
	border-color		:#000000;						/* 枠線色 */
	border-style		:solid;							/* 枠線 */
}

/*----- 日付テキストボックス １０桁(YYYY/MM/DD) -----*/
.txtYmd {
	ime-mode: disabled;
	width:95px;
}

/*----- 数値（3桁） -----*/
.txtNum3 {
	ime-mode: disabled;
	width:30px;
	text-align:right;
}

/*----- 日付テキストボックス ４桁 -----*/
.txtYmd4 {
	ime-mode: disabled;
	width:40px;
	text-align:right;
}

/*----- 日付テキストボックス ２桁 -----*/
.txtYmd2 {
	ime-mode: disabled;
	width:25px;
	text-align:right;
}

/*----- 時間テキストボックス ２桁 -----*/
.txtHms2 {
	ime-mode: disabled;
	width:25px;
	text-align:right;
}

/*----- Ｅ−Ｍａｉｌ -----*/
.txtMail {
	ime-mode: disabled;
	width:415px;
}

/*----- Ｔｅｌ -----*/
.txtTel {
	ime-mode: disabled;
	width:125px;
}

/*----- 住所 -----*/
.txtAddress {
	ime-mode: active;
	width:520px;
}

/*----- 会社名 -----*/
.txtCompany {
	ime-mode: active;
	width:360px;
}

/*----- 会社名 -----*/
.txaKaishaMei {
	ime-mode: active;
	width:510px;
	height:40px;
}

/*----- 会社名ふりがな -----*/
.txaKaishaFurigana {
	ime-mode: active;
	width:510px;
	height:60px;
}

/*----- 業種 -----*/
.txaGyoshu {
	ime-mode: active;
	width:510px;
	height:60px;
}

/*----- 業種 -----*/
.txaGyoshu2 {
	ime-mode: active;
	width:210px;
	height:60px;
}

/*----- ユーザID -----*/
.txtId {
	ime-mode: disabled;
	width:140px;
}

/*----- パスワード -----*/
.txtPass {
	ime-mode: disabled;
	width:140px;
}

/*----- 代表者役職名 -----*/
.txtDaihyoshaYakushoku {
	ime-mode: active;
	width:350px;
}

/*----- 代表者氏名 -----*/
.txtDaihyoshaMei {
	ime-mode: active;
	width:350px;
}

/*----- 従業員数 -----*/
.txtJugyoinsu {
	ime-mode: disabled;
	width:50px;
	text-align:right;
}

/*----- 業種 -----*/
.txtGyoshu {
	ime-mode: active;
	width:510px;
	height:40px;
}

/*----- 所轄労働基準監督署 -----*/
.txtRodokijunKantokuSho {
	ime-mode: active;
	width:180px;
}

/*----- 労働保険番号 -----*/
.txtRodohokenBango {
	ime-mode: disabled;
	width:180px;
}

/*----- 会員No -----*/
.txtKaiinNo {
	ime-mode: disabled;
	width:95px;
}

/*----- 勤務地名 -----*/
.txaKimmuchiMei {
	ime-mode: active;
	width:510px;
	height:60px;
}

/*----- ヘッダーエリア -----*/
.headerArea {
	height:100px;
}
/*----- コンテンツエリア -----*/
.contentArea {
	height:420px;
	vertical-align: top;
}
/*----- フッターエリア -----*/
.footerArea {
	height:30px;
}

/*----- 福祉措置 -----*/
.txaFukushi {
	ime-mode: active;
	width:550px;
	height:200px;
}

/*----- 苦情措置 -----*/
.txaKujo {
	ime-mode: active;
	width:550px;
	height:200px;
}

/*----- 社員番号 -----*/
.txtShainNo {
	ime-mode: disabled;
	width:95px;
}

/*----- 社員名 -----*/
.txtShainName {
	ime-mode: active;
	width:180px;
}

/*----- 職務名 -----*/
.txaShokumuMei {
	ime-mode: active;
	width:510px;
	height:65px;
}

/*----- 控除名 -----*/
.txaKojoMei {
	ime-mode: active;
	width:350px;
}

/*----- 担当者名 -----*/
.txtTantoName {
	ime-mode: active;
	width:180px;
}

/*----- 契約番号 -----*/
.txtKeiyakuNo {
	ime-mode: disabled;
	width:95px;
}

/*----- 契約名 -----*/
.txtKeiyakuMei {
	ime-mode: active;
	width:500px;
}

/*----- 採用人数 -----*/
.txtSaiyoNinzu {
	ime-mode: disabled;
	width:30px;
	text-align:right;
}

/*----- 時間・分（2桁） -----*/
.txtJiFun2 {
	ime-mode: disabled;
	width:25px;
	text-align:right;
}

/*----- 時間・分（3桁） -----*/
.txtJiFun3 {
	ime-mode: disabled;
	width:30px;
	text-align:right;
}

/*----- 時間・分（4桁） -----*/
.txtJiFun4 {
	ime-mode: disabled;
	width:45px;
	text-align:right;
}

/*----- 日数（2桁） -----*/
.txtNissu2 {
	ime-mode: disabled;
	width:25px;
	text-align:right;
}

/*----- 日数（3桁） -----*/
.txtNissu3 {
	ime-mode: disabled;
	width:30px;
	text-align:right;
}

/*----- 金額 -----*/
.txtKingaku {
	ime-mode: disabled;
	width:95px;
	text-align:right;
}

/*----- パーセント -----*/
.txtPer {
	ime-mode: disabled;
	width:30px;
	text-align:right;
}

/*----- 休日名 -----*/
.txtKyujitsuMei {
	ime-mode: active;
	width:250px;
}

/*----- 手当名 -----*/
.txtTeateMei {
	ime-mode: active;
	width:300px;
}

/*----- 賃金対象 -----*/
.txtChinginTaisho {
	ime-mode: active;
	width:200px;
}

/*----- 計算方法 -----*/
.txaKeisanHo {
	ime-mode: active;
	width:430px;
	height:40px;
}

/*----- コメント100桁 -----*/
.txaComment100 {
	ime-mode: active;
	width:430px;
	height:70px;
}

/*----- コメント200桁 -----*/
.txaComment200 {
	ime-mode: active;
	width:430px;
	height:135px;
}

/*----- コメント400桁 -----*/
.txaComment400 {
	ime-mode: active;
	width:430px;
	height:270px;
}

/*----- 内容 -----*/
.txaInfoVal {
	ime-mode: active;
	width:580px;
	height:135px;
}

/*----- URL -----*/
.txaInfoUrl {
	ime-mode: disabled;
	width:580px;
	height:135px;
}

.txaInfoUrl2 {
	overflow : hidden ;
	width:530px;
	height:125px;
	background-color : #EAEAEA;
	color : #333333;
	border: 0px;
}


/*----- 口座銀行名 -----*/
.txaKozaGinkoMei {
	ime-mode: active;
	width:550px;
	height:70px;
}

/*----- 賃金控除の労働者代表 -----*/
.cmbChinginKojoShainNo {
	width:350px
}

/*----- 口座振込労働者代表 -----*/
.cmbKozaShainNo {
	width:350px
}

/*----- 賃金等級 -----*/
.txaChinginTokyu {
	ime-mode: active;
	width:430px;
	height:70px;
}

/*----- 諸手当計算方法 -----*/
.txaShoteateKeisanho {
	ime-mode: active;
	width:430px;
	height:55px;
}

/*----- 諸手当名称 -----*/
.txtShoteateMeisho {
	ime-mode: active;
	width:380px;
}

/*----- 休暇名称 -----*/
.txtKyukaMeisho {
	ime-mode: active;
	width:380px;
}


/*----- 解雇の事由及び手続き -----*/
.txaKaikoJiyuTetsuzuki {
	ime-mode: active;
	width:430px;
	height:135px;
}

/*----- エラーメッセージ -----*/
.errorMsg {
	font-weight:bold;
	color:#FF0000;
}

/*----- 警告メッセージ -----*/
.alertMsg {
	font-weight:bold;
	color:#6A5ACD;
}

/*----- 情報メッセージ -----*/
.infoMsg {
	font-weight:bold;
	text-align:center;
}

/*----- テーブルの縦横スクロール設定 -----*/
.Freezing {
	Z-INDEX: 10; POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop);
}
.FreezingCol {
	Z-INDEX: 1; ; LEFT: expression(document.getElementById("inputFrame").scrollLeft); POSITION: relative;
}

/* 子画面用 全体枠（暫定）*/
DIV#sub-layout{
	margin : 0px;
	padding : 0px;
	background-color:#FFFFFF;
}

/* 従業員代表マスタ */
DIV#sub-layout-jdh{
	width : 500px;
	margin : 0px;
	padding : 0px;
	background-color:#FFFFFF;
}

/*********** 画面デザイン用（ココム作成分） **********/

/*----------------------------------------------*/
/*　全体　*/
/*----------------------------------------------*/
BODY {
	background-image: url(../img/menu_bg.gif);
/*	background-color : #CCCCCC;*/
	margin: 0px;
	padding: 0px;
}

/* 全体のワク */
DIV#main-layout{
	width : 812px;
	margin : 0px;
	padding : 0px;
	background-color:#FFFFFF;
}

/* ヘッダ部下のメイン部分のワク */
DIV#main-inner{
/*	width : 700px;*/
	margin : 15px 0px 5px 20px;
	padding : 0px;
	background-color : #FFFFFF;
}

/*----------------------------------------------*/
/*　ヘッダー部　*/
/*----------------------------------------------*/
/* ヘッダ部全体のワク */
/* 会員用 */
#head-layout{
	background-image: url(../img/head_bg.jpg);
	background-repeat: x-repeat;
	height : 82px;
	margin : 0px;
	padding : 0px;
}
/* 管理用 */
#head-layout-admin{
	background-image: url(../img/head_bg_kan.jpg);
	background-repeat: x-repeat;
	height : 82px;
	margin : 0px;
	padding : 0px;
}

/* 右カラム */
#head-right{
	width : 650px;
	height : 82px;
	margin : 0px;
	padding : 0px;
	float : right ;
}

/* ヘッダ部右側上段 */
#head-right-top{
	width : 760px;
	height : 16px;
	margin : 0px;
	padding : 0px;
	float : right;
	text-align : right;

}

/* ヘッダ部右側中段 */
#head-right-middle{
	width : 760px;
	height : 30px;
	margin : 0px;
	padding : 0px;
	float : right;
	text-align : right;
}

/* ヘッダ部右側下段 */
#head-right-bottom{
	width : 760px;
	height : 32px;
	margin : 0px;
	padding : 0px;
	float : right;
	text-align : right;
}

/* 右上タイムスタンプ */
/* 会員用 */
#time-stamp {
	font-size: 12px; /* レイアウトが崩れるため固定サイズ推奨 */
	color: #FFFFFF;
/*	margin : 4px 30px 2px 0px;*/
	margin : 4px 10px 2px 0px;
	padding : 0px;
}
/* 管理用 */
#time-stamp-admin {
	font-size: 12px; /* レイアウトが崩れるため固定サイズ推奨 */
	color: #FFFFFF;
	margin : 4px 30px 2px 0px;
	padding : 0px;
}

/****** 社名部分 *****/
DIV#company {
	font-size: 18px; /* レイアウトが崩れるため固定サイズ推奨 */
	font-weight : bold;
	color: #000099;
/*	margin : 8px 50px 0px 0px;*/
	margin : 8px 0px 0px 0px;
	padding : 0px;
}

/* 下2つグループ化 */
/* 会員用 */
DIV#head-button-menu{
	/*margin : 4px 50px 0px 0px;*/
	margin : 4px 10px 0px 0px;
	padding : 0px;
}
/* 管理用 */
DIV#head-button-menu-admin{
	margin : 4px 50px 0px 0px;
	padding : 0px;
}

/* ログアウト */
DIV#head-logout{
	margin : 0px 0px 3px 0px;
	padding : 0px;
	width : 69px;
	line-height: 19px;
	height : 19px;
	background-image: url(../img/b_logout.gif);
	float : right;
}
DIV#head-logout A{
	display: block;
	width : 69px;
	background-image: url(../img/b_logout.gif);
	background-color: transparent;
}

/* ヘルプボタン */
DIV#head-help{
	margin : 0px 0px 3px 0px;
	padding : 0px;
	width : 69px;
	line-height: 19px;
	height : 19px;
	background-image: url(../img/b_help.gif);
	float : right;
}

/* ヘルプボタン */
DIV#head-help A{
	display: block;
	width : 69px;
	background-image: url(../img/b_help.gif);
	background-color: transparent;
}

/*----------------------------------------------*/
/*　フッタ部　*/
/*----------------------------------------------*/
/* フッタ（コピーライト） */
DIV#footer {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	color : #666666;
	border-top: 1px solid #999999;
	text-align : center;
}

/*----------------------------------------------*/
/*　レイアウト　*/
/*----------------------------------------------*/
/* 見出し（帯付き） */
/* 会員用 */
DIV.main-head-box{
	color: #333333;
	margin : 10px 0px 10px 0px;
	padding : 5px;
	border-left-width: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-color: #FF9900;
	border-bottom-color: #FF9900;
}
/* 管理用 */
div.main-head-box-admin{
	color: #333333;
	margin : 10px 0px 10px 0px;
	padding : 5px;
	border-left-width: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-color: #4D4DC4;
	border-bottom-color: #4D4DC4;
}

/* 見出し部分のテーブル */
/* 会員用 */
TABLE.list-head {
	background-color : #FFFFD2;
}
/* 管理用 */
TABLE.list-head-admin {
	background-color : #4D4DC4;
	color : #FFFFFF;
}

/* 入力フォーム項目部 */
TD.form-column{
	background-color : #CCCCCC;
	color : #333333;
	padding : 5px;
/*	vertical-align : center;*/
/*	text-indent : 20px;*/
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/* 入力フォーム入力部 */
TD.form-input{
	background-color : #EAEAEA;
	color : #333333;
/*	text-indent : 10px;*/
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/* 2008/04/10 ADD-S */
/* 入力フォームテキストボックス */
INPUT.text-num-input{
	background-color : #EAEAEA;
	color : #333333;
	border : 0px;
	text-align : right;
}

/* 合計欄表示部 */
TD.form-total{
/*	background-color : #FF6600;*/
	background-color : #FF9900;
	color : #FFFFFF;
	font-weight : bold;
/*	text-indent : 10px;*/
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/* 合計欄テキストボックス */
INPUT.text-num-total{
/*	background-color : #FF6600;*/
	background-color : #FF9900;
	color : #FFFFFF;
	font-weight : bold;
	border : 0px;
	text-align : right;
}
/* 2008/04/10 ADD-E */

/*----------------------------------------------*/
/*　トップ用　*/
/*----------------------------------------------*/
/* トップページ用ボックス（見出し） */
DIV.text-box-head{
	font-weight: bold;
	color : #333333;
	line-height : 150%;
	margin : 0px;
	padding : 5px 0px 0px 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	background-image: url(../img/main_head_bg1.gif);
	width : 770px;
}

/* トップページ用ボックス */
DIV.text-box{
	color : #333333;
	line-height : 150%;
	margin : 0px;
	padding : 10px;
	border : 1px solid #999999;
	width : 770px;
}

/* トップページボックス内見出し（薄グレー） */
DIV.display-head{
	color: #333333;
	font-weight : bold;
	margin : 10px 0px 5px 0px;
	padding : 5px 5px 2px 10px;
	background-color : #EEEEEE;
	/*background-color : #FFFFD2;*/
	border-left-width: 10px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-left-color: #FF9900;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

/*********** QA用 **********/
/* 質問一覧項目部 */
TD.qa-head {
	background-color : #FFFFD2;
}

/* 質問タイトル */
.qa-title {
	background-color : #FF9966;
}

/* 質問サブタイトル */
.qa-sab-title {
	background-color : #FFCC99;
}

/* 回答タイトル */
.an-title {
	background-color : #66CCFF;
}

/* 回答サブタイトル */
.an-sab-title {
	background-color : #CCCCFF;
}

/********** システムエラースタイル ************/
/* トップページ用ボックス（見出し） */
DIV.ERROR-text-box-head{
	font-weight: bold;
	background-color : #CCCCCC;
	background-image: url(../img/main_head_bg2.gif);
	color : #000000;
	line-height : 180%;
	margin : 0px;
	padding : 5px 0px 0px 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}

/* エラー用トップページボックス内見出し */
DIV.ERROR-display-head{
	color: #000000;
	font-weight : bold;
	margin : 10px 0px 5px 0px;
	padding : 5px 5px 0px 10px;
	background-color : #CCCCCC;
	/*background-color : #FFFFD2;*/
	border-left-width: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-left-color: #FF9900;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

/* エラーメッセージテキスト（赤） */
.ERROR-message{
	color : #FF0000;
	font-weight : bold;
}

/* トップページ用ボックス */
DIV.ERROR-text-box{
	color : #333333;
	background-color : #FFFFFF;
	line-height : 150%;
	margin : 0px;
	padding : 10px;
	border : 1px solid #999999;
}

/********** システムエラースタイルEND ************/

/* トップメニュー */
.menu_table {
}
.menu_row {
}
.menu_Highlight {
    background:#ccc;
    font-weight:bold;
}