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

body.custombody {
  /* ツールメニュー内のbody */
  margin:  0;
  padding:  0;
  background: #F6F6F6;
    /*
	input[type="text"],input[type="date"],input[type="time"],input[type="input"] {
		@include rem-fallback(font-size, 1);
        padding: 3px 3px 3px 3px;
	}
    */
}
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;
  line-height:  18px;
}
body.custombody input {
  font-size:  12px;
  padding: 3px 3px 3px 3px;
}
body.custombody select {
  font-size:  12px;
  height: auto;
  padding: 3px 3px 6px 3px;
}
body.custombody textarea {
  font-size:  12px;
}
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;
}
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;
  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;
  font-size:  18px;
  color: white;
}
div.LoginFormWindow div.LoginFormTitleBox div.LoginFormOption {
  padding:  10px;
  float: right;
}
div.LoginFormWindow div.LoginFormTitleBox div.LoginFormOption a {
  font-size:  18px;
  color: white;
  text-decoration: none;
}
div.LoginFormWindow div.LoginFormBodyBox {
  width: 100%;
  margin:  0 0 0 0;
  padding:  36px 24px 36px 24px;
  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;
  width: 100%;
  text-align: left;
  font-weight: bold;
  font-size:  15px;
}
div.LoginFormWindow div.LoginFormBodyBox form.LoginForm div.loginFormInput {
  margin:  0 0 12px 0;
  text-align: left;
  width: 100%;
}
div.LoginFormWindow div.LoginFormBodyBox form.LoginForm div.loginFormInput input.loginFormField {
  padding:  6px 12px 6px 12px;
  font-size:  18px;
  box-sizing: border-box;
  width: 100%;
}
div.LoginFormWindow div.LoginFormBodyBox form.LoginForm button.loginFormSubmitButton {
  width: 100%;
  height: 3rem;
  margin:  12px 0 12px 0;
}
div.LoginFormWindow div.LoginFormBodyBox form.LoginForm div.loginFormNotice {
  text-align: center;
}
div.LoginFormWindow div.loginFormNoticeBox {
  padding:  12px 12px 0 12px;
}
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;
  height:  36px;
  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;
  font-size:  12px;
  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;
  padding:  0 0 0 0;
  width:  192px;
  font-size:  12px;
}
.MainWrapper article#ToolMenu nav a {
  /* ツールメニュー内ではリンクの下線を表示しない＆黒色のみ */
  margin:  0 0 0 0;
  padding:  2px 2px 2px 2px;
  font-size:  12px;
  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;
  text-decoration: none;
  padding:  3px 12px;
  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;
  margin:  0 0 0 0;
  padding:  10px 6px 3px;
  font-weight: bold;
}
.MainWrapper article#ToolMenu nav ul {
  margin:  0 0 12px 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;
}
div.MainWrapper main section.ToolBody div#AppName {
  /* 現在のツールメニュー名の枠 */
  margin:  0 0 0 0;
  padding:  0 0 3px 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-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;
}
div.MainWrapper main form.searchForm {
  /* 検索フォーム、多くのツールのトップで表示される */
}
div.MainWrapper main form.searchForm button {
  /* 検索ボタン */
}
div.MainWrapper main form.searchForm button.search {
  /* 検索 */
  margin:  0 6px 0 6px;
  padding:  9px 24px 9px 24px;
  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;
  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;
  padding:  3px 3px 3px 3px;
  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:  3px 3px 3px 3px;
  padding:  0.25rem 0.25rem 0.25rem 0.25rem;
  font-size:  30px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div.MainWrapper main fieldset.AppActionField select.LargeInput {
  /* ページやグループの編集フォーム内の大きく表示するタイトル部分のINPUTに適用する */
  margin:  0 0 0 0;
  padding:  3px 3px 6px 3px;
  padding:  0.25rem 0.25rem 0.5rem 0.25rem;
  font-size:  18px;
  width: 100%;
  -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;
  border-radius:  6px;
  background-color: white;
}
.InputFields:first-child {
  margin:  0 0 12px 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;
  padding:  3px 3px 3px 18px;
  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;
  padding:  6px 6px 6px 6px;
  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;
    padding:  3px 6px 3px 6px;
  }
}
.InputFields .t div.r .c {
  padding:  5px 5px 5px 5px;
  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;
    padding:  3px 6px 3px 6px;
    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;
  padding:  6px 6px 6px 6px;
  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:  5px 5px 5px 5px;
  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;
  padding:  6px 6px 6px 6px;
  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;
  padding:  6px 6px 6px 6px;
  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;
  padding:  3px 6px 3px 6px;
  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;
  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;
  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;
  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;
  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;
  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;
  padding:  12px 12px 12px 12px;
  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;
  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-height:  240px;
}
#DeleteConfirmDialog div.dialog_body div.dialog_title {
  /* ダイアログのタイトル（ちょっとWindowsっぽい例） */
  margin:  0 0 0 0;
  padding:  3px 3px 3px 3px;
  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;
  background: white;
  color: black;
  vertical-align: middle;
}
#DeleteConfirmDialog div.dialog_body div.dialog_buttons {
  /* ボタンの領域（下揃えにしたいな） */
  margin:  0 0 0 0;
  padding:  6px 6px 6px 6px;
  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;
  padding:  12px 12px 12px 12px;
  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;
  padding:  6px 9px 6px 24px;
  line-height:  18px;
  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;
  padding:  6px 9px 6px 24px;
  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;
  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;
}
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;
  padding:  0 0 0 0;
  font-size:  12px;
  width: auto;
  border-collapse: separate;
  border-spacing: 2px;
}
table.exceltable caption {
  margin:  12px 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;
  font-size:  6px;
  background: #16a085;
  text-align: center;
  white-space: nowrap;
}
table.exceltable td {
  padding:  3px 3px 3px 3px;
  font-size:  9px;
  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;
  height:  41px;
  width:  120px;
  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;
  height:  41px;
  width:  120px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  33px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  5px 12px 3px 12px;
  height:  30px;
  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;
  padding:  3px 12px 3px 12px;
  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;
  padding:  3px 12px 3px 12px;
  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;
  padding:  3px 12px 3px 12px;
  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;
  padding:  3px 12px 3px 12px;
  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;
  padding:  3px 12px 3px 12px;
  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;
  padding:  3px 12px 3px 12px;
  background: #EEE;
  border: solid 1px #a2a2a2;
  border-radius: 2px;
  cursor: pointer;
}
.InputFields button.unlock span {
  color: #000;
}

.AppCommandField legend {
  font-size:  12px;
  font-weight: normal;
}
.AppCommandField button {
  /* ボタン */
  margin:  3px 12px 3px 12px;
  padding:  12px 12px 12px 12px;
  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;
}
.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;
}
div.FooterWrapper footer div.version {
  /* ANVersionの表記 */
  padding:  9px 9px 9px 9px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  color: white;
}
div.FooterWrapper footer div.keepalive {
  /* ANVersionの表記 */
  padding:  9px 9px 9px 9px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}