html {
    font-family: 'MS UI Gothic','‚l‚r ‚oƒSƒVƒbƒN','osaka','MS Gothic';
    font-size:  80%;
}
/*h1   { font-size: 1.5rem; }*/
/*h2   { font-size: 1.3rem; }*/
/*a    { font-size: 1rem;   }*/
th     { font-size: 1.1rem; }
td     { font-size: 1rem;   }
input[type=text],
input[type=password],
textarea {
    font-size: 1rem;
    font-family: 'MS UI Gothic','‚l‚r ‚oƒSƒVƒbƒN','osaka','MS Gothic';
}

.tocomp {
	font:		bold 9pt 'Times New Roman';
}

.uinfo {
	color:		gray;
	padding:	0px 10px;
	font:		bold 9pt 'Times New Roman';
}

.dbLink {
	font-size:              10px;
	text-align:             center;
	width:                  100px;
	height:                 100px;
	vertical-align:		middle;
	text-align:		center;
	line-height:		1em;
}
.dbCell {
	padding:		5px 5px  5px 5px;
	width:                  100px;
	height:                 100px;
	vertical-align:		middle;
	text-align:		center;
}
.dbRegList {
	padding:		0px  10px 15px 15px;
	vertical-align:		top;
	text-align:		left;
}
.dbRegList a {
	font-size:              10px;
	text-decoration:        none;
}
/*Start ADD@HH151*/
.dbRegListSel {
	padding:		0px  0px 10px 5px;
}
.dbRegListSel select {
	width:          100px;
	background:     #ffffff;
	border:         thin solid #909090;
}
.dbRegListPD select {
	background:     #D3DCEB;
	border:         thin solid #909090;
}
/*End ADD@HH151*/

.dbCell a:link, .dbCell a:visited {
	border-left:            solid 1px #f0f0f0;
	border-top:             solid 1px #f0f0f0;
	border-right:           solid 1px #666666;
	border-bottom:          solid 1px #666666;
	text-decoration:        none;
	display:                block;
	background:             #dddddd;
	color:                  #000;
	width:                  100px;
	height:                 100px;
}
.dbCell a:hover {
	border-left:            solid 1px #666666;
	border-top:             solid 1px #666666;
	border-right:           solid 1px #f0f0f0;
	border-bottom:          solid 1px #f0f0f0;
	text-decoration:        none;
	display:                block;
	background:             #dddddd;
	color:                  #000;
	width:                  100px;
	height:                 100px;
}

.rstbl {
	border-spacing:	0px;
	border-collapse:collapse;
}

td.rslist {
	vertical-align:	bottom;
	white-space:	nowrap;	
	border-spacing:	0px;
	padding:	0px 10px;
}
td.rslistsp {
	height:		0px;
	border-spacing:	0px;
}


input.invalid, select.invalid, textarea.invalid {
  background:		orange;
}

.errmsg {
	/*color: #FF0000;*/
	color:		orange;
	/*font-weight:	bold;*/
}

.errdiv {
	color:		orange;
	font-weight:	bold;
}

.wrnmsg { color: #0000FF; margin: 1px; }
.infoMsg{ color: #0000EE; margin: 1px; font-size: 90%; }
.msg    { color: #000000; }
.hdnmsg { color: #FFFFFF; }

.hintmsg {
	color:		orange;
}

.header {
    border:	0;
    margin:	0;
    padding:	0;
}

/*form {
	padding:	0 px;
}*/

/*
div {
    border: 0;
    margin:	0;
    padding:	0;
}
table {
    border-spacing:	0;
    margin:	0;
    padding:	0;
}
*/

tbody {
    border-spacing:	0;
    margin:	0;
    padding:	0;
}

.headerTbl {
    width: 100%;
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
}
.headerTopMenuTbl {
    width: 100%;
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
}
.headerSeparator {
    height: 5px;
    padding: 0px;
}

img.hhLogoImg {
    vertical-align: bottom;
    margin: 5px 0px 5px 0px;
}
td.compactTbl {
    padding: 0px;
    border-spacing: 0px;
}
.compactTbl {
    border: 	0;
    border-spacing: 0px;
    padding:	0;
}

td.compactTbl {
    padding-left: 0px;
}

/*ADD@HH978*/
#icon_list ul {
    margin: 0 0 0 1em;
    padding: 0;
}
#icon_list li {
    margin: 5px 10px;
    float: left;
    list-style: none;
}
#icon_list .copyright {
    margin: 20px auto 5px;
    text-align: center;
}
.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

.searchDate{
    font-size: 1.1rem; color:#8080c0;
}
TH.searchForm{
    font-size: 1rem;   color:white;
}
.recordInfo{
    font-size: 1rem;   color:#808080;
}
#ic-attr {
    display: none;
}

.hhProgressMsgContainer {
    width: 97%;
    box-shadow: 3px 3px 3px #ccc;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    background: #EEF;
    border: 1px solid blue;
    padding: 5px;
}
.hhProgressStepLabel {
    margin-top: 0.3em;
    color: blue;
    width: 80%;
    text-align: left;
}
.hhProgressBarBase {
    margin: 2px;
    height: 10px;
    width: 75%;
    background: lightgray;
    color: blue;
    box-shadow: 3px 3px 3px #999;
}
.hhProgressBar {
    margin: 0px;
    height: 10px;
    background: steelblue;
    color: white;
    font-size: 10px;
    float: left;
    box-shadow: 3px 3px 3px #999;
}

.hhProgressMsg {
    color: blue;
    margin-top: 0.2em;
    margin-bottom: 0.3em;
}
#loadImpDataProgressBar {
}
#loadProgressBar {
}
#mergeProgressBar {
}
#saveProgressBar {
}
.hhProgressMsgTitle {
  text-align: left;
  float:  left;
}
.hhProgressMsgClose {
  position: relative;
  float:  right;
  right:  0px;
  top:    0px;
  width:  16px;
  height: 16px;
  opacity:0.3;
  /*visibility: hidden;*/
}
.hhProgressMsgClose:hover {
  opacity: 1;
}
.hhProgressMsgClose:before,
.hhProgressMsgClose:after {
  position: absolute;
  content: ' ';
  height: 16px;
  width: 2px;
  background-color: #333;
}
.hhProgressMsgClose:before {
  transform: rotate(45deg);
}
.hhProgressMsgClose:after {
  transform: rotate(-45deg);
}