/* base.css */

/* ***** generic ***** */
body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
  background-color: white;
  color: black;
  margin: 0;
  padding: 0;
}

a:link {
  color: blue;
}
a:visited {
  color: purple;
}
a img {
  border: none;
}


/* ***** style ***** */
.admin_menu {
  background-color: #92181d;
  color: white;
}
.admin {
  background-color: #b2443e;
  color: white;
}
.admin_sub {
  background-color: #a4c559;
  color: white;
}
.facrep_menu {
  background-color: steelblue;
  color: white;
}
.facrep {
  background-color: #6a96c0;
  color: white;
}
.zebla {
  background-color: whitesmoke;
}
.fixed-width {
  display: inline-block;
  width: 170px;
}



/* ***** message ***** */
.message {
  display: block;
  color: red;
  font-size: 85%;
  text-align: left;
  padding: 8px 32px;
}


/* ***** menu bar ***** */
div#menu_bar {
  padding: 2px;
  color: #ccc;
  font-size: 80%;
  padding: 8px 16px;
}
div#menu_bar a {
  text-decoration: none;
}
div#menu_bar a:link {
  color: #ccc;
}
div#menu_bar a:visited {
  color: #ecc;
}
div#menu_bar a:hover {
  color: #f88;
  border-bottom: 1px dotted #f88;
}
div#menu_bar span.current_page {
  color: #ff8;
  font-weight: bold;
}
div#menu_bar span.disabled {
  color: #888;
}


/* ***** main ***** */
div#main {
  padding: 10px;
}
div#main h1 {
  color: #88c;
  font-weight: normal;
  font-size: 150%;
  border-bottom: 2px solid #88c;
  margin: 6px 0 15px;
}
div#main h2 {
  color: #99d;
  font-weight: bold;
  font-size: 120%;
  margin: 10px 0;
  border-bottom: 1px solid #ccf;
}
div#main p, div#main ul {
  font-size: 90%;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.5;
}
div#main a:hover {
  color: #ccf;
  background: #004;
}


/* ***** list ***** */
table.listing {
  margin: 0.5em 0;
  border: 1px solid whitesmoke;
}
table.listing th {
  font-size: 86%;
  text-align: left;
}
table.listing a {
  color: black;
}


/* ***** attribute ***** */
table.attributes {
  margin: 0.5em 0;
  border: 1px solid whitesmoke;
}
table.attributes th {
  font-size: 86%;
  text-align: right;
}
table.attributes td {
  background-color: whitesmoke;
}
table.attributes a {
  color: black;
}


/* ***** remark ***** */
table.remark {
  margin: 0.5em 0;
  border: 1px none;
  font-size: 86%;
  text-align: left;
}


/* ***** login ***** */
.login {
  float: left;
  width: 400px;
  padding: 4px;
  margin-bottom: 0.5em;
  color: #000;
  text-align: center;
}
.login h3 {
  font-weight: bold;
  font-size: 90%;
  margin: 6px 2px;
  text-align: center;
}
.login form {
  margin: 0;
}
.login table {
  font-size: 90%;
  margin: 0 auto;
}