/*
 * Time-stamp: <2019-04-12 09:03:15 sekiya>
 */
/* 
 * フォントサイズ(標準)
 * - 本文 16px
 * - ページ見出し24px, 18px
 * - h2 18px
 * - h3以降 16px
 * - 周辺など 14px
 * - パンくずリストなど 12px;
 */
/* * */
/* {  */
/*   font-size: 16px; */
/* } */
/* 本文領域 */
body
{
  color: black;
  background: white;
  font-family: sans-serif;
  line-height: 1.4;
  padding: 0px;
  margin: 0px;
}
p
{
  margin-top:     8px;
  margin-bottom:  16px;
}
li
{ 
  margin: 0;
  margin-top: 0.5em;
 }
li:first-child
{ 
  margin: 0;
  }
div.update
{
  text-align:   right;
  margin: 0px;
  font-size:     12px;
  color: #707070;
}
/* 
 * リンク (ここから)
   */
a:link
{
  color: blue;
}
a:visited
{
  color: blue;
}
a:active
{
  color: blue;
}
a:hover
{
  color:       white;
  background: orange;
}
/* 
 * リンク (ここまで)
 */
/* 
 * ヘッダ (ここから)
 */
header
{  
  /* font-size: 24px; */
  /* font-weight: bold; */
  /* font-style: italic; */
  padding: 7px 1% 0px 1%;
  font-size: 14px;
  color: #303030;
  z-index: 3;
  overflow: hidden;
  height: 60px;
}
header div.logo
{ 
  float: left;
  }
header div.others
{ 
  float: right;
  text-align: right;
 }
header form
{ 
  margin: 0px;
  padding: 0px;
 }
/* 
 * google custom search (ここから)
 */
/* 入力フォームの周りの余白をなくす */
#gsc .gsc-control-cse, #gsc .gsc-control-cse-en 
{
  margin:0 !important;
  padding:0 !important;
} 
/* テキスト入力フォーム */
/* #gsc input[type="text"] */
/* { */
/*   height:20px !important; */
/* } */
/* #gsc .gsc-search-box,#gsc .gsc-search-box-tools */
/* { */
/*   margin:0 !important; */
/* } */
/* #gsc .gsc-search-button */
/* { */
/*   padding-top: 2px; */
/*   padding-bottom: 2px; */
/* } */
/* 
 * google custom search (ここまで)
 */
/* 
 * ヘッダ (ここまで)
 */
/*
 * ナビゲーション (ここから)
 */
/* (ナビゲーション中の)番号無し箇条書き */
nav ul 
{
  list-style : none; /* メニュー用に箇条書きの先頭記号を省略 */
  /* 
   * 通常，overflow の値を hidden にすると，内部の要素は当該要素
   * の大きさからはみ出さない
   * 但し当該要素の大きさを指定しない時は，内部の要素
   * (今回の場合は a) の大きさで当該要素の大きさが自動設定される
   */
  overflow: hidden;  
  margin: 0px;
  padding: 0% 1%;
}
/*
 * メインメニュー(ここから)
 */
nav.main
{ 
  clear: both;
  background: #0080FF;
  text-align: center;       /* 文字を中央揃えに */
 }
/* 
 * (ナビゲーション中の)番号無し箇条書きの各項目
 * - CSSの設定によってボタンのようなリンクにします。
 */
nav.main ul li
{
  margin: 0px;
  width:  12%;  /*  ＜-- 8つのボタンにするため幅(width)をパーセンテージで設定 */
  float: left;  /*  ボタンのように横に項目が並びます． */
  border-right: 1px white solid;
}
nav.main ul.drawer_nav > li:first-child
{ 
  border-left: 1px white solid;
 }
/* ボタンとしてのリンク (通常状態) */
nav.main ul li a 
{
  font-weight: bold;     /* ボタン用に太字に */
  font-size: 16px;         /* ボタン用に大きな字に */
  text-decoration: none;   /* ボタン用にリンクの下線を省略 */
  line-height: 1;
  display: block;          /* ボタン用にブロックレベル要素に */
  padding: 12px 0px;       /* ボタン用に枠内の余白を設定 */
  color: ivory;            /* ボタン用に文字色を設定 */
}
/* ボタンとしてのリンク (カーソルが上に乗った状態) */
nav.main ul li a:hover, nav.main ul li.selected a
{
  background-color: lightgrey;    
  /* color:       #0099FF;               */
  color:       white;
}
/*
 * メインメニュー (ここまで)
 */

/* 検索領域 */
#search
{
z-index: 4;
  }
/* 
 * パンくずリスト (ここから)
 */
nav.breadcrumbs
{
  clear: both;
  background: #e0e0ff;
  padding: 3px 1% 4px 1%;
  font-size: 14px;
  color: navy;
  text-align: left;
  z-index: 2;  
 }
nav.breadcrumbs a 
{
  font-size: 14px;        /* ボタン用に大きな字に */
  padding: 7px;           /* ボタン用に枠内の余白を設定 */
}
/* ボタンとしてのリンク (通常状態) */
nav.breadcrumbs a, nav.breadcrumbs a:visited
{
  color: navy;
}
/* 
 * パンくずリスト (ここまで)
 */
/*
 * サブメニュー (ここから)
 */
nav.sub
{ 
  font-size: 14px;         /* ボタン用に大きな字に */
  /* font-weight: bold; */
  float: left;
  margin-left: 1%;
  width: 112px; /* section.body の padding-left と調整すること */
 }
nav.sub ul li
{
  margin: 0px;
  padding: 0px;
}
/* ボタンとしてのリンク (通常状態) */
nav.sub ul li a.submenu
{
  font-weight: normal;     
  line-height: 1;
  text-decoration: none;   /* ボタン用にリンクの下線を省略 */
  display: block;          /* ボタン用にブロックレベル要素に */
  padding: 12px 7px;       /* ボタン用に枠内の余白を設定 */
  color: #505050;          /* ボタン用に文字色を設定 */
  border-bottom: grey 1px solid;
}
/* ボタンとしてのリンク (カーソルが上に乗った状態) */
nav.sub ul li a:hover.submenu, nav.sub ul li.selected a
{
  background-color: lightgrey;    
}
nav.sub ul li.important_links
{
  font-size:  12px;
  line-height: 1.2;
  list-style: none;
  padding-top:  12px;
}
/*
 * サブメニュー (ここまで)
 */
/*
 * ナビゲーション (ここまで)
 */

/*
 * フッタ(ここから)
 */
footer
{ 
  padding: 7px;
  font-size: 14px;
  color: white;
  clear: both;
  background: #0080FF;    /* nav.main background: と合わせる */ 
  text-align: center;     /* 文字を中央揃えに */
 }
/*
 * フッタ(ここまで)
 */
/* 本文領域 */
section.body
{ 
  font-size: 16px;
  float: none;
  margin-left: 1%;
  margin-right: 1%;
  padding-left: 128px; /* nav.sub の width + font-size */
 }
section.body#obsolete
{ 
  color: #909090;
  background: #e0e0e0;
 }
/*
 * タイトル
 */
.page_title
{
  text-align: left;
  color:      navy;
  font-size:  24px;
  margin:      0px;
  margin-top: 12px;
  margin-left: 0px;
}
.page_subtitle
{
  font-size:   18px;
  text-align:  left;
  color: #6060FF;
  margin:       3px;
  margin-left: 18px;
  margin-left: 0px;
  /* color: #009900;*/
}
.organization
{
  font-size: 12px;
  text-align: right;
}
/*
 img
{ 
  width: 100%;
 } 
*/
img.large
{
  margin-left: 1em;
  margin-right: 1em;
  clear: both
}
.warning
{
  color: red;
}
.attention
{
  color: red;
}
.cancel
{
  text-decoration: line-through;
}
th.type1{
        background: #D0D0D0;
}

th.type2{
        background: #E0E0E0;
}

td.type1{
        background: #FFFFA0;
}

td.type2{
        background: #FFFFD0;
}

strong.keyword{ color: Red; }
p.example      { text-indent: 1em; 
                   color: Navy;
                   font-weight: bold;
                   font-family: monospace; }
/* code           { color: Navy; */
/*                    font-family: monospace; } */
/* code.example   { color: Navy; */
/*                    font-weight: bold; */
/*                    font-family: monospace; } */
/* code.operator  { color: Navy; */
/*                    font-family: monospace;  */
/*                    font-weight: bold; } */
/* .category_name1{ */
/*         background: #66FFFF; */
/* } */
/* .category_name2{ */
/*         background: #99FFFF; */
/* } */
/* th.concept_type{ */
/*         background: #66FFFF; */
/* } */
.date{
	color: #505050;
        font-size: small;
}
/* KnowledgeBase の Wiki では，h2 になってしまう... */
/* Thu Apr 19 19:58:11 2007 */
h2.section
{
  font-size:    18px;
  padding:       0px;
  margin:        0px;
  margin-top:    9px; 
/*   padding-left:  5px; */
/*   margin-left:  10px; */
/*   margin-right: 10px; */
/*   margin-bottom: 2px; */

/* //  border-left:   5px grey solid; */
  border-bottom: 1px grey solid;
}
h3.section
{
  font-size:    16px;
  padding:       0px;
  padding-left:  5px;
  margin:        0px;
  margin-top:    8px;
  /* margin-left:  10px; */
  /* margin-right: 10px; */
  /* margin-bottom: 2px; */
  border-left:   4px grey solid;
  border-bottom: 1px grey solid;
}
h3.announcement_section
{
  font-size: 18px;
  padding: 0px;
  margin: 0px;
  /* margin-left: 0.5em; */
  /* margin-right: 1em; */
  /* margin-bottom: 0.2em; */
  /* margin-top: 0.5em; */
  border-bottom: 1px grey solid;
}
h4
{
  padding: 0em;
  margin-left: 0.5em;
  margin-right: 1em;
  margin-bottom: 0.2em;
  margin-top: 0.5em;
}
div.search_line
{
  text-align: right;
  line-height: 1.5em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-right: 1em;
  padding: 0em;
  font-size: 14px;
}
div.paragraph
{ 
  border: 1px grey solid;
 }
h3.links
{ 
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0em;
  font-size: small;
}
td.serverd{ 
  color: green;
  background: green;
}
td.no_server{ 
  color: white;
  background: white;
}
.server_table
{ 
  text-align: left;
  margin-left: 1.5em;
}
td.room_occupied
{ 
  text-align: center;
  color: #ffcc99;
  background: #ffcc99;
}
td.room_not_occupied
{ 
  text-align: center;
  color: #ccffff;
  background: #ccffff;
}
td.room_closed
{ 
  text-align: center;
  color: white;
  background: white;
}
/*
 * PRE 環境 (ここから)
 */
pre
{ 
  padding:      16px;
  margin-left:  16px;
  margin-right: 16px;
  background: #E0E0E0;
  text-align: left;
}
pre.screen
{ 
  background: black;
  color: white;
  text-align: left;
}
pre.browser
{ 
  background: #E0E0E0;
  color: black;
  text-align: left;
}
/*
 * PRE 環境 (ここまで)
 */
/*
 * 箇条書き環境
 */
/* 箇条書き全般 */
ul, ol
{ 
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 24px;
  margin-right: 0px;
  padding: 0px;
 }
dl
{ 
  margin-left:  16px;
  margin-right: 16px;
}
dl.with_border
{ 
  border: 1px black solid;
  padding: 1em;
}
dd
{
  margin-left:   8px;
  margin-bottom: 8px;
}
ul.announcement
{
  text-align: left;
  font-size:  14px;
  margin: 0.5em 1em;
  padding: 0em;
}
li.announcement_title, li.toc
{ 
  margin-top: 0px;
 }
table.body
{ 
  margin-left: 1em;
  margin-right: 1em;
}
/*
 * 障害情報ページ
 */
tr.in_trouble
{ 
  /* background: #FFC0C0; */
  background: #FF9090;
 }
tr.avoid_trouble
{ 
  background: #FFFFC0;
 }
tr.solved_trouble
{ 
  /* background: #70E0FF; */
  background: #80FF80;
}
/*
 * site map
 */
div.page_list
{ 
  font-size: 90%;
  margin: 0em;
  margin-right: 1em;
  margin-left: 1em;
}
table.site_map
{ 
  width: 95%;
  padding: 0.5em;
} 
td.site_map
{ 
  padding: 8px;
  border-top: 1px #0099FF solid;
  border-left: 2px #0099FF solid;
} 
/* KnowledgeBase の Wiki書式で作成したページ */
/* Thu Apr 19 19:59:38 2007 */
table.style_table 
{ 
  padding:0px;
  border:0px; 
  margin:auto;
  text-align:left;
  color:inherit;
  background-color: #ccf;
  border-spacing: 1px;
  }
table.style_table td, table.style_table th
{ 
  padding:4px;
  margin:1px;
 }
th.style_th 
{ 
  text-align:center;
  color:inherit;
  background-color: #d0d0d0;
  }          
/* td.style_td  */
/* {  */
/*   padding:2px; */
/*   margin:1px; */
/*   color:inherit; */
/*   background-color: #eef; */
/*   }      */
table.style_table tr:nth-child(odd) td
{ 
  color:inherit;
  background-color: #eef;
 }
b
{ 
  color: black;
  font-weight: bold;
  }
strong
{
  color: red;
  font-weight: bold;
  }
div.drawer_button
{ 
  display: none;                 
 }
div#important_links_for_smart_phone
{ 
  display: none;
  }
/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office
Customized by minimalgreen

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.drawer_menu a
{
  color: inherit;
  text-decoration: none;
}

.drawer_menu a:visited
{
  color: inherit;
}

/* PC用ナビゲーション */
.drawer_menu .drawer_nav_wrapper
{
  transform: translate(0);
  width: 100%;
  /* height: 50px;/\* PC用メニュー高さ *\/ */
  position: relative;
  top: auto;
  right: auto;
  z-index: 100;
  /* background-color: #555;/\* PC用メニュー背景色 *\/ */
}

.drawer_menu .drawer_nav
{
  /* max-width: 1000px;/\* コンテンツ幅に合わせる *\/ */
  padding-right: 7px;
  padding-left: 7px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  webkit-justify-content: center;
  justify-content: center;
  list-style-type: none;
}

.drawer_menu .drawer_nav li
{
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 100%;
  /* height: 50px;/\* PC用メニュー高さ *\/ */
  /* line-height: 50px;/\* PC用メニュー高さ *\/ */
  /* background-color: #555;/\* PC用メニューボタン背景色 *\/ */
  text-align: center;
  list-style-type: none;
}

.drawer_menu .drawer_nav li:hover
{
  background-color: #999;/* PC用メニューボタンマウスオーバー背景色 */
}

.drawer_menu .drawer_nav li a
{
  color: #fff;/* PC用メニューボタン文字色 */
}

/* PC非表示 */
@media screen and (min-width:1001px)
{
  .pc-hidden {
               display: none;
               text-align: center;
               }
  .smartphone-hidden
  {
    display: inline;
    }
}

/* 
 * PC用画面 (1001px 以上)
 */
@media screen and (min-width: 1001px)
{
  /* ドロップダウンメニュー2階層目 */
  .drawer_menu .drawer_nav li ul.second-level
  {
    visibility: hidden;
    list-style-type: none;
    position: absolute;
    z-index: -1;
    top: 0;
    margin: 0;
    padding-left: 0;
    }

  .drawer_menu .drawer_nav li:hover ul.second-level
  {
    visibility: visible;
    z-index: 1;
    top: 40px;/* PC用メニューの高さに合わせる font 16 + 上下 12 x 2 */
    transition: all .1s;
    }

  .drawer_menu .drawer_nav li:hover ul.second-level li
  {
    clear: both;   /* ドロップダウンメニューが縦に並ぶ */
    width: 250px;  /* ドロップダウンメニューボタン横幅 */
    height: 40px;  /* ドロップダウンメニューボタン高さ */
    text-align: center;
    }

  .drawer_menu .drawer_nav li:hover ul.second-level li a
  {
    display: block;
    background-color: #555;/* ドロップダウンメニューの文字の背景色 */
    color: ivory; /* ドロップダウンメニューの文字色 */
    /* font-size: 100%; */
    text-decoration: none;
    /* line-height: 40px;/\* Pドロップダウンメニューボタン高さ *\/ */
    line-height: 1;/* Pドロップダウンメニューボタン高さ */
    text-align: center;
    }

  .drawer_menu .drawer_nav li:hover ul.second-level li a:hover
  {
    /* background-color: #999;/\* ドロップダウンメニューマウスホバー背景色 *\/ */
    background-color: lightgrey;/* ドロップダウンメニューマウスホバー背景色 */
    }
  /* 検索領域 
   * 2018-12-08 時点で，検索結果一覧より MENU ボタンが上に現れる
   * 問題を解決できていない
   */
  #search
  {
    width: 300px;
    position: absolute;
    background-color: white;
    top: 28px;
    right: 4px;
    z-index: 900;
    }
  /* 
   * google custom search
   */
  #___gcse_0
  {
    width: 300px;
    }
}

/*+++ Default Button Color +++*/
.drawer_menu .drawer_button
{
  /* color: #555;/\* ハンバーガーメニュー文字色 *\/ */
  color: navy;/* ハンバーガーメニュー文字色 */
  display: none;
}

.drawer_menu .drawer_button .drawer_bar
{
    /* background-color: #555;/\* ハンバーガーメニュー三本線の色 *\/ */
    background-color: navy;/* ハンバーガーメニュー三本線の色 */
  }

/* 1000px以下 */
@media screen and (max-width: 1000px)
{
  .drawer_menu .drawer_bg
  {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background-color: rgba(51, 51, 51, 0.5);
    display: none;
    top: 0;
    left: 0;
    }

  .drawer_menu .drawer_button
  {
    display: block;
    background: none;
    border: none;
    padding: 0;
    width: 48px;
    letter-spacing: 0.1em;
    cursor: pointer;
    position: fixed;
    top: 0px;
    right: 20px;
    z-index: 1001;
    text-align: center;
    outline: none;
    }
  .drawer_menu .drawer_button.active .drawer_bar
  {
    width: 49px;
    }
  .drawer_menu .drawer_button.active .drawer_bar1
  {
    transform: rotate(30deg);
    }
  .drawer_menu .drawer_button.active .drawer_bar2
  {
    opacity: 0;
    }
  .drawer_menu .drawer_button.active .drawer_bar3
  {
    transform: rotate(-30deg);
    }
  .drawer_menu .drawer_button.active .drawer_menu_text
  {
    display: none;
    }
  .drawer_menu .drawer_button.active .drawer_close
  {
    display: block;
    }
  .drawer_menu .drawer_bar
  {
    display: block;
    height: 2px;
    margin: 10px 0;
    transition: all 0.2s;
    transform-origin: 0 0;
    }
  .drawer_menu .drawer_text
  {
    text-align: center;
    font-size: 14px;
    }
  .drawer_menu .drawer_close
  {
    letter-spacing: 0.08em;
    display: none;
    }
  .drawer_menu .drawer_menu_text
  {
    display: block;
    }
  .drawer_menu .drawer_nav_wrapper
  {
    width: 250px;
    height: 100%;
    transition: all 0.2s;
    transform: translate(250px);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    /* background-color: #FFF;/\* ドロワーメニュー内背景色 *\/ */
    background: #0080FF;
    overflow-x: hidden;
    overflow-y: auto;
    }
  .drawer_menu .drawer_nav
  {
    display: block;
    position: relative;
    margin-top: 40px;
    padding-left: 0px;
    }
  .drawer_menu .drawer_nav li
  {
    /* background-color: #fff; */
    height: auto;
    line-height: 40px;/*  ドロワーメニューリスト項目高さ */
    padding-left: 10px;
    position: relative;
    /* border-bottom: 1px white solid; */
    }
  .drawer_menu .drawer_nav li a
  {
    /* background-color: #fff;/\* ドロワーメニューリスト背景色 *\/ */
    /* color: #555;/\* ドロワーメニューリスト文字色 *\/ */
    color: ivory;/* ドロワーメニューリスト文字色 */
    display: block;
    text-align: left;
    }
  /* スマートフォン2階層目 */
  .drawer_menu .drawer_nav li:hover ul.second-level
  {
    display: block;
    }
  
  .drawer_menu .drawer_nav li ul.second-level
  {
    visibility: visible;
    position: relative;
    padding: 0;
    z-index: 1001;
    }
  .drawer_menu .drawer_nav li ul.second-level li
  {
    /* border-top: 1px solid #eee; */
    }
  .drawer_menu .drawer_nav li ul.second-level li a
  {
    padding-left: 20px;
    }
  .drawer_menu .drawer_nav_wrapper.open
  {
    transform: translate(0);
    }
  .drawer_menu.left .drawer_button
  {
    right: auto;
    left: 32px;
    }
  .drawer_menu.left .drawer_nav_wrapper
  {
    transform: translate(-250px);
    right: auto;
    left: 0;
    }
  .drawer_menu.left .drawer_nav_wrapper.open
  {
    transform: translate(0);
    }
  .pc-hidden
  {
    text-align: center;
    }
  nav.sub
  {
    display: none;
    }
  section.body
  {
    font-size: 14px;
    padding-top: 135px;
    padding-left: 0px;
    margin-right: 14px;
    margin-left: 14px;
    }
  p
  {
    margin-top:     7px;
    margin-bottom:  14px;
    }
  div#important_links_for_smart_phone
  {
    display: block;
    font-size: 14px;
    text-align: center;
    border-top: 1px grey solid;
    padding: 14px;
    line-height: 2;
    }
  div#important_links_for_smart_phone ul
  {
    list-style : none;
    overflow: hidden;
    margin: 0px;
    }
  div#important_links_for_smart_phone ul li
  {
    display: inline;
    margin: 0px;
    padding: 14px;
    }
  header
  {
    position: fixed;  /* ヘッダを固定表示 */
    top: 0px;
    background-color: white;
    width: 100%;
    height: 82px;
    /* 余白の外側換算で，幅を計算するための設定 */
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    }
  header div.others
  {
    clear: both;
    width: 100%;
    text-align: left;
    }
  #search
  {
    width: 100%;
    position: fixed;
    background-color: white;
    top: 82px;
    padding-right: 4px;
    padding-left: 4px;
    z-index: 900;
    /* 余白の外側換算で，幅を計算するための設定 */
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    }
  /* 
   * google custom search
   */
  #gsc, #___gcse_0
  {
    width: 100%;
    }
  nav.main ul li:first-child
  { 
    border-left: 0px;
    }
  /* ボタンとしてのリンク (カーソルが上に乗った状態) */
  nav.main ul li
  {
    border: 0px;
    }
  nav.main ul li.selected a
  {
    background-color: #0080FF;
    }
  nav.breadcrumbs
  {
    position: fixed;
    top: 118px;
    width: 100%;
    padding-top: 4px;
    }
  div.smartphone-hidden
  {
    display: none;
    }
}

@media print{
  div.drawer_menu, #search, nav.sub
  {
    display: none;
  }
  section.body
  {
    padding-left: 0px;
  }
}