@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_y.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: .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: 167px;
        background-image: url(../img/login/img_textimg01_y.gif);
        text-indent: -9999px;
      }
      #login #contents #sub-sect-member .email label {

      }
      #login #contents #sub-sect-member .password label {
       height: 16px;
		width: 71px;
        background-image: url(../img/login/img_textimg02_y.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_y.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: left;
      }
      #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: .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 img {
		margin:8px;

    }	
	#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;
	  padding-bottom:10px;
    }



















#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;
}