<!--
/* Style sheet for recruitment page */
/* Grammer of CSS2 */
/*   selector { property : value [; property value ] } */
/* Discription format of selector */
/*   element#identifier  element.class  element[attribute] */
body {
  color: #000040;  font-size: 11pt;
  background-color: #a0b0cf; /* #e0e0e0; */
  margin: 0px;  padding: 0px;
}

div { background-color: #ffffff; padding: 4px;}
div.page { width: 800px; margin: 0px 0px 0px 32px;}
div.quoted { width: 90%;  margin-left: 5%;  margin-top: 0px;}
div.frame { border: #d0d0d0 2px solid;}

/* Anchors color */
a:link    { color: #183060;}
a:visited { color: #183060;}
a:hover   { color: #8080ff;  font-weight : bold;} 
a:active  { color: #d03030;}

/* For page's headline */
h1 {
  color: #004080; text-align: center;
  font-size: 155%;  font-weight:  bold;
  padding: 6px;
}
/* For indivisual indices */
h2 { color: #004080;  font-size: 150%;  font-weight: bold;  padding: 8px;}
h3 { color: #004080;  font-size: 120%;  font-weight: bold;
  padding: 4px;  margin-top: 1.5em;  margin-bottom: 1em;
  border-color: #0060a0;  border-width: 0px 0px 2px 0px;  border-style: solid;
}
h4 { color: #004080;  font-size: 100%;  font-weight: bold;
  padding: 4px;  margin-top: 1.5em;  margin-bottom: 1em;
  border-color: #0060a0;  border-width: 0px 0px 2px 0px;  border-style: solid;
}
h5 { color: #004080;  font-size: 100%;  font-weight: bold;  padding: 4px;
  margin-top: 1em;  margin-bottom: 0.7em;
  border-color: #0060a0;  border-width: 0px 0px 1px 0px;  border-style: dashed;
}
h6 { color: #004080;  font-size: 100%;  font-weight: normal;
  padding: 4px;  margin: 4px;
}

p { text-align: left;  line-height: 125%;  margin: 0px;  padding-right: 0.5em;}

/* Font settings */
*.alert { color: #ff0000;  font-weight: bold;}
*.emphasis { color: #4040ff; font-weight: bold;} /* norecommended */
em { color: #4040ff; font-style: oblique; font-weight: bold;}
em.b { color: #4040ff; font-style: normal; font-weight: bold;}
em.i { color: #4040ff; font-style: oblique; font-weight: normal;}
em.n { color: #4040ff; font-style: normal; font-weight: normal;}
strong { color: #4040ff; font-weight: bold;}
strong.l { color: #4040ff; font-weight: normal;}
*.holiday {color: #ff4040;}
*.txtcenter { text-align: center;}
*.indent { padding-left: 1em;}
*.small { font-size: 90%;}
*.tiny { font-size: 80%;}
small { font-size: 90%;  font-weight: 400;  margin-top: 0px;}
b { font-weight: bold;}

hr { border: #a0a0a0 1px solid;}
hr.dashed { border-style: dashed;}
hr.dotted { border-style: dotted;}
hr.inset { border-style: inset;}
hr.center{ margin-left: auto;  margin-right: auto;}
hr.left{ margin-left: 0px;}
hr.right{ margin-right: 0px;}

/* List */
ul { line-height: 125%;  text-align: left;
  list-style-type: disc;
  list-style-image: url("./image/markerh1.png");
}
ul.img2 { list-style-image: url("./image/markers1.png");}
ul.img3 { list-style-image: url("./image/markers2.png");}
dt { font-weight: bold;}

/* Table (common settings) */
table {
  text-align: left;  line-height: 125%;
  background-color: transparent;
  border-style: ridge;  border-width: 4px;  border-color: #0080a0;
  margin-top: 0.5em;  margin-bottom: 0.5em;  padding: 2px;
  border-spacing: 3px;
}
table.timetab {
  text-align: center;
  vertical-align: center;
  width: 70%; /* 50% */
}
table.timetab td{height: 1.5em;}
table.center { margin-left: auto; margin-right: auto;}
table.noframe { border: #ffffff 0px none; border-collapse: collapse;}
table.just { margin: 0px; padding: 0px;}
table.full { width: 100%;}
table.half { width: 50%;}
table.mini { width: 50%;}
table.list { text-align: center;}
tr.ng { background-color: #c0c0c0;}
td.ng { background-color: #c0c0c0;}

th,td {
  line-hight : 125%;
  border: #808080 1px solid;
  empty-cells : hide;
  margin: 0px;  padding : 4px;
}
th,td.noframe { border: #ffffff 0px none;  empty-cells: show;}
td.caution { background-color: #f0e0e0;  padding: 4px;}
td.headline {
  text-align: center;  font-weight: bold; line-height: 1.0em;
  border: #808080 1px solid;
  background-color: #fff0f0;
}
td.vtop { vertical-align: top;}
-->