@charset "utf-8"; 
  .spacer_128 {
    margin-top: 128px; }

    body {
      background: url("../img/boss_bg.png") #fcfcfc fixed bottom left no-repeat;
      color: #323232; }

      a:link, a:active {
        color: #434343; }

        a:visited {
          color: #545454; }

          header {
            width: 100%;
            height: 64px;
            position: fixed;
            left: 0;
            top: 0;
            background-color: rgba(244, 244, 244, 0.9);
            background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0.9), rgba(244, 244, 244,
                        0.9) 25%, rgba(244, 244, 244, 0.9) 50%, rgba(244, 244, 244, 0.9) 75%, rgba(227,
                        227, 227, 0.9));
            z-index: 10; }
            header .logo {
              padding-left: 5%;
              padding-top: 16px;
              position: absolute;
              left: 0;
              top: 0; }
              header .rightmenu {
                position: absolute;
                height: 100%;
                top: 0;
                right: 0; }
                header .rightmenu a {
                  display: block;
                  float: left;
                  text-align: center;
                  width: 128px;
                  height: 44px;
                  border-left: #bebebe solid 2px;
                  text-decoration-line: none;
                  color: #555555;
                  padding-top: 18px;
                  transition: background-color 200ms linear; }
                  header .rightmenu a.active, header .rightmenu a.visited {
                    color: #555555; }
                    header .rightmenu a:hover {
                      color: #3c3c3c;
                      background-color: #dddddd;
                      transition: background-color 200ms linear; }

  .container {
    width: 800px;
    position: relative;
    top: 0;
    left: 0;
    margin: 64px auto;
    padding-top: 24px; }

    section.title {
      width: 250px;
      min-height: 600px;
      display: inline-block;
      position: relative;
      top: 64px;
      left: 0;
      vertical-align: top; }
      section.title h2 {
        text-align: left; }

  section.contents {
    width: 500px;
    display: inline-block;
    position: relative;
    right: 0;
    top: 64px;
    min-height: 600px;
    margin-left: 40px; }
    section.contents h3 {
      margin-top: 32px; }
      section.contents h3.h-bar {
        vertical-align: middle;
        border-radius: 10px;
        background-color: #323232;
        color: #fcfcfc;
        padding: 0 10px; }
        section.contents h4 {
          padding-left: 24px; }
          section.contents div.catchcopy p {
            display: inline-block;
            text-align: center; }
            section.contents div.catchcopy img {
              padding-left: 10px; }
    section.contents p, section.contents ul, section.contents dl {
      padding-left: 30px; }
      section.contents p.right, section.contents ul.right, section.contents dl.right {
        text-align: right; }
        section.contents p.product a:hover, section.contents p.participation a:hover,
        section.contents ul.product a:hover, section.contents ul.participation a:hover,
        section.contents dl.product a:hover, section.contents dl.participation a:hover {
          background-color: #e6e6ff;
          transition: background-color 200ms linear; }
          section.contents p.product a, section.contents p.participation a,
          section.contents ul.product a, section.contents ul.participation a,
          section.contents dl.product a, section.contents dl.participation a {
            background-color: transparent;
            transition: background-color 200ms linear; }
            section.contents p.product dt, section.contents p.participation dt,
            section.contents ul.product dt, section.contents ul.participation dt,
            section.contents dl.product dt, section.contents dl.participation dt {
              margin-top: 16px; }
              section.contents p.product dd, section.contents p.participation dd,
              section.contents ul.product dd, section.contents ul.participation dd,
              section.contents dl.product dd, section.contents dl.participation dd {
                margin-top: 8px;
                line-height: 1.2;
                font-size: smaller; }
                section.contents p.product li, section.contents p.participation li,
                section.contents ul.product li, section.contents ul.participation li,
                section.contents dl.product li, section.contents dl.participation li {
                  margin-left: 6px; }
    section.contents span.upd_ymd {
      font-weight: bold; }

  footer {
    width: 100%;
    height: 96px;
    background-color: rgba(244, 244, 244, 0.9);
    background-image: linear-gradient(to top, rgba(244, 244, 244, 0.9), rgba(244, 244, 244, 0.9) 25%,
        rgba(244, 244, 244, 0.9) 50%, rgba(244, 244, 244, 0.9) 75%, rgba(227, 227,
        227, 0.9));
    position: relative;
    left: 0px;
    bottom: 0px; }
    footer .otherlogo {
      display: inline-block;
      position: absolute;
      bottom: 0px;
      left: 0px;
      padding-left: 5%; }
      footer .copyright {
        position: absolute;
        bottom: 0px;
        right: 0px;
        padding-right: 5%; }
        footer .text, footer .logo {
          display: inline-block; }