ol, ul{
  list-style:none;
  margin:0;
  padding:0;
}
p{
  margin:0;
  padding:0;
}
td{border:1px;}
textarea{resize:none;}
html{overflow-y:scroll;height:100%;font-size:100%;}
img {
border:0px;
}
body{
	background-color:#f7f6f1;
	font-size: 70%;
	color: #333333;
	text-align:left;
	height:100%;
	font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
}
input{
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic', sans-serif,"Font Awesome 5 Free";
	font-style: normal;
	font-weight: normal;
}
.form-control-sm{
  height: auto;
  padding: .1rem .5rem;
  font-size: 1.1em;
}
select.form-control-sm{
  height: 1.75em;
}

a:hover{color:#dc3545;}
input.readonly{border-color:transparent;background-color:transparent;}
.redtext2 {
	color:#dc3545;
}
input.right{text-align:right;}
p.right{text-align:right;}

/* basewrap */
#basewrap {
	margin-top: 0 ;
	margin-left:0;
	min-width:1000px;
	text-align:left;
	overflow: hidden;
}

/* mainwrap */
#mainwrap{
	margin-left:25px;
	margin-right:25px;
}
/* in main box */

div.message{
	padding-top:10px;
	padding-bottom:10px;
}
div.message li{
	text-indent:10px;
	line-height:20px;
}
div.box{
	padding-top:5px;
	padding-bottom:5px;
}
div.panel{
	height:32px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.loader{
	display:none;
}
.loadimg{
	margin-right:30px;
	margin-left:30px;
}
.output{
	font-weight:bold;
	cursor: pointer;
	display:none;
  margin-right: .5rem;
  margin-left: .5rem;
  margin-top: 1rem;
}
.outputComment{
	font-weight:bold;
  margin-right: .5rem;
  margin-left: .5rem;
  margin-top: 1rem;
}

.table{
  font-size:1em;
}
table.ListTable{
  margin-bottom: 0;
}
table.ListTable td,table.ListTable th {
	border: 1px solid #aaaaaa;
	padding:3px;
}
table.ListTable td:first-child ,
table.ListTable th:first-child ,
table.ListTable tr{
	border-left:none;
}
table.ListTable td:last-child ,
table.ListTable th:last-child ,
table.ListTable tr{
	border-right:none;
}
table.ListTable th {
	padding:5px;
}
table.ListTable tr.update{
	background-color  : #ffccff;
}
table.ListTable tr.updating{
	background-color  : #d1e8ff;
}
table.ListTable tr.highlight{
	background-color  : #c1ffc1;
}
table.ListTable tr.rollover{
	background-color  : #ffee9e;
}
table.ListTable tr.dead{
	background-color  : #BBB;
}
table.ListTable td.right,
table.ListTable th.right{
	text-align:right;
	padding-right:5px;
}
table.ListTable td.center,
table.ListTable th.center{
	text-align:center;
}

h1{
	font-size :150%;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
}

h2{
	font-size :110%;
	padding:3px;
	margin-top:10px;
	margin-bottom:5px;
}

div.serchPanel .li1{float:left;text-align:left;width:300px;}
div.serchPanel .li2{float:right;text-align:right;width:300px;}
div.serchPanel .li3{text-align:center;}
div.pageingPanel{margin-top:0px;}
div.pageingPanel .li1{float:left;text-align:left;width:150px;height:30px;}
div.pageingPanel .li2{float:right;text-align:right;width:150px;height:30px;}
div.pageingPanel .li3{text-align:center;line-height:30px;}
div.pageingPanel .li3 a,
div.pageingPanel .li3 span{
	margin:0 4px 0 4px;
}
#boxDialog div.serchPanel .li1{width:150px;}
#boxDialog div.serchPanel .li2{width:150px;}
.boxListTable{
	min-height:200px;
	margin-top:5px;
	margin-bottom:10px;
  border-top: 0px;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  overflow-x: auto;
}
.service_status_color_0{
}
.service_status_color_1{
	background: #dafdc4;
	color: #39a314;
}
.service_status_color_2{
	background: #ffffA0;
	color: #ff5514;
}
.service_status_color_3{
	background: #ffC890;
	color: #d83828;
}
.service_status_color_4{
	background: #CCE3E3;
	color: #1C6FB8;
}

.service_status_color_5{
	background: #fef1ec;
	color: #cd0a0a;
}

.service_status_color_6{
	background: #DD9E9A;
	color: #C30D23;
}
.service_status_color_7{
	background: #EEE;
	color: #333;
}
.service_status_color_8{
	background: #BBB;
	color: #333;
}


._history{
	border-bottom:1px dotted #aaaaaa;
	padding: 5px;
}
._historyBox{
	overflow-y:auto;
	max-height: 500px;
	margin-bottom:5px;
}
._historyHeader{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: .9em;
	color: #2696dc;
}
._historyAuthor{
	padding-left: 5px;
}
._historyList{
	padding: 0;
	margin: 0;
}
._historyBit{
	margin: 0 3px;
}
._historyBit.__br{
	margin-left:25px;
	margin-top:5px;
}
._historyBit.__br + span{
	margin-top:5px;
}
._historyList strong {
	display: inline-block;
	vertical-align: top;
}
._historyList span {
	white-space: pre-wrap;
	display: inline-block;
	vertical-align: top;
}


._callout {
  padding: 10px 15px 5px 15px;
  margin: 10px 0 5px 0;
  border: 1px solid #ddd;
  border-left-width: 5px;
  border-radius: 5px;
}
._callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1rem;
}
.modal-content{
  background-color:#f7f6f1;
}
.modal-title{
  font-size: 2em;
}