@import url(../../../stylesheets/application.css);
 :root {
    --bg-color-dark-blue: #021691;
    --bg-color-light-blue: #b9d6e4;
    --hover: #ffe699;
    --black: black;
    --white: white;
    --link-text: white;
  }

  body {
    color:#303030;
    background:#e8eaec;
  }
 #wrapper, #wrapper2, #wrapper3 {
    min-height: 100vh;
  }
 #login-form table {
    background-color: #fff !important;
    border-color: #999 !important;
  }
 #content {
    min-height: auto !important;
    padding: 3px !important;
    box-sizing: border-box !important;
  }
 .action-login #content {
    background-image: url('../images/background.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: calc(100vh - 3.1em - 3px);
    box-sizing: content-box !important;
  }

 #top-menu {
    background-image: url('../images/title.png');
    background-position: 14px center;
    background-repeat: no-repeat;
  }

 #top-menu > h1 {
    display: inline-block;
    max-width: calc(100% - 466px);
    font-size: 18px;
    font-family: 'ＭＳ 明朝', Verdana, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
 #top-menu > h1 > a {
    display: inline-block;
    width: 240px;
    height: 20px;
  }
 #top-menu > ul {
    float: right;
  }
 #top-menu li {
    border: solid 2px #fff !important;
    border-radius: 8px;
    margin-top: -3px;
    padding: 1px 5px 0 12px;
  }
 #top-menu li {
    margin-left: 15px;
  }
 #top-menu li:last-child {
    margin-right: 10px;
  }
 #top-menu #loggedas span {
    font-size: 10px;
    font-weight: bold;
  }
 #top-menu #loggedas span:lang(ja)::after {
    margin-left: 3px;
    content: '様';
  }

 #top-menu { font-size: 80%; height: 2em; padding: 0.3em; padding-top: 0.8em; background-color: #0000c0; }
 #top-menu a { font-weight: bold; }
 #quick-search { margin-right: 6px; }
 #main-menu { background-color: #578bb8; left: 0; border-top: 1px solid #fff; width: 100%; }
 #main-menu li { margin: 0; padding: 0; }
 #main-menu li a { background-color: #578bb8; border-right: 1px solid #fff; font-size: 90%; padding: 4px 8px 4px 8px; font-weight: bold; }
 #main-menu li a:hover { background-color: #80b0da; color: #ffffff; }
 #main-menu li a.selected, #main-menu li a.selected:hover { background-color: #80b0da; color: #ffffff; }
 #main-menu li a.new-object { background-color:#80b0da; }
 #main-menu .menu-children {
    border-right: 1px solid #80b0da;
    border-bottom: 1px solid #80b0da;
    border-left: 1px solid #80b0da;
  }
 #main-menu .menu-children li a { border-right: none; }
 #main-menu .menu-children li a:hover { background-color: #80b0da }

 #main { font:90% Verdana,Tahoma,Arial,sans-serif; background: #e8eaec; }
 #main a { font-weight: bold; color: #467aa7;}
 #main a:hover { color: #2a5a8a; text-decoration: underline; }

 #content .tabs ul { bottom:-1px; }

  h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px; color:#606060; font-family: Trebuchet MS,Georgia,"Times New Roman",serif; }
  h2, .wiki h1 { letter-spacing:-1px; }
  h4 { border-bottom: dotted 1px #c0c0c0; }

 #top-menu a.home, #top-menu a.my-page, #top-menu a.projects, #top-menu a.administration, #top-menu a.help { 
    background-position: 0% 40%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
  }

 #top-menu a.home { background-image: url(../images/home.png); }
 #top-menu a.my-page { background-image: url(../../../images/user.png); }
 #top-menu a.projects { background-image: url(../../../images/projects.png); }
 #top-menu a.administration { background-image: url(../images/wrench.png); }
 #top-menu a.help { background-image: url(../../../images/help.png); }

/* */
 #top-menu {
    padding: 0;
    height: 3em;
  }
 #top-menu > *:not(h1) {
    margin-top: 0.9em !important;
  }