@charset "utf-8";
/* CampusmateV3 共通 */

/* ==================== 共通設定 ==================== */
* {
margin: 0;
padding: 0;
}
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
    font-weight:normal;
    color:#000;
}
img {
    border:0px;
}
a,
a:active,                       /* クリック */
a:hover,                        /* マウスオーバー */
a:visited {                     /* 訪問済 */
    color:#000;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
.clear {
    clear: both;
}
#container,
#content,
#header,
#footer {
    position:relative;
    width:950px;
    margin:0 auto;
    text-align:left;
}
body {
    text-align: center;
    background: url(../../img/design01/header_repeat.png) repeat-x;
    font-family: "MS PGothic", "MS Gothic", Gothic, sans-serif;
    font-size: 13px;
}
/* ==================== ヘッダーエリア ==================== */
#header {
    z-index: 2;
}
#head_base {
    position: absolute;
    top: 30px;
    z-index: 1;
    width:  960px;
    height: 25px;
    margin: 0px 0px 0px -6px;
    background-image: url(../../img/design01/head_base.png);
    background-repeat: no-repeat;
}
#head_left {
    position: relative;
    float: left;
    top: 2px;
    left: 0px;
    z-index: 2;
    width:  610px;
    height: 30px;
    background-image: url(../../img/design01/head_l.png);
    background-repeat: no-repeat;
    background-position: left;
}
#head_right {
    position: relative;
    float :right;
    top: 2px;
    right: 0px;
    z-index: 3;
    width:  340px;
    height: 30px;
    background-image: url(../../img/design01/head_r.png);
    background-repeat: no-repeat;
    background-position: right;
}
#head_right .button{
    margin-left:145px;
}
/* ---------- 文字サイズ（大） ---------- */
#f_large {
    float :left;
    border: none;
    background: url(../../img/design01/f_large.png) no-repeat;
    width:  18px;
    height: 18px;
    margin-top:7px;
    margin-right: 2px;
    cursor: pointer;
}
/* ---------- 文字サイズ（中） ---------- */
#f_middle {
    float :left;
    border: none;
    background: url(../../img/design01/f_middle_on.png) no-repeat;
    width:  18px;
    height: 18px;
    margin-top:7px;
    margin-right: 2px;
    cursor: pointer;
}
/* ---------- 文字サイズ（小） ---------- */
#f_small {
    float :left;
    border: none;
    background: url(../../img/design01/f_small.png) no-repeat;
    width:  18px;
    height: 18px;
    margin-top:7px;
    margin-right: 8px;
    cursor: pointer;
}
/* ---------- ヘルプ ---------- */
#help {
    float :left;
    border: none;
    background: url(../../img/design01/help.png) no-repeat;
    width:  53px;
    height: 18px;
    margin-top:7px;
    margin-right: 5px;
    cursor: pointer;
}
/* ---------- ログアウト ---------- */
#logout {
    float :left;
    border: none;
    background: url(../../img/design01/logout.png) no-repeat;
    width:  66px;
    height: 18px;
    margin-top: 7px;
    margin-right: 5px;
    cursor: pointer;
}
/* ---------- 代行終了 ---------- */
#daikofinish {
    margin-top:5px;
    margin-right:8px;
    cursor: pointer;
}
/* ---------- ボタン非表示時スペース ---------- */
#help_space {
    float:       left;
    width:       47px;
    height:      18px;
    margin-top:7px;
    margin-right:5px;
}
#logout_space {
    float:       left;
    width:       66px;
    height:      18px;
    margin-top:7px;
    margin-right:5px;
}
/* ----------- トップメニュー ----------- */
#top_menu {
    position:relative;
    top: 18px;
    width:  950px;
    background: url(../../img/design01/t_menu_base.png) repeat-y;
    z-index: 5;
}

/* ----------- トップメニュー(chart用) ----------- */
#top_menu_chrt {
    position:relative;
    width: 745px;
    margin: 10px 0px 0px 10px;
    background: url(../../img/design01/t_menu_base.png) repeat-y;
    background-position: 20px;
    z-index: auto;
}

/* Basic code - don't modify */
 #nav { display: block; margin: 0; padding: 0; position: relative;  }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
      #nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul { top: 0; }
    #nav li:hover {z-index: 20;}

/* Essentials - configure this */
#nav ul ul { left: 131px; }

/* Everything else is theming */

#nav {
    position:relative;
}
#nav *:hover {
    background-color: none;
    text-decoration: none;
}
#nav li {
    width: auto;
    height: 29px;
    white-space: nowrap;
}

/* chart内部カテゴリタブ用 */
#nav li .bkchrtimg {
    padding: 0px 5px 10px 5px;
    background: 0px 8px url(../../img/design01/t_menu_line.png) repeat-x;
}

#nav a {
    height:29px;
    color: #000000;
    font-family: "MS PGothic", "MS Gothic", Gothic, sans-serif;
    font-size: 13px;
    font-weight:bold;
    line-height: 2;
    margin: 0px 0px 0px 0px;
    padding: 0px 16px 0px 16px;
    background: right center url(../../img/design01/t_menu_sep.png) no-repeat;
}
#nav .menu_end a {
    border: none;
    background-image: none;
}
#nav .menu_end ul li a {
    border: 1px solid #999999;
    background-image: none;
}
#nav ul {
    top: 25px;
}
#nav ul li a,
#tabnavigation_list ul li,
#tabnavigation_detail ul li {
    color: #000000;                 /* 黒 */
    font-weight:normal;
    background-image: none;
    background-color: #FFFFFF;      /* 白 */
    border: 1px solid #999999;      /* グレー */
}
#nav ul a:hover, 
#tabnavigation_detail ul li:hover,
#tabnavigation_list ul li:hover {
    color: #000000;                 /* 黒 */
    font-weight:normal;
    background-image: none;
    background-color: #3883FF;      /* ブルー */
    border: 1px solid #999999;      /* グレー */
}
/* chart内部メニュー選択カテゴリ用 */
#nav .nolink {
    height:29px;
    color: #000000;
    font-family: "MS PGothic", "MS Gothic", Gothic, sans-serif;
    font-size: 13px;
    font-weight:bold;
    line-height: 2;
    margin: 0px 0px 0px 0px;
    padding: 0px 16px 0px 16px;
    background: right center url(../../img/design01/t_menu_sep.png) no-repeat;
}

/* ==================== コンテンツエリア ==================== */
#content {
    margin-top:25px;
    z-index: 1;
}
table {
    width: 100%;
}
td {
    vertical-align: top;
}

#main {
    width:100%;
    font-family: "MS PGothic", "MS Gothic", Gothic, sans-serif;
    font-size: 1em;
    font-weight:normal;
}
#sub1 {
    width:169px;
    min-height:500px;
    font-family: "MS PGothic", "MS Gothic", Gothic, sans-serif;
    font-size: 1em;
    font-weight:normal;
    overflow: hidden;
    display:block;
}
input {
    margin:0; padding:0;
    vertical-align:bottom;
}

/* タブ（list用） */
#tabnavigation_list {
  margin-left: 20px;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#0;
  font-weight:bold;
}

#tabnavigation_list ul {
  list-style:none;
  padding:0;
}

#tabnavigation_list ul li{
  display:inline;
  float:left;
  margin:0;
  text-decoration:none;
  border:none;
  border-top:1px solid #999999;
  border-right:1px solid #999999;
  border-left:1px solid #999999;
}

#tabnavigation_list ul li a{
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color:#333333;
}

#tabnavigation_list ul li:hover{
  text-decoration:none;
  border:none;
  border-top:1px solid #999999;
  border-right:1px solid #999999;
  border-left:1px solid #999999;
}

#tabnavigation_list ul li.active{
  background: #FFE1E1;
  color:#000;
  font-weight:bold;
}

#tabnavigation_list ul li.disable{
  background: #999999;
  color:#000;
  border-bottom:1px solid #999999;
}

/* タブ（detail用） */
#tabnavigation_detail {
  margin-left: 30px;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#0;
  font-weight:bold;
}

#tabnavigation_detail ul {
  list-style:none;
  padding:0;
}

#tabnavigation_detail ul li{
  display:inline;
  float:left;
  margin:0;
  text-decoration:none;
  border:none;
  border-top:1px solid #999999;
  border-right:1px solid #999999;
  border-left:1px solid #999999;
}

#tabnavigation_detail ul li a{
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color:#333333;
}

#tabnavigation_detail ul li:hover{
  text-decoration:none;
  border:none;
  border-top:1px solid #999999;
  border-right:1px solid #999999;
  border-left:1px solid #999999;
}

#tabnavigation_detail ul li.active{
  background: #FFF1E9;
  color:#000;
  font-weight:bold;
  border-bottom:1px solid #FFF1E9;
}

#tabnavigation_detail ul li.disable{
  background: #999999;
  color:#000;
  border-bottom:1px solid #999999;
}

/* ==================== サブコンテンツ（右メニュー） ==================== */
#navigation {
    position: absolute;
    overflow: hidden;
    width:169px;
    margin-top:0px;
    right: 0px;
}
#dummy {
    width:169px;
    height:1px;
}
ul, li {
    margin:0px;
    padding:0px;
}
ul, li {
    list-style-type:none;
}
/* ----------- ログイン情報 ----------- */
#login_inf {
    position:relative;
    top: -3px;
    right: -3px;
    overflow: hidden;
    width:169px;
}
/* 背景画像（上部） */
#login_inf .top {
    background: url(../../img/design01/login_top.png) no-repeat;
    width:  169px;
    height: 17px;
}
/* 背景画像（中間部） */
#login_inf .mid {
    background: url(../../img/design01/login_mid.png) repeat-y;
    width:  169px;
}
/* リスト項目（見出し） */
#login_inf .date .label {
    margin-left: 17px;
    padding: 5px 0px 5px 0px;
    background: url(../../img/design01/login_date.png) no-repeat 0px 4px;
    width:  67px;
    height: 11px;
}
#login_inf .user .label {
    padding: 3px 0px 5px 0px;
    margin-top:  5px;
    margin-left: 17px;
    background: url(../../img/design01/login_user.png) no-repeat 0px 4px;
    width:  77px;
    height: 11px;
}
#login_inf .user .label_input {
    font-size:14px;
    font-weight:bold;
    margin-left: 25px;
    padding: 8px 0px 3px 8px;
    height: 15px;
    display: block;
    background: url(../../img/design01/s_menu_label.png) no-repeat 0px 9px;
    background-position: 0px 0px 10px 0px;
}
/* リスト項目（ＩＴＥＭ） */
#login_inf .item {
    font-weight:bold;
    margin:0px 0px 0px 35px;
}
/* 背景画像（下部） */
#login_inf .under {
    background: url(../../img/design01/login_under.png) no-repeat;
    width:  169px;
    height: 15px;
}
/* テキストエリア部分設定 */
#login_inf .input {
    width: 9em;
    border: #7f9db9 solid 1px;
    background: #FFFFFF;
}

/* 印刷用ログイン名フィールド */
#login_inf_print {
    display:none;
}

/* ----------- サイドメニュー ----------- */
#side_menu {
    position:relative;
    height: 100%;
    right: -3px;
    overflow: hidden;
}
#side_menu ul,
#side_menu li {
    width:169px;
}
/* リスト項目（見出し） */
#side_menu .label {
    font-size:14px;
    font-weight:bold;
    margin-left: 25px;
    padding: 8px 0px 3px 8px;
    width: 122px;
    display: block;
    background: url(../../img/design01/s_menu_label.png) no-repeat 0px 9px;
    background-position: 0px 0px 10px 0px;
}
/* リスト項目（chrt見出し） */
#side_menu .chrtlabel {
    font-size:14px;
    font-weight:bold;
    margin-left: 25px;
    padding: 8px 0px 3px 8px;
    height: 15px;
    width:  130px;
    display: block;
    background: url(../../img/design01/s_menu_label.png) no-repeat 0px 9px;
    background-position: 0px 0px 10px 0px;
}
/* リスト項目（ＩＴＥＭ） */
#side_menu .item {
    font-size: 13px;
    margin-left: 33px;
}
/* リスト項目（リンク） */
#side_menu .item a {
    background: url(../../img/design01/s_menu_item.png) no-repeat 0px 7px;
    padding: 4px 0px 4px 13px;
    display: block;
    text-decoration: none;
    width:118px;
}
/* リスト項目（ＣＨＲＴＩＴＥＭ） */
#side_menu .chrtitem {
    font-size: 13px;
    margin-left: 33px;
    width:  130px;
}
/* 背景画像（上部） */
#side_menu .top {
    margin-left: 3px;
    width:  169px;
    height: 12px;
    background: url(../../img/design01/s_menu_top.png) no-repeat;
    background-position: 17px 0px;
}
/* 背景画像（タブボタン） */
#side_menu .button {
    position:absolute;
    margin-left: 2px;
    top: 0px;
    width:  18px;
    height: 63px;
    cursor: pointer;
    border: none;
    background: url(../../img/design01/s_menu_tab_c.png) no-repeat;
}
/* 背景画像（中間部） */
#side_menu .mid {
    width:  169px;
    height: 100%;
    background: url(../../img/design01/s_menu_mid.png) repeat-y;
    background-position: 17px 0px;
}
/* 背景画像（下部） */
#side_menu .under {
    width:  169px;
    height: 25px;
    background: url(../../img/design01/s_menu_under.png) no-repeat;
    background-position: 17px 0px;
}
/* ==================== フッターエリア ==================== */
#footer {
    margin-top: 7px;
    background: url(../../img/design01/footer.png) 0px 0px no-repeat;
    width:  950px;
}
#footer .text {
    margin: 0px 20px 0px 0px;
    font: normal 1em "MS PGothic", "MS Gothic", Gothic, sans-serif;
    color: #000000;
    text-align: right;
    padding-top:  3px;
}
/* ==================== ボタンエリア ==================== */
.function_bottom {
    text-align: center;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 5px;
}
/* ----------- 戻る ----------- */
.function_bottom .return {
    background: #FFFFFF url(../../img/design01/return.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #0000C0;
    cursor:pointer;
}
/* ----------- キャンセル ----------- */
.function_bottom .cancel {
    background: #FFFFFF url(../../img/design01/cancel.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #993300;
    cursor:pointer;
}
/* ----------- 閉じる ----------- */
.function_bottom .close {
    background: #FFFFFF url(../../img/design01/close.png) 5px center no-repeat;
    padding: 0px 3px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #9966CC;
    cursor:pointer;
}
/* ----------- 登録 ----------- */
.function_bottom .entry {
    background: #FFFFFF url(../../img/design01/entry.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #CF0000;
    cursor:pointer;
}
/* ----------- 実行 ----------- */
.function_bottom .run {
    background: #FFFFFF url(../../img/design01/run.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #6F4742;
    cursor:pointer;
}
/* ----------- 確認 ----------- */
.function_bottom .ok {
    background: #FFFFFF url(../../img/design01/ok.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #FF66AE;
    cursor:pointer;
}
/* ----------- 削除 ----------- */
.function_bottom .delete {
    background: #FFFFFF url(../../img/design01/delete.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #FF0000;
    cursor:pointer;
}
/* ----------- 検索 ----------- */
.function_bottom .search {
    background: #FFFFFF url(../../img/design01/search.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #008B00;
    cursor:pointer;
}
/* ----------- クリア ----------- */
.function_bottom .clear {
    background: #FFFFFF url(../../img/design01/clear.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #CD7087;
    cursor:pointer;
}
/* ----------- 絞り込み ----------- */
.function_bottom .refine {
    background: #FFFFFF url(../../img/design01/refine.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #058DFF;
    cursor:pointer;
}
/* ----------- 詳細 ----------- */
.function_bottom .detail {
    background: #FFFFFF url(../../img/design01/detail.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #FF7700;
    cursor:pointer;
}
/* ----------- 詳細（width:80px版） ----------- */
.function_bottom .detail_80px {
    background: #FFFFFF url(../../img/design01/detail.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    width:80px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #FF7700;
    cursor:pointer;
}
/* ----------- 詳細（width:85px版） ----------- */
.function_bottom .detail_85px {
    background: #FFFFFF url(../../img/design01/detail.png) 5px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    width:85px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #FF7700;
    cursor:pointer;
}
/* ----------- アイコンなし ----------- */
.function_bottom .noicon {
    background: #FFFFFF;
    padding: 0px 10px 0px 10px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #6F4742;
    cursor:pointer;
}
/* ----------- 前へ ----------- */
.function_bottom .prev {
    background: #FFFFFF url(../../img/design01/run_reverse.png) 5px no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #6F4742;
    cursor:pointer;
}
/* ----------- 次へ ----------- */
.function_bottom .next {
    background: #FFFFFF url(../../img/design01/run.png) no-repeat;
    background-position: 95%;
    padding: 0px 30px 0px 5px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #6F4742;
    cursor:pointer;
}
/* ----------- 開く ----------- */
.function_bottom .openDialog {
    background: #FFFFFF url(../../img/design01/ico_right.png) 5px no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #6F4742;
    cursor:pointer;
}
/* ----------- 印刷 ----------- */
.function_bottom .print {
    background: #FFFFFF url(../../img/design01/ico_fuka.png) 8px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #777777;
    cursor:pointer;
}
/* ----------- アップロード ----------- */
.function_bottom .upload {
    background: #FFFFFF url(../../img/design01/ico_upload.png) 8px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #f0566e;
    cursor:pointer;
}
/* ----------- ダウンロード ----------- */
.function_bottom .download {
    background: #FFFFFF url(../../img/design01/ico_download.png) 8px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #77845e;
    cursor:pointer;
}
/* ----------- 経路検索 ----------- */
.function_bottom .routeSearch {
    background: #FFFFFF url(../../img/design01/ico_train.png) 4px center no-repeat;
    padding: 0px 5px 0px 30px;
    height:30px;
    font-size:14px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #e95b6b;
    cursor:pointer;
}
/* ----------- 装飾（角丸・影） ----------- */
.function_bottom .decorate {
    margin: 2px 10px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
    -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */
    height:30px;
    border-collapse: separate;
}

/* ----------- 小さいボタン ----------- */
.function_bottom .minimum {
    background: #FFFFFF;
    padding: 0px 4px 4px;
    height:24px;
    font-weight:normal;
    color: black;
    letter-spacing: 0.1em;
    border:1px solid #058DFF;
    cursor:pointer;
}
.function_bottom .minimum:hover {
    background: #DFDFFF;
}

/* ----------- 非活性ボタン ----------- */
/*
 * cssの優先順位上、如何なるfunction_bottom内の定義よりも下に置いておくこと
 */
.function_bottom .disabledButton {
    background-color: ThreeDLightShadow;
    color: graytext;
    cursor: default;
}

/* ----------- ページトップボタン ----------- */
#pageTopButton {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index:9998;
    opacity: 0.4;
}
#pageTopButton a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#pageTopButton a:hover {
    text-decoration: none;
    background: #999;
}

/* 公開お知らせ一覧　ページング下画像 */
#kokaiOshiraseImageUpper {
    height: 6px;
    margin-left: 400px;
    background: url(../../img/design01/under_l_ye.png) center bottom no-repeat;
}
#kokaiOshiraseImageLower {
    height: 6px;
    margin-left: 400px;
    background: url(../../img/design01/under_l_ye.png) center bottom no-repeat;
}

/* ----------- セッション有効期限警告・通知ダイアログ ----------- */
#sessionExpirationAlertDialog {
    top:80px;
	width:500px;
    position:fixed;
    border-radius:6px;
    z-index:9999;/* 対象者ヘルプシャドウよりも大きな値 */
    background-color:white;
    border:1px solid rgba(140,140,140,0.6);
}

#sessionExpirationAlertDialog .alertBody {
    height:80px;
    text-align:left;
    line-height:18px;
    font-size:14px;
    padding:5px;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
}

#sessionExpirationAlertDialog .alertFooter {
    height:40px;
    line-height:40px;
    background-color:whitesmoke;
    text-align:center;
}

#sessionExpirationAlertDialog .alertButton {
    color:white;
    background-color:gray;
    text-align:center;
    cursor:pointer;
    font-size:13px;
    border-radius:3px;
    border:1px solid transparent;
    padding:5px 14px;
    text-decoration:none;
}

#sessionExpirationAlertDialog .alertButton:hover {
    text-decoration: none;
    background: #999;
}

/* ----------- 共通ツールチップ ----------- */
.tooltip {
    float: left;
    position: relative;
    text-align:center;
}

.tooltip span {
    background: #ffc;
    border: 1px solid #fc6;
    position: absolute;
    text-align: center;
    padding: 20px 12px 10px;
    z-index: 9999;
    display: none;
}

/* ----------- 共通ツールチップ２ ----------- */
.clickableToolTip {
    margin: 0;
    padding: 10px;
    background-color: bisque;
    color: black;
    font-weight:bold;
    text-align:left;
    border-radius: 8px;
    -moz-border-radius: 8px;
    min-height: 14px;
    position: absolute;
    z-index:9999;
    box-shadow: 0 0 0 2px orangered inset, 0 0 0 4px white inset;
}

.clickableToolTip:after {
  content: "";
  position: absolute;
  left: -16px;
  top:10px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-right: 8px solid orangered;
}

.clickableToolTip ul {
    margin: 0 0 0 20px;
}

.clickableToolTip ul li span {
    position: relative;
    display: block;
    padding: .4em .4em .4em 15em;
    margin: .5em 0;
    background: #FFF9F9;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}

.clickableToolTip  ul li span:before {
    content: attr(class);
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #FFe5F5;
    padding: 0px 5px 0px 5px;
    height: 2em;
    width:14em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 0.8em;
    transition: all .3s ease-out;
}

/* ==================== ＥＮＤ ==================== */