@charset "utf-8";
/*!
 * mmj-admintool.css
 * Copyright(C) 2014 MetaMoJi Corp. All Rights Reserved.
 */

/* ソート機能付きテーブルのスタイル */
table.tablesorter {
	font-family:arial;
	line-height:1.5em;
	background-color: #d5eb74;
	width: 100%;
	margin:10px 0pt 0px;
	text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	border: 1px solid #FFF;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-color: #eff8c3;
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right: 1em;
}
table.tablesorter thead tr .header2 {
	background-color: #eff8c3;
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right: 1em;
}
table.tablesorter tbody {
	color: #1B3602;
	padding: 4px;
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	padding: 4px;
	background-color:#FFF;
}
table.tablesorter tbody tr.even td {
	padding: 4px;
	background-color:#e8e8e8;
}

table.tablesorter tbody tr.odd.hover td,
table.tablesorter tbody tr.even.hover td {
	background-color:#ffe6c8;
}
table.tablesorter tbody tr td {
	max-width:50em;
	word-break: break-all;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #ffe6c8;
}
table.tablesorter tfoot tr td {
	padding: 4px;
	background-color:#FFF;
}
table.tablesorter tfoot tr th {
	padding: 0px;
	background-color:#eff8c3;
	border-left:none;
	border-right:none;
}

/* ページャーパネルのスタイル */
div.tablesorterPager {
	padding: 2px 0 2px 0;
	background-color: #eff8c3;
	text-align: center;
}
div.tablesorterPager select {
	width: auto;
	border: 0.5px solid #909080;
	text-align: center;
}
div.tablesorterPager input.pagedisplay {
	width: 150px;
	border: 0.5px solid #909080;
	text-align: center;
}
div.tablesorterPager button {
	margin-bottom:1px;
}
table.loginBox {
	padding: 10px;
	border: 2px solid #7EBA03;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 4px;
}

table.loginBox2 {
	padding: 10px;
	border: 2px solid #7EBA03;
    border-spacing: 4px;
}

table.adminBox {
	padding: 10px;
	border: 2px solid #7EBA03;
	border-spacing: 4px;
	margin-left:auto;
	margin-right:auto;
}
table.adminBoxParent {
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
td.label, th.label {
	background-color: #dbe8a0;
    padding: 0.4em .6em;
	color:#3B6602;
}

td.label2, th.label2 {
	background-color: #dbe8a0;
    padding: 0em 1em;
    color: #3b6602;
}

label.label2 {
	background-color: #dbe8a0;
	padding: 0em 1em;
	color: #3b6602;
}

h1.left {
    font-size: 1em;
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color:#7EBA03;
	border-style:solid;
	background:#BEDC81;
	color:#3B6602;
	line-height:160%;
	font-weight:bold;
}

h1 {
    font-size: 1em;
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color:#7EBA03;
	border-style:solid;
	background:#BEDC81;
	color:#3B6602;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

h2 {
    font-size: 1em;
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#7EBA03;
	border-style:solid;
	background:#fff;
	color:#5B8602;
	line-height:140%;
	font-weight:bold;
}

h2.caution {
    font-size: 1em;
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#fc2;
	border-style:solid;
	background:#fff;
	color:#894500;
	line-height:140%;
	font-weight:bold;
}

.subtitle {
    font-size: 1em;
    margin:20px 0 8px 0;
	background:#fff;
	color:#5B8602;
	font-weight:bold;
	text-align:center;
	width:100%;
}
#status, #status4, #status_dlg, #status_history {
    font-size: .8em;
	margin:0 0 10px 0;
	padding: .1em 1em;
	background:#cbcbcb;
	color:#333333;
	line-height:1.5em;
	font-weight:lighter;
}
#status_dlg {
    font-size: .8em;
	padding: .1em 1em;
	background:#cbcbcb;
	color:#333333;
	line-height:1.5em;
	font-weight:lighter;
	margin-right:auto;
	margin-left:auto;
	margin-top:1em;
}
#message,#message2,#message3,#message4 {
    font-size: .8em;
	margin:0 0 10px 0;
	padding: .1em 1em;
	background:#ffe6c8;
	color:#ff0000;
	text-align:center;
	display:none;
}
#serverVersion {
    font-size: .8em;
	margin:0 0 10px 0;
	padding: .1em 1em;
	color: #1B3602;
	background-color: #eff8c3;
	text-align:center;
}
#status2 {
    font-size: .8em;
	color:#808080;
	font-weight:lighter;
	text-align: left;
	height: 2em;
	width: 20em;
	float: right;
	padding-top: 7px;
	display: inline;
}
#status3 {
    font-size: .8em;
	color:#808080;
	font-weight:lighter;
	text-align: left;
	height: 2em;
	width: 28em;
	float: right;
	padding-top: 7px;
	display: inline;
}
#status5 {
    font-size: .8em;
	color:#808080;
	font-weight:lighter;
	text-align: left;
	height: 2em;
	width: 20em;
	padding-top: 7px;
	padding-left:1em;
	display: inline;
}
#rightbtnArea {
	float: right;
	vertical-align:top;
	margin: 2px;
	display: inline;
}
.login .hint {
    text-align: center;
    font-size: .8em;
	line-height:1.5em;
    background: #ffdac2
}

.multifactorAuthentication .hint {
    text-align: center;
    font-size: .8em;
    line-height:1.5em;
    background: #ffdac2
}

.userlist .hint {
    font-size: .8em;
	padding: 10px;
	border: 1px solid #c0c0c0;
    color: #808080;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    border-spacing: 4px;
}

#dlgContractInfo .hint {
    font-size: .8em;
	padding: .1em;
	border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #c0c0c0;
    color: #808080;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

#dlgContractInfo .hint ul {
    margin-bottom: 1px;
}

body {
	color:#0B2602;
}

ul.menu {
    list-style-image:url("../images/bullet.png");
}

.menu li {
	color:#0B2602;
}

.wide {
	margin-top: 1.2em;
}

a {
    text-decoration: none;
	cursor: pointer;
}

a:link {
    font-weight: bold;
    color: #4B7602;
}
a:visited {
    font-weight: bold;
    color: #2B4602;
}
a:hover {
    font-weight: bold;
    color: #7EBA03;
}
a:active {
    font-weight: bold;
    color: #BEDC81;
}

.caution {
    color: #ff0050;
}

.assertion {
    color: #ff8900;
}

.safe {
    color: #0fc100;
}

/**
 * プルダウンメニューのアイテム
 */
ul.pdmenu li {
  position: relative;
  float: right;

  width: 13em;
  border: solid 1px #ccc;
  font-weight: bold;
  font-size: .8em;
  text-align: center;
  list-style-type: none;
  padding: .4em 0em;
  line-height:1.5em;

  /* トップレベルメニューの色*/
  color: #e6ffc1;
  background: #3B6602;
}

/**
 * PDメニュー（トップ）のマウスホバー時の色
 */
ul.pdmenu li:hover {
  background: #7EBA03;
  color: #2B4602;
}

ul.pdmenu li ul {
  display: none;
  position: absolute;
  top:30px;          /* 1em + ul.pdmenu li{padding.y}*2 */
  left:-1px;              /* 補正: PDしてくるボックスがなんか1pxずれてしまう */
  background: #eee;
  border: solid 1px #ccc;
  padding: 0px;           /* ul による字下げを無効化する */
  z-index:999;
}

/**
 * PDアイテムの非選択色
 */
ul.pdmenu li ul li {
  border: none;
  color: #2B4602;
  background: #dbe8a0;
    font-size: 1em;         /* li がネストするため、ここで 1emに戻しておかないと、上階層のfont-sizeが再帰的に利いてくる */
}

/**
 * PDアイテムの選択色
 */
ul.pdmenu li ul li:hover {
  background: #ffe6c8;
  color: #743e0f;
}

ul.pdmenu .active,
.clickable {
	cursor: pointer;
}

.clear {
    clear: both;
}

/**
 * 共通ヘッダ用
 */
#mmjHeader table {
    border-spacing: 0px;
    /*border-bottom: 1px #a0a0a0 solid;    */
}

/**
 * 共通フッタ用
 */
#mmjFooter hr,
.flat-hr {
    height: 1px;
    border: none;
    border-bottom: 1px #a0a0a0 solid;
}

/** csv upload結果表示用のシンプルなテーブル */
table.simple:not(.noborder) {
	font-family:arial;
	background-color: #d5eb74;
	margin:10px 0pt 0px;
	width: 100%;
	text-align: left;
	vertical-align: middle;
}
table.simple:not(.noborder) th {
	color: #1B3602;
	background-color: #eff8c3;
	border: 1px solid #FFF;
	padding: .2em .5em;
}
table.simple:not(.noborder) td {
	color: #1B3602;
	padding: .2em .5em;
	background-color:#fbfffb;
}
table.simple tr {
	height:30.38px;
}
table.simple.noborder {
	font-family:arial;
	margin:10px 0pt 0px;
	width: 100%;
	text-align: left;
	vertical-align: middle;
}
table.simple.noborder th,
table.simple.noborder td {
	color: red;
	padding: .2em .5em;
	font-size:smaller;
}
table.bottomspace {
	margin-bottom:20px;
}
table td.center,
table th.center {
    text-align: center;
}

table td.right,
table th.right {
    text-align: right;
}

table td.contents,
table th.contents {
	padding-right: 1em;
}

table td.half,
table th.half{
    width: 50%;
}

table.simple td.right,
table.simple th.right {
    text-align: right;
    padding-right: 1em;
}

table.simple.small{
	width: auto;
}

.vmiddle {
    vertical-align: middle;
}


table.caution {
	font-family:arial;
	background-color: #ffba4c;
	margin:10px 0px 0px;
	width: 100%;
	text-align: left;
	vertical-align: middle;
}
table.caution thead th {
	color: #361b01;
	background-color: #f8eac3;
	border: 1px solid #FFF;
	padding: .2em .5em;
}
table.caution tbody td {
	color: #361b01;
	padding: .2em .5em;
	background-color:#fffdfb;
}

div.vspacer {
    height: .5em;
}

span.hspacer {
    padding: 1em;
}

div.hline {
    height: .2em;
    background-color: #eff8c3;
}

.userDialog .msg {
    padding-left: 1.1em;
}

#dlgContractInfo .userDialog {
    margin: 1em 0px 0px 0px;
}

#dlgContractInfo th,
#dlgContractInfo td {
    padding: .2em .6em;
}

input[type=text].usascii {
    ime-mode: disabled;
}
.btnContainer {
	position:relative;
	width:100%;
	height:100%;
}
.detailBtn {
	margin-right:0em;
	margin-bottom:0em;
    position:absolute;
    right:0em;
    bottom:-4px;
}
.monthBtn {
	vertical-align:middle;
	white-space:nowrap;
	padding-left: 3px;
	padding-right: 3px;
}
.okBtn{
	text-align:center;
	padding-right: 1em;
	padding-left:1em;
}
#dlgDetailInfo .detailDialog {
	min-width: 50em;
}
.div3blck {
	display: inline-block;
	width: 30%;
	text-align:right;
}
.div3blck-right {
	display: inline-block;
	width: 30%;
	text-align:left;
}
.monthTitle {
	display: inline-block;
	text-align: center;
	width: 40%;
}
#curHeader {
	width:99%;
	white-space:nowrap;
}
div.center {
	text-align:center;
}
.exptitle {
	font-size: 1em;
	margin:30px 0 8px 0;
	background:#fff;
	color:#5B8602;
	font-weight:bold;
	width:100%;
}
.loginBox div.smallfont {
	font-size: .8em;
}
.centerauto {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/** Year Term */
div#yearTermArea{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:280px;
	padding:20px;
	border:solid 2px #7EBA03;
}

div#yearTermArea div#yearTermAreaItems{
	width:280px;
}

div#yearTermAreaItems label{
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #fff;
	width:250px;
	padding:5px;
	background-color:#fff;
	text-align:canter;
	font-weight:bold;
}

div#yearTermAreaItems label:hover{
	background-color:#dbef7e;
	color:#ff4a00;
	font-weight:bold;
	cursor:pointer;
}


div#yearTermAreaItems label.currentYear{
	background-color:#ffe8d0;
	color:#000;
}
div#yearTermAreaItems label.currentYear:hover{
	background-color:#ff9730;
	color:#fff;
}
div#yearTermAreaItems label.current{
	background-color:#ff9730;
	color:#fff;
}

div#yearTermAreaItems label input{
	margin-right:10px;
}
div.yearTermButtonArea{
	padding-top:20px;
	text-align:center;
}

div.chk_spacer{
	display:inline;
	float:left;
	width:28px;
}
label.grayout {
	color: #c0c0c0;
}
input::-ms-clear {
    visibility:hidden
}
input::-ms-reveal {
    visibility:hidden
}
.blockRight {
	text-align:right;
	display:block;
	width:100%;
}
.gray_green {
    font-weight: bold;
	color: #BBCAA4;
}

div.guideTitle {
    color: #3B6602;
    font-weight:bold;
    padding-left: 10px;
    padding-top: 20px;
    vertical-align:bottom;
}
.custom li {
    color:#5B8602;
    list-style-type : none;
    padding:5px 10px;
	border-top:1px solid #d5eb74;
    border-bottom:1px solid #d5eb74;
    margin-top: -1px;
}
.custom ul {
    padding-left:0;
    overflow: hidden;
    margin: 0 0 0 1em;
}
.custom li.double {
	padding-bottom: 36px;
}
.custom li:after{
	content: "";
	clear: both;
	display:block;
}
div.customTitle {
    color: #3B6602;
    font-weight:bold;
    padding-left: 10px;
    padding-top: 30px;
    vertical-align:bottom;
    font-size:larger;
}
div.customArea {
	min-width: 800px;
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
}
p.customlabel {
	display:inline;
}
table.custom {
    color:#5B8602;
    list-style-type : none;
    margin:5px;
	border-spacing:0px;
}
table.custom td {
	text-align:left;
	border-bottom:1px solid #d5eb74;
	vertical-align:top;
	padding-left:2px;
	padding-right:2px;
	padding-top:8px;
}
table.custom th {
	text-align:left;
	border-bottom:1px solid #d5eb74;
	vertical-align:top;
	padding-left:20px;
	padding-right:20px;
	width: 36em;
	padding-top:8px;
	font-weight: normal;
}
table.custom td.nopaddingtop {
	padding-top:0px;
}
table.custom td.noboderbottom {
	border-bottom:0px;
}
table.custom td.ostable {
	color: #3B6602;
	width:40px;
	text-align:center;
	border-left:1px solid #d5eb74;
}
table.custom td.noborder {
	min-width: 48px;
    text-align: center;
    font-size: 7pt;
    color: #fff;
    background-color: #5b8602;
    border-left: 1px solid #fff;
    max-height: 20px;
    vertical-align: middle;
    padding-left: 1px;
    padding-right: 1px;
    padding-top:0px;
    border-top: 5px solid #fff;
    white-space: nowrap;
}
table.custom td.noborder img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
table.userauth {
    color:#5B8602;
    list-style-type : none;
	border-spacing:0px;
}

table.userauth td,
table.userauth th{
	text-align:left;
	border-left:1px solid #d5eb74;
	border-bottom:1px solid #d5eb74;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
}
table.userauth th{
	background-color:#eff8c3;
	vertical-align:middle;
}
table.userauth td:last-child,
table.userauth th:last-child {
	border-right:1px solid #d5eb74;
}
table.userauth tr:first-child td {
	border-top:1px solid #d5eb74;
}
table.userauth tr:first-child th {
	border-top:1px solid #d5eb74;
	border-bottom:none;
}

table.userauth .disabledColor{
	background-color:#eeeeee;
}

table.userauth tr:hover {
	background-color:#ffe6c8;
}
td.radio {
	width:230px;
}
td.radio_right {
	width:200px;
}
span.radio2 {
	display:block;
	font-size:9pt;
	padding-left:2em;
}
span.radio3 {
	font-size:9pt;
	padding-left:2em;
	vertical-align:top;
	display:block;
}
span.radio4 {
	font-size:9pt;
	padding-left:2em;
	vertical-align:top;
	display:inline;
}
span.radio5 {
	display:block;
	font-size:9pt;
	margin-top:10px;
	padding-left:1em;
}
span.subitem {
	display:block;
	font-size:smaller;
	margin-bottom:5px;
	padding-left:2em;
}
span.subitem2 {
	display: block;
    font-size: 9pt;
    margin-top: 5px;
}
table.custom td.middle{
	vertical-align:middle;
}
span.active {
	color:#5B8602;
}
span.grayout {
	color:#c0c0c0;
}
th.smaller {
	font-size:9pt;
}
.guide li {
	color:#0B2602;
	margin-left:10px;
}
img.op_icon {
	vertical-align:text-bottom;
}
.histIcon {
	float:right;
	margin: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
}
.deviceIcon {
	float:right;
	margin: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
}
.deviceIdBox table.detailHeader {
	border: 0px solid #fff;
	border-spacing: 0px;
	table-layout: fixed;
}
.deviceIdBox table.detailBody {
	border: 0px solid #fff;
	border-spacing: 0px 5px;
	table-layout: fixed;
}
.deviceIdBox table td {
	text-align:left;
	padding: 3px 5px;
	line-height:1.5em;
}
.deviceIdBox table th {
	background-color:#eff8c3;
    padding: 3px 5px;
    line-height:1.5em;
    text-align:left;
    border-left: 1px solid #eff8c3;
}
.deviceIdBox table tbody tr td.prodname {
	width:250px;
	background-color:#bedc81;
}
.deviceIdBox table tfoot tr td.prodname {
	width:250px;
	background-color:#bedc81;
}
.deviceIdBox table thead tr th.prodname {
	padding-left:10pt;
	width:250px;
}
.deviceIdBox table tbody tr td.osname {
	width:110px;
	background-color:#eff8c3;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.deviceIdBox table thead tr th.osname {
	width:110px;
	background-color:#eff8c3;
}
.deviceIdBox table tbody tr td.devicename,
.deviceIdBox table tbody tr td.regdate {
	width:180px;
	background-color:#eff8c3;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.deviceIdBox table thead tr th.devicename,
.deviceIdBox table thead tr th.regdate {
	width:180px;
	background-color:#eff8c3;
}
.deviceIdBox table tbody tr td.ipaddr {
 	width:180px;
 	background-color:#eff8c3;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.deviceIdBox table thead tr th.ipaddr {
	width:180px;
	padding-right:14px;
}
.deviceIdBox table tbody tr td.showeditdevice {
 	width:20px;
 	background-color:#eff8c3;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.deviceIdBox table thead tr th.showeditdevice {
	width:20px;
}
.detailBody {
	background-color:#bedc81;
	padding:10px;
	margin-top:10px;
}
.deviceIdBox table tr td.newdevice {
	text-align:left;
	width:680px;
	background-color:#fff;
	border: 1px solid #ccc;
}
.deviceIdBox table tr td.nodevice {
	text-align:left;
	width:680px;
	border: 1px solid #bedc81;
}
.deviceIdBox span.add_device {
	background-image: url(images/plus.png);
	padding-left:20px;
	background-size:13px 13px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size:small;
}
.deviceIdBox span:not(.disabled).add_device:hover {
	background-image: url(images/plus_highlight.png);
	color:#3a8104;
	cursor: pointer;
}
.deviceIdBox span.add_device.disabled {
	background-image: url(images/plus.png);
	padding-left:20px;
	background-size:13px 13px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size:small;
	opacity:0.4;
}
.deviceIdBox span.del_device {
	background-image: url(images/clear.png);
	padding-right:20px;
	background-size:15px 15px;
	background-repeat: no-repeat;
	background-position: right center;
	float:right;
}
.deviceIdBox span:not(.disabled).del_device:hover {
	background-image: url(images/clear_highlight.png);
	cursor: pointer;
}
.deviceIdBox span.del_device.disabled {
	background-image: url(images/clear.png);
	padding-right:20px;
	background-size:15px 15px;
	background-repeat: no-repeat;
	background-position: right center;
	float:right;
	opacity:0.6;
}
.deviceIdBox span.chg_expire {
	background-image: url(images/edit_16x16.png);
	padding-left:20px;
	background-size:13px 13px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size:small;
	margin-left:30px;
	margin-right:30px;
}
.deviceIdBox span:not(.disabled).chg_expire:hover {
	background-image: url(images/edit_16x16_highlight.png);
	color:#3a8104;
	cursor: pointer;
}
.deviceIdBox span.chg_expire.disabled {
	background-image: url(images/edit_16x16.png);
	padding-left:20px;
	background-size:13px 13px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size:small;
	margin-left:30px;
	margin-right:30px;
	opacity:0.4;
}

.img_highlight {
	opacity:0.7;
}
div#qrpager input.pagedisplay {
	text-align:center;
}
input.pagedisplay {
	background-color:#ffffff;
	color:#000000;
}
span.refineSearch{
    width:37px;
    height:22px;
}
.searchIcon {
	width:37px;
	height:22px;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
	vertical-align:middle;
	background: url("images/search1.png");
}
.searchIcon:hover {
	width:37px;
	height:22px;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
	vertical-align:middle;
	background: url("images/search2.png");
}
.ui-button-text {
	height: 19px;
    line-height:1.2em;
}
table.graytable {
	border-collapse: collapse;
	border: 2px solid #bedc81;
	min-width: 200px;
	margin:5px;
}
table.graytable th, table.graytable td{
	border: 0;
}
span.label1 {
	background-color: #eee;
	padding: 2px 25px;
}
div.label1 {
	border-bottom:medium solid #7eba03;
}
table.innertable {
	padding-top: 10px;
	padding-bottom: 10px;
}
table.innertable thead th, table.innertable td {
	padding:5px 12px;
	vertical-align: baseline;
}
table.innertable thead th {
	text-align:center;
	text-decoration:none;
}
table.indent {
	margin-left:2em;
}
div.link {
	text-align:right;
    font-weight: bold;
    color: #2B4602;
}
div.link:hover {
    font-weight: bold;
    color: #7EBA03;
	cursor:pointer;
}
/** button disableed */
input[type=button].disabled,
input[type=submit].disabled,
div.buttonArea button.ui-button.disabled,
div.ui-dialog-buttonset button.ui-button.disabled,
button.ui-button.disabled,
button.ui-button:disabled
{
	border: 1px solid #dddddd;
	background:#dddddd;
	color:#ffffff;
}


input[type=button].disabled:hover,
input[type=submit].disabled:hover,
div.buttonArea button.ui-button.disabled:hover,
div.ui-dialog-buttonset button.ui-button.disabled:hover,
button.ui-button.disabled:hover
{
	border: 1px solid #dddddd;
	background: #dddddd;
	cursor:default;
}
span.groupUserChecker.unchecked {
	background-image: url(images/check.png);
	background-size:19px 19px;
	background-repeat: no-repeat;
	padding-right:30px;
	visibility:hidden;
	cursor: pointer;
}
span.groupUserChecker.checked {
	background-image: url(images/check.png);
	background-size:19px 19px;
	background-repeat: no-repeat;
	padding-right:30px;
	cursor: pointer;
}
span.groupUserAddButton {
	background-image: url(images/groupuser_add.png);
	background-size:19px 19px;
	background-repeat: no-repeat;
	padding-left:30px;
	cursor: pointer;
}
span.groupUserDeleteButton {
	background-image: url(images/groupuser_delete.png);
	background-size:19px 19px;
	background-repeat: no-repeat;
	padding-left:30px;
	cursor: pointer;
}
span.groupUserCancelButton {
	background-image: url(images/groupuser_cancel.png);
	background-size:19px 19px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:31px;
	cursor: pointer;
	vertical-align: -webkit-baseline-middle;
}
span.groupUserOwnerButton {
	background-image: url(images/groupuser_owner.png);
	background-size:19px 19px;
	background-repeat: no-repeat;
	padding-left:30px;
	cursor: pointer;
}
span.moveUserCancelButton {
	background-image: url(images/groupuser_cancel.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:31px;
	cursor: pointer;
	vertical-align: -webkit-baseline-middle;
}
#dialogGroupUserEdit_L_BodyTableArea {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    border: solid 1px #d5eb74;
    padding: 5px;
}
#dialogGroupUserEdit_L_BodyTable {
    width: 100%;
}
table#dialogGroupUserEditTable {
    width: 100%;
    min-height: 200px;
    border-collapse: separate;
    padding: 10px;
    border-spacing:5px;
}
td#dialogGroupUserEditTableTitleL {
	width:400px;
    background-color: #7eba03;
    border: solid 1px #3a8104;
    background: #3a8104 url("images/ui-bg_highlight-soft_33_3a8104_1x100.png") 50% 50% repeat-x;
    padding:5px;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}
td#dialogGroupUserEditTableTitleR {
	width:800px;
    border: solid 1px #3a8104;
    background: #3a8104 url("images/ui-bg_highlight-soft_33_3a8104_1x100.png") 50% 50% repeat-x;
    padding:5px;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}
#dialogGroupUserEditTableL, #dialogGroupUserEditTableR {
	padding: 10px;
    border: solid 1px #d5eb74;
    vertical-align:top;
}
input#dialogGroupUserEditConditionText {
	width:20em;
}
span.label2 {
	padding: 2px 10px;
    vertical-align: middle;
}
div#dialogGroupUserEditConditionArea table {
	margin-left:auto;
}
span.addGroupUser {
	border: 1px solid #29ABE2;
	color: #29ABE2;
	background-color: #ffffff;
	padding: 2px 10px 2px 10px;
    font-size: 14px;
	border-radius: 2px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    white-space: nowrap;
}
span.delGroupUser {
	border: 1px solid #FF0000;
	color: #FF0000;
	background-color: #ffffff;
	padding: 2px 10px 2px 10px;
    font-size: 14px;
	border-radius: 2px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    white-space: nowrap;
}
table.dialogGroupUserEditSorter thead tr th.sortDesc {
	background-image: url(images/asc.gif);
	background-repeat: no-repeat;
    background-position: right center;
    background-color: #ffe6c8;
}
table.dialogGroupUserEditSorter thead tr th.sortAsc {
	background-image: url(images/desc.gif);
	background-repeat: no-repeat;
    background-position: right center;
    background-color: #ffe6c8;
}
table.dialogGroupUserEditSorter thead tr th.sortNotKey {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
    background-position: right center;
    background-color: #eff8c3;
}
div.ui-dialog-buttonset button[type='button'].ui-button,
div.ui-dialog-buttonset button.ui-button{
	height:1.6em;
	min-width:100px;
}
span.deviceButtonArea {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right;
	display:block;
}
input[name=registeredDeviceId] {
	border:none;
	border-style:none;
	border-width:0px;
	background-color:#ffffff;
}
span.loginLockedMsg {
	background-image: url(images/exclamation.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12pt;
    font-size: small;
    float: right;
    padding-top: 3px;
    color:#f00;
}

ul.searchmenu li {
  position: relative;
  width: 9em;
  font-weight: bold;
  text-align: center;
  list-style-type: none;
  padding: .4em 0em;

  /* トップレベルメニューの色*/
  color: #2B4602;
  background: #eff8c3;
}
/**
 * PDメニュー（トップ）のマウスホバー時の色
 */
ul.searchmenu li:hover {
  background: #e6ffc1;
  color: #2B4602;
}

ul.searchmenu li ul {
  display: none;
  position: absolute;
  top:1.8em;          /* 1em + ul.searchmenu li{padding.y}*2 */
  left:-1px;              /* 補正: PDしてくるボックスがなんか1pxずれてしまう */
  background: #eee;
  border: solid 1px #ccc;
  padding: 0px;           /* ul による字下げを無効化する */
  z-index:999;
}

/**
 * PDアイテムの非選択色
 */
ul.searchmenu li ul li {
  border: none;
  color: #2B4602;
  background: #eff8c3;
  font-size: 1em;         /* li がネストするため、ここで 1emに戻しておかないと、上階層のfont-sizeが再帰的に利いてくる */
  font-weight:initial;
}

/**
 * PDアイテムの選択色
 */
ul.searchmenu li ul li:hover {
  background: #ffe6c8;
  color: #743e0f;
}

ul.searchmenu .active,
.clickable {
	cursor: pointer;
}

ul.searchmenu {
	padding-left:0;
}

select.selDeviceLimit {
	margin:20px 20px 30px 20px;
	padding-bottom:3px;
}
div.deviceLimitSetting {
	display:inline;
	padding-right:5px;
	padding-left:1.2em;
	background-image:url("../images/bullet.png");
	background-repeat: no-repeat;
}
/**
 * カスタムページ IPアドレス入力エリア
 */
table.custom textarea:disabled {
	border: 1px solid #d0d0d0;
	background-color:#ffffff;
	color:#c0c0c0;
}
table.custom textarea:disabled::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
table.custom textarea:disabled:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
table.custom textarea:disabled::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}
table.custom input:disabled {
	border: 1px solid #d0d0d0;
	background-color:#ffffff;
	color:#c0c0c0;
}
span.deviceRegistOn {
	font-size:small;
	color:blue;
	padding-left:1em;
}
span.deviceRegistExpired {
	font-size:small;
	color:red;
	padding-left:1em;
}
span.ex_link {
	background-image:url("images/ex_link.png");
	position: relative;
	background-position-y: -2px;
	padding-left:1.2em;
	padding-right:5px;
	display:inline;
	background-repeat: no-repeat;
	margin-left:5px;
}
span.dl_link {
	background-image:url("images/dl_icon.png");
	position: relative;
	background-position-y: -2px;
	padding-left:1.2em;
	padding-right:5px;
	display:inline;
	background-repeat: no-repeat;
	margin-left:5px;
}
span.linkjmp {
	background-image:url("images/right-arrows.png");
	display:inline;
	background-repeat: no-repeat;
    margin-left: .5em;
    vertical-align: middle;
    background-position: right center;
    padding-right: 1.5em;
    margin-right: .5em;
    font-size: small;
}
span.linkjmp:hover{
	background-image:url("images/right-arrows-highlight.png");
	color:#91Dc5A;
}

#oldqrlink a {
    font-size: 11px;
    color: #60825d;
    font-weight: normal;
}
div.dlexlink {
	padding-left: 10px;
    padding-top: 20px;
}
div.subTitle2 {
	display:block;
    font-weight: bold;
    vertical-align: middle;
    color: #2B4602;
    border-bottom: solid 1px #2B4602;
    margin-bottom: 20px;
}
span.label2 {
    background-color: #eff8c3;
    font-weight: normal;
    vertical-align: middle;
    color: #2B4602;
    padding: 2px 25px;
}
span.label3 {
	display:block;
	padding: 5px 0px 20px 20px

}
table.center {
	margin-left:auto;
	margin-right:auto;
}
span.anchorlike {
	color: #0000ff;
	cursor: pointer;
}
span.anchorlike:hover {
	color: #0000ff;
	text-decoration:underline;
}
input[type='file'] {
	background-color: #ffffff;
}
table.tablesorter thead tr .headerNoSort {
	background-color: #eff8c3;
}
table.guestInfo tbody td {
	background-color: #fff;
}
span#clearbtn {
	background: url("images/clear.png");
	background-repeat: no-repeat;
	background-position: right center;
}

div#userAuth_info{
    display: none;
	font-size: 14px;
    text-align: left;
    line-height: 30px;
    color: gray;
    float: left;
}
div.uploadBox{
	border: 2px solid #7EBA03;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    width: 600px;
}

table.userauth th.coordinator {
	width: 48px;
	height:44px;
	background-size:30px 30px;
	background-image: url(images/uauth_coordinator.png);
	background-repeat: no-repeat;
	background-position: center 4px;
	font-size: 11px;
	letter-spacing: -0.05em;
	text-align: center;
	font-weight: normal;
	vertical-align: bottom;
}
table.userauth th.assistant {
	width: 48px;
	height:44px;
	background-size:30px 30px;
	background-image: url(images/uauth_assistant.png);
	background-repeat: no-repeat;
	background-position: center 4px;
	font-size: 11px;
	letter-spacing: -0.05em;
	text-align: center;
	font-weight: normal;
	vertical-align: bottom;
}
table.userauth th.createTeam {
	width: 48px;
	height:44px;
	background-size:30px 30px;
	background-image: url(images/team.png);
	background-repeat: no-repeat;
	background-position: center 4px;
	font-size: 11px;
	letter-spacing: -0.05em;
	text-align: center;
	font-weight: normal;
	vertical-align: bottom;
}
table.userauth th.createFolder {
	width: 48px;
	height:44px;
	background-size:30px 30px;
	background-image: url(images/folder.png);
	background-repeat: no-repeat;
	background-position: center 4px;
	font-size: 11px;
	letter-spacing: -0.05em;
	text-align: center;
	font-weight: normal;
	vertical-align: bottom;
}
table.userauth th.editTeamMenu {
	width: 48px;
	height:44px;
	background-size:30px 30px;
	background-image: url(images/edit_team_menu.png);
	background-repeat: no-repeat;
	background-position: center 4px;
	font-size: 11px;
	letter-spacing: -0.05em;
	text-align: center;
	font-weight: normal;
	vertical-align: bottom;
}
table.userauth th.editToolbox {
	width: 48px;
	height:44px;
	background-size:30px 30px;
	background-image: url(images/edit_toolbox.png);
	background-repeat: no-repeat;
	background-position: center 4px;
	font-size: 11px;
	letter-spacing: -0.05em;
	text-align: center;
	font-weight: normal;
	vertical-align: bottom;
}
table.userauth th.editItemTemplate {
	width: 48px;
	height:44px;
	background-size:30px 30px;
	background-image: url(images/edit_item_template.png);
	background-repeat: no-repeat;
	background-position: center 4px;
	font-size: 11px;
	letter-spacing: -0.05em;
	text-align: center;
	font-weight: normal;
	vertical-align: bottom;
}
table.userauth th.userName{
	min-width: 120px;
}
table.userauth th.userId{
	min-width: 120px;
}

table.userauth td.coordinator,
table.userauth td.assistant,
table.userauth td.createTeam,
table.userauth td.createFolder,
table.userauth td.editTeamMenu,
table.userauth td.editToolbox,
table.userauth td.editItemTemplate
{
	text-align: center;
}

/** *************************** */
/** CSVProcessorSEJ */
/** *************************** */
div.CSVProcessorSEJ_Success,
div.CSVProcessorSEJ_Error{
	padding-top: 10px;
}
div.CSVProcessorSEJ_Success div.title{
    width: 70%;
    font-size: 16px;
    background-color: #5b8602;
    color: #fff;
    padding: 2px;
    margin-top: 25px;
    margin-bottom: 10px;
}
div.CSVProcessorSEJ_Error div.title{
    width: 70%;
    font-size: 16px;
    background-color: #ff0039;
    color: #fff;
    padding: 2px;
    margin-top: 25px;
    margin-bottom: 10px;
}
div.CSVProcessorSEJ_Success textarea{
	width: 68%;
	height: 300px;
	font-size: 14px;
	color: #333333;
	border-radius: 10px;
	padding: 10px;
	line-height: 1.2em;
}
div.CSVProcessorSEJ_Error textarea{
	width: 68%;
	height: 300px;
	font-size: 14px;
	color: #ff0039;
	border-radius: 10px;
	padding: 10px;
	line-height: 1.2em;
}

div.CSVProcessorSEJ_Success .btnBackArea,
div.CSVProcessorSEJ_Error .btnBackArea{
	padding-top: 6px;
}
div.anchorlike {
	font-weight: bold;
    color: #4b7602;
    cursor: pointer;
    padding-left: 1em;
    background-image: url(../images/bullet.png);
    display: inline;
    background-repeat: no-repeat;
    margin-left: 1em;
}
div.anchorlike:hover {
    color: #7eba03;
}
#dlgGroupList a{
	font-weight:normal;
}
.lblHidden{
	display: inline;
    color: #808080;
    background-color: transparent;
    border: 0;
}
.greenBorder{
	border:solid 1px #7EBA03;
	padding: 8px;
	margin-top:1px;
}
div.subTitle {
    color: #3B6602;
    font-weight:bold;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align:bottom;
    padding-bottom: 5px
}
div.uploadBox2{
	border: 2px solid #7EBA03;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom:10px;
    width: 600px;
}
div.uploadBox3{
	border: 2px solid #7EBA03;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom:10px;
    margin-top:10px;
    width: 600px;
}
div.uploadBox3{
	border: 2px solid #7EBA03;
    padding: 10px 20px;
    margin-bottom:10px;
    margin-top:10px;
    width: 600px;
}
table.optionBox{
	margin-right:auto;
	margin-left:auto;
	background-color: #eff8c3;
	background-repeat: no-repeat;
	padding: 1em 2em;
	text-align:left;
}

div.userauth_refine{
	display: inline-block;
	border: solid 1px #7eba03;
	padding: 5px;
	text-align: center;
	margin-bottom: 2px;
}

table.userauth_refine{
	margin: auto;
}
table.userauth_refine th{
	font-weight: normal;
	font-size: 14px;
	padding-right: 10px;
}
table.userauth_refine input.userauth_txtRefine{
	width: 200px;
	line-height: 1em;
	padding: 3px;
}
div.too_many_user_info{
	display: none;
	text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

div.user_notfound_info{
	display: none;
	text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

div.refine_clear{
	padding: 10px;
}

div.content.userauth{
	text-align: center;
}

/** jQueryUI Dialog タイトルバー閉じるボタンの不要フォーカス範囲の修正 */
div.ui-dialog-titlebar > button > span.ui-button-text{
	display: none;
}
div#showallusers {
    display: block;
    float: right;
    border: solid 1px #29abe2;
    padding: 5px;
    color: #29abe2;
    border-radius: 2px;
    line-height:0.8em;
    font-size:smaller;
    cursor: pointer;
}
span.pagerbtn {
	display:inline;
	border: solid 1px #29abe2;
	line-height:0.8em;
    font-size:smaller;
    cursor: pointer;
    padding: 0px 5px;
    margin:5px;
    color: #29abe2;
}
span.pagerbtn:hover{
	background-color:#b5e4f9;
}
span.pagerinfo {
    font-size:smaller;
	padding: 2px 10px;
	color: black;
	line-height:0.8em;
	display:inline;
}
td.greenborder3 {
	border-bottom: 3px solid #7eba03;
}
span.additional {
	color: #4b7602;
}
span.topmenu {
	color: #fff;
    display: block;
    font-weight: bold;
    background: #7eba03;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 20px 10px;
    margin-top: 0px;
}
.topmenu_inner {
    padding: 10px;
}
span.red {
	color:red;
	font-size:small;
	float:right;
}
div.inline-red {
	color:red;
	display:inline;
}
div.block-red {
	color:red;
	display:block;
}
.menugroup {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:30px;
}
.menugroup_inner {
	border-radius: 12px;
    width: 100%;
    border: solid 1px #7eba03;
}
.warnmsg {
	background-image: url(images/exclamation.gif);
	padding-left:24px;
	background-size:18px 18px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size:small;
	color:red;
}
span.linkarrow{
	color:#3b6602;
	font-weight:bold;
	background-image: url(images/right-arrow.png);
	background-size:12px 12px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:20px;
}
span.linkarrow:hover{
	color: #7EBA03;
	font-weight:bold;
	background-image: url(images/right-arrow-highlight.png);
	background-size:12px 12px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:20px;
}
span.linkarrowd{
	color:#3b6602;
	font-weight:bold;
	background-image: url(images/down-arrow.png);
	background-size:16px 16px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:20px;
}
span.infoicon{
	background-image: url(images/info.png);
	background-size:20px 20px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:26px;
}
span.linkonly{
	color:#3b6602;
	font-weight:bold;
}
span.linkonly:hover{
	color: #7EBA03;
	font-weight:bold;
}
.inline-div{
	font-size:small;
	font-weight:normal;
	width:100%;
	display:inline;
	margin-left:1em;
}
.block-center{
	display:block;
	text-align:center;
	margin:.5em;
}
.inline-bold{
	display:inline;
	font-weight:bold;
	font-size:medium;
}
.block-bold{
	display:block;
	font-weight:bold;
	font-size:medium;
}
.th-bold{
    font-weight: bold;
    font-size: medium;
    min-width:250px;
    margin-top:1em;
    margin-bottom:1em;
}
.block-left{
	display:block;
}
a#updateguide{
	font-weight:bold;
	color:#444;
}
a#updateguide:hover{
	font-weight:bold;
	color: #7EBA03;
}
td.rowno {
	color:#d5eb74;
	width:2em;
	text-align:right;
}
div#altlink {
    font-size: .8em;
	margin:0 0 10px 0;
	padding: .1em 1em;
	background-color: #ffff99;
    color: #000099;
    text-align:center;
}
div#altlink:hover {
    font-size: .8em;
	margin:0 0 10px 0;
	padding: .1em 1em;
	background-color: #ffff99;
    color: #000099;
	text-decoration:underline;
	text-align:center;
	cursor:pointer;
}
#publishProgress {
	display:block;
	text-align:center;
}
#publishProgressPercentageOutline {
    border: solid 1px #ccc;
    width: 100%;
    border-radius: 6px;
}
#publishProgressPercentage {
    height: 8px;
    width: 0;
    background-color: #ffa346;
    border-radius: 6px;
}
div.notifysmall {
	display:block;
	font-size:smaller;
	color:gray;
	width: 30em;
    margin-top: 1em;
}
#btnRefileClear {
	padding:0;
}
#datatable {
	width:100%;
}
#datatable td {
 	text-align:center;
}
#datatable tbody th {
	width:20em;
}
div.message {
	margin-top:.5em;
    text-align: right;
}
div.scrollbox {
	padding: 10px;
    border: 2px solid #7EBA03;
    overflow-y: auto;
	vertical-align:top;
	width:500px;
	max-height:800px;
	min-height:120px;
	margin-right:20px;
}
div.rightbottommessage {
	font-size:smaller;
	text-align:right;
	margin-top: 8px;
}
span.label1 {
    background-color: #eff8c3;
    font-weight: bold;
    font-size:medium;
    border-radius: 15px;
    vertical-align: middle;
    padding: 2px 25px;
    margin-left:-5px;
}
span#selBtn {
	margin-left:1em;
	padding:.5em 1em;
	border-radius: 8px;
	border:solid 2px #7eba03;
	cursor:pointer;
	color:#7eba03;
}
span#selBtn:hover {
	color:#000;
	background-color:#eff8c3;
}

div.subArea {
	margin-left: 10px;
	margin-bottom: 15px;
}

div.subTitle3 {
	color: #3B6602;
	font-weight: bold;
	padding-top: 10px;
	vertical-align: bottom;
}

span.inquiryCode {
	color: green;
	font-weight: bold;
}

div.progressArea {
	margin-top: 20px;
}
.progressWrap {
	display: inline-block;
	width: 500px;
}
.progressBarOutline {
	border: solid 1px #ccc;
	width: 100%;
	border-radius: 6px;
	background-color: #dbe8a0;
}
.progressBar {
	height: 15px;
	width: 0;
	background-color: #7EBA03;
	border-radius: 6px;
}

.dateTimeText {
	width:150px
}
span.btncreate {
	background-image: url(images/groupuser_add.png);
	background-size:19px 19px;
	background-repeat: no-repeat;
	background-position: left;
	padding:5px 5px 5px 30px;
	cursor: pointer;
}
span.btncreate:hover {
	background-color: #ffffc0;
}

.subArea button.ui-button:disabled {
	cursor: auto;
}
#msgCreateFolder {
    font-size: .8em;
	border: 1px solid #c0c0c0;
    color: #ff0050;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    border-spacing: 4px;
    display: block;
    padding: 1em
}
span.slabel1 {
	font-size:smaller;
	width:4em;
	display:inline-block;
	margin-left:0.8em;
	vertical-align: bottom;
}
span.slabel2 {
	font-size:smaller;
	width:13em;
	display:inline-block;
	margin-left:1em;
	vertical-align: bottom;
}
span.sbox1 {
	width:4.5em;
	display:inline-block;
}
span.sbox2 {
	width:13em;
	display:inline-block;
	padding-bottom:4px;
}
#dlgAddUser input::placeholder,
#dlgEditUser input::placeholder{
  color: #ccc;
}
span.subitem2 a,
span.subitem2 a:visited
{
	text-decoration: none;
	font-weight:normal;
	color:#5B8602;
	background-image: url(images/right-tri.png);
	padding-left:8px;
	background-size:8px 16px;
	background-repeat: no-repeat;
	background-position: left center;
}
span.subitem2 a:hover{
	color: #7EBA03;
	text-decoration:underline;
}
/** ダイアログ */
div.dialogContents{
	margin-top:10px;
}
#dialogTitleEditLabel
{
	margin-top: 20px;
	margin-bottom: 20px;
}
#dialogTitleEditTextBox{
	width: 450px;
}
#dialogTitleEdit{
	display: none;
}
div.notificationArea {
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	width:800px;
	text-align: left;
}
#urlEditLabel
{
	margin-top: 20px;
	margin-bottom: 5px;
}
#urlTextBox{
	width: 500px;
}
div.content.notification{
	text-align: center;
}
table.notification {
    color:#5B8602;
    list-style-type : none;
	border-spacing:0px;
}

table.notification td,
table.notification th{
	text-align:left;
	border-left:1px solid #d5eb74;
	border-bottom:1px solid #d5eb74;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
}
table.notification th{
	background-color:#eff8c3;
	vertical-align:middle;
}
table.notification td:last-child,
table.notification th:last-child {
	border-right:1px solid #d5eb74;
}
table.notification tr:first-child td {
	border-top:1px solid #d5eb74;
}
table.notification tr:first-child th {
	border-top:1px solid #d5eb74;
	border-bottom:none;
}

table.notification .disabledColor{
	background-color:#eeeeee;
}

table.notification tr:hover {
	background-color:#ffe6c8;
}
table.editionauth {
    color:#5B8602;
    list-style-type : none;
	border-spacing:0px;
}

table.editionauth td,
table.editionauth th{
	text-align:left;
	border-left:1px solid #d5eb74;
	border-bottom:1px solid #d5eb74;
	border-right:1px solid #d5eb74;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
}
table.editionauth th{
	background-color:#eff8c3;
	vertical-align:middle;
}
table.editionauth td:last-child,
table.userauth th:last-child {
	border-right:1px solid #d5eb74;
}
table.editionauth tr:first-child td {
	border-top:1px solid #d5eb74;
}
table.editionauth tr:first-child th {
	border-top:1px solid #d5eb74;
	border-bottom:none;
}

table.editionauth .disabledColor{
	background-color:#eeeeee;
}

table.editionauth tr:hover {
	background-color:#ffe6c8;
}
table.editionauth th.userName{
	min-width: 120px;
}
table.editionauth th.userId{
	min-width: 120px;
}

table.editionauth th.gembatalk {
	text-align: center;
}
table.editionauth th.safetyaig {
	text-align: center;
}

table.editionauth td.gembatalk,
table.editionauth td.safetyaig
{
	text-align: center;
}
