body, input, textarea {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho Demibold", "MS PMincho", serif;
}
main {
  display: flex;
  flex-wrap: nowrap;
/*  justify-content: space-between; */
  background-color: none;
}

main div.condition {
  font-size: 14px;
  width: calc(36% - 10px);
  max-width: 350px;
  margin: 0 5px 0px 5px;
  padding: 0 5px 0 5px;
  background-color: gainsboro;
}

main div.result {
  font-size: 14px;
  width: calc(65% - 10px);
  margin: 0 5px 0 5px;
}

.textarea-5 {
  height: calc( 1.3em * 5 );
  line-height: 1.3;
  width: calc(100% - 10px);
  resize: vertical;
}

pre {
  white-space: pre-wrap;
}

label {
  white-space: nowrap;
}

table {
  border-collapse: collapse;
}

th,td {
  border:1px solid #333;
}

fieldset,table {
  margin: 0px 0px 0px 0px;
}

span.emphasis {
  background-color: #ffcc99;
}

div#serverResult {
  margin: 0px 0px 0px 0px;
}

h1 {
  padding: 0 0 0 20px;
/*  border-left: solid 7px #01bd5a; */
  font-size: 30px;
  line-height: 1.4;
}

#search {
  width: 95%;
  border: none;
  background-color: #0eb24d;
  color: white;
  border-radius: 10px;
  cursor: pointer;
}

#search:disabled {
  background-color: gray;
}

html {
  overflow-y: scroll;
}

footer {
  font-size: 14px;
}

/*
form.div {
    position:relative;
}
*/

.tooltip:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(102, 102, 102, 0);
    border-right-color: #5e5e5e;
    border-width: 8px;
    margin-top: -8px;
}

.tooltip {
    position: absolute;
    background-color: #808080;
    color: white;
    font-size: 0.8em;
    border-radius: 0.5em;
    padding: 10px;
//    margin: -0.8em 0.5em 0 1em;
    margin-top: calc( 1.3em * -7 );
    margin-left: 32em;
    width: 150px;
}

a.innerTooltip {
    text-decoration: none;
}
a.innerTooltip:link {
    color: white;
}

a.innerTooltip:visited {
    color: white;
}

a.innerTooltip:hover {
    color: yellow;
    text-decolation: underline;
}

a.innerTooltip:active {
    color: white;
    text-decolation: underline;
}