/* ---------------------------------------------------------------------------*/
/*                            千葉救急医療システム                            */
/*                         県民向け共通スタイルシート                         */
/*                              【ipComon.css】                               */
/* ---------------------------------------------------------------------------*/
/*    ＜使用方法＞                                                            */
/*    １．タイトルに【共通】と記載されているクラス                            */
/*        →そのコメントの意図どおりに限り使用を可とする                      */
/*                                                                            */
/*    ２．タイトルに【業務】と記載されているクラス                            */
/*        →そのタイトルの業務かつコメントの意図どおりに限り使用を可とする    */
/*                                                                            */
/*    ※設定が同一でも、業務が異なる or コメントの意図と異なる場合には        */
/*      各業務ＩＤ.cssに同一の設定のクラスを（別名で）作成し、使用すること。  */
/*                                                                            */
/* ---------------------------------------------------------------------------*/
/*    ＜命名規則＞                                                            */
/*                                                                            */
/*     【 com[共通] ＋ 使用するタグ（目的）の略称 ＋ 使用の意図の略称 】      */
/*                                                                            */
/*           ○使用するタグ（目的）の略称例                                   */
/*             ・ tbl   ：  table タグ                                        */
/*             ・ td    ：  td タグ                                           */
/*             ・ btn   ：  各種ボタン                                        */
/*             ・ font  ：  文字                                              */
/*                                                                            */
/*           ○使用可能文字                                                   */
/*             ・アルファベット                                               */
/*             ・数字                                                         */
/*             ※アンダーバー、ハイフンなどは使用不可                         */
/*                                                                            */
/*           ○タグ直接指定とright,center,leftクラスは頭にcomを付与しない     */
/*                                                                            */
/* ---------------------------------------------------------------------------*/

/******************************************************************************
【共通】                              タグ
*******************************************************************************/
body {
  background-color: #ffffff;
  color: #000000;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
div#main {
  width : 750px;
  background-color: #ffffff;
  color : #000000;
  font-weight : normal;
  padding-top : 20px;
  padding-bottom : 5px;
  padding-left : 20px;
  padding-right : 20px;
}
img {
  border: none;
}

/* --- リンク --- */
a:link.page {
  text-decoration: underline;
  color: #0000ff;
  font-size: 95%;
  font-weight: bold;
}
a:visited.page {
  text-decoration: underline;
  color: #660066;
  font-size: 95%;
  font-weight: bold;
}
a:hover.page {
  text-decoration: none;
  background: #0000ff;
  color: #ffffff;
  font-size: 95%;
  font-weight: bold;
}

/******************************************************************************
【共通】                         業務タイトル
*******************************************************************************/

/* - タイトル - */
.comTdTitle {
  color: #666666;
  font-weight: bold;
}

/* - タイトル画像の下線 - */
.comTdTtlLine {
  font-size: 90%;
  border-style: solid;
  border-color: #999999;
  border-width: 0px 0px 1px 0px;
}

/******************************************************************************
【共通】                    位　置　（センタリング、右寄せ、左寄せ）
*******************************************************************************/
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}

/******************************************************************************
【共通】                           テーブル
*******************************************************************************/

/* -------------------------------------------
  テーブル　基本設定（サイズ、ボーダーなど）
-------------------------------------------- */

/* - 業務共通 - */
.comTblGyoumuCommon {
  width: 750px;
  border-width: 0px;
  border-collapse: collapse;
}
/* - ボーダー塗りつぶし - */
.comTblCollapse {
  border-collapse: collapse;
}
/* - 100% ボーダーなし - */
.comTbl100p {
  width: 100%;
  border-width: 0px;
  border-collapse: collapse;
}
/* - 100% ボーダーあり - */
.comTbl100p1b {
  width: 100%;
  border-width: 1px;
  border-collapse: collapse;
}

/* - 自動改行なし - */
.comTdNowrap {
  white-space: nowrap;
}

/* ---------------------------------------
         テーブル  検索条件表示
--------------------------------------- */

/* - 検索条件表示 - */
.comTdCondTtl, .comTdCondDtl, .comTdSelectCondTtl {
  font-size: 95%;
  padding-left: 10px;
  border-style: solid;
}
    /* - 設定済条件：タイトル - */
    .comTdCondTtl {
      line-height: 18px;
      width: 150px;
      background-color: #efefef;
      border-color: #999999;
      border-width: 0px 0px 1px 0px;
    }
    /* - 設定済条件：詳細 - */
    .comTdCondDtl {
      background-color: #ffffff;
      border-color: #999999;
      border-width: 0px 0px 1px 0px;
    }
    /* - 条件表示：タイトル - */
    .comTdSelectCondTtl {
      font-weight: bold;
      background-color: #66cc66;
      border-color: #99cccc;
      border-width: 2px;
    }


/* ---------------------------------------
      テーブル  一覧・検索結果表示
--------------------------------------- */


/* --- 共通項目 --- */
.comTdHeadLeft, .comTdHeadCenter, .comTdHeadRight,
.comTdHeadLeftL, .comTdHeadLeftC, .comTdHeadLeftR,
.comTdHeadCenterL, .comTdHeadCenterC, .comTdHeadCenterR,
.comTdHeadRightL, .comTdHeadRightC, .comTdHeadRightR {
  font-size: 95%;
  font-weight: bold;
  color: #ffffff;
  background-color: #003399;
  border: 1px #003399 solid;
}

    /* - 左寄せ - */
    .comTdHeadLeft, .comTdHeadLeftL, .comTdHeadLeftC, comTdHeadLeftR {
      text-align: left;
    }
    /* - センタリング - */
    .comTdHeadCenter, .comTdHeadCenterL, .comTdHeadCenterC, .comTdHeadCenterR {
      text-align: center;
    }
    /* - 右寄せ - */
    .comTdHeadRight, .comTdHeadRightL, .comTdHeadRightC, .comTdHeadRightR {
      text-align: right;
    }
    /* - 左側ヘッダ - */
    .comTdHeadLeftL, .comTdHeadCenterL, .comTdHeadRightL {
      border-right-color: #ffffff;
    }
    /* - 中央ヘッダ - */
    .comTdHeadLeftC, .comTdHeadCenterC, .comTdHeadRightC {
      border-right-color: #ffffff;
      border-left-color: #ffffff;
    }
    /* - 右側ヘッダ - */
    .comTdHeadLeftR, .comTdHeadCenterR, .comTdHeadRightR {
      border-left-color: #ffffff;
    }

/* ---------------------------------------
     テーブル　データ入力セル
--------------------------------------- */
.comTdData {
  font-size: 95%;
  color: #000000;
  padding-top: 3px;
  border-style: solid;
  border-color: #003399;
  border-width: 1px;
  background-color: #ffffff;
}

/* ---------------------------------------
     テーブル　背景色付タイトル
--------------------------------------- */
.comTdTtlWhite, .comTdTtlBlue, .comTdTtlGray, .comTdTtlPink, .comTdTtlYellow {
  font-size: 95%;
  font-weight: bold;
  color: #000000;
  padding-top: 3px;
  border-style: solid;
  border-color: #003399;
  border-width: 1px;
}
    /* - 背景：白 - */
    .comTdTtlWhite {
      background-color: #ffffff;
    }
    /* - 背景：水色 - */
    .comTdTtlBlue {
      background-color: #CDEBFC;
    }
    /* - 背景：灰色 - */
    .comTdTtlGray {
      background-color: #CCCCCC;
    }
    /* - 背景：ピンク - */
    .comTdTtlPink {
      background-color: #FFCECE;
    }
    /* - 背景：黄色 - */
    .comTdTtlYellow {
      background-color: #FFFF99;
    }


/* -----------------
      検索結果
------------------- */

/* --- 共通項目 --- */
.comTdDtlNo, .comTdDtlInfo {
  font-size: 95%;
  color: #000000;
  line-height: 150%;
  padding-left: 7px;
  border-width: 1px;
  border-style: solid;
  border-color: #003399;
  white-space: nowrap;
}

    /* - 項番 - */
    .comTdDtlNo {
      width: 5%;
      font-weight: bold;
      background-color: #ffff99;
    }
    /* - 情報 - */
    .comTdDtlInfo {
      width: 95%;
      background-color: #ffffff;
    }

/* ---------------------------------------
         テーブル　奇数列・偶数列
--------------------------------------- */

/* --- 共通項目 --- */
.comTdOdd, .comTdEven {
  font-size: 95%;
  color: #000000;
  line-height: 20px;
  padding-left: 7px;
  padding-right: 7px;
  border-width: 1px;
  border-style: solid;
  border-color: #003399;
}

    /* - 奇数 - */
    .comTdOdd {
      background-color: #ffffff;
    }
    /* - 偶数 - */
    .comTdEven {
      background-color: #CDEBFC;
    }

/* ---------------------------------------
          テーブル　カレンダー
--------------------------------------- */

/* --- 共通項目 --- */
.comTdSat, .comTdSun, .comTdHol {
  font-size: 95%;
  color: #000000;
  line-height: 20px;
  padding-left: 7px;
  border: 1px solid #003399;
}

    /* - 土曜 - */
    .comTdSat {
      background-color: #ccffff;
    }
    /* - 日曜 - */
    .comTdSun {
      background-color: #ffcccc;
    }
    /* - 祝日 - */
    .comTdHol {
      background-color: #ffcc99;
    }


/******************************************************************************
【共通】                            フォント
*******************************************************************************/

/* - 太字 - */
.comFontBold {
  font-weight: bold;
}

/* - 電話番号表示 - */
.comFontTel {
  font-size: 150%;
  font-weight: bold;
}


/******************************************************************************
【共通】                          説明・注意
*******************************************************************************/

/* - 説明フォント - */
.comFontExp {
  font-size: 90%;
  line-height: 110%;
  color: #003366;
}

/* - 注意フォント - */
.comFontAtt {
  font-size: 120%;
  line-height: 130%;
  color: #000000;
  font-weight: bold;
}

/* - 注意背景 - */
.comTdAtt {
  font-size: 90%;
  line-height: 120%;
  color: #000000;
  background-color: #FFFF99;
}


/******************************************************************************
【共通】                           ボタン
*******************************************************************************/
/* - ボタン背景 ＋ センタリング - */
.comTdBtn {
  text-align: center;
  background-color: #3366CC;
}
/* - 通常のボタン - */
.comBtnGeneral {
  font-size: 90%;
  color: #000000;
  text-align: center;
  padding: 1px;
}

/* - 色付きボタン - */
.comBtnWhite, .comBtnBlue, .comBtnGray, .comBtnPink, .comBtnYellow, .comBtnOrange {
  border-width: 1px;
  border-style: outset;
}
    /* - 白色 - */
    .comBtnWhite {
      border-color: #999999;
      background-color: #ffffff;
    }
    /* - 水色 - */
    .comBtnBlue {
      border-color: #0099cc;
      background-color: #cdebfc;
    }
    /* - 灰色 - */
    .comBtnGray {
      border-color: #999999;
      background-color: #cccccc;
    }
    /* - ピンク - */
    .comBtnPink {
      border-color: #ff6666;
      background-color: #ffcece;
    }
    /* - 黄色 - */
    .comBtnYellow {
      border-color: #ffff00;
      background-color: #ffff99;
    }
    /* - オレンジ - */
    .comBtnOrange {
      border-color: #ff9900;
      background-color: #ffcc66;
    }

/******************************************************************************
【共通】                             エラー
*******************************************************************************/
/* ---------------------------------------
             エラーページ
--------------------------------------- */
.comErrorMain {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

/* ---------------------------------------
             エラーメッセージ
--------------------------------------- */
.comFontErr {
  font-size: 100%;
  color: #ff0000;
  font-weight: bold;
}

/******************************************************************************
【共通】                           読み上げ対応
*******************************************************************************/
.comReader {
  margin : 0;
  padding : 0;
  border : none;
  font-size : 0;
  line-height : 0;
  width : 0;
  height : 0;
}


/******************************************************************************
【業務】                            地域選択
*******************************************************************************/

/* --- テーブル --- */
.comTblChiikiSelect {
  width: 700px;
  border-width: 0px;
  border-collapse: collapse;
}

/* --- フォント --- */
/* - 地区 - */
.comFontChiku {
  font-size: 80%;
}
/* - 地域 - */
.comFontChiiki {
  font-weight: bold;
  background-color: #ffffff;
}
/* - 市町村 - */
.comFontShichoson {
  font-size: 80%;
  color: #000000;
  background-color: #ffffff;
}


/* ---------------------------------------
              地域選択画面
--------------------------------------- */
.comTblChiiki {
  width: 100%;
  border: #999999;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  background-color: #0066cc;
}

/* ---------------------------------------
              市町村選択
--------------------------------------- */

/* - 行リンク - */
.comTdGyouLink {
  width: 70px;
  text-align: center;
}
.comFontGyouLink {
  font-size: 80%;
}

/* --- 共通項目 --- */
.comTdGyouHead {
  font-size: 95%;
  font-weight: bold;
  color: #ffffff;
  background-color: #003399;
  border-width: 1px;
  border-style: solid;
  border-color: #003399;
  text-align: left;
}

/* - 行タイトル、「上へ」画像（共通） - */
.comTdGyouTtl, .comTdGyouUp {
  font-size: 95%;
  line-height: 20px;
  background-color: #CDEBFC;
  border-width: 1px;
  border-style: solid;
  border-color: #003399;
  border-left: none;
  border-right:none;
}
    /* - 行タイトル - */
    .comTdGyouTtl {
      width: 675px;
      text-align: left;
      padding-left: 7px;
    }
    /* - 「上へ」画像 - */
    .comTdGyouUp {
      width: 25px;
      text-align: center;
    }

/* - 地区 - */
.comTdChiku {
  width: 175px;
  white-space: nowrap;
}

/* - 市町村・地区一覧 - */
.comTdChikuDtl {
  line-height: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #003399;
}

/* - 画面上部へ - */
.comTdGoTop {
  text-align: right;
  white-space: nowrap;
}


/* ---------------------------------------
              地図表示画面
--------------------------------------- */

/* - 地図＆縮尺を表示するエリア（ＴＤ） - */
.comTdMapArea {
  width: 430px;
}
/* - 地図を表示するテーブル - */
.comTblMapScale {
  width: 420px;
  border-width: 0px;
}
/* - 縮尺表示フォント - */
.comFontScale {
  font-size: 90%;
  line-height: 120%;
}
/* - 地図の縮尺 - */
.comTdNormalScale {
  text-align: center;
  background-color: #cccccc;
}
/* - 地図の縮尺（選択されている縮尺用） - */
.comTdSelectedScale {
  text-align: center;
  background-color: #ffcc66;
}


/******************************************************************************
【共通】                    ヘッダー部 フッター部
*******************************************************************************/
/* ---------------------------------------
             ヘッダー
--------------------------------------- */
/* - ヘッダーライン上（青） - */
.headerBlue {
    background-color: #2E68B2;
}
/* - ヘッダーライン上（薄茶） - */
.headerLBrown {
  font-size: 47%;
  background-color: #cc3333;
}

/* ---------------------------------------
             ナビゲート
--------------------------------------- */
.comFontNavi {
  font-size: 90%;
  padding: 3px;
  color: #000000;
}

a:link.navi {
  color: #003399;
  text-decoration: underline;
}
a:visited.navi {
  color: #003399;
  text-decoration: underline;
}
a:hover.navi {
  color: #003399;
  background: #CDEBFC;
  text-decoration: none;
}

.naviPlace {
  vertical-align: top;
  background: #DDEEFF;
}

/* - ログイン機関 - */
.comFontLogin {
  font-size: 90%;
  color: #000000;
  font-weight: bold;
}
/* - ログオフ - */
.comFontLogOut {
  font-size: 90%;
  color: #000000;
}
/* - ログイン日時 - */
.comFontDate {
  font-size: 85%;
  color: #ffffff;
}
/* - フッター - */
.comFontFooter {
  font-size: 80%;
  color: #ffffff;
}
.comFontFootMenu {
  font-size: 82%;
  line-height: 120%;
}

/* --- メール --- */
.comFont.mail {
  font-size: 80%;
  color: #ffffff;
}

a:link.mail {
  text-decoration: none;
  color: #ffffff;
}
a:visited.mail {
  text-decoration: none;
  color: #ffffff;
}
a:hover.mail {
  text-decoration: none;
  color: #ffffff;
}
a:hover {
  text-decoration: none;
  color: #ff0000;
}

a:active { 
  text-decoration: none;
  color: #FF0000
}

/* 新ヘッダー・フッター */
.white {
  font-size: 80%;
  color: #FFFFFF;
  line-height: 120%;
}
.yellow {
  font-size: 80%;
  color: #FFFF33;
}

.headRight{
  padding-right:5%;
  text-align:right;
}

.comTblHead{
  background-color: #316DB5;
}