@charset "Shift_JIS";

/*//////////　RESET（進藤追加）　//////////////*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
img{ border:0; vertical-align:top; }
.clear{ clear:both; }


/*////////// INPUT装飾設定（進藤追加・修正） /////////////*/
/* フォーカスのある項目に色をつける */
/* ※IEはcsshover3にて対応しているので注意 */

INPUT, SELECT, BUTTON{
	border:#c6d9e3 solid 1px;
	background-color: #ffffff;
}
INPUT.w70{
	width:70px;
}
INPUT.w100{
	width:100px;
}
SELECT.w100{
	width:100px;
}
INPUT.w150{
	width:150px;
}
INPUT.w200{
	width:200px;
}
INPUT.w250{
	width:250px;
}
INPUT.w300{
	width:300px;
}

INPUT:focus {
   background-color: #ffff8a;
   border: 1px solid red;
}
SELECT:focus {
   background-color: #ffff8a;
   border: 1px solid red;
}
BUTTON:focus {
   background-color: #ffff8a;
   border: 1px solid red;
}


/* BODY要素 （共通） */
BODY {
 	behavior				: url("../css/csshover3.htc");
 	font-size				: 12px;
	font-family			: "ＭＳ ゴシック";
	line-height			: 1.4;
	border					: 0px;
}
/* BODY要素 （メニュー・ログイン画面） */
BODY {
  background:#0d5200;
}


/*/////////////　＜ログイン画面＞（進藤追加）　//////////////*/

/*　ログイン画面全体（背景色濃緑）　*/
#loginArea{
	background:#0d5200;
}

/*　画面のタイトル　*/
#loginArea #title{
	height:26px;
  padding-top:5px;
  margin-left:20px;
  margin-right:20px;
	font-size:15px;
  font-weight:bold;
  color:#d9ffa4;
  border-bottom:#559432 solid 1px;
}

/*　入力エリア　*/
#loginArea #inputArea{
  padding-left:20px;
  padding-top:20px;
  color:#e9ffcb;
}

#loginArea #inputArea td{
	padding-right:5px;
  color:#e9ffcb;
}

/*　画面中央タイトルロゴ　*/
#login_logo{
	text-align:center;
}



/* BODY要素 login （ログイン画面での画像指定） */
BODY.login {
	background-image		: url("../images/drreport.gif");
	background-position		: 90% 90%;
}

/* TABLE要素 （BODYでの定義が継承されないため） */
TABLE {
	font-size	: 12px;
}

/* TABLE要素 menu （メニューをテーブル組みした際に見やすい間隔にする） */
TABLE.menu {
	line-height	: 1.6;
	empty-cells	: show;
}
TABLE.menu TD {/*
    padding	: 5px;*/
}

/* TABLE要素 menu2 （menuの行間を小さくしたもの） */
TABLE.menu2 {
	line-height	: 1.0;
	empty-cells	: show;
}
TABLE.menu2 TD {
    text-align:left;
}

/* TABLE要素 list （データを表示するためのテーブル用） */
TABLE.list {
    border-top:1px solid #9e9e9e;
    border-left:1px solid #9e9e9e;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
TABLE.list TH {
    border-right:1px solid #9e9e9e;
    border-bottom:1px solid #9e9e9e;
    color:#ffffff;
    background-color:#0d5200;
    padding:0.3em 1em;
}
TABLE.list TD {
    border-right:1px solid #9e9e9e;
    border-bottom:1px solid #9e9e9e;
    padding:6px 4px 3px;
}
TR.color1 {
    background-color: #d6edff;
}
TR.color2 {
    background-color: white;
}



/*/////　以下の２つの共通クラスを一旦外します（進藤）　/////*/
/* DIV要素 header （メニュー等を表示するヘッダ用） */
/*DIV.header {
	font-size	: 12px;
	color		: gray;
}*/

/* DIV要素 title （処理名称を表示する部分） */
/*DIV.title {
	text-decoration	: underline;
	color			: navy;
}*/
/*/////　以上の２つの共通クラスを一旦外します（進藤）　/////*/



/* DIV/SPAN要素を想定 error （エラー時のメッセージ表示用） */
.error {
	font-size		: 14px;
	/*color			: red;*/
  color:#ff7800; /*←ログイン画面用（進藤追加）*/
	padding-left	: 20px;
}

/* DIV/SPAN要素を想定 message （通常のメッセージ表示用） */
.message {
	font-size		: 14px;
	/*color			: green;*/
  color:#9cff00; /*←ログイン画面用（進藤追加）*/
	padding-left	: 20px;
}

/* BUTTON要素 normal （標準のボタンの大きさ） */
BUTTON.normal {
	width				: 110px;
	height				: 22px;
}


/* BUTTON要素 gazou （画像ボタンにするためにボタンを非表示にする） */
BUTTON.gazou {
	background-color	: transparent;
	border				: 0;
	width				: 110px;
	height				: 22px;
}

/* INPUT要素 （共通） */
INPUT {
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  font-size : 12px;
  padding:2px;
  font-family : "ＭＳ ゴシック";
}

/* SELECT要素 （共通） */
SELECT{
  font-size : 12px;
  font-family : "ＭＳ ゴシック";
}


INPUT.green{
	border:#0d5200 solid 1px;
	background-color: #b7e942;
	padding:2px 0 0 0;
}
INPUT.red{
	border:#cc0000 solid 1px;
	background-color: #ffffff;
	padding:2px 0 0 0;
  color:red;
}