html, body {
    height: 98%;
}

body {
    scrollbar-base-color: #B6CEED;
}

body.mbody {
    font-size: 13px;
}

span, div, input, textarea, select, table {
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}

select {
    border-bottom-color: #B6CEED;
    border-right-color: #B6CEED;
}

/* コンテナー */
#container {
    position: relative;
    height: 100%;
    min-height: 100%;
    width: 1240px;
    margin: 0 auto;
}

body > #container {
  height: auto;
}

/* メイン */
#main {
    padding-bottom:15px !important;
}

/* フッター */
#footer {
    width: 1240px;
    height: 15px;
    position: absolute;
    bottom: 0;
    text-align:center;
    font-family: "メイリオ", sans-serif;
}

/* ログイン画面(明細表示) */
#loginTopWeb {
    padding-top:250px
}

/* ログイン画面(管理者用) */
#loginTopAdmin {
    padding-top:250px
}

/* TOPメニュー フレームエリア */
#TOP_MENU {
    width: 100%;
    height: 75px;
}

div.div-top-menu {
    width: 1240px;
    margin: 0 auto;
}

table.tbl-top-menu {
    width: 1235px;
    margin: 0 auto;
    border-bottom: 3px solid #1E4779;
}

.tbl-top-menu td {
    width: 14.3%;
    text-align: right;
}

/* TOPメニュー(ロゴのみ) エリア */
#topHeader {
    width: 100%;
    height: 60px;
}

table.tbl-header {
    width: 100%;
    border-bottom: 3px solid #1E4779;
}

.tbl-header td {
    text-align: left;
}

.supplement-common {
    margin: 0 auto;
    text-align: left;
    color: #1E4779;
    font-weight: bold;
    white-space: nowrap;
    word-wrap: break-word;
    overflow-wrap : break-word;
} 

/* ログイン表記補足エリア */
.login-supplement {
    width: 700px;
    margin: 0 auto;
    color: #1E4779;
    font-weight: bold;
    white-space: nowrap;
}

/* お知らせエリア */
#notice-area div {
    //height: 250px;
    height: 150px;
    width: 880px;
    overflow: auto;
    background: #FFFFFF;
    border: 2px solid #000000;
}

.notice-title {
    margin: 3px;
    padding: 0px 0px 0px 5px;
}

.notice-text {
    margin: 0px;
    padding: 0px 0px 5px 50px;
}

/* チェックボックス共通定義 */
input[type="checkbox"] {
    position: relative;
    top: 2px;
}

/* ボタン共通定義 */
input[type="button"] {
    background-color: #B6CEED;
    border-color: #B6CEED;
    color: #1E4779;
    font-weight: bold; 
    font-size: 13px;
    cursor: pointer;
}

/* 非活性ボタン */
.btnDisabled {
    background-color: #DCDCDC !important;
    border-color: #DCDCDC !important;
    color: #A9A9A9 !important;
    cursor: default !important;
}

/* TOPメニューボタン幅 */
.btnMenu {
    width: 160px;
    height: 3em;
}

/* ログインボタン幅 */
.btn01 {
    width: 150px;
    height: 2em;
}

/* 処理ボタン幅 */
.btn02 {
    width: 180px;
    height:2em;
}

/* 非活性ボタン幅 */
//.btn02_disable {
//	background-color: #DCDCDC;
//	border-color: #DCDCDC;
//	width: 180;
//	height: 2em;
//	color: #A9A9A9;
//	font-weight: bold; 
//	font-size: 1em;
//	cursor: default;
//}

/* ボタン幅可変 */
.btn03 {
    width: 100%;
    height: 2em;
}

/* ログイン：入力エリア */
input.txt01 {
    width: 200px;
}

/* テキスト */
td.tbl-lbl01 {
    color: #1E4779;
    font-weight: bold;
    white-space: nowrap;
}

/* 入力不可項目 */
.Nonactive{
    background-color: #DCDCDC;
}

/* メッセージ：table */
td.tbl-lbl02 {
    color: #0066FF;
    font-weight: bold;
}

/* エリア枠：table */
.tbl-area tr,
.tbl-area-noframe tr {
    //height: 36px;
    height: 20px;
}

.tbl-area th {
    width: 180px;
    background: url(images/ui-bg_glass_85_dfeffc_1x400.png) #dfeffc repeat-x 50% 50%;
    padding: 3px;
    //color: #2E6E9E;
    color: #1E4779;
    text-align: center;
}

.tbl-area-noframe th {
    width: 170px;
    padding: 3px;
    color: #1E4779;
    text-align: center;
}

.tbl-area td,
.tbl-area-noframe td {
    //background-color: #FFFFFF;
    padding: 3px;
}

.tbl-frame th, 
.tbl-frame td {
    border: 1px solid #C5DBEC;          /* 外側の枠線 */
}

/* 枠線なし余白 */
.noframe-padding td {
    padding: 4px;
}

/* エリア枠：iframe */
iframe.iframe-area {
    background-color: #E6EEF9;
    border: 2px solid #000000;          /* 外側の枠線 */
}

/* お客さま情報 */
.cust-info {
    height: 20px;
    text-align: left;
    padding-left: 18px;
}

/* エラーメッセージエリア(ログイン) */
.message-area-login {
    height: 30px;
}

.message-area-login span {
    display: table-cell;
    vertical-align: middle;
    color: red;
    font-weight: bold;
}

.message-login {
    padding-left: 30px;
}

/* エラーメッセージエリア(変更画面) */
.message-area-chg {
    height: 30px;
}

.message-area-chg span {
    display: table-cell;
    vertical-align: middle;
    color: red;
    font-weight: bold;
}

.message-chg {
    padding-left: 30px;
}

/* エラーメッセージエリア */
.message-area {
    display: table;
    width: 100%;
    height: 27px;
}

.message-area span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: red;
}

/* エラーメッセージ(入力項目別) */
.message {
    color: red;
   	font-weight: bold;
	text-align:center;
}

/* フォントカラー */
.font-red {
    color: #FF0000;
    font-weight: bold;
}

/* フォントサイズ */
.font-title {
    font-size: 18px;
}

/* 入力エリアカラー */
.radio-area {
    background: url(images/ui-bg_glass_85_dfeffc_1x400.png) #dfeffc repeat-x 50% 50%;
}

/* 入力エリアカラー */
.input-area {
    background-color: #FFF8DC !important;
}

/* 入力エリアカラー */
.input-area-disable {
    background-color: #EEEEEE !important;
}

/*-----------------------------------------------------------------------*/
/* リンク
/*-----------------------------------------------------------------------*/
.link-content a {          /* リンクされた文字 */
    color: #0000FF;
    font-style: normal;
    text-decoration: underline;
}

.link-content a:link {     /* 未訪問のリンク */
    color: #0000FF;
    font-style: normal;
    text-decoration: underline;
}

.link-content a:visited {  /* 訪問後のリンク */
    color: #990099;
    text-decoration: underline;
}

.link-content a:hover {    /* マウスをのせたとき */
    color: #FF0000;
    font-style: normal;
    text-decoration: underline;
}

.link-content a:active {   /* クリック中 */
    text-decoration: none;
}

/* 検索条件／設定項目用----------------------------------------*/
/*-----------------------------------------------------------------------*/
/* エリア枠：table */
table.tbl-area-s {
	background-color: #E6EEF9;
	border: 2px solid #000000;		/* 外側の枠線 */
}

table.tbl-area {
	//background-color: #E6EEF9;
	//background: url(images/ui-bg_glass_85_dfeffc_1x400.png) #dfeffc repeat-x 50% 50%;
	border: 2px solid #000000;		/* 外側の枠線 */
}

/* 必須入力項目 */
th.Notnullfield{
	color: #8B0000;
	font-weight: bold;
	white-space: nowrap;
}

/* 必須入力項目 */
td.Notnullfield{
	color: #8B0000;
	font-weight: bold;
	white-space: nowrap;
}

/* プライマリキー項目 */
.PrimaryKey{
	background-color: #F5F6CE;
}

/*-----------------------------------------------------------------------*/
/* カレンダー 
/*-----------------------------------------------------------------------*/
/*セレクトボックス*/
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em !important;
    line-height: 1.8em !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: auto !important;
}

/*土日の色*/
th.ui-datepicker-week-end {
    color: #00f; !important
}

th.ui-datepicker-week-end:first-child {
    color: #f00;
}

/*table.ui-datepicker-calendar tbody td:first-child a.ui-state-default{color: #F00;}
table.ui-datepicker-calendar tbody td:last-child a.ui-state-default {color: #00F;}
*/

.date-sunday .ui-state-default {
    /*background-image: none;*/
    /*background-color: #FF9999;*/
    color: #F00 !important;
}

.date-saturday .ui-state-default {
    /*background-image: none;*/
    /*background-color: #66CCFF;*/
    color: #00F !important;
}