@charset "utf-8";
/*!
 * CSS for each page of the website.
 *
 * @author    Kaoru Ishikura <ishikura at sakura-creative dot com>
 * @copyright Copyright © 2012, SAKURA Creative Inc.
 * @link      http://www.sakura-creative.com/
 * @package   Palette Site Framework
 * @since     HTML5
 * @version   1.0.0
 */

/* Table of contents ---- */ /*

   1.Login Styles

*/ /* ---------------------- */

/* 1.Login Styles
=========================== */
/*** contents>sect-signin ***/
#login #contents .section {
}

#login #contents .section .btn a,
#login #contents .section .btn input {
  cursor: pointer;
  display: block;
  background-color: #6a9539;
  color: #fafafa;
  border: none;
  text-align: center;
}
#login #contents .section .btn a:hover,
#login #contents .section .btn input:hover {
  background-color: #7ca84c;
}
#login #contents .section .btn a:active,
#login #contents .section .btn input:active {
  background-color: #4f7a1f;
}
/*** contents>sect-signin>sub-section ***/
#login #contents #sect-signin .sub-section {
  border: 1px solid #666;
}
#login #contents #sect-signin .sub-section dt {
  width: 216px;
  margin: 0 auto 10px;
  padding-top: 12px;
  background: url(../img/login/img_h201.gif) no-repeat center bottom;
  text-indent: -9999px;
  border-top: 1px solid #fff;
}
#login #contents #sect-signin .sub-section dd {
  padding: 10px;
}
/*** contents>sub-sect-member ***/
#login #contents #sub-sect-member {
  margin-bottom: 10px;
}
#login #contents #sub-sect-member .error {
  padding-left: 82px;
  color: #cc3333;
  font-size: 0.834em;
}
#login #contents #sub-sect-member .example {
  display: block;
  clear: both;
  padding-left: 82px;
}
#login #contents #sub-sect-member .email {
  margin-bottom: 10px;
}
#login #contents #sub-sect-member .password {
  margin-bottom: 10px;
}
#login #contents #sub-sect-member label {
  margin-bottom: 5px;
  display: block;
  height: 16px;
  width: 195px;
  background-image: url(../img/login/img_textimg01.gif);
  text-indent: -9999px;
}
#login #contents #sub-sect-member .email label {
}
#login #contents #sub-sect-member .password label {
  height: 16px;
  width: 42px;
  background-image: url(../img/login/img_textimg02.gif);
}
#login #contents #sub-sect-member .email input,
#login #contents #sub-sect-member .password input {
  display: block;
  width: 100%;
  height: 21px;
  padding: 2px 1px;
  background-color: #000;
  color: #fafafa;
  border: 1px solid #404040;
  border-radius: 0;
}
#login #contents #sub-sect-member .email input:focus,
#login #contents #sub-sect-member .password input:focus {
  background-color: #6a9539;
  border-color: #6a9539;
}
#login #contents #sub-sect-member .email input.error,
#login #contents #sub-sect-member .password input.error {
  background-color: #953939;
  border-color: #953939;
}
#login #contents #sub-sect-member p.btn {
  margin: 12px 0;
}
#login #contents #sub-sect-member .btn input {
  width: 100%;
  height: 44px;
  line-height: 0;
  overflow: hidden;
  background-image: url(../img/login/btn-member.png);
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
  text-indent: -9999px;
  border-radius: 0;
}
#login #contents #sub-sect-member p.forgot {
  text-align: center;
}
#login #contents #sub-sect-member p.career-mail:last-of-type {
  margin-bottom: 18px;
}
#login #contents #sub-sect-member p.career-mail {
  padding-left: 1em;
  font-weight: bold;
  color: #cc3333;
  font-size: 0.834em;
  text-indent: -1em;
  margin-top: 18px;
}
#login #contents #sub-sect-member p.career-mail.ptn2 {
  margin-top: 0;
}
#login #contents #sub-sect-member p.forgot a {
  color: #fff;
}
/*** contents>sub-sect-visitor ***/
#login #contents #sub-sect-visitor {
  margin-bottom: 10px;
}
#login #contents #sub-sect-visitor dt {
  background: url(../img/login/img_h202.gif) no-repeat center bottom !important;
}
#login #contents #sub-sect-visitor p.btn {
  margin: 0 0 10px;
}
#login #contents #sub-sect-visitor .btn a {
  width: 100%;
  height: 44px;
  overflow: hidden;
  background-image: url(../img/login/btn-visitor.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}
#login #contents #sub-sect-visitor .note li {
  color: #fff;
  font-size: 0.834em;
}
#login #contents #sub-sect-visitor .note li:nth-child(2),
#login #contents #sub-sect-visitor .note li:nth-child(3) {
  color: #cc3333;
  font-weight: bold;
  font-size: 0.834em;
}
/*** contents>sect-signup ***/
#login #contents #sect-signup {
  margin-top: 12px;
  border: 1px solid #666;
  padding: 10px;
}
#login #contents #sect-signup p.btn {
  margin-bottom: 10px;
}
#login #contents #sect-signup p.btn a {
  height: 33px;
  padding-top: 2px;
  line-height: 2.7;
  text-decoration: none;
  display: block;
}
#login #contents #sect-signup p.msg {
  color: #6a9539;
  text-align: center;
}

#header {
  background-color: #040000;
  padding: 8px 8px 30px 8px;
  width: auto;
  display: block;
  text-align: center;
  border: 0;
  min-width: 1px;
}
#header .inner {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
h1 {
  float: left;
}
#header .right {
  position: relative;
}
#header .right p {
  position: absolute;
  top: 0;
  right: 140px;
}

#header ul {
  width: 100%;
  left: 0;
  top: 23px;
  position: absolute;
  line-height: 1;
  text-align: center;
  letter-spacing: -3px;
  border-top: 1px solid #9e9e9f;
}

#header:after,
#header ul:after,
#header .right:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#header li {
  margin: 0 5px;
  font-size: 8px;
  display: inline;
}

#header li a {
  color: #fff;
}

#header .right .tel {
  right: 0;
  top: 0;
  position: absolute;
}

#contents {
  margin: 0;
  padding: 10px;
  width: auto;
}

#footer {
  background: #000;
  text-align: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  clear: both;
  margin: 0px;
}
#footer p {
  font-size: 70%;
  color: #fff;
}

#footer ul {
  margin-bottom: 5px;
  padding: 5px 0;
  background: #fff;
  overflow: hidden;
  list-style: none;
  border-top: 1px solid #918b8a;
}

#footer ul li {
  float: left;
  font-size: 8px;
  text-align: center;
  width: 25%;
}

#footer .pageTop {
  margin-top: -6px;
  padding: 0 5px 5px 0;
  background: #fff;
  text-align: right;
  font-size: 12px;
}

#footer li a,
#footer .pageTop a {
  color: #000;
}