@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 {
  width: 720px;
  margin: 0 auto;
}

#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 {
  width: 348px;
  /* min-height: 292px; */
  min-height: 409px;
  border: 1px solid #666;
  _height: 292px;
}
#login #contents #sect-signin .sub-section dt {
  width: 210px;
  height: 50px;
  margin: 0 auto 28px;
  background-image: url(../img/login/sprite.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#login #contents #sect-signin .sub-section dd {
  padding: 0 28px;
}
/*** contents>sub-sect-member ***/
#login #contents #sub-sect-member {
  float: left;
}
#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: 25px;
}
#login #contents #sub-sect-member label {
  display: block;
  float: left;
  height: 25px;
  background-image: url(../img/login/sprite.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
  _width: 55px;
}
#login #contents #sub-sect-member .email label {
  background-position: -210px 0;
  width: 82px;
  _width: 77px;
}
#login #contents #sub-sect-member .password label {
  background-position: -210px -25px;
  width: 52px;
  margin-left: 30px;
  _display: inline;
  _width: 47px;
}
#login #contents #sub-sect-member .email input,
#login #contents #sub-sect-member .password input {
  display: block;
  width: 204px;
  height: 21px;
  padding: 2px 1px;
  background-color: #000;
  color: #fafafa;
  border: 1px solid #404040;
}
#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: 290px;
  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;
}
#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: #999;
}
/*** contents>sub-sect-visitor ***/
#login #contents #sub-sect-visitor {
  float: right;
}
#login #contents #sub-sect-visitor dt {
  background-position: 0 -50px;
}
#login #contents #sub-sect-visitor p.btn {
  margin: 43px 0 21px;
}
#login #contents #sub-sect-visitor .btn a {
  width: 290px;
  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 {
  padding-left: 1em;
  color: #999;
  font-size: 0.834em;
  text-indent: -1em;
}
#login #contents #sub-sect-visitor .note li:nth-child(2),
#login #contents #sub-sect-visitor .note li:nth-child(3) {
  padding-left: 1em;
  color: #cc3333;
  font-weight: bold;
  font-size: 0.834em;
  text-indent: -1em;
}
/*** contents>sect-signup ***/
#login #contents #sect-signup {
  margin-top: 12px;
  border: 1px solid #666;
}
#login #contents #sect-signup p.btn {
  float: left;
  width: 345px;
  margin: 4px;
  _display: inline;
}
#login #contents #sect-signup p.btn a {
  height: 33px;
  padding-top: 2px;
  line-height: 2.7;
  text-decoration: none;
}
#login #contents #sect-signup p.msg {
  float: right;
  width: 340px;
  margin: 4px;
  line-height: 3;
  color: #669933;
  text-align: center;
  _display: inline;
}