/******************************************************************************/
/* 共通のスタイル設定                                                   */
/******************************************************************************/
.valignT {
	vertical-align : top;
}

.w300 {
	width : 300px;
}

.w400 {
	width : 400px;
}

.w515 {
	width : 515px;
}

.w600 {
	width : 600px;
}

.w650 {
	width : 650px;
}

.pl20 {
	padding-left : 20px;
}
.pl100 {
	padding-left : 100px;
}

.ml80 {
	margin-left : 80px;
}

.ml100 {
	margin-left : 100px;
}

.red {
	color : red;
}
.bkgrndDeep {
	/* 背景色 */
	background-color : #99FFAA;
}
.bkgrndLight {
	/* 背景色 */
	background-color : #B2FFBF;
}

.require {
	 color : #FFCC33 !important;
}

.textColor {
	 color : #000080;
}

/******************************************************************************/
/* リンク文字のスタイル設定                                                   */
/******************************************************************************/
a.dj {
	/* フォントカラー */
	color : #000080;

	/* 下線なし */
	text-decoration:none;
}
a:hover.dj {
	/* フォントカラー */
	color : #FF8800;

	/* 下線のスタイル */
	border-bottom-style : dotted;
	border-bottom-color : #FF8800;
	border-bottom-width : 2px;
}

a.menu {
	font-size: 16px;
}

/******************************************************************************/
/* ボディタグのスタイル設定                                                   */
/******************************************************************************/
body.dj {
	/* ページ内のフォントカラー設定 */
	color : #000000;

	/* ページの背景色設定 */
	/* 出荷時はFFFFFFに   */
	background-color : #FFFFFF;

	/* マージンいらない   */


	/* スクロールバーの表示色設定 */
	scrollbar-3d-light-color	: #3EB251;
	scrollbar-face-color		: #3EB251;
	scrollbar-highlight-color	: #3EB251;
	scrollbar-arrow-color		: #FFFFFF;
	scrollbar-base-color		: #FFFFFF;
	scrollbar-dark-shadow-color	: #FFFFFF;
	scrollbar-shadow-color		: #FFFFFF;
}

/******************************************************************************/
/* テーブルタグのスタイル設定                                                 */
/******************************************************************************/
table.dj {
	/* 枠線のスタイル設定 太さ・色・タイプ */
	border : 0 #000000 solid;
}

.base {
	/* 枠線のスタイル設定 太さ・色・タイプ */
	border-style:solid;
	border-width:0px 0px 1px 1px;
	border-color:#FFFFFF
}

/******************************************************************************/
/* テーブル内の行全体のスタイル設定                                           */
/******************************************************************************/
tr.dj {
	/* tr の標準高 */
	height : 19px;
}

/******************************************************************************/
/* テーブル内の見出しセルのスタイル設定                                       */
/******************************************************************************/
th.dj {
	/* 枠線のスタイル設定 太さ・色・タイプ */
	border : 0 #000000 solid;

	/* フォントカラー */
	color : #FFFFFF;

	/* フォントサイズ */
	font-size : 12;

	/* 背景色 */
	background-color : #3EB251;

	/* 禁則処理設定 単語／語句ごとに改行 */
	word-break : keep-all;
}

th.list {
	/* 枠線のスタイル設定 太さ・色・タイプ */
	border-style: solid;
	border-width: 0px 0px 1px 1px;

	border-color:#FFFFFF
}

th.verticalList {
	width:100px;
	height:24px;
}

th.verticalList2 {
	width:140px;
	height:24px;
}

.data {
	height:17px;
}
/******************************************************************************/
/* テーブル内のセルのスタイル設定                                             */
/******************************************************************************/
td.dj {
	/* 枠線のスタイル設定 太さ・色・タイプ */
	border :solid 0 #000000;

	/* フォントカラー */
	color : #646464;

	/* フォントサイズ */
	font-size : 12px;

	/* 禁則処理設定 単語／語句ごとに改行 */
	word-break : break-all;
	word-wrap : break-word;
	white-space: -moz-pre-wrap;
}

td.list {
	/* 枠線のスタイル設定 太さ・色・タイプ */
	border-style:solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color:#FFFFFF;
}

td.pad_rl4 {
	padding:0px 4px;
}

/******************************************************************************/
/* 見出しタグのスタイル設定                                                   */
/******************************************************************************/
h1.dj, h2.dj, h3.dj, h4.dj, h5.dj {
	/* 禁則処理設定 単語／語句ごとに改行 */
	word-break : keep-all;

	/* 色指定 */
	color : #FFFFFF;

	/* 背景色 */
	background-color : #3EB251;
}

/******************************************************************************/
/* 見出しタグのスタイル設定                                                   */
/******************************************************************************/
div.djT {
	/* 色指定 */
	color : #FFFFFF;

	/* フォントサイズ・属性 */
	font-size : 18px;
	font-weight : bold;

	/* Align指定 */
	text-align : center;

	height : 20px;

	/* 背景色 */
	background-color : #3EB251;
}

/* 画面タイトル */
div.title {
	font-size: 16px;
	font-weight : bold;
}

/* 画面タイトル */
td.title {
	font-size: 16px;
	font-weight : bold;
}

td.selectData {
	font-size: 12px;
}

/* 選択データ表示 */
div.selectData {
	font-size: 12px;
}

/* 空行 */
div.separate {
	height: 12px;
	font-size: 12px;
}

/******************************************************************************/
/* ボタンのスタイル設定                                                       */
/******************************************************************************/
input.djbutton {
	/* フォントカラー設定 */
	color : #FFFFFF;

	/* 背景色設定 */
/*	background-color : #4c9959; */

	border-top:3px solid #DDFFDD;
	border-left:3px solid #DDFFDD;
	border-right:3px solid #33CC00;
	border-bottom:3px solid #33CC00;
	background-color : #009900;

	text-align: center;

	/* 幅設定 */
	width : 80px;

	/* 高さ設定 */
	height: 21px;

	/* フォントサイズ */
	font-size: 12px;
}

input.djbutton_50 {
	/* フォントカラー設定 */
	color : #FFFFFF;

	/* 背景色設定 */
/*	background-color : #4c9959; */

	border-top:3px solid #DDFFDD;
	border-left:3px solid #DDFFDD;
	border-right:3px solid #33CC00;
	border-bottom:3px solid #33CC00;
	background-color : #009900;

	text-align: center;

	/* 幅設定 */
	width : 50px;

	/* 高さ設定 */
	height: 21px;

	/* フォントサイズ */
	font-size: 12px;
}

input.djbutton_100 {
	/* フォントカラー設定 */
	color : #FFFFFF;

	/* 背景色設定 */
/*	background-color : #4c9959; */

	border-top:3px solid #DDFFDD;
	border-left:3px solid #DDFFDD;
	border-right:3px solid #33CC00;
	border-bottom:3px solid #33CC00;
	background-color : #009900;

	text-align: center;

	/* 幅設定 */
	width : 100px;

	/* 高さ設定 */
	height: 21px;

	/* フォントサイズ */
	font-size: 12px;
}

input.djbuttnFrm {

	text-align: center;
	/* 幅設定 */
	width : 60px;

	/* 高さ設定 */
	height: 21px;

	/* フォントサイズ */
	font-size: 12px;
}

input.disable {
	/* フォントカラー設定 */
	color : #FFFFFF;

	/* 背景色設定 */
	background-color : #808080 !important;

	/* 幅設定 */
	width : 80px;
}

input.djradio {
	width: 13px;
	height: 13px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 5px;
}

input.djcheckbox {
	width: 13px;
	height: 13px;
	margin-top: 3px;
	margin-right: 0.5ex;
	margin-bottom: 3px;
	margin-left: 0.5ex;
	padding: initial;
	background-color: initial;
	border: initial;
}

/******************************************************************************/
/* 数値入力用テキストボックスのスタイル設定                                   */
/******************************************************************************/
input.num {
	/* 右寄せ */
	text-align : right;
}

/******************************************************************************/
/* 表示用テキストボックスのスタイル指定                                       */
/******************************************************************************/
input.view {
	/* フォントサイズ */
	font-size : 12;

	/* フォント表示色 */
	color : #646464;

	/* 枠線 */
	border : 0;

	/* 背景を透過 */
	background-color : transparent;
}

/******************************************************************************/
/* 中央表示のスタイル設定                                                     */
/******************************************************************************/
.a_c {
	/* 中央寄せ */
	text-align : center;
}

/******************************************************************************/
/* 右寄せのスタイル設定                                                       */
/******************************************************************************/
.a_r {
	/* 右寄せ */
	text-align : right;
}

/******************************************************************************/
/* フォーカス		                                                      */
/******************************************************************************/
.On {
	background-color : #DEF088;
	cursor : pointer;

/*
	border-width: 1px;
	border-style: solid;
	border-color: green;
	text-shadow: red 2px 3px 4px;
	background:		#DEF088;
*/
}

/******************************************************************************/
/* ボディタグのスタイル設定                                                   */
/******************************************************************************/
textarea {
	resize: none;
	font-size: 12px;
	height: 84px;
	overflow:auto;
	border-top: inset 2px gray;
	border-left: inset 2px gray;
	border-bottom: solid 1 #F1F0EE;
	border-right: solid 1 #F1F0EE;
}

/******************************************************************************/
/* 各項目単位のスタイル設定                                                   */
/******************************************************************************/

font {
	font-size: 13px;
}

input {
	font-size: 12px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

select {
	font-size: 12px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

li {
	font-size: 12px;
	line-height: 20px;
}

/* コード(3バイト) エリアコード */
input.code3 {
	width : 40px;
	ime-mode: disabled;
	height: 1.7em;
}

/* コード(4バイト) 品目コード */
input.code4 {
	width : 50px;
	ime-mode: disabled;
	height: 1.7em;
}

/* コード(5バイト) 会社コード, 店舗コード */
input.code5 {
	width : 60px;
	ime-mode: disabled;
	height: 1.7em;
}

/* コード(8バイト) 利用者SEQ */
input.code8 {
	width : 90px;
	ime-mode: disabled;
	height: 1.7em;
}

/* 半角英数(9バイト) FTPユーザー、パスワード */
input.code9 {
	width : 100px;
	ime-mode: disabled;
	height: 1.7em;
}

/* 半角英数(10バイト) 小売企業識別番号 */
input.code10 {
	width : 100px;
	ime-mode: disabled;
	height: 1.7em;
}

/* 半角英数(16バイト) 会員番号 */
input.code16 {
	width : 160px;
	ime-mode: disabled;
	height: 1.7em;
}

/* ユーザID(ログイン) */
input.userId {
	width : 160px;
	ime-mode: disabled;
	height: 1.7em;
}

/* パスワード */
input.password {
	width : 140px;
	ime-mode: disabled;
	height: 1.7em;
}

/* 郵便番号(8バイト) */
input.zipCode {
	width : 90px;
	ime-mode: disabled;
	height: 1.7em;
}

/* 電話番号(13バイト) */
input.telNo {
	width : 140px;
	ime-mode: disabled;
	height: 1.7em;
}

/* IPアドレス(15バイト) */
input.ipAddress {
	width : 150px;
	ime-mode: disabled;
	height: 1.7em;
}

/* メールアドレス */
input.mailAddress {
	width : 252px;
	ime-mode: disabled;
	height: 1.7em;
}


/* 数値系 3桁*/
input.number3 {
	width : 40px;
	ime-mode: disabled;
	text-align : right;
	height: 1.7em;
}

/* 数値系 4桁*/
input.number4 {
	width : 50px;
	ime-mode: disabled;
	text-align : right;
	height: 1.7em;
}

/* 数値系 10桁*/
input.number10 {
	width : 110px;
	ime-mode: disabled;
	text-align : right;
	height: 1.7em;
}

/* 数値系 20桁*/
input.number20 {
	width : 120px;
	ime-mode: disabled;
	text-align : left;
	height: 1.7em;
}

/* 数値系 40桁*/
input.number40 {
	width : 180px;
	ime-mode: disabled;
	text-align : left;
	height: 1.7em;
}


/* 名称系(10バイト) 都道府県 */
input.name10{
	width : 100px;
	ime-mode: active;
	height: 1.7em;
}

/* 名称系(20バイト) 役職, 品目名 */
input.name20{
	width : 132px;
	ime-mode: active;
	height: 1.7em;
}

/* 名称系(30バイト) */
input.name30{
	width : 192px;
	ime-mode: active;
	height: 1.7em;
}

/* 名称系(40バイト) 会社名, 市区町村, 番地等 */
input.name40{
	width: 252px;
	ime-mode: active;
	height: 1.7em;
}

/*時刻セレクト*/
select.timeselect{
    width: 60px;
}

/*エラーメッセージ(hidden)*/
.hidden_msg {
  font-size:12px; display: none;
}

/* 警告メッセージ(hidden) */
.warning {
	color:red; display: none;
}
/******************************************************************************/
/* テーブル内の行全体のスタイル設定（勤怠用）                                 */
/******************************************************************************/
tr.list0 {
	/* 背景色 */
	background-color : #DEF0FF;
}

tr.list1 {
	/* 背景色 */
	background-color : #CCE6FF;
}

/* Scroll縦用 */
.FreezingRow {
	z-index: 10;
	position: relative;
	top: expression(this.offsetParent.scrollTop)
}
/* Scroll横用 */
.FreezingCol {
	z-index: 1;
	left: expression(document.getElementById("freezingDiv").scrollLeft);
	position: relative
}

/******************************************************************************/
/* 勤怠にて使用
/******************************************************************************/
th.week {
	color: #FFFFFF;
	background-color: #2A2016;
};

td.day {
	color: #646464;
}

td.sat {
/*	color: #00CC00;*/
	color: #0000FF;
}

td.sun {
	color: #FF0000;
}

td.rest {
	color: #FF9900;
}

td.other {
	color: #646464;
	background-color: #DDDDDD;
}

td.calc {
	background-color: #EEEEEE;
	border:1 #2A2016 solid;
	padding: 5 5 5 5;
}

table.cal {
	font-size: 11;
}

table.calc {
	background-color: #EEEEEE;
	font-size: 14;
}

td.cal {
	border:1 #2A2016 solid;
	vertical-align: top;
	padding: 5 5 5 5;
	text-align: left;
}

th.tc {
	border : 1 solid #2A2016;
	padding : 5 5 5 5;
	color : #646464;
	background-color : #CCE6FF;
}

td.tc {
	font-weight : bold;
	text-align : center;
	border : 1 solid #2A2016;
	padding : 5 5 5 5;
}


td.fix {
	/* 枠線のスタイル設定 太さ・色・タイプ */
	border : 0 #000000 solid;

	/* フォントサイズ */
	font-size : 12;

	/* 禁則処理設定 単語／語句ごとに改行 */
	word-break : keep-all;

	/* 背景色 */
	background-color : #CCE6FF;

	/* フォントカラー */
	color : #646464;

}

/******************************************************************************/
/* カレンダー用設定                                                           */
/******************************************************************************/
td.calw {
	/* フォントカラー */
	color : #FFFFFF;

	/* 背景色 */
	background-color : #3EB251;

	font-weight: bold;
	text-align: center;
	border:1 #3EB251 solid;
}

td.cald {
	border:1 #3EB251 solid;
	text-align: left;
	border:1 #3EB251 solid;
}

div.calh {
	font-size:14;
}

div.cal {
	font-size:10;
}

div.sat {
	color: #0000FF;
}

div.sun {
	color: #FF0000;
}

td.hand {
	cursor: hand;
}