@charset "UTF-8";
/* ==============================
  css-member-login
=================================
mainTop-login
---------------------------------
mainTop
---------------------------------
mainBtm-login
---------------------------------
mainBtm
---------------------------------
mainCenter
---------------------------------
mainCenter-inr
---------------------------------
memberN
---------------------------------
memberY
---------------------------------
mem-inrTop
---------------------------------
mem-inrBtm
---------------------------------
mem-inrCenter
---------------------------------
errorAria
---------------------------------
pass
---------------------------------
kakunin
============================== */

/* ------------------------------
  mainTop-login
------------------------------ */
#mainTop-login {
  width: 960px;
}

#mainTop-login p {
  width: 960px;
  height: 68px;
  background: url(/image/contents/member/login/main_top01.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

/* ------------------------------
  mainTop
------------------------------ */
#mainTop {
  width: 960px;
  height: 15px;
  background: url(/image/contents/member/login/main_top02.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}

/* ------------------------------
  mainBtm-login
------------------------------ */
#mainBtm-login {
  width: 960px;
  height: 61px;
  background: url(/image/contents/member/login/main_btm01.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  margin-bottom: 20px;
}

/* ------------------------------
  mainBtm
------------------------------ */
#mainBtm {
  width: 960px;
  height: 15px;
  background: url(/image/contents/member/login/main_btm02.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  margin-bottom: 20px;
}

/* ------------------------------
  mainCenter
------------------------------ */
#mainCenter {
  width: 870px;
  background: url(/image/contents/member/login/main_center.gif) repeat-y;
  padding: 30px 45px 40px 45px;
}

/* ------------------------------
  mainCenter-inr
------------------------------ */
#mainCenter-inr {
  width: 870px;
}

/* clearfix */
#mainCenter-inr:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#mainCenter-inr {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #mainCenter-inr {
  height: 1%;
}
#mainCenter-inr {
  display: block;
}
/* End hide from IE-mac */

/* ------------------------------
  memberN
------------------------------ */
#memberN {
  width: 412px;
  float: left;
}

/* ------------------------------
  memberY
------------------------------ */
#memberY {
  width: 412px;
  float: right;
}

/* ------------------------------
  mem-inrTop
------------------------------ */
.mem-inrTop {
  width: 412px;
  height: 10px;
  background: url(/image/contents/member/login/inr_top.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
}
.mem-inrTop2 {
  width: 439px;
  height: 10px;
  background: url(/image/contents/member/login/inr_top2.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
}

/* ------------------------------
  mem-inrBtm
------------------------------ */
.mem-inrBtm {
  width: 412px;
  height: 10px;
  background: url(/image/contents/member/login/inr_btm.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
}
.mem-inrBtm2 {
  width: 439px;
  height: 10px;
  background: url(/image/contents/member/login/inr_btm2.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
}

/* ------------------------------
  mem-inrCenter
------------------------------ */
.mem-inrCenter {
  width: 380px;
  background: url(/image/contents/member/login/inr_center.gif) repeat-y;
  color: #3a3a3a;
  padding: 10px 16px 20px 16px;
}
.mem-inrCenter2 {
  width: 393px;
  background: url(/image/contents/member/login/inr_center2.gif) repeat-y;
  padding: 10px 23px 20px 23px;
}

.line01 {
  width: 380px;
  height: 21px;
  background: url(/image/contents/member/login/line01.gif) repeat-x;
  font-size: 1px;
  line-height: 1px;
}

.linkWrap {
  width: 380px;
}
/* clearfix */
.linkWrap:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.linkWrap {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .linkWrap {
  height: 1%;
}
.linkWrap {
  display: block;
}
/* End hide from IE-mac */

.mem-inrCenter p.txt01 {
  line-height: 1.5;
  margin-bottom: 10px;
}
.mem-inrCenter p.txt02 {
  line-height: 1.5;
  margin-bottom: 25px;
}

.mem-inrCenter p#txtFirst {
  width: 127px;
  height: 48px;
  background: url(/image/contents/member/login/txt_first2.gif) no-repeat left bottom;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: left;
}

.mem-inrCenter p#txtDemo {
  width: 127px;
  height: 48px;
  background: url(/image/contents/member/login/txt_demo.gif) no-repeat left bottom;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: left;
}

.mem-inrCenter p#btnFirst {
  width: 236px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 20px;
  float: right;
}
.mem-inrCenter p#btnFirst a {
  width: 236px;
  height: 67px;
  background: url(/image/contents/member/login/btn_first2.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}

.mem-inrCenter p#btnDemo {
  width: 236px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: right;
}
.mem-inrCenter p#btnDemo a {
  width: 236px;
  height: 67px;
  background: url(/image/contents/member/login/btn_Demo.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}

.mem-inrCenter p#btnForget {
  width: 371px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-left: 4px;
}
.mem-inrCenter p#btnForget a {
  width: 371px;
  height: 23px;
  background: url(/image/contents/member/login/btn_forget.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
.mem-inrCenter p#btnForget a:hover {
  background-position: 0 -23px;
}

.mem-inrCenter p#btn-memLogin {
  width: 202px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 10px;
  padding-left: 89px;
}
.mem-inrCenter p#btn-memLogin a {
  width: 202px;
  height: 58px;
  background: url(/image/contents/member/login/btn_login2.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}

.mem-inrCenter #autoLogin {
  text-align: center;
  padding-bottom: 25px;
}

/* ------------------------------
  errorAria
------------------------------ */
#errorAria {
  width: 410px;
  background-color: #ffe3e3;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: -15px;
  margin-bottom: 15px;
}
#errorAria p {
  color: #e21d1d;
  font-weight: bold;
  text-align: center;
}
#errorAria p img {
  padding-right: 5px;
  vertical-align: middle;
}

/* ------------------------------
  pass
------------------------------ */
#pass {
  padding-left: 45px;
  margin-bottom: 15px;
}
#pass th {
  height: 25px;
  font-size: 13px;
  text-align: right;
  padding-right: 10px;
}
#pass td {
  height: 30px;
  font-size: 12px;
}
 
.form {
  background-color: #FFFFFF;
  padding: 3px;
  border: 1px solid #c3c3c3;
}
.w150 {
  width: 150px;
}
.error {
  background-color: #ffe3e3;
}

p#txtLogo {
  width: 198px;
  height: 26px;
  background: url(/image/contents/member/login/txt_logo.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 28px;
}
h2#h2-kakunin {
  width: 870px;
  height: 24px;
  background: url(/image/contents/member/login/h2_kakunin.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 30px;
}

/* ------------------------------
  kakunin
------------------------------ */
#kakunin {
  width: 870px;
}
/* clearfix */
#kakunin:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#kakunin {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #kakunin {
  height: 1%;
}
#kakunin {
  display: block;
}
/* End hide from IE-mac */

#kakuninL {
  width: 439px;
  float: left;
}
#kakuninL ul {
  width: 439px;
  margin-bottom: 20px;
}
#kakuninL ul li {
  line-height: 1.7;
  margin-bottom: 5px;
}
#kakuninL ul li span {
  color: #f70135;
  font-weight: bold;
}

#kakuninR {
  width: 390px;
  text-align: right;
  padding-top: 10px;
  padding-right: 20px;
  float: right;
}
#kakuninR p.img {
  margin-bottom: 20px;
}
#kakuninR p.cap {
  color: #ff3b89;
  font-size: 10px;
}
* html #kakuninR p.cap {
  font-size: 9px;
}

#addressWrap {
  width: 393px;
}
/* clearfix */
#addressWrap:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#addressWrap {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #addressWrap {
  height: 1%;
}
#addressWrap {
  display: block;
}
/* End hide from IE-mac */

#addressWrap-r {
  width: 209px;
  float: right;
}

#addressWrap p#qrcode {
  width: 165px;
  float: left;
}

#addressWrap p#address {
  width: 209px;
  height: 38px;
  background: url(/image/contents/member/login/address.gif) no-repeat left bottom;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-top: 44px;
  margin-bottom: 16px;
}

#addressWrap p#btnMail {
  width: 209px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
#addressWrap p#btnMail a {
  width: 209px;
  height: 29px;
  background: url(/image/contents/member/login/btn_mail2.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#addressWrap p#btnMail a:hover {
  background-position: 0 -29px;
}

#btnBack {
  width: 140px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: right;
}
#btnBack a {
  width: 140px;
  height: 23px;
  background: url(/image/contents/member/login/btn_back.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#btnBack a:hover {
    background-position: 0 -23px;
}