/*******************************************************************************
 *
 *  WebDev2共通スタイルシート
 *  
 *  @author   IBM.Sugimura
 *  @history  xxxx/xx/xx  新規作成
 *            2011/07/21  #headerにFireFox用グラデーション設定追加
 *            2011/07/21  #captionにFireFox用グラデーション設定追加
 *            2014/02/23  rowColor0のbackground-colorを#efffffに変更
 *            2014/03/16  excel風tableの表示属性追加
 *            2014/08/01  フォントを"Meiryo UI"に変更
 *            2014/11/11  フォントの"Meiryo UI"変更漏れ修正
 *            2014/11/20  ".rowColor0"に"color:#000000;"を追加
 *            2014/11/20  ".rowColor1"に"color:#000000;"を追加
 *            2014/11/20  ".rowColor2"に"color:#000000;"を追加
 *            2016/11/08  適用されない無効な記述削除
 *            2019/12/20  スマホでのフォントサイズ自動調整無効化追加
 ******************************************************************************/

/******************/
/*  疑似セレクタ  */
/******************/
/**
 *  入力部の[x]ボタン非表示
 */
input::-ms-clear {
  visibility:         hidden;
  display:            none;
}
input::-ms-reveal {
  visibility:         hidden;
  display:            none;
}

/**********************/
/*  タイプ・セレクタ  */
/**********************/
body {
  margin:             0px;
  overflow-y:         scroll;  /* 縦スクロール設定 */
  overflow-x:         hidden;  /* 横スクロール設定 */
/*  background-image:   url(../resources/img/wallpaper.jpg); */  /* 壁紙 */
/*  background-repeat:  repeat; */
  -webkit-text-size-adjust: 100%;  /* スマホでのフォントサイズ自動調整無効化 */
}
body, input, p, th td {
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  word-wrap:          normal;
}

/*******************/
/*  classセレクタ  */
/*******************/
/**
 *  ブロック見出し
 */
.caption {
  padding-top:        1pt;
  padding-left:       5pt;
  width:              100%;
  border-style:       none;
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          12pt;
  font-style:         normal;
  font-weight:        normal;
  color:              #ffffff;
  text-align:         left;
  background-color:   #0099cc;
}
/**
 *  項目見出し用の表示属性
 */
.label {
  display:            inline-block;
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  padding:            0px;
  font-weight:        normal;
  text-align:         left;
  color:              #000000;
  border-style:       solid;
  border-width:       1px 1px 1px 1px;
  border-color:       #daeef3;
  background-color:   #daeef3;
  height:             20px;
}
/**
 *  項目値用の表示属性
 */
.value {
  display:            inline-block;
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  padding:            0px;
  font-weight:        normal;
  text-align:         left;
  color:              #000000;
  border-style:       solid;
  border-width:       0px 0px 0px 0px;
  border-color:       #b6bfc6;
  background-color:   #ffffff;
  height:             20px;
}

/**
 *  dataTableのcolumnClassesプロパティ用(セル設定)
 */
.columnColor{
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  font-weight:        normal;
  color:              #000000;
  vertical-align:     middle;
  margin:             0px;
  padding:            0px;
  text-align:         left;
  height:             20px;
  white-space:        nowrap;
  word-wrap:          normal;
}
/**
 *  dataTableのheaderClassプロパティ用(カラムヘッダー設定)
 */
.tableHeader{
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  font-weight:        normal;
  color:              #000000;
/*  background-color:   #99ccff; */
  text-align:         left;
  white-space:        nowrap;
  word-wrap:          normal;
  padding:            0px;
  border:             0px;
}
/**
 *  dataTableのrowClassesプロパティ用(各行の縞模様：奇数教)
 */
.rowColor0{
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  font-weight:        normal;
  color:              #000000;
  background-color:   #ffffff;
  text-align:         left;
  color:              #000000;
  white-space:        nowrap;
  word-wrap:          normal;
}
/**
 *  dataTableのrowClassesプロパティ用(各行の縞模様：偶数教)
 */
.rowColor1{
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  font-weight:        normal;
  color:              #000000;
  background-color:   #f2f2f2;
  text-align:         left;
  color:              #000000;
  white-space:        nowrap;
  word-wrap:          normal;
}
/**
 *  dataTableのselectedClassプロパティ用(選択行)
 */
.rowColor2{
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  font-weight:        normal;
  color:              #000000;
  background-color:   #c5d5f1;
  text-align:         left;
  color:              #000000;
  white-space:        nowrap;
  word-wrap:          normal;
}
/**
 *  dataTableの中止行
 */
.rowColorEnabled{
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  font-weight:        normal;
  color:              #000000;
  background-color:   #FFFFFF;
  text-align:         left;
  color:              #000000;
  white-space:        nowrap;
  word-wrap:          normal;
}
.rowColorDisabled{
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  font-weight:        normal;
  color:              #000000;
  background-color:   #FFC0C0;
  text-align:         left;
  color:              #000000;
  white-space:        nowrap;
  word-wrap:          normal;
}
/**
 *  excel風tableの表示属性：隣接する線を重ねて表示
 */
.excelline {
  border-collapse:    collapse;
  table-layout:       fixed;
}
/**
 *  excel風tableの表示属性：隠し＜ｔｒ＞用
 */
.excel-hidden-tr {
  height:             0px;
}
/**
 *  excel風tableの表示属性：上下左右すべての線を非表示
 */
.excelline-none {
  border-style:       none;
}
/**
 *  excel風tableの表示属性：すべての線を表示
 */
.excelline-all {
  border:             1px solid #000000;
}
/**
 *  excel風tableの表示属性：上非表示
 */
.excelline-top-none {
  border-top-style:   none;
}
/**
 *  excel風tableの表示属性：下非表示
 */
.excelline-bottom-none {
  border-bottom-style:none;
}
/**
 *  excel風tableの表示属性：左非表示
 */
.excelline-left-none {
  border-left-style:  none;
}
/**
 *  excel風tableの表示属性：右非表示
 */
.excelline-right-none  {
  border-right-style: none;
}
/**
 *  メニューボタンの背景色
 */
.menu-sub-btn  {
  background: #fff;
}


/****************/
/*  IDセレクタ  */
/****************/

/**
 *  ヘッダー部全体
 */
#header {
  height:             30px;
  width:              100%;
  border-style:       solid;
  border-width:       0px 0px 1px 0px;
  border-color:       #0000ff;
  background-color:   #2467a1;
  /* background-image:   url(../../resources/img/header_bg.gif); */
  background-repeat:  repeat-x;
}

/**
 *  ヘッダー内のロゴ部
 */
#logo{
  float:              left;
  margin:             5px 10px;
  width:              230px;
  height:             22px;
  background-color:   transparent;
  background-image:   url(../../resources/img/header_logo2.gif);
  background-repeat:  no-repeat;
}
/**
 *  ヘッダー内のお知らせ部
 */
#newsarea{
  float:              left;
  margin-top:         7px;
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          11pt;  
  font-weight:        bold;
}
/**
 *  ヘッダー内の画面名
 */
#jspname {
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          12pt;
  font-weight:        normal;
  color:              #000000;
  position:           absolute;
  bottom:             2px;
  left:               200px;
}
/**
 *  ヘッダー内のログインユーザー部
 */
#user {
  float:              right;
  margin-top:         7px;
  margin-right:       10px;
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          9pt;
  font-weight:        normal;
  color:              #ffffff;
}
#user ul {
  margin:             0;
}
#user li {
  float:              left;
  margin-left:        15px;
  list-style:         none;
}
/**
 *  パンくず部
 */
#navi {
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          9pt;
  font-weight:        normal;
  color:              #000000;
  padding-top:        1pt;
  padding-left:       4pt;
  padding-right:      4pt;
  background-color:   #cecee7;
  border-style:       solid;
  border-width:       0px 0px 1px 0px;
  border-color:       #0000ff;
  height:             20px;
  width:              100%;
}
/**
 *  エラーメッセージ部
 */
#msg {
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  font-weight:        bold;
  color:              #ff0000;
  padding-top:        1pt;
  padding-left:       4pt;
  padding-right:      4pt;
  border-style:       solid;
  border-width:       0px 0px 0px 0px;
  border-color:       #CC9933;
  height:             auto;       /* エラーメッセージが有る場合のみ表示される様にauto */
  width:              99%;        /* 99%にする事で、スクロールバーの重なり防止 */
/*  max-height:         50px; */
  overflow-y:         auto;
  overflow-x:         hidden;
}
/**
 *  アプリケーション部
 */
#appl {
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          10pt;
  font-weight:        normal;
  color:              #000000;
  padding:            8px;
  border-style:       solid;
  border-width:       0px 0px 0px 0px;
  border-color:       #CC9933;
  width:              100%;
  height:             auto;
  overflow:           auto;  /* スクロールバーを有効にするには、height+widthに絶対値を設定する事 */
}
/**
 *  フッター部
 */
#footer {
  text-align:         center;
  font-family:        "Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size:          9pt;
  font-weight:        normal;
  color:              #888888;
  padding-top:        1pt;
  padding-left:       4pt;
  padding-right:      4pt;
  position:           fixed; /* 相対位置 */
  bottom:             0px;
  height:             30px;     /* フッター高さ */
  width:              100%;
  border-style:       solid;
  border-width:       1px 0px 1px 0px;
  border-color:       #CC9933;
  background-color:   #e7e7ce;
}
/**
 *  ヘッダー内のリンク
 */
#header a:link, #header a:visited, #header a:active {
  color:              #ffffff;
  text-decoration:    underline;
}

/**
 *  ログインID・パスワード
 */
#loginid, #loginpass {
  width:              500px;
}

/****************************/
/*  IDセレクタ（スマホ用）  */
/****************************/
@media screen and (max-width:1041px) {
  
  /**
   *  ヘッダー部全体
   */
  #header {
    padding-top:        5px;
    height:             100%;
    background-size:    contain;
  }
  /**
   *  ヘッダー内のロゴ部
   */
  #logo{
    float:              none;
    margin-top:         0px;
    margin-right:       5px;
    width:              190px;
  }
  /**
   *  ヘッダー内のお知らせ部
   */
  #newsarea{
    float:              none;
    margin-left:        10px;
  }
  /**
   *  ヘッダー内のログインユーザー部
   */
  #user {
    float:              none;
  }
  #user ul {
    margin:             5px 0;
    padding-left:       10px;
  }
  #user li {
    float:              none;
    margin-left:        0;
    padding-bottom:     2px;
  }
  
  /**
   *  ログインID・パスワード
   */
  #loginid, #loginpass {
    width:              200px;
  }
}