@charset "UTF-8";
/* standard5.css (css3) */
html {
  /* 1remのサイズを指定 */
  font-size: 12px; }

body.custombody {
  /* ツールメニュー内のbody */
  margin:  0;
  padding:  0;
  background: #F6F6F6; }
  body.custombody p, body.custombody div, body.custombody span, body.custombody li, body.custombody dt, body.custombody dd, body.custombody pre, body.custombody td, body.custombody th {
    font-size:  12px;
    font-size:  1rem;
    line-height:  18px;
    line-height:  1.5rem; }
  body.custombody input, body.custombody select {
    font-size:  12px;
    font-size:  1rem; }
  body.custombody textarea {
    font-size:  12px;
    font-size:  1rem; }
  body.custombody .leftcenter {
    text-align: left;
    vertical-align: middle; }
  body.custombody .centercenter {
    text-align: center;
    vertical-align: middle; }
  body.custombody .rightcenter {
    text-align: right;
    vertical-align: middle; }
  body.custombody .attention {
    color: red; }
  body.custombody .bodyTextSm {
    font-size:  9px;
    font-size:  0.75rem; }
  body.custombody .nowrap {
    white-space: nowrap; }

/*****************************************************************************/
/* ログインフォーム                                                          */
/* custom/login.cfm                                                          */
/* custom/loginconfirm.cfm                                                   */
/*****************************************************************************/
/* 使用画像                                                                  */
/* loginlogo.gif                                                             */
/* close.gif                                                                 */
/*****************************************************************************/
/* カスタマイズメモ                                                          */
/* designs/-/loginlogo.gif がある場合はロゴを表示                            */
/* ANText[Login Information]が[ ]ではない場合は説明文を表示             */
/*****************************************************************************/
div.LoginFormWindow {
  position: relative;
  margin: 10% auto;
  padding:  0 0 0 0;
  width:  456px;
  width:  38rem;
  color: #000; }
  div.LoginFormWindow div.LoginFormTitleBox {
    display: none;
    width: 100%;
    box-shadow: 0 0 0 1px #c8d7e1, 0 1px 2px #e9eff3;
    background-color: #606060;
    /* 「閉じる」ボタンイメージ */ }
    div.LoginFormWindow div.LoginFormTitleBox div.LoginFormTitle {
      padding:  10px;
      padding:  0.8rem;
      font-size:  18px;
      font-size:  1.5rem;
      color: white; }
    div.LoginFormWindow div.LoginFormTitleBox div.LoginFormOption {
      padding:  10px;
      padding:  0.8rem;
      float: right; }
      div.LoginFormWindow div.LoginFormTitleBox div.LoginFormOption a {
        font-size:  18px;
        font-size:  1.5rem;
        color: white;
        text-decoration: none; }
  div.LoginFormWindow div.LoginFormBodyBox {
    width: 100%;
    margin:  0 0 0 0;
    padding:  36px 24px 36px 24px;
    padding:  3rem 2rem 3rem 2rem;
    box-shadow: 0 0 0 1px #c8d7e1, 0 1px 2px #e9eff3;
    background-color: #FFF;
    text-align: center; }
    div.LoginFormWindow div.LoginFormBodyBox div.LoginFormLogo {
      margin:  0 0 0 0;
      padding:  0 0 0 0; }
      div.LoginFormWindow div.LoginFormBodyBox div.LoginFormLogo img {
        max-width: 100%; }
    div.LoginFormWindow div.LoginFormBodyBox div.LoginFormInformation {
      margin:  0 0 0 0;
      text-align: left; }
    div.LoginFormWindow div.LoginFormBodyBox div.loginFormNotice {
      margin:  0 0 0 0;
      padding:  0 0 0 0;
      text-align: left; }
      div.LoginFormWindow div.LoginFormBodyBox div.loginFormNotice div.appNote {
        color: red; }
    div.LoginFormWindow div.LoginFormBodyBox form.LoginForm {
      margin:  0 0 0 0;
      padding:  0 0 0 0;
      width: 100%; }
      div.LoginFormWindow div.LoginFormBodyBox form.LoginForm div.loginFormLabel {
        margin:  0 0 6px 0;
        margin:  0 0 0.5rem 0;
        width: 100%;
        text-align: left;
        font-weight: bold;
        font-size:  15px;
        font-size:  1.2rem; }
      div.LoginFormWindow div.LoginFormBodyBox form.LoginForm div.loginFormInput {
        margin:  0 0 12px 0;
        margin:  0 0 1rem 0;
        text-align: left;
        width: 100%; }
        div.LoginFormWindow div.LoginFormBodyBox form.LoginForm div.loginFormInput input.loginFormField {
          padding:  6px 12px 6px 12px;
          padding:  0.5rem 1rem 0.5rem 1rem;
          font-size:  18px;
          font-size:  1.5rem;
          box-sizing: border-box;
          width: 100%; }
      div.LoginFormWindow div.LoginFormBodyBox form.LoginForm button.loginFormSubmitButton {
        width: 100%;
        height: 3rem;
        margin:  12px 0 12px 0;
        margin:  1rem 0 1rem 0; }
      div.LoginFormWindow div.LoginFormBodyBox form.LoginForm div.loginFormNotice {
        text-align: center; }
  div.LoginFormWindow div.loginFormNoticeBox {
    padding:  12px 12px 0 12px;
    padding:  1rem 1rem 0 1rem; }
    div.LoginFormWindow div.loginFormNoticeBox div.loginFormNotice {
      text-align: center; }
      div.LoginFormWindow div.loginFormNoticeBox div.loginFormNotice a {
        display: block;
        text-decoration: none; }
    div.LoginFormWindow div.loginFormNoticeBox div.loginFormBackToHome {
      text-align: center; }
      div.LoginFormWindow div.loginFormNoticeBox div.loginFormBackToHome a {
        display: block;
        text-decoration: none; }

div.HeaderWrapper {
  top: 0;
  /* 位置(上0px) */
  left: 0;
  /* 位置(右0px) */
  width: 100%;
  /* 横幅100%　*/ }
  div.HeaderWrapper header {
    font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
    display: block; }
    div.HeaderWrapper header .toolBar {
      background: #2F3438;
      position: relative; }
      div.HeaderWrapper header .toolBar .anLogo {
        /* ツールロゴ */
        position: absolute;
        top: 18px;
        left: 14px; }
      div.HeaderWrapper header .toolBar .userInfo {
        padding: 15px;
        text-align: right;
        width: 100%;
        box-sizing: border-box; }
        div.HeaderWrapper header .toolBar .userInfo .accessState {
          /* ログイン情報 */
          padding: 6px 10px;
          display: inline;
          vertical-align: middle;
          font-size: 90%;
          line-height: 1.1;
          color: #FFF; }
        div.HeaderWrapper header .toolBar .userInfo .logoutBtn {
          /* ログアウトボタン */
          display: inline;
          border: none;
          background: none;
          vertical-align: middle; }
          div.HeaderWrapper header .toolBar .userInfo .logoutBtn span {
            padding: 6px 13px;
            border: 1px solid rgba(255, 255, 255, 0.6);
            border-radius: 15px;
            line-height: 1.1;
            color: #FFF;
            background: none;
            text-align: center;
            vertical-align: middle;
            font-size: 95%;
            text-decoration: none;
            display: block;
            float: right;
            cursor: pointer; }
            div.HeaderWrapper header .toolBar .userInfo .logoutBtn span:hover {
              background: rgba(255, 255, 255, 0.6);
              color: #000; }
    div.HeaderWrapper header div.GroupNaviWrapper nav#GroupNavi {
      /* 画面上のグループメニュー */
      margin:  0;
      padding:  12px;
      padding:  1rem;
      height:  36px;
      height:  3rem;
      width: 100%;
      background-color: #F6F6F6;
      text-align: left;
      vertical-align: middle;
      display: table;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-top: solid 1px #dddee4; }
      div.HeaderWrapper header div.GroupNaviWrapper nav#GroupNavi h2.GroupListLabel {
        /* 「グループトップページ」 */
        width:  120px;
        width:  10rem;
        font-size:  12px;
        font-size:  1rem;
        display: table-cell;
        text-align: left;
        vertical-align: middle; }
      div.HeaderWrapper header div.GroupNaviWrapper nav#GroupNavi ul {
        /* グループ列挙 */
        display: table-cell;
        vertical-align: middle; }
        div.HeaderWrapper header div.GroupNaviWrapper nav#GroupNavi ul li.AppMenuText {
          /* 各グループへのリンク */
          padding: 0 1em 0 1em;
          display: inline-block;
          text-align: left;
          list-style: none;
          vertical-align: middle; }

.MainWrapper article#ToolMenu {
  /* 左メニュー枠 */
  background: #f2f3f6;
  margin:  0 0 0 0;
  padding:  0 0 0 0;
  display: table-cell;
  vertical-align: top;
  border-left: solid 1px #c5c9d7;
  border-right: solid 1px #c5c9d7; }
  .MainWrapper article#ToolMenu nav {
    /* 左メニュー */
    margin:  -1px 0 0 0;
    margin:  -0.1rem 0 0 0;
    padding:  0 0 0 0;
    width:  192px;
    width:  16rem;
    font-size:  12px;
    font-size:  1rem; }
    .MainWrapper article#ToolMenu nav a {
      /* ツールメニュー内ではリンクの下線を表示しない＆黒色のみ */
      margin:  0 0 0 0;
      padding:  2px 2px 2px 2px;
      padding:  0.1rem 0.1rem 0.1rem 0.1rem;
      font-size:  12px;
      font-size:  1rem;
      display: block;
      background: #F1F1F1; }
      .MainWrapper article#ToolMenu nav a, .MainWrapper article#ToolMenu nav a:link, .MainWrapper article#ToolMenu nav a:visited {
        color: black;
        font-size:  15px;
        font-size:  1.2rem;
        text-decoration: none;
        padding:  3px 12px;
        padding:  0.25rem 1rem;
        border-top: solid 1px #c5c9d7;
        box-shadow: 0 1px 1px 0 #bbb, inset 0 1px 1px #fff; }
      .MainWrapper article#ToolMenu nav a:hover, .MainWrapper article#ToolMenu nav a#AppSelected {
        color: white;
        background-color: #646d7a;
        box-shadow: 0 1px 1px 0 #bbb, inset 0 2px 1px #646d7a;
        text-decoration: none;
        transition-property: all;
        transition: 0.1s linear; }
    .MainWrapper article#ToolMenu nav .ToolCategories {
      /* ツールのカテゴリー */
      font-size:  12px;
      font-size:  1rem;
      margin:  0 0 0 0;
      padding:  10px 6px 3px;
      padding:  0.8rem 0.5rem 0.2rem;
      font-weight: bold; }
    .MainWrapper article#ToolMenu nav ul {
      margin:  0 0 12px 0;
      margin:  0 0 1rem 0;
      padding:  0 0 0 0;
      list-style-type: none;
      background: #f2f2f2; }
      .MainWrapper article#ToolMenu nav ul li {
        /* 各ツール名 */
        margin:  0 0 0 0;
        padding:  0 0 0 0; }

div.MainWrapper {
  width: 100%;
  display: table; }
  div.MainWrapper main {
    display: table-cell;
    background-color: #FDFDFD;
    vertical-align: top;
    width: inherit; }
    div.MainWrapper main section.ToolBody {
      position: relative;
      padding:  0 9px 0 9px;
      padding:  0 0.75rem 0 0.75rem; }
      div.MainWrapper main section.ToolBody div#AppName {
        /* 現在のツールメニュー名の枠 */
        margin:  0 0 0 0;
        padding:  0 0 3px 0;
        padding:  0 0 0.25rem 0;
        text-align: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        -ms-flex-order: 0;
        order: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        display: inline-block; }
        div.MainWrapper main section.ToolBody div#AppName h1.AppNameLabel {
          /* 現在のツールメニュー名 */
          font-size:  22px;
          font-size:  1.8rem;
          font-weight: bold; }
          div.MainWrapper main section.ToolBody div#AppName h1.AppNameLabel a {
            /* ツール名なのでリンク装飾は無しで */ }
            div.MainWrapper main section.ToolBody div#AppName h1.AppNameLabel a:link, div.MainWrapper main section.ToolBody div#AppName h1.AppNameLabel a:visited {
              color: black;
              text-decoration: none; }
      div.MainWrapper main section.ToolBody div#OptionInfo ul {
        margin:  0 0 0 0;
        padding:  0 0 0 0;
        list-style: none; }
        div.MainWrapper main section.ToolBody div#OptionInfo ul li {
          display: inline-block;
          padding:  0 12px 0 0;
          padding:  0 1rem 0 0; }
    div.MainWrapper main form.searchForm {
      /* 検索フォーム、多くのツールのトップで表示される */ }
      div.MainWrapper main form.searchForm button {
        /* 検索ボタン */ }
        div.MainWrapper main form.searchForm button.search {
          /* 検索 */
          margin:  0 6px 0 6px;
          margin:  0 0.5rem 0 0.5rem;
          padding:  9px 24px 9px 24px;
          padding:  0.75rem 2rem 0.75rem 2rem;
          background: #EEE;
          background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
          border: solid 1px #888888;
          border-color: #ccc #999 #999 #ccc;
          border-radius: 3px;
          box-shadow: 0 1px 0 0 #a2a2a2;
          cursor: pointer;
          display: inline;
          font-weight: bold;
          white-space: nowrap; }
          div.MainWrapper main form.searchForm button.search span {
            color: #333;
            text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa; }
      div.MainWrapper main form.searchForm ul {
        margin:  0 0 0 0;
        padding:  12px;
        padding:  1rem;
        background: #F7F7F7;
        border: dotted 1px #DDD;
        box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.1) inset;
        display: block;
        list-style: none; }
        div.MainWrapper main form.searchForm ul li {
          margin:  3px 3px 3px 3px;
          margin:  0.25rem 0.25rem 0.25rem 0.25rem;
          padding:  3px 3px 3px 3px;
          padding:  0.25rem 0.25rem 0.25rem 0.25rem;
          display: inline-block; }
          div.MainWrapper main form.searchForm ul li input, div.MainWrapper main form.searchForm ul li img {
            /* カレンダーとか編集アイコンとかの表示位置を他のオブジェクトの中央に */
            vertical-align: middle; }
          div.MainWrapper main form.searchForm ul li label {
            margin:  0 0 0 0;
            padding:  0 0 0 0;
            /* カレンダーとか編集アイコンとかの表示位置を他のオブジェクトの中央に */
            vertical-align: middle; }
    div.MainWrapper main fieldset.AppActionField {
      background-color: white; }
      div.MainWrapper main fieldset.AppActionField input.LargeInput {
        /* ページやグループの編集フォーム内の大きく表示するタイトル部分のINPUTに適用する */
        margin:  0 0 0 0;
        padding:  0 0 0 0;
        font-size:  30px;
        font-size:  2.5rem;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      div.MainWrapper main fieldset.AppActionField select.LargeInput {
        /* ページやグループの編集フォーム内の大きく表示するタイトル部分のINPUTに適用する */
        zoom: 150%;
        width: 100%;
        margin:  0 0 0 0;
        padding:  0 0 0 0;
        font-size:  12px;
        font-size:  1rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }

.fieldsetsInput {
  /* ページ編集画面内のフィールドセットの表示に使用する。<div class="c">の中に入っていると、<input type="text">の幅が狭くなってしまうため  */
  box-sizing: border-box;
  width: 100%; }

.InputFields {
  /* ツールメニュー内入力用 */
  margin:  12px 0 12px 0;
  margin:  1rem 0 1rem 0;
  border-radius:  6px;
  border-radius:  0.5rem;
  background-color: white; }
  .InputFields:first-child {
    margin:  0 0 12px 0;
    margin:  0 0 1rem 0; }
  .InputFields legend {
    font-size: 1.3rem;
    font-weight: bold;
    color: #333; }
  .InputFields input[type=checkbox].toggle {
    /*
    class="t"の表示フラグ、チェックボックスは非表示
    legendタブの先頭に▶または▼を表示
    */
    display: none; }
    .InputFields input[type=checkbox].toggle + legend > label {
      /* 閉じた状態 */
      cursor: pointer;
      font-weight: normal; }
      .InputFields input[type=checkbox].toggle + legend > label:before {
        content: url("cssimages/arrow02.png") "   ";
        vertical-align: sub; }
    .InputFields input[type=checkbox].toggle:checked + legend > label {
      /* 開いた状態 */
      cursor: pointer;
      font-weight: bold; }
      .InputFields input[type=checkbox].toggle:checked + legend > label:before {
        content: url("cssimages/arrow01.png") "   ";
        vertical-align: sub; }
    .InputFields input[type=checkbox].toggle ~ div.info {
      /*  非選択時（閉じた時）のスタイル */
      /* 閉じた時の説明 */
      display: block; }
    .InputFields input[type=checkbox].toggle:checked ~ div.info {
      /*  選択時（開いた時）のスタイル */
      /* 閉じた時の説明 */
      display: none; }
    .InputFields input[type=checkbox].toggle ~ div.t {
      /*  閉じた時のスタイル */
      display: none;
      height: 0; }
    .InputFields input[type=checkbox].toggle:checked ~ div.t {
      /*  選択時（開いた時）のスタイル */
      display: block;
      height: auto; }
  .InputFields div.info {
    /* 折りたたんだ時の要約 */
    font-size:  18px;
    font-size:  1.5rem;
    padding:  3px 3px 3px 18px;
    padding:  0.25rem 0.25rem 0.25rem 1.5rem;
    color: palevioletred; }
  .InputFields input:read-only {
    color: #7f8c8d;
    background-color: #ecf0f1; }
  .InputFields .t {
    /* テーブル */
    margin:  0 0 0 0;
    padding:  0 0 0 0;
    display: table;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
    @media handheld, only screen and (max-width: 768px) {
      .InputFields .t {
        /* 縦並びに変更 */
        display: block; } }
    .InputFields .t div.r {
      /* テーブル行 */
      display: table-row;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%; }
      @media handheld, only screen and (max-width: 768px) {
        .InputFields .t div.r {
          display: block; } }
      .InputFields .t div.r .h {
        width:  120px;
        width:  10rem;
        padding:  6px 6px 6px 6px;
        padding:  0.5rem 0.5rem 0.5rem 0.5rem;
        background: #F1f1f1;
        border-width: 1px;
        border-style: solid;
        border-color: #cbcbcb;
        box-shadow: 0 1px 0 #FFF inset;
        display: table-cell;
        vertical-align: top; }
        @media handheld, only screen and (max-width: 768px) {
          .InputFields .t div.r .h {
            display: block;
            max-width: 100%;
            width: auto;
            margin:  6px 0 0 0;
            margin:  0.5rem 0 0 0;
            padding:  3px 6px 3px 6px;
            padding:  0.25rem 0.5rem 0.25rem 0.5rem; } }
      .InputFields .t div.r .c {
        padding:  6px 6px 6px 6px;
        padding:  0.5rem 0.5rem 0.5rem 0.5rem;
        background: #FFF;
        border-width: 1px;
        border-style: solid;
        border-color: #d9d9d9;
        box-shadow: 0 1px 0 #FFF inset;
        display: table-cell;
        text-wrap: none; }
        @media handheld, only screen and (max-width: 768px) {
          .InputFields .t div.r .c {
            margin:  0 0 12px 0;
            margin:  0 0 1rem 0;
            padding:  3px 6px 3px 6px;
            padding:  0.25rem 0.5rem 0.25rem 0.5rem;
            display: block;
            max-width: 100%;
            width: auto; } }
        .InputFields .t div.r .c textarea {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          min-height: 3rem;
          width: 100%; }
    .InputFields .t div.rs {
      /* テーブル行 */
      display: table-row; }
      .InputFields .t div.rs .h {
        width:  120px;
        width:  10rem;
        padding:  6px 6px 6px 6px;
        padding:  0.5rem 0.5rem 0.5rem 0.5rem;
        background: #F1f1f1;
        border-width: 1px;
        border-style: solid;
        border-color: #cbcbcb;
        box-shadow: 0 1px 0 #fff inset;
        display: table-cell;
        text-wrap: none;
        vertical-align: top; }
      .InputFields .t div.rs .c {
        padding:  6px 6px 6px 6px;
        padding:  0.5rem 0.5rem 0.5rem 0.5rem;
        background: #FFF;
        border-width: 1px;
        border-style: solid;
        border-color: #d9d9d9;
        box-shadow: 0 1px 0 #fff inset;
        display: table-cell;
        text-wrap: none; }
        .InputFields .t div.rs .c textarea {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 100%;
          min-height: 3rem; }
    .InputFields .t div.rw {
      display: block;
      width: 100%; }
      .InputFields .t div.rw .h {
        margin:  6px 0 0 0;
        margin:  0.5rem 0 0 0;
        padding:  6px 6px 6px 6px;
        padding:  0.5rem 0.5rem 0.5rem 0.5rem;
        width: auto;
        background: #F1f1f1;
        border-width: 1px;
        border-style: solid;
        border-color: #cbcbcb;
        box-shadow: 0 1px 0 #FFF inset;
        display: block;
        vertical-align: top; }
      .InputFields .t div.rw .hg {
        margin:  6px 0 0 0;
        margin:  0.5rem 0 0 0;
        padding:  6px 6px 6px 6px;
        padding:  0.5rem 0.5rem 0.5rem 0.5rem;
        width: auto;
        background-image: linear-gradient(to bottom, #ebebeb, #cfd1cf);
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #cbcbcb;
        display: block;
        vertical-align: top; }
      .InputFields .t div.rw .c {
        margin:  0 0 6px 0;
        margin:  0 0 0.5rem 0;
        padding:  3px 6px 3px 6px;
        padding:  0.25rem 0.5rem 0.25rem 0.5rem;
        width: auto;
        background: #FFF;
        border-width: 1px;
        border-style: solid;
        border-color: #d9d9d9;
        box-shadow: 0 1px 0 #FFF inset;
        display: block; }
        .InputFields .t div.rw .c textarea {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          min-height: 3rem;
          width: 100%; }
      .InputFields .t div.rw .ce {
        margin:  0 0 6px 0;
        margin:  0 0 0.5rem 0;
        padding:  0 0 0 0;
        width: auto;
        background: #FFF;
        border-width: 0;
        display: block; }
        .InputFields .t div.rw .ce textarea {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          min-height: 3rem;
          width: 100%; }

#PublishPlace, #AdditionalPlace, div.CautionDialog {
  /* 右クリック禁止時のダイアログのCSS */
  /*　例)
  	<div id="dialog">
  		<div class="dialog_back"></div>
  		<div class="dialog_body">
  			<div class="dialog_title">右クリック禁止</div>
  			<div class="dialog_content">このページでは右クリックを使用停止させていただいています。</div>
  			<div class="dialog_buttons"><input type="button" onclick="closeDialog()" value="閉じる"></div>
  		</div>
  	</div>
  	*/
  padding:  24px;
  padding:  2rem;
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */ }
  #PublishPlace div.dialog_body, #AdditionalPlace div.dialog_body, div.CautionDialog div.dialog_body {
    /* ダイアログの領域 */
    position: fixed;
    /* Stay in place */
    margin: auto;
    background-color: #fefefe;
    border: 1px solid #888;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
    /* CSS3 */
    z-index: 65536;
    width: 80%;
    height: 80%;
    overflow-y: scroll; }
    #PublishPlace div.dialog_body div.dialog_title, #AdditionalPlace div.dialog_body div.dialog_title, div.CautionDialog div.dialog_body div.dialog_title {
      /* ダイアログのタイトル（ちょっとWindowsっぽい例） */
      margin:  0 0 0 0;
      padding:  3px 3px 3px 3px;
      padding:  0.25rem 0.25rem 0.25rem 0.25rem;
      background: #2c3e50;
      border-color: white;
      border-style: solid;
      border-width: 4px 4px 4px 4px;
      color: white;
      vertical-align: top; }
    #PublishPlace div.dialog_body div.dialog_content, #AdditionalPlace div.dialog_body div.dialog_content, div.CautionDialog div.dialog_body div.dialog_content {
      /* ダイアログのメッセージ領域 */
      margin:  0 0 0 0;
      padding:  6px 6px 6px 6px;
      padding:  0.5rem 0.5rem 0.5rem 0.5rem;
      background: white;
      color: black;
      vertical-align: middle; }
      #PublishPlace div.dialog_body div.dialog_content ul li, #AdditionalPlace div.dialog_body div.dialog_content ul li, div.CautionDialog div.dialog_body div.dialog_content ul li {
        list-style: none; }
    #PublishPlace div.dialog_body div.dialog_buttons, #AdditionalPlace div.dialog_body div.dialog_buttons, div.CautionDialog div.dialog_body div.dialog_buttons {
      /* 閉じるボタンの領域（下揃えにしたいな） */
      margin:  0 0 0 0;
      padding:  6px 6px 6px 6px;
      padding:  0.5rem 0.5rem 0.5rem 0.5rem;
      background: white;
      text-align: center;
      bottom: 0;
      left: 0;
      right: 0; }
      #PublishPlace div.dialog_body div.dialog_buttons button, #AdditionalPlace div.dialog_body div.dialog_buttons button, div.CautionDialog div.dialog_body div.dialog_buttons button {
        /* ボタン */
        margin:  0 12px 0 12px;
        margin:  0 1rem 0 1rem;
        padding:  12px 12px 12px 12px;
        padding:  1rem 1rem 1rem 1rem;
        cursor: pointer;
        display: inline;
        white-space: nowrap;
        border-radius: 2px; }
        #PublishPlace div.dialog_body div.dialog_buttons button img, #AdditionalPlace div.dialog_body div.dialog_buttons button img, div.CautionDialog div.dialog_body div.dialog_buttons button img {
          vertical-align: sub; }

dl.CategoryTree {
  /* ページ編集画面の公開場所欄で、カテゴリー・サブカテゴリーを、変形ツリー上に見せるためのスタイル */ }
  dl.CategoryTree dl {
    display: inline-block; }
  dl.CategoryTree dt input[type=checkbox] + dd {
    display: none; }
  dl.CategoryTree dt input[type=checkbox]:checked + dd {
    display: block; }

#DeleteConfirmDialog {
  /* 削除確認ダイアログ */
  /*　例)
  	<div id="dialog">
  		<div class="dialog_back"></div>
  		<div class="dialog_body">
  			<div class="dialog_title">右クリック禁止</div>
  			<div class="dialog_content">このページでは右クリックを使用停止させていただいています。</div>
  			<div class="dialog_buttons"><input type="button" onclick="closeDialog()" value="閉じる"></div>
  		</div>
  	</div>
  	*/
  padding:  24px;
  padding:  2rem;
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */ }
  #DeleteConfirmDialog div.dialog_body {
    /* ダイアログの領域 */
    position: fixed;
    /* Stay in place */
    margin: auto;
    background-color: #fefefe;
    border: 1px solid #888;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
    /* CSS3 */
    z-index: 65536;
    min-width:  360px;
    min-width:  30rem;
    min-height:  240px;
    min-height:  20rem; }
    #DeleteConfirmDialog div.dialog_body div.dialog_title {
      /* ダイアログのタイトル（ちょっとWindowsっぽい例） */
      margin:  0 0 0 0;
      padding:  3px 3px 3px 3px;
      padding:  0.25rem 0.25rem 0.25rem 0.25rem;
      background: #c0392b;
      border-color: white;
      border-style: solid;
      border-width: 4px 4px 4px 4px;
      color: white;
      vertical-align: top; }
    #DeleteConfirmDialog div.dialog_body div.dialog_content {
      /* ダイアログのメッセージ領域 */
      margin:  0 0 0 0;
      padding:  6px 12px 6px 12px;
      padding:  0.5rem 1rem 0.5rem 1rem;
      background: white;
      color: black;
      vertical-align: middle; }
    #DeleteConfirmDialog div.dialog_body div.dialog_buttons {
      /* ボタンの領域（下揃えにしたいな） */
      margin:  0 0 0 0;
      padding:  6px 6px 6px 6px;
      padding:  0.5rem 0.5rem 0.5rem 0.5rem;
      background: white;
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      #DeleteConfirmDialog div.dialog_body div.dialog_buttons button {
        /* ボタン */
        margin:  0 12px 0 12px;
        margin:  0 1rem 0 1rem;
        padding:  12px 12px 12px 12px;
        padding:  1rem 1rem 1rem 1rem;
        cursor: pointer;
        display: inline;
        white-space: nowrap;
        border-radius: 2px; }
        #DeleteConfirmDialog div.dialog_body div.dialog_buttons button img {
          vertical-align: sub; }
        #DeleteConfirmDialog div.dialog_body div.dialog_buttons button.delete {
          /* 削除Yes */
          background: #E01414;
          background: linear-gradient(to bottom, #E01414 0, #9a0e0e 100%);
          border: solid 1px #540707; }
          #DeleteConfirmDialog div.dialog_body div.dialog_buttons button.delete span {
            color: #FFF; }
        #DeleteConfirmDialog div.dialog_body div.dialog_buttons button.cancel {
          /* 削除キャンセル */
          background: #EEE;
          background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
          border: solid 1px #a2a2a2; }
          #DeleteConfirmDialog div.dialog_body div.dialog_buttons button.cancel span {
            color: #FFF; }

input[type=checkbox].html5 {
  display: none; }
  input[type=checkbox].html5 + label {
    /* <label class="checkfalse"> */
    /*  非選択時のスタイル */
    margin:  3px 3px 3px 3px;
    margin:  0.25rem 0.25rem 0.25rem 0.25rem;
    padding:  6px 9px 6px 24px;
    padding:  0.5rem 0.75rem 0.5rem 2rem;
    line-height:  18px;
    line-height:  1.5rem;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    background: url("./cssimages/checkfalse.png") no-repeat 5px center, linear-gradient(to bottom, #FBFBFB 0%, #d5d5d5 100%);
    box-shadow: 0 1px 0 0 #d5d5d5;
    border: solid 1px #afafaf;
    color: #000; }
  input[type=checkbox].html5:checked + label {
    /* <label class="checkfalse"> */
    /*  非選択時のスタイル */
    background: url("./cssimages/checktrue.png") no-repeat 5px center, linear-gradient(to bottom, #1880D4 0%, #10578f 100%);
    box-shadow: 0 1px 0 0 #10578f;
    border: solid 1px #082d4b;
    color: #FFF; }

input[type=radio].html5 {
  display: none; }
  input[type=radio].html5 + label {
    /* <label class="radiofalse"> */
    /*  非選択時のスタイル */
    margin:  3px 3px 3px 3px;
    margin:  0.25rem 0.25rem 0.25rem 0.25rem;
    padding:  6px 9px 6px 24px;
    padding:  0.5rem 0.75rem 0.5rem 2rem;
    display: inline-block;
    cursor: pointer;
    background: url("./cssimages/radiofalse.png") no-repeat 5px center, linear-gradient(to bottom, #FBFBFB 0%, #d5d5d5 100%);
    box-shadow: 0 1px 0 0 #d5d5d5;
    border: solid 1px #afafaf;
    border-radius: 3px;
    color: #000; }
  input[type=radio].html5:checked + label {
    /* <label class="radiotrue"> */
    /* 選択時のスタイル */
    background: url("./cssimages/radiotrue.png") no-repeat 5px center, linear-gradient(to bottom, #1880D4 0%, #10578f 100%);
    box-shadow: 0 1px 0 0 #10578f;
    border: solid 1px #082d4b;
    border-radius: 3px;
    color: #FFF; }

form.frmLastNext {
  margin: 0 0 0 0; }

div.last_next {
  /* table.list_tableの上下に付く、検索結果件数や、表示件数を超えた場合のページング、移動を記述している。
      パターンとしては右寄せが多いが、Googleなんかは中央寄せなので、変更しやすいようにここでまとめて指定する。 */
  text-align: right; }
  div.last_next button.pagenum {
    vertical-align: bottom;
    height: 2rem;
    border-width: 0 0 0 0;
    background-color: rgba(255, 255, 255, 0);
    color: blue;
    text-decoration: underline; }
    div.last_next button.pagenum:disabled {
      color: black;
      font-weight: bold;
      text-decoration: none; }
  div.last_next button.prev {
    vertical-align: bottom;
    height: 2rem;
    border-width: 0 0 0 0;
    background-color: rgba(255, 255, 255, 0); }
    div.last_next button.prev span {
      content: url(cssimages/previous.png); }
  div.last_next button.next {
    vertical-align: bottom;
    height: 2rem;
    border-width: 0 0 0 0;
    background-color: rgba(255, 255, 255, 0); }
    div.last_next button.next span {
      content: url(cssimages/next.png); }

table.list_table {
  font-size:  9px;
  font-size:  0.75rem;
  border: solid 1px #DDD;
  border-spacing: 0;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
  width: 100%; }
  table.list_table input[type="radio"], table.list_table input[type="checkbox"] {
    -webkit-transform: scale(2);
    transform: scale(2);
    margin:  0 12px 0 12px;
    margin:  0 1rem 0 1rem; }
  table.list_table .trheaderincustom {
    /* テーブルヘッダー行 */
    text-align: center;
    font-weight: normal;
    background-color: #f1f1f1; }
    table.list_table .trheaderincustom th {
      font-weight: bold;
      border-left: solid 1px #CCC; }
      table.list_table .trheaderincustom th:first-child {
        border-left: none; }
  table.list_table .trdataincustom {
    /* テーブルデータ行 */
    font-weight: normal;
    vertical-align: middle; }
    table.list_table .trdataincustom td {
      /* テーブルデータセル */
      font-weight: normal;
      vertical-align: middle;
      border-top: solid 1px #CCC;
      padding: 10px 1px; }
  table.list_table .trcategoryincustom {
    /* ページ一覧などでグループ・カテゴリなどの範囲指定時のカテゴリー行 */
    font-weight: normal;
    vertical-align: middle;
    background-color: #D3D0D0; }
  table.list_table .trcrgroupincustom {
    /* ページ一覧などでグループ・カテゴリなどの範囲指定時のサブカテゴリー行 */
    font-weight: normal;
    vertical-align: middle;
    background-color: #DFDFDF; }
  table.list_table .odd {
    /* テーブル奇数行 */
    background-color: #FFFFFF;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear; }
    table.list_table .odd:hover {
      background-color: #fbf0cf; }
  table.list_table .even {
    /* テーブル偶数行 */
    background-color: #f2f3f6;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear; }
    table.list_table .even:hover {
      background-color: #fbf0cf; }

/* for contentsupdate */
table.exceltable {
  /* Excelファイルの取り込み結果をプレビューするためのCSS */
  margin:  3px 0 12px 0;
  margin:  0.25rem 0 1rem 0;
  padding:  0 0 0 0;
  font-size:  12px;
  font-size:  1rem;
  width: auto;
  border-collapse: separate;
  border-spacing: 2px; }
  table.exceltable caption {
    margin:  12px 0 0 0;
    margin:  1rem 0 0 0;
    text-align: left; }
  table.exceltable tr.odd {
    /* テーブル奇数行 */
    background-color: #EEE;
    transition-property: all;
    transition: 0.4s linear; }
    table.exceltable tr.odd:hover {
      background-color: #FFC; }
  table.exceltable tr.even {
    /* テーブル偶数行 */
    background-color: #DDD;
    transition-property: all;
    transition: 0.4s linear; }
    table.exceltable tr.even:hover {
      background-color: #FFC; }
  table.exceltable th {
    padding:  3px 3px 3px 3px;
    padding:  0.25rem 0.25rem 0.25rem 0.25rem;
    font-size:  6px;
    font-size:  0.5rem;
    background: #16a085;
    text-align: center;
    white-space: nowrap; }
  table.exceltable td {
    padding:  3px 3px 3px 3px;
    padding:  0.25rem 0.25rem 0.25rem 0.25rem;
    font-size:  9px;
    font-size:  0.75rem;
    background: #ecf0f1;
    text-align: left;
    white-space: nowrap; }

/* for contentsupdate End */
.new_wrap {
  position: absolute;
  right: 15px;
  top: 8px; }
  .new_wrap button {
    /* ボタン */ }
    .new_wrap button.new {
      /* 新規作成 */
      background: #1880D4;
      background: linear-gradient(to bottom, #1880D4 0, #10578f 100%);
      border: solid 1px #082d4b;
      border-radius: 3px;
      padding:  4px 4px 4px 4px;
      padding:  0.3rem 0.3rem 0.3rem 0.3rem;
      height:  41px;
      height:  3.4rem;
      width:  120px;
      width:  10rem;
      cursor: pointer;
      display: inline;
      white-space: nowrap; }
      .new_wrap button.new span {
        color: #FFF; }
      .new_wrap button.new:disabled {
        background: #333; }
        .new_wrap button.new:disabled span {
          color: #888; }
    .new_wrap button.email {
      /* システム管理者にメールで依頼 */
      padding:  4px 4px 4px 4px;
      padding:  0.3rem 0.3rem 0.3rem 0.3rem;
      height:  41px;
      height:  3.4rem;
      width:  120px;
      width:  10rem;
      background: #1880D4;
      border: solid 1px #082d4b;
      border-radius: 3px;
      cursor: pointer;
      display: inline;
      white-space: nowrap; }
      .new_wrap button.email span {
        color: #FFF; }

table.list_table button.delete {
  /* 削除（ツール内の一覧画面全般）+ カスタムフォームの「設問削除」 */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #E01414;
  background: linear-gradient(to bottom, #E01414 0, #9a0e0e 100%);
  border: solid 1px #540707;
  border-radius: 2px;
  color: #FFF;
  white-space: nowrap; }
  table.list_table button.delete img {
    vertical-align: sub; }
table.list_table button.lock {
  /* 削除（ツール内の一覧画面全般） */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background-color: rgba(255, 255, 255, 0);
  border: solid 0 rgba(255, 255, 255, 0);
  border-radius: 2px;
  white-space: nowrap; }
  table.list_table button.lock span {
    display: none; }
table.list_table button.edit {
  /* 編集（ツール内の一覧画面全般）+カスタムフォームの「設問編集」 */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #1880D4;
  background: linear-gradient(to bottom, #1880D4 0, #10578f 100%);
  border: solid 1px #082d4b;
  border-radius: 2px;
  color: #FFF;
  white-space: nowrap; }
  table.list_table button.edit img {
    vertical-align: sub; }
table.list_table button.new {
  /* カスタムフォームの「設問追加」他と違って少し高い */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  33px;
  height:  2.7rem;
  background: #1880D4;
  background: linear-gradient(to bottom, #1880D4 0, #10578f 100%);
  border: solid 1px #082d4b;
  border-radius: 2px;
  color: #FFF;
  white-space: nowrap; }
  table.list_table button.new img {
    vertical-align: sub; }
table.list_table button.copyforupdate {
  /* 上書き用コピー（編集）（ページの情報表示の際の複製ボタン、または公開側の「CopyForUpdate、上書き用コピー」編集ボタン） 子ページがなく、公開中のページは、編集ではなく「複製して編集」 */
  /* 編集（ツール内の一覧画面全般） */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #1880D4;
  background: linear-gradient(to bottom, #1880D4 0, #10578f 100%);
  border: solid 1px #082d4b;
  border-radius: 2px;
  color: #FFF;
  white-space: nowrap; }
  table.list_table button.copyforupdate img {
    vertical-align: sub; }
table.list_table button.download {
  /* カスタムフォームのデータダウンロード（旧書類アイコン）*/
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.download img {
    vertical-align: sub; }
  table.list_table button.download span {
    display: none; }
table.list_table button.reset {
  /* カスタムフォームのデータ削除（旧ゴミ箱アイコン）*/
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.reset img {
    vertical-align: sub; }
  table.list_table button.reset span {
    display: none; }
table.list_table button.applications {
  /* アプリケーション操作（ツール - ユーザー管理 - 権限の一覧）*/
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.applications img {
    vertical-align: sub; }
  table.list_table button.applications span {
    display: none; }
table.list_table button.noappactions {
  /* アプリケーション操作不可（ツール - ユーザー管理 - 権限の一覧）*/
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background-color: rgba(255, 255, 255, 0);
  border: solid 0 rgba(255, 255, 255, 0);
  border-radius: 2px;
  white-space: nowrap; }
  table.list_table button.noappactions span {
    display: none; }
table.list_table button.actions {
  /* 操作（ツール登録（旧詳細設定） 一覧画面）*/
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.actions img {
    vertical-align: sub; }
  table.list_table button.actions span {
    display: none; }
table.list_table button.assignusers {
  /* ユーザー割り当て（ツール - サイト構造 - グループとかカテゴリーとかの一覧） */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.assignusers img {
    vertical-align: sub; }
  table.list_table button.assignusers span {
    display: none; }
table.list_table button.permissions {
  /* 権限（ツール - ユーザー管理 - ユーザー）の1箇所にのみ存在
  	他と違って権限、グループ、カテゴリー、フッター、カスタムフォーム、キーワードの割当をおこなう */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.permissions img {
    vertical-align: sub; }
  table.list_table button.permissions span {
    display: none; }
table.list_table button.assign {
  /* ユーザーグループ割り当て（） */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.assign img {
    vertical-align: sub; }
  table.list_table button.assign span {
    display: none; }
table.list_table button.roles {
  /* 役割（ツール - モジュール - 詳細設定 のリストで使用） */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.roles img {
    vertical-align: sub; }
  table.list_table button.roles span {
    display: none; }
table.list_table button.show {
  /* 役割（ツール - ログ - 検索キーワード・ログイン・エラーなどの表示） */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.show img {
    vertical-align: sub; }
  table.list_table button.show span {
    display: none; }
table.list_table button.info {
  /* 情報表示（list_tale内では、aタグのリンクを使うので、ここでは不要） */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.info img {
    vertical-align: sub; }
  table.list_table button.info span {
    display: none; }
table.list_table button.submit {
  /* 情報表示（list_tale内では、aタグのリンクを使うので、ここでは不要） */
  margin:  0 6px 0 6px;
  margin:  0 0.5rem 0 0.5rem;
  padding:  5px 12px 3px 12px;
  padding:  0.4rem 1rem 0.25rem 1rem;
  height:  30px;
  height:  2.5rem;
  background: #EEE;
  background: linear-gradient(to bottom, #EEE 0, #bbbbbb 100%);
  border-color: #ccc #999 #999 #ccc;
  border: solid 1px #888888;
  border-radius: 2px;
  font-weight: bold;
  color: #333;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
  cursor: pointer;
  white-space: nowrap; }
  table.list_table button.submit img {
    vertical-align: sub; }
  table.list_table button.submit span {
    display: none; }

.InputFields button img {
  vertical-align: sub; }
.InputFields button.publishspace {
  /* 公開場所（ページ編集画面とかライブラリ編集画面とかのボタン） */
  margin:  0 12px 0 12px;
  margin:  0 1rem 0 1rem;
  padding:  3px 12px 3px 12px;
  padding:  0.25rem 1rem 0.25rem 1rem;
  background: #EEE;
  border: solid 1px #a2a2a2;
  border-radius: 2px;
  cursor: pointer; }
  .InputFields button.publishspace span {
    color: #000; }
.InputFields button.save_edit {
  /* 保存＋編集（ページ編集画面） */
  margin:  0 12px 0 12px;
  margin:  0 1rem 0 1rem;
  padding:  3px 12px 3px 12px;
  padding:  0.25rem 1rem 0.25rem 1rem;
  background: #1b766f;
  border: solid 1px black;
  border-radius: 2px;
  cursor: pointer; }
  .InputFields button.save_edit span {
    color: #FFF; }
.InputFields button.contenthistory {
  /* 履歴（ページ編集画面） */
  margin:  0 12px 0 12px;
  margin:  0 1rem 0 1rem;
  padding:  3px 12px 3px 12px;
  padding:  0.25rem 1rem 0.25rem 1rem;
  background: brown;
  border: solid 1px #2b0b0b;
  border-radius: 2px;
  cursor: pointer; }
  .InputFields button.contenthistory span {
    color: #FFF; }
.InputFields button.accessibilitychecker {
  /* アクセシビリティチェッカー（ページ編集画面） */
  margin:  0 12px 0 12px;
  margin:  0 1rem 0 1rem;
  padding:  3px 12px 3px 12px;
  padding:  0.25rem 1rem 0.25rem 1rem;
  background: #e88181;
  border: solid 1px #b02020;
  border-radius: 2px;
  cursor: pointer; }
  .InputFields button.accessibilitychecker span {
    color: #FFF; }
.InputFields button.assignexecute {
  /* 割り当て実行ボタン（一括割り当て画面） */
  margin:  0 12px 0 12px;
  margin:  0 1rem 0 1rem;
  padding:  3px 12px 3px 12px;
  padding:  0.25rem 1rem 0.25rem 1rem;
  background: darkred;
  border: solid 1px black;
  border-radius: 2px;
  cursor: pointer; }
  .InputFields button.assignexecute span {
    color: #FFF; }
.InputFields button.unlock {
  /* 割り当て実行ボタン（一括割り当て画面） */
  margin:  0 12px 0 12px;
  margin:  0 1rem 0 1rem;
  padding:  3px 12px 3px 12px;
  padding:  0.25rem 1rem 0.25rem 1rem;
  background: #EEE;
  border: solid 1px #a2a2a2;
  border-radius: 2px;
  cursor: pointer; }
  .InputFields button.unlock span {
    color: #000; }

.AppCommandField legend {
  font-size:  12px;
  font-size:  1rem;
  font-weight: normal; }
.AppCommandField button {
  /* ボタン */
  margin:  3px 12px 3px 12px;
  margin:  0.25rem 1rem 0.25rem 1rem;
  padding:  12px 12px 12px 12px;
  padding:  1rem 1rem 1rem 1rem;
  cursor: pointer;
  display: inline;
  white-space: nowrap;
  border-radius: 2px; }
  .AppCommandField button img {
    vertical-align: sub; }
  .AppCommandField button span {
    color: #000;
    white-space: nowrap; }
  .AppCommandField button:disabled {
    background: white;
    color: #888; }
    .AppCommandField button:disabled span {
      color: #888; }
  .AppCommandField button.edit {
    /* 編集（ツール内の一覧画面全般） */
    background: #1880D4;
    background: linear-gradient(to bottom, #1880D4 0, #10578f 100%);
    border: solid 1px #082d4b;
    border-radius: 2px; }
    .AppCommandField button.edit span {
      color: #FFF; }
  .AppCommandField button.copy {
    /* ページのコピー */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2;
    border-radius: 2px; }
  .AppCommandField button.print {
    /* ページの情報印刷プレビュー、本文印刷プレビュー */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2;
    border-radius: 2px; }
  .AppCommandField button.connect {
    /* ActiveDirecotyの接続テスト */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2;
    border-radius: 2px; }
  .AppCommandField button.assignusers {
    /* ユーザー割り当て（ツール内の編集画面全般） */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2;
    border-radius: 2px; }
  .AppCommandField button.permissions {
    /* 権限割り当て（ユーザーの画面全般）assignusersと異なり、ユーザーから各ツールの権限を与えるためボタン名も異なる */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2;
    border-radius: 2px; }
  .AppCommandField button.roles {
    /* 役割グループ割り当て（ツール内の編集画面全般） */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2;
    border-radius: 2px; }
  .AppCommandField button.applications {
    /* アプリケーション操作（役割（旧権限）のツール割り当ての中だけ） */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2;
    border-radius: 2px; }
  .AppCommandField button.actions {
    /* アプリケーション操作（ツール登録（旧詳細設定）の中だけ） */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2;
    border-radius: 2px; }
  .AppCommandField button.save {
    /* 保存（ツール内の編集画面全般） */
    background: #1d6b0a;
    background: linear-gradient(to bottom, #1d6b0a 0, #0a2503 100%);
    border: solid 1px black;
    border-radius: 2px;
    width:  96px;
    width:  8rem; }
    .AppCommandField button.save span {
      color: #FFF; }
  .AppCommandField button.save:disabled {
    /* 保存ボタンの無効状態（各ツールのユーザー割り当て画面でのみ使用） */
    background: white;
    color: #888; }
    .AppCommandField button.save:disabled span {
      color: #888; }
  .AppCommandField button.save_edit {
    /* 保存+編集 */
    background: #1b766f;
    background: linear-gradient(to bottom, #1b766f 0, #0d3834 100%);
    border: solid 1px black; }
    .AppCommandField button.save_edit span {
      color: #FFF; }
  .AppCommandField button.save_preview {
    /* 保存+プレビュー */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }
  .AppCommandField button.save_send {
    /* 保存+編集 */
    background: #1b766f;
    background: linear-gradient(to bottom, #1b766f 0, #0d3834 100%);
    border: solid 1px black; }
    .AppCommandField button.save_send span {
      color: #FFF; }
  .AppCommandField button.delete {
    /* 削除 */
    background: #E01414;
    background: linear-gradient(to bottom, #E01414 0, #9a0e0e 100%);
    border: solid 1px #540707; }
    .AppCommandField button.delete span {
      color: #FFF; }
  .AppCommandField button.reset {
    /* 回答リセット（カスタムフォームの回答リセット確認画面のみ） */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }
  .AppCommandField button.update {
    /* 保存（ツール内の編集画面全般） */
    background: #1d6b0a;
    background: linear-gradient(to bottom, #1d6b0a 0, #0a2503 100%);
    border: solid 1px black;
    border-radius: 2px; }
    .AppCommandField button.update span {
      color: #FFF; }
  .AppCommandField button.list {
    /* 一覧 */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }
  .AppCommandField button.show {
    /* 情報（ログ関係のツール画面用） */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }
  .AppCommandField button.download {
    /* 情報（ログ関係のツール画面用） */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }
  .AppCommandField button.confirm {
    /* 年度処理の確認ボタン */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }
  .AppCommandField button.back {
    /* 年度処理の戻るボタン（確認画面） */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }
  .AppCommandField button.refrect {
    /* 承認の選択の反転ボタン  [選択の反転] （承認画面以外でも使う）*/
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }
  .AppCommandField button.rejected {
    /* 承認の承認取り消しボタン  [チェックの外れているページの承認を取り消す] */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }
  .AppCommandField button.offer {
    /* 承認の承認依頼ボタン（2段階承認の一次承認者が操作中の時） [サイト管理者に承認依頼] */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }
  .AppCommandField button.approved {
    /* 承認の承認ボタン（サイト管理者、または1段階承認の一次承認者が操作中の時） [承認] */
    background: #EEE;
    background: linear-gradient(to bottom, #EEE 0, #c8c8c8 100%);
    border: solid 1px #a2a2a2; }

div.FooterWrapper {
  display: table;
  margin:  0 0 0 0;
  padding:  0 0 0 0;
  background: #2f313a;
  width: 100%; }
  div.FooterWrapper footer {
    display: table-row;
    padding:  12px;
    padding:  1rem; }
    div.FooterWrapper footer div.version {
      /* ANVersionの表記 */
      padding:  9px 9px 9px 9px;
      padding:  0.75rem 0.75rem 0.75rem 0.75rem;
      display: table-cell;
      vertical-align: middle;
      text-align: left;
      color: white; }
    div.FooterWrapper footer div.keepalive {
      /* ANVersionの表記 */
      padding:  9px 9px 9px 9px;
      padding:  0.75rem 0.75rem 0.75rem 0.75rem;
      display: table-cell;
      vertical-align: middle;
      text-align: right; }