/*==================================================================================================================

  【システム名】保養所予約システム
  【ファイル名】base.css(/css/base.css)
  【  機能名  】基本スタイルシート
  【   概要   】
  【  作成日  】2008-01-30
  【  作成者  】DynaX

==================================================================================================================*/
/*******************************************************************************************************************
 基本
*******************************************************************************************************************/
body {
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
}

form {
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
}

table {
/*
  table-layout: fixed;
*/
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
}

td {
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
  word-break: break-all;                  /* 文字列の折返し */
}

select {
  font-family: "ＭＳ Ｐゴシック";
}

a {
  text-decoration: none;
}
a:link {
  color: #4060BF;
}
a:visited {
  color: #4060BF;
}
a:hover {
  color: #607ACA;
}
a:active {
  color: #607ACA;
}

select {
  &::-ms-value {
    background: none;
    color: #000;
  }
}

/*---------------------------------------------------
 フォント
---------------------------------------------------*/
/* フォント個別指定 */
.font_meiryo {
  font-family: "Meiryo UI","ＭＳ ゴシック";
}

.font_hiragino {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*---------------------------------------------------
 リンク
---------------------------------------------------*/
/* リンク（下線なし） */
a.noline {
  text-decoration: none;
}
/* リンク（画像リンク、サイズ小） */
a.linkbutton_s {
  padding: 2px;
  display: block;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height:auto;
  width:70px;
  background-image: url(../img/button_normal_1b.png);
  background-repeat: repeat;
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
a.linkbutton_s:link {
  color: #000000;
}
a.linkbutton_s:visited {
  color: #000000;
}
a.linkbutton_s:hover {
  color: #000000;
  width:70px;
  background-image: url(../img/button_normal_1g.png);
}
a.linkbutton_s:active {
  color: #000000;
}

/* リンク（画像リンク、サイズ標準） */
a.linkbutton {
  padding: 2px;
  display: block;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: auto;
  width: 95px;
  background-image: url(../img/button_normal_1b.png);
  background-repeat: repeat;
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
a.linkbutton:link {
  color: #000000;
}
a.linkbutton:visited {
  color: #000000;
}
a.linkbutton:hover {
  color: #000000;
  background-image: url(../img/button_normal_1g.png);
}
a.linkbutton:active {
  color: #000000;
}

/* リンク（画像リンク、サイズ小） */
a.linkbutton_s_disabled {
  color: #878787;
  padding: 2px;
  display: block;
  border: 1px #c4c4cf solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height:auto;
  width:70px;
  background-image: url(../img/button_normal_1b.png);
  background-repeat: repeat;
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
a.linkbutton_s_disabled:link {
  color: #878787;
}
a.linkbutton_s_disabled:visited {
  color: #878787;
}
a.linkbutton_s_disabled:hover {
  color: #878787;
  width:70px;
}
a.linkbutton_s_disabled:active {
  color: #878787;
}

/* リンク（画像リンク、サイズ小、強調表示（赤）） */
a.linkbutton_red_s {
  padding: 2px;
  display: block;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: auto;
  width: 70px;
  background-image: url(../img/button_red_1.png);
  background-repeat: repeat;
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
a.linkbutton_red_s:link {
  color: #000000;
}
a.linkbutton_red_s:visited {
  color: #000000;
}
a.linkbutton_red_s:hover {
  color: #000000;
  width:70px;
  background-image: url(../img/button_normal_2b.png);
}
a.linkbutton_red_s:active {
  color: #000000;
}

/* リンク（画像リンク、サイズ標準、強調表示（赤）） */
a.linkbutton_red {
  padding: 2px;
  display: block;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: auto;
  width: 95px;
  background-image: url(../img/button_red_1.png);
  background-repeat: repeat;
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
a.linkbutton_red:link {
  color: #000000;
}
a.linkbutton_red:visited {
  color: #000000;
}
a.linkbutton_red:hover {
  color: #000000;
/*  background-image: url(../img/button_normal_1g.png); */
  background-image: url(../img/button_normal_2b.png);
}
a.linkbutton_red:active {
  color: #000000;
}
/* リンク（画像リンク、PDF出力用） */
a.linkbutton_td {
  padding: 2px;
  display: block;
  border: 1px slategray solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: auto;
  width: 70px;
  background-image: url(../img/button_normal_3b.png);
  background-repeat: repeat;
	font-family: "Meiryo UI","ＭＳ ゴシック","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
  font-weight: normal;
  box-sizing: border-box;
}
a.linkbutton_td:link {
  color: #000000;
}
a.linkbutton_td:visited {
  color: #000000;
}
a.linkbutton_td:hover {
  color: #000000;
  background-image: url(../img/button_normal_3g.png);
}
a.linkbutton_td:active {
  color: #000000;
}
/* リンク（画像リンク、PDF出力用） */
a.linkbutton_pdf {
  padding: 2px;
  display: block;
  border: 1px slategray solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: auto;
  width: 95px;
  background-image: url(../img/button_normal_3b.png);
  background-repeat: repeat;
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
a.linkbutton_pdf:link {
  color: #000000;
}
a.linkbutton_pdf:visited {
  color: #000000;
}
a.linkbutton_pdf:hover {
  color: #000000;
  background-image: url(../img/button_normal_3g.png);
}
a.linkbutton_pdf:active {
  color: #000000;
}
/* リンク（画像リンク、サイズ大） */
a.linkbutton_big {
  padding: 12px;
  display: block;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 40px;
  width: 120px;
  background-image: url(../img/button2.png);
  background-repeat: no-repeat;
}
a.linkbutton_big:hover {
  color: #000000;
  background-image: url(../img/button3.png);
}
a.linkbutton_big:link {
  color: #000000;
}
a.linkbutton_big:visited {
  color: #000000;
}
a.linkbutton_big:active {
  color: #000000;
}
/* リンク（画像リンク、サイズ大） */
a.linkbutton_large {
  padding: 6px;
  display: block;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 40px;
  width: 120px;
  background-image: url(../img/button2.png);
  background-repeat: no-repeat;
}
a.linkbutton_large:hover {
  color: #000000;
  background-image: url(../img/button3.png);
}
a.linkbutton_large:link {
  color: #000000;
}
a.linkbutton_large:visited {
  color: #000000;
}
a.linkbutton_large:active {
  color: #000000;
}


/* リンク（強調表示） */
a.bold_link {
  font-weight: bold;
}
a.bold_link:link {
  color: #cce5ff;
}
a.bold_link:visited {
  color: #cce5ff;
}
a.bold_link:hover {
  color: #7fbfff;
}
a.bold_link:active {
  color: #7fbfff;
}

/* リンク（食事メニュー） */
a.link_menu {
  padding: 3px;
  display: block;
  border: 1px #DDDDEE solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  height: 30px;
  width: 130px;
  background-image: url(../img/dish1.png);
  background-repeat: repeat;
}
a.link_menu:link {
  color: #000000;
  background-image: url(../img/dish1.png);
}
a.link_menu:visited {
  color: #000000;
  background-image: url(../img/dish1.png);
}
a.link_menu:hover {
  color: #000000;
  background-image: url(../img/dish2.png);
}
a.link_menu:active {
  color: #000000;
  background-image: url(../img/dish2.png);
}


a.disabled{
    pointer-events: none;
}

/*---------------------------------------------------
 フォームオブジェクト用
---------------------------------------------------*/
.text {
  font-size: 12px;
  font-weight: normal;
  font-family: "ＭＳ Ｐゴシック";
  text-align: left;
  color: #000000;
  background-color: #FFFFFF;
}

.button {
  font-size: 12px;
  font-weight: normal;
  font-family: "ＭＳ Ｐゴシック";/*
  color: #000000;
  background-color: buttonface;*/
}
.submit {
  font-size: 12px;
  font-weight: normal;
  font-family: "ＭＳ Ｐゴシック";/*
  color: #000000;
  background-color: buttonface;*/
}

/*---------------------------------------------------
 入力値属性
---------------------------------------------------*/
/* テキスト型(日本語ON) */
.textj {
  font-size: 12px;
  font-weight: normal;
  font-family: "ＭＳ Ｐゴシック";
  text-align: left;
  color: #000000;
  /*background-color: #FFFFFF;*/
  ime-mode: active;
}
/* 数値 */
.number {
  font-size: 12px;
  font-weight: normal;
  font-family: "ＭＳ Ｐゴシック";
  text-align: right;
  color: #000000; 
  /*background-color: #FFFFFF;*/
  ime-mode: disabled;
}
/* 数値左寄せ */
.number_l {
  font-size: 12px;
  font-weight: normal;
  font-family: "ＭＳ Ｐゴシック";
  text-align: left;
  color: #000000;
  /*background-color: #FFFFFF;*/
  ime-mode: disabled;
}
/* 半角英数字 */
.alpha {
  font-size: 12px;
  font-weight: normal;
  font-family: "ＭＳ Ｐゴシック";
  text-align: left;
  color: #000000;
  /*background-color: #FFFFFF;*/
  ime-mode: disabled;
}
/* 入力不可 */
.readonly {
  font-size: 12px;
  font-weight: normal;
  font-family: "ＭＳ Ｐゴシック";
  text-align: left;
  color: #000000;
  background-color: #000000;
}
/*---------------------------------------------------
 画面レイアウト
---------------------------------------------------*/
#footer {
  clear:both;
  font-size:12px;
  padding:10px 0 10px 10px;
  background-color:#EAEAEA;
  border-top: 1px solid #333333;
  margin-top:20px;
}

/* オブジェクト非表示 */
.nonedisp {
  display: none;
}
/* 罫線無し */
.noneborder {
  border: none;
}
/* 左寄せ */
.alignleft {
 align: left;
}
/* 中央寄せ */
.aligncenter {
 align: center;
}
/* 右寄せ */
.alignright {
 align: right;
}
/* 太字 */
.textbold {
  font-weight:bold;
}


/*---------------------------------------------------
 文字色
---------------------------------------------------*/
/* 赤 */
.redcolor {
  color: red;
}
/* 灰 */
.greycolor {
  color: gray;
}
/* 濃灰色 */
.darkgray {
  color: #4e4a4a;
}

/*---------------------------------------------------
 背景色
---------------------------------------------------*/
/* 橙色 */
.bg_orange {
  background-color: #FFDF80;
}

/*---------------------------------------------------
 メッセージ
---------------------------------------------------*/
/* エラーメッセージ */
.err {
  font-size: 12px;
  font-weight: bold;
  font-family: "Meiryo UI","ＭＳ ゴシック";
  text-align: center;
  color: #FF0000;
}
/* エラーメッセージ以外の表示メッセージ */
.msg {
  font-size: 12px;
  font-weight: bold;
  font-family: "Meiryo UI","ＭＳ ゴシック";/*
  text-align: center;*/
  color: #000000;
}
/* 重要な説明 */
.imp {
  font-size: 12px;
  font-weight: normal;
  font-family: "Meiryo UI","ＭＳ ゴシック";
  text-align: left;
  color: #FF0000;
}
/* 重要な説明（中央寄せ） */
.imp_center {
  font-size: 12px;
  font-weight: normal;
  font-family: "Meiryo UI","ＭＳ ゴシック";
  text-align: center;
  color: #FF0000;
}

.member_guide {
  font-size  : 12pt;
  font-weight: nomal;
  text-align : left;
  color      : #1c1b1b;
}

/*---------------------------------------------------
 テーブル
---------------------------------------------------*/
/* table線なし */
.table_noline_menu {
  border: 0px;
  color: #000000;
  border-spacing:0;
  margin:0px;
  padding:0px;
  border-collapse: collapse;
}

.table_noline {
  border: 0px;
/*
  table-layout: fixed;
*/
  font-size: 12px;
  color: #000000;
  border-spacing:0;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
  border-collapse: collapse;
}
/* table線あり（細線） */
.table_line {
  border: 1px #AAAAAA solid;
  border-collapse: collapse;
/*
  table-layout: fixed;
*/
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  border-spacing:0;
  border-collapse: collapse;
  font-family: "ＭＳ ゴシック";
}
/* table線あり（太線） */
.table_linebold {
  border: 2px #AAAAAA solid;
  border-collapse: collapse;
/*
  table-layout: fixed;
*/
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  border-spacing:0;
  border-collapse: collapse;
  font-family: "ＭＳ ゴシック";
}
/* th線なし */
.th_noline {
  border: 0px;
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
}
/* th線あり（細線） */
.th_line {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
}
/* th線あり（太線） */
.th_linebold {
  border: 2px #AAAAAA solid;
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
}
/* td線なし */
.td_noline {
  border: 0px;
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
}
/* td縦線なし */
.td_row_noline {
  border: 1px #AAAAAA solid;
  border-width: 1px 0px;
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
}
/* td線あり（細線） */
.td_line {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  color: #000000; 
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
  padding: 2px;
  box-sizing: border-box;
}
/* td線あり（太線） */
.td_linebold {
  border: 2px #AAAAAA solid;
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
}
/* グループ分け(table) */
.table_group {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  color: #000000;
  background-color: #F7F7F7;
  border-spacing:0;
  border-collapse: collapse;
  margin-top: 0px;
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
/* グループ分け(th) */
.th_group {
  border: 1px #AAAAAA solid;
  background-color: #99CCFF;
  font-size: 16px;
  color: #000000;
  margin-top: 0px;
  font-family: "Meiryo UI","ＭＳ ゴシック";
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
/* グループ分け(td) */
.td_group {
  border: 1px #AAAAAA solid;
  background-color: #F7F7F7;
  font-size: 14px;
  color: #000000;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
/* 非表示行 */
.clear_row {
  display: none;
}
/*---------------------------------------------------
 ヘッダ項目
---------------------------------------------------*/
/* ヘッダ項目左寄せ */
.head_l {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  color: #000000;
/*  background-color: #bbe2f1;*/
  background-color:#f5f5f5;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  box-sizing: border-box;
}
/* ヘッダ項目中央寄せ */
.head_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #000000;
/*  background-color: #bbe2f1;*/
  background-color:#f5f5f5;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
/* ヘッダ項目右寄せ */
.head_r {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  color: #000000;
/*  background-color: #bbe2f1;*/
  background-color:#f5f5f5;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 10px;
  box-sizing: border-box;
}
/*---------------------------------------------------
 タイトル項目
---------------------------------------------------*/
/* タイトル左寄せ */
.title_l {
  border: 1px #AAAAAA solid;
  color: #FFFFFF;
  font-size: 14px;
  font-weight:bold;
  text-align: left;
  background-color: #3264c8;
  padding-left: 10px;
  padding: 5px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* タイトル中央寄せ */
.title_c {
  border: 1px #AAAAAA solid;
  color: #FFFFFF;
  font-size: 14px;
  font-weight:bold;
  text-align: center;
  background-color: #3264c8;
  word-break       : keep-all;
  padding: 5px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* タイトル右寄せ */
.title_r {
  border: 1px #AAAAAA solid;
  color: #FFFFFF;
  font-size: 14px;
  font-weight:bold;
  text-align: right;
  background-color: #3264c8;
  padding-right: 10px;
  padding: 5px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* 区分タイトル左寄せ */
.class_l {
  border: 1px #AAAAAA solid;
  color: #000000;
  font-size: 14px;
  font-weight:bold;
  text-align: left;
  background-color: #77A0FF;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* 区分タイトル中央寄せ */
.class_c {
  border: 1px #AAAAAA solid;
  color: #000000;
  font-size: 14px;
  font-weight:bold;
  text-align: center;
  background-color: #FFBBBB;
  padding-top: 2px;
  padding-bottom: 2px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* 区分タイトル右寄せ */
.class_r {
  border: 1px #AAAAAA solid;
  color: #000000;
  font-size: 14px;
  font-weight:bold;
  text-align: right;
  background-color: #FFBBBB;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/*---------------------------------------------------
 データ項目
---------------------------------------------------*/
/* 項目名左寄せ */
.item_l {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  /*font-weight:bold;*/
  background-color:#e6e6e6;
  text-align: left;
  padding           : 4px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* 項目名中央寄せ */
.item_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  background-color:#e6e6e6;
  text-align: center;
  padding           : 4px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* 項目名右寄せ */
.item_r {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  /*font-weight:bold;*/
  background-color:#e6e6e6;
  text-align: right;
  padding           : 4px;
  border-collapse: collapse;
  box-sizing: border-box;
}

/*---------------------------------------------------
 データ項目
---------------------------------------------------*/
/* 項目名左寄せ */
.lst_item_l {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  /*font-weight:bold;*/
  background-color:#e6e6e6;
  text-align: left;
  padding           : 4px 2px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* 項目名中央寄せ */
.lst_item_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  background-color:#e6e6e6;
  text-align: center;
  padding           : 4px 2px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* 項目名右寄せ */
.lst_item_r {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  /*font-weight:bold;*/
  background-color:#e6e6e6;
  text-align: right;
  padding           : 4px 2px;
  border-collapse: collapse;
  box-sizing: border-box;
}

/*---------------------------------------------------
 データ項目
---------------------------------------------------*/
/* 項目名左寄せ */
.m_item_l {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  background-color:#e6e6e6;
  text-align: left;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
/* 項目名中央寄せ */
.m_item_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  background-color:#e6e6e6;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
/* 項目名右寄せ */
.m_item_r {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  background-color:#e6e6e6;
  text-align: right;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}

/* 必須項目名左寄せ */
.need_l {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  font-weight:bold;
  color: #FF0000;
  text-align: left;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
/* 必須項目名中央寄せ */
.need_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  font-weight:bold;
  color: #FF0000;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
/* 必須項目名右寄せ */
.need_r {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  font-weight:bold;
  color: #FF0000;
  text-align: right;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
/* データ項目左寄せ */
.data_l {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: left;
  padding: 8px;
  box-sizing: border-box;
}
/* データ項目中央寄せ */
.data_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: center;
  padding: 8px;
  box-sizing: border-box;
}
/* データ項目右寄せ */
.data_r {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: right;
  padding: 8px;
  box-sizing: border-box;
}
/* データ項目左寄せ */
.sml_data_l {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: left;
  padding: 4px;
  box-sizing: border-box;
}
/* データ項目中央寄せ */
.sml_data_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: center;
  padding: 4px;
  box-sizing: border-box;
}
/* データ項目右寄せ */
.sml_data_r {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: right;
  padding: 4px;
  box-sizing: border-box;
}
/* データ項目左寄せ */
.sch_data_l {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: left;
  padding: 4px 8px;
  box-sizing: border-box;
}
/* データ項目中央寄せ */
.sch_data_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: center;
  padding: 4px 8px;
  box-sizing: border-box;
}
/* データ項目右寄せ */
.sch_data_r {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: right;
  padding: 4px 8px;
  box-sizing: border-box;
}
/* データ項目左寄せ */
.lst_data_l {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: left;
  padding: 8px 4px;
  box-sizing: border-box;
}
/* データ項目中央寄せ */
.lst_data_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: center;
  padding: 8px 4px;
  box-sizing: border-box;
}
/* データ項目右寄せ */
.lst_data_r {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: right;
  padding: 8px 4px;
  box-sizing: border-box;
}

/* データ項目中央寄せ(細幅) */
.mente_data_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  text-align: center;
  padding: 8px 4px;
  box-sizing: border-box;
}
/* 行項目1（背景：白） */
.tr_white {
  font-size: 12px;
  background-color: #FFFFFF;
}
/* 行項目2（背景：灰色） */
.tr_grey {
  font-size: 12px;
  background-color: #F5F5F5;
}
/* 行項目3（背景：黄色） */
.tr_yellow {
  font-size: 12px;
  background-color: #FFFFEE;
}

/* タイトル中央寄せ */
.melmaga_title_c {
  border: 1px #AAAAAA solid;
  color: #5a6629;
  font-size: 14px;
  font-weight:bold;
  text-align: center;
  background-color: #d2e572;
  word-break       : keep-all;
  padding: 5px;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* ヘッダ項目中央寄せ */
.melmaga_head_c {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #5a6629;
  background-color: #d6e589;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
/* 項目名左寄せ */
.melmaga_item_l {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  background-color:#dae5a0;
  color: #5a6629;
  text-align: left;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
#melmaga_header_title {
  background-color: #dae5a0;
  position:absolute;
  width:600px;
  color: #5a6629;
  height:25px;
  margin-top:0;
  margin-left:0;
}
/* タイトル */
.melmaga_reserve_title {
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  color: #5a6629;
  font-weight: bold;
  text-indent: 5px;
  border: 1px #C0C0C0 solid;
  border-bottom-width: 0px;
  background-color: #dae5a0;
}

/*---------------------------------------------------
 区分コンボ項目
---------------------------------------------------*/
/* 区分背景色１ */
.optgroup.base1 {
  background:#f3f3f3;
}

/* 区分背景色２ */
.optgroup.base2 {
  background:#FFFFFF;
}

/*---------------------------------------------------
 会員登録画面
---------------------------------------------------*/
.input_table {
  border            : 1px solid #a9a9a9;
  border-spacing    : 0px;
  empty-cells       : show;
  padding           : 8px;
  border-collapse   : collapse;
}

/* 登録画面　フィールド */
.RegField {
  font-size: 10pt;
  background-color: #DBEBFB;
  border           : 1px solid #a9a9a9;
  text-align: center;
  word-break: keep-all;
  padding          : 8px;
}
/* 登録画面　項目 */
.RegItem {
  font-size: 10pt;
  background-color: #fbfbfb;
  border           : 1px solid #a9a9a9;
  text-align       : left;
  word-break       : keep-all;
  padding          : 8px;
}
/* 登録画面　値 */
.RegValue {
  font-size: 10pt;
  background-color : #ffffff;
  border           : 1px solid #a9a9a9;
  text-align       : left;
  word-break       : keep-all;
  padding          : 8px;
}

/* ボタンスタイル */
.base_button {
  width             : 130px;
  height            : 35px;
  font-size         : 11pt;
  font-weight       : nomal;
  color             : #444444;
}

.button_color {
  background-color  : #e8ff66;
}

.login_input {
  font-size         : 12pt;
  color             : #000000;
  background-color  : #FFFFFF;
  ime-mode          : disabled;
  width             : 98%;
}

.auxiliary {
  font-family: "Meiryo UI","ＭＳ ゴシック";
  font-size         : 9pt;
  color             : #4d4d4d;
}

a.tempbutton {
  display: block;
  border: 1px #1a5400 solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  line-height: 34px;
  height: 34px;
  width: 50px;
  background-image: url(../img/temp_button.png);
  background-repeat: x-repeat;
  font-weight: nomal;
  font-size: 11pt;
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
a.tempbutton:link {
  color: #2d5612;
}
a.tempbutton:visited {
  color: #2d5612;
}
a.tempbutton:hover {
  color: #505050;
  background-image: url(../img/temp_ao_button.png);
}
a.tempbutton:active {
  color: #505050;
}

a.detailbutton {
  display: block;
  border: 1px #606060 solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  line-height: 34px;
  height: 34px;
  width: 50px;
  background-image: url(../img/detail_button.png);
  background-repeat: x-repeat;
  font-weight: nomal;
  font-size: 11pt;
  font-family: "Meiryo UI","ＭＳ ゴシック";
}
a.detailbutton:link {
  color: #505050;
}
a.detailbutton:visited {
  color: #505050;
}
a.detailbutton:hover {
  color: #505050;
  background-image: url(../img/temp_ao_button.png);
}
a.detailbutton:active {
  color: #505050;
}


/*---------------------------------------------------
 ログイン画面
---------------------------------------------------*/
.login_guide {
  font-size  : 13pt;
  font-weight: nomal;
  text-align : center;
  color      : #444444;
}

/*---------------------------------------------------
 取消ボタン
---------------------------------------------------*/
.undoButton {
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 5px;
    background-color: #a22;
    color: #fff;
    border-style: none;
}

.undoButton:hover .undoButton.hover {
    background-color: #24d;
}