@CHARSET "UTF-8";
/*---------------------------------------------------------------*/
/*  共通
/*---------------------------------------------------------------*/
body {
  font-family: 'ＭＳ ゴシック';
  font-size: 12px;
}

/*-------------------------------*/
/*  アンカー関係
/*-------------------------------*/
a:link {
  font-size: 12px;
  color: #0000FF;
  text-decoration: underline
}

a:visited {
  font-size: 12px;
  color: #0000FF;
  text-decoration: underline
}

a:hover {
  font-size: 12px;
  color: #FF0000;
  text-decoration: underline;
}

a:active {
  font-size: 12px;
  color: #0000FF;
  text-decoration: underline
}

/*-------------------------------*/
/*  テーブルヘッダ用のアンカー
/*-------------------------------*/
th a:link {
  font-size: 14px;
  color: #0000FF;
  text-decoration: underline
}

th a:visited {
  font-size: 14px;
  color: #0000FF;
  text-decoration: underline
}

th a:hover {
  font-size: 14px;
  color: #FF0000;
  text-decoration: underline;
}

th a:active {
  font-size: 14px;
  color: #0000FF;
  text-decoration: underline
}

/*-------------------------------*/
/*  非活性項目
/*-------------------------------*/
.inactive {
  color: silver;
}

/*-------------------------------*/
/*  必須項目
/*-------------------------------*/
.required {
  background-color: lightsalmon;
}

/*-------------------------------*/
/*  エラー項目
/*-------------------------------*/
.errored {
  background-color: red;
}

/*-------------------------------*/
/*  インラインに流し込むことのできるブロック要素
/*-------------------------------*/
div.inline {
  display: inline-block;
  _display: inline;
}

/*-------------------------------*/
/*  テーブル
/*-------------------------------*/
table {
  border-collapse: collapse;
  border-style: none;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
}

th {
  text-align: center;
  font-size: 14px;
}

td {
  text-align: left;
  color: black;
  font-size: 12px;
}

td.index {
  background-color: powderblue;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

td.border {
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

/*-------------------------------*/
/*  テーブル（高さ固定）
/*-------------------------------*/
table.hfixed tr {
  height: 25px;
}

/*-------------------------------*/
/*  テーブル（一覧部）
/*-------------------------------*/
table.list {
  empty-cells: show;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

table.list th {
  text-align: center;
  color: black;
  font-size: 14px;
  background-color: powderblue;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

table.list td {
  text-align: left;
  color: black;
  font-size: 12px;
  background-color: white;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

/*-------------------------------*/
/* テーブル内のカラムpreタグ
/* 空行削除とフォント指定
/*-------------------------------*/
td pre {
  margin: 0;
  font-family: Arial, 'ＭＳ ゴシック', sans-serif;
  font-size: 12px;
}

/*---------------------------------------------------------------*/
/*  テキストエリア
/*---------------------------------------------------------------*/
textarea {
  font-family: Arial, 'ＭＳ ゴシック', sans-serif;
  font-size: 12px;
}

/*---------------------------------------------------------------*/
/* input属性全体（テキストボックス、ボタンなど）
/*---------------------------------------------------------------*/
input {
  font-family: Arial, 'ＭＳ ゴシック', sans-serif;
  font-size: 12px;
}

/*---------------------------------------------------------------*/
/*  ボタン（幅、高さ、フォント指定）
/*---------------------------------------------------------------*/
input.fixedbutton {
  font-size: 12px;
  width: 100px;
  height: 25px;
}

/*---------------------------------------------------------------*/
/*  ヘッダー
/*---------------------------------------------------------------*/
table.header {
  white-space: nowrap;
  border-collapse: collapse;
  border-style: none;
  margin: 0px;
  padding: 0px;
}

table.header td {
  text-align: left;
  margin: 0px;
  padding: 0px;
}

table.header th {
  text-align: center;
  background-color: royalblue;
  font-size: 20px;
  color: white;
}

/*---------------------------------------------------------------*/
/*  フッター
/*---------------------------------------------------------------*/
table.footer td {
  text-align: left;
  height: 15px;
  background-color: cornflowerblue;
}

/*---------------------------------------------------------------*/
/*  メッセージ
/*---------------------------------------------------------------*/
table.message {
  white-space: nowrap;
  border-collapse: collapse;
  border-style: none;
  margin: 0px;
  padding: 0px;
}

table.message td.error {
  text-align: left;
  color: red;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

table.message td.warn {
  text-align: left;
  color: red;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

table.message td.info {
  text-align: left;
  color: black;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}
/*---------------------------------------------------------------*/
/*  メッセージ領域
/*---------------------------------------------------------------*/
div.message {
  height: 70px;
  overflow: auto;
}

/* ログイン用エラーメッセージ */
div.loginError {
  color: red;
}

#layoutMain {
  width: 900px;
  float: left;
}

#layoutLeft, #layoutRight {
  float: left;
  margin: 0 0 0 -451px;
  width: 50%;
}


#layoutLeft .inner, #layoutRight .inner {
  margin: 0 0 0 451px;
}