@charset "utf-8";
@import "default.css";
@import "rayout.css";

/*
 * 広告テーブル
 **************************************/
.tbl-cm {
	width: 557px;
	font-size: 75%;
}

.tbl-cm td {
	width: 170px;
	vertical-align: top;
}

/*
 * 一覧テーブル
 **************************************/
/* table */
table.tbl-b-list,
table.tbl-bc-list,
table.tbl-nb-list,
table.tbl-nbc-list {
	width: 100%;
	border-collapse: collapse;
}

/* td（ノーマル） */
table.tbl-b-list td,
table.tbl-bc-list td,
table.tbl-nb-list td,
table.tbl-nbc-list td {
	padding: 3px 3px;
	height: 20px;
	vertical-align: middle;
}

/* td（ワイド） */
table.tbl-b-list .wide,
table.tbl-b-list .wide td,
table.tbl-b-list .title-wide,
table.tbl-b-list .title-wide td,
table.tbl-bc-list .wide,
table.tbl-bc-list .wide td,
table.tbl-bc-list .title-wide,
table.tbl-bc-list .title-wide td,
table.tbl-nb-list .wide,
table.tbl-nb-list .wide td,
table.tbl-nb-list .title-wide,
table.tbl-nb-list .title-wide td,
table.tbl-nbc-list .wide,
table.tbl-nbc-list .wide td,
table.tbl-nbc-list .title-wide,
table.tbl-nbc-list .title-wide td {
	padding: 3px 3px;
	height: 30px;
	vertical-align: middle;
}

table.tbl-bc-list .title td,
table.tbl-bc-list .title-wide td,
table.tbl-nbc-list .title td,
table.tbl-nbc-list .title-wide td {
	text-align: center;
}

/*
 * 一覧テーブル（背景）
 **************************************/
/* タイトル */
table.tbl-b-list .title,
table.tbl-b-list .title-wide,
table.tbl-bc-list .title,
table.tbl-bc-list .title-wide,
table.tbl-nb-list .title,
table.tbl-nb-list .title-wide,
table.tbl-nbc-list .title,
table.tbl-nbc-list .title-wide {
	background-color: #E8F1F8;
}

/* 通常行 */
table.tbl-b-list .normal,
table.tbl-bc-list .normal,
table.tbl-nb-list .normal,
table.tbl-nbc-list .normal {
	background-color: #FFFFFF;
}

/* 偶数行 */
table.tbl-b-list .even,
table.tbl-bc-list .even,
table.tbl-nb-list .even,
table.tbl-nbc-list .even {
	background-color: #FFFFCC;
}

/* アクティブ行 */
table.tbl-b-list .active,
table.tbl-bc-list .active,
table.tbl-nb-list .active,
table.tbl-nbc-list .active {
	background-color: #ffefa5;
}

/*
 * 一覧テーブル（ボーダー）
 **************************************/
/* tr／td */
table.tbl-b-list tr,
table.tbl-bc-list tr,
table.tbl-b-list td,
table.tbl-bc-list td {
	border: 1px solid #CCCCCC;
}

/*
 * インフォメーションタイトル
 **************************************/
/* インフォメーションタイトル */
.info-title {
	width: 520px;
}

/* タイトルレフト */
.info-title-left {
	font-size: 80%;
	text-align: left;
	vertical-align: middle;
}

/* タイトルセンター */
.info-title-center {
	font-size: 80%;
	text-align: right;
	vertical-align: middle;
}

/* タイトルライト */
.info-title-right {
	font-size: 80%;
	width: 60px;
	text-align: right;
	vertical-align: middle;
}

/* 詳細タイトル */
.title-dtl-h4 {
	background-image: url(../img/ttl_dtl_h4.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	padding-left: 20px;
	margin-bottom: 5px;
}

/*
 * 画面固定文言
 **************************************/
/* 画面タイトル */
span.title-page{
	font-size:16px;
	font-weight:bold;
}

/* 画面サブタイトル */
span.title-sub {
}
/* 画面サブタイトルポインタ */
span.title-sub .pointer {
	color:#5E8BB4;
}

/*
 * メッセージ設定
 **************************************/
/* インフォメーションメッセージ */
span.msg-info {
    color: #0000FF;
}
/* 警告メッセージ */
span.msg-warn {
    color: #FF0000;
}
/* 異常終了メッセージ */
span.msg-err {
    color: #FF0000;
}

/*
 * ボタン
 **************************************/
/* 標準ボタン */
input.button-def{
  width: 80px;
  height: 20px;
  text-align: center;
}

/* メッセージ付横長ボタン */
input.button-msg{
  width:120px;
  height:20px;
  text-align:center;
}

/*
 * 制御
 **************************************/
/* 全角入力テキストボックス */
.ime-on{
	ime-mode:active
}
/* 半角入力テキストボックス */
.ime-off{
	ime-mode:disabled
}

/*
 * その他
 **************************************/
/* ReadOnly */
.read-only {
    background-color : #E6E6FA;
}