/*===================================================================*/
/* 『世代交代』システムスタイルシート                                */
/*===================================================================*/
/*-----------------------------------------------*/
/* お知らせ                                      */
/*-----------------------------------------------*/
.login {
  border-right      : #A9A9A9 2px solid;
  border-top        : #A9A9A9 2px solid;
  border-left       : #A9A9A9 2px solid;
  border-bottom     : #A9A9A9 2px solid;
  margin-top        : 3px;
}

.news {
  border-right      : #DCDCDC 1px solid;
  border-top        : #DCDCDC 1px solid;
  border-left       : #DCDCDC 1px solid;
  border-bottom     : #DCDCDC 1px solid;
  margin-top        : 3px;
}
.news2 {
  border-right      : #DCDCDC 1px solid;
  border-top        : #DCDCDC 1px solid;
  border-left       : #DCDCDC 1px solid;
  border-bottom     : #DCDCDC 1px solid;
  margin-top        : 3px;
}
.news3 {
  border-right      : #DCDCDC 1px solid;
  border-top        : #FFFFFF 0px solid;
  border-left       : #DCDCDC 1px solid;
  border-bottom     : #DCDCDC 1px solid;
  margin-top        : 3px;
}

.news_title {
  border-bottom     : #DCDCDC 1px solid;
  color             : #808080;
  background-color  : #F5F5F5;
  font-size         : 12px;
  font-weight       : bold;
  height            : 12px;
}

.news_date {
  font-size         : 12px;
  color             : #b30000;
}

.news_normal {
  font-size         : 12px;
  color             : #444444;
}
A.newslink:link {
  color             : #444444;
  text-decoration   : none
}
A.newslink:visited {
  color             : #444444;
  text-decoration   : none
}
A.newslink:hover {
  color             : #b30000;
  text-decoration   : underline
}

/*-----------------------------------------------*/
/* BODY                                          */
/*-----------------------------------------------*/
body  {
  color             : #000000;                    /* 文字色         */
  background-color  : #FFFFFF;                    /* 背景色         */
}


/*-----------------------------------------------*/
/* タグ属性                                      */
/*-----------------------------------------------*/

form  {
  margin-top        : 0px;                        /* 余白（上）     */
  margin-bottom     : 0px;                        /* 余白（下）     */
}

td    {
  word-break        : break-all;                  /* 文字列の折返し */
}

span  {
  word-break        : break-all;                  /* 文字列の折返し */
}

div   {
  word-break        : break-all;                  /* 文字列の折返し */
}

p     {
  word-break        : break-all;                  /* 文字列の折返し */
}

a     {
  word-break        : break-all;                  /* 文字列の折返し */
}

a:link     { color: blue }                        /* unvisited links */
a:visited  { color: blue }                        /* visited links   */
a:hover    { color: orange;text-decoration:none}  /* hover links     */

/*-----------------------------------------------*/
/* 表示属性用クラス                              */
/*-----------------------------------------------*/
.bodyEdit  {
  margin-top        : 0px;                        /* 余白（上）     */
  margin-bottom     : 0px;                        /* 余白（下）     */
  margin-right      : 0px;                        /* 余白（左）     */
  margin-left       : 0px;                        /* 余白（右）     */
}


/* 標準 */
.default            {
  font-size         : 10pt;                       /* フォントサイズ */
  font-family       : "ＭＳ ゴシック";            /* フォント名     */
}

/* ページタイトル */
.pageTitle          {
  font-size         : 12pt;                       /* フォントサイズ */
  font-weight       : bold;                       /* フォントの太さ */
}

/* メニューリンク */
.menuLink           {
  font-size         : 90%;                        /* フォントサイズ */
  font-weight       : bold;                       /* フォントの太さ */
}

/* メニュー軌跡 */
.menuLink        {
  font-size         : 80%;                        /* フォントサイズ */
}

/* スケジュール内容 */
.calendarFontsize{
  font-size         : 80%;                        /* フォントサイズ */
}

/* グループヘッダー */
.groupHeader        {
  font-size         : 12pt;                       /* フォントサイズ */
  font-weight       : bold;                       /* フォントの太さ */
  color             : #FFFFFF;                    /* 文字色         */
  background-color  : #0099FF;                    /* 背景色         */
  padding-top       : 5px;                        /* 内側余白（上） */
  padding-bottom    : 5px;                        /* 内側余白（下） */
  padding-left      : 10px;                       /* 内側余白（左） */
  padding-right     : 10px;                       /* 内側余白（右） */
}

/* グループ説明 */
.groupRead  {
  font-size         : 11pt;                       /* フォントサイズ */
  color             : #000000;                    /* 文字色         */
  background-color  : #DBEBFB;                    /* 背景色         */
  padding-left      : 10px;                       /* 内側余白（左） */
  padding-right     : 10px;                       /* 内側余白（右） */
  padding-top       : 5px;                        /* 内側余白（上） */
  padding-bottom    : 5px;                        /* 内側余白（下） */
}

/* グループ項目 */
.groupItem {
  font-size         : 11pt;                       /* フォントサイズ */
  color             : #000000;                    /* 文字色         */
  background-color  : #EEEEEE;                    /* 背景色         */
  padding-left      : 10px;                       /* 内側余白（左） */
  padding-right     : 10px;                       /* 内側余白（右） */
  padding-top       : 5px;                        /* 内側余白（上） */
  padding-bottom    : 5px;                        /* 内側余白（下） */
}

/* グループ項目ヘッダー */
.groupItemHeader {
  font-size         : 11pt;                       /* フォントサイズ */
  font-weight       : nomal;                      /* フォントの太さ */
  color             : #000000;                    /* 文字色         */
  background-color  : #66CCFF;                    /* 背景色         */
  padding-top       : 5px;                        /* 内側余白（上） */
  padding-bottom    : 5px;                        /* 内側余白（下） */
  padding-left      : 10px;                       /* 内側余白（左） */
  padding-right     : 10px;                       /* 内側余白（右） */
}

/* アイテムヘッダー */
.itemHeader         {
  background-color  : lightblue;                  /* 背景色         */
}

/* アイテムタイトル */
.itemTitle          {
  font-size         : 80%;                        /* フォントサイズ */
  font-weight       : normal;                     /* フォントの太さ */
  background-color  : #DBEBFB                     /* 背景色         */
}
/* アイテムデータ */
.itemdata           {
  font-size         : 11pt;                       /* フォントサイズ */
  font-weight       : normal;                     /* フォントの太さ */
  padding-left      : 5pt;                        /* 内側余白（左） */
  color             : #000000;                    /* 文字色         */
  background-color  : #FFFFFF;                    /* 背景色         */
}

/* ＨＰ構成タイトル */
.comp_head          {
  font-size         : 80%;                        /* フォントサイズ */
  font-weight       : normal;                     /* フォントの太さ */
  height            : 20px;                       /* 高さ           */
  color             : #FFFFFF;                    /* 文字色         */
  background-color  : #0099FF;                    /* 背景色         */
}

/* ＨＰ構成区切り線 */
.comp_line          {
  background-color  : #0099FF;                    /* 背景色         */
  height            : 1px;                        /* 高さ           */
}

/* フィールド部出力 */
.field_list         {
  font-size         : 80%;                        /* フォントサイズ */
  font-weight       : normal;                     /* フォントの太さ */
  background-color  : #DBEBFB                     /* 背景色         */
}

/* 別ウィンドウヘッダー部 */
.title              {
  color             : #FFFFFF;                    /* 文字色         */
  background-color  : #0099FF                     /* 背景色         */
}

.title2             {
  color             : #3366CC;                    /* 文字色         */
  background-color  : #EFEFEF                     /* 背景色         */
}


/* フッター 画面下部出力 */
.footer             {
  font-size         : 90%;                        /* フォントサイズ */
  font-weight       : normal;                     /* フォントの太さ */
}

/* 直線出力 */
.line               {
  height            : 1px;                        /* 高さ           */
  background-color  : #cccccc;                    /* 背景色         */
}

/* エラーメッセージヘッダー部 */
.errHeader          {
  font-size         : 110%;                       /* フォントサイズ */
  font-weight       : bold;                       /* フォントの太さ */
  color             : white;                      /* 文字色         */
  background-color  : red;                        /* 背景色         */
  padding           : 2 10 2 2 ;                  /* 内側余白       */
}

.errMsg             {
  font-size         : 100%;                       /* フォントサイズ */
  font-weight       : normal;                     /* フォントの太さ */
  color             : red;                        /* 文字色         */
}

/* 表示 エラー時 */
.textAttention      {
  font-size         : 80%;                        /* フォントサイズ */
  font-weight       : bold;                       /* フォントの太さ */
  padding           : 2 2 2 2 ;                   /* 内側余白       */
  color             : red;                        /* 文字色         */
}

/* 記載者表示 */
.mention            {
  font-size         : 110%;                       /* フォントサイズ */
  font-weight       : bold;                       /* フォントの太さ */
}

/*-----------------------------------------------*/
/* フォームオブジェクト用 CSS                    */
/*-----------------------------------------------*/
/* 表示 右詰め*/
.right-justified    {
  text-align        : right;                      /* テキスト位置   */
}

/* 表示 左詰め*/
.left-justified     {
  text-align        : left;                       /* テキスト位置   */
}

/* 表示 中央揃い*/
.center-justified   {
  text-align        : center;                     /* テキスト位置   */
}

/* テキスト型 */
.text               {
  font-size         : 80%;                        /* フォントサイズ */
  font-weight       : normal;                     /* フォントの太さ */
  color             : black;                      /* 文字色         */
  background-color  : white;                      /* 背景色         */
  ime-mode          : active;                     /* ＩＭＥモード   */
}

/* 数値型 */
.number             {
  font-size         : 80%;                        /* フォントサイズ */
  font-weight       : normal;                     /* フォントの太さ */
  text-align        : right;                      /* テキスト位置   */
  ime-mode          : disabled;                   /* ＩＭＥモード   */
  background-color  : white;                      /* 背景色         */
}

/* ローマ字型 */
.alphameric         {
  font-size         : 80%;                       /* フォントサイズ */
  text-align        : left;                       /* テキスト位置   */
  ime-mode          : disabled;                   /* ＩＭＥモード   */
  background-color  : white;                      /* 背景色         */
}

/* ボタン型 */
.button             {
  font-size         : x-small;                    /* フォントサイズ */
  font-weight       : normal;                     /* フォントの太さ */
  color             : #000000;                    /* 文字色         */
  background-color  : buttonface;                 /* 背景色         */
}

/* ボタン型(マーク更新ボタン) */
.mark_button        {
  font-size         : x-small;                    /* フォントサイズ */
  font-weight       : normal;                     /* フォントの太さ */
  color             : red;                        /* 文字色         */
  background-color  : buttonface;                 /* 背景色         */
}

/* ＩＭＥモード */
.auto     {ime-mode : auto;     }
.active   {ime-mode : active;   }
.inactive {ime-mode : inactive; }
.disable  {ime-mode : disabled; }