@charset "utf-8";

/*-------------------------------------------------------------------
    * login.css
    * site name : チャンスイット
    * description : ログインページ
    * import : web/mypage/login.jsp
-------------------------------------------------------------------*/


/* ---------------------------ログイン・登録共通 */
#header .navi_area {
    height: 50px;
}

#login {
    padding: 10px 25px 40px;
    overflow: hidden;
    font-family: "Meiryo","メイリオ","ＭＳ　Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
#login .box_inner {
	width: 430px;
    min-height: 340px;
    padding: 2px;
    border: 1px solid #B4B4B4;
    border-radius: 7px;
    background: #f4f4f4;
}


/* ---------------------------------------ログイン */

#login_box {
	float: left;
	width: 436px;
}
#login_box .box_inner h2 {
	width: 430px;
	height: 30px;
    padding-top: 5px;
    background: url("../../img/login/bg_login.gif") no-repeat;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
#login_box .error{
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #f00;
}
#login_box .error span {
    padding-left: 20px;
	background: url("../../img/login/icon-list.gif") no-repeat 0 -32px;
}
#login_box .login_detail {
	width: 380px;
	padding: 25px 25px 20px 25px;
}
#login_box .login_detail dl dt {
    margin-bottom: 3px;
    font-size: 14px;
}
#login_box .login_detail dl dd {
    margin-bottom: 15px;
}
#login_box .login_detail dl dd input {
    width: 330px;
    vertical-align: middle;
	padding: 8px 4px 8px 40px;
	border: 1px solid #ccc;
    box-shadow: 0 1px 0 #fff;
      border-radius: 5px;
    font-size: 16px;
}
#login_box .login_detail dl dd.mail input {
    background: #fff url(../../img/login/icon_mail.gif) no-repeat 10px 7px;
}
#login_box .login_detail dl dd.pw input {
    background: #fff url(../../img/login/icon_password.gif) no-repeat 10px 7px;
}
#login_box .login_detail #remember {
    font-size: 14px;
    text-align: center;
    margin:30px 0 20px;
}
#login_box .login_detail #remember input {
	margin: 0 3px 2px 0;
}
#login_box .login_detail .btn_login {
	width: 292px;
	height: 67px;
	margin: 15px auto 0;
}

#login_box ul.caution {
    margin-top: 10px;
    font-size: 14px;
}
#login_box ul.caution li {
    margin-bottom: 5px;
	line-height: 1.4;
}
#login_box ul.check {
	margin: 0 0 0 32px;
}
#login_box ul.check li {
	margin: 5px 0 0 0;
	padding: 0 0 0 12px;
	background: url("/img/login/icon-list.gif") no-repeat 0 -188px;
	font-size: 95%;
}

/* キャプチャ認証 */
div.g-recaptcha {
    width: 304px;
    margin: 3px auto 0;
}

p.g-title{
    text-align: center;
    font-size: 20px;
    font-weight:bold;
    margin:0 0 5px;
}
#avatar_image{
    margin:10px 0 30px;
}
#capy-logo{
    bottom:-20px !important;
}
#capy-captcha-caption{
    margin:20px 0;
    font-size:15px;
    font-weight:bold;
    color:#fff;
    position: relative;
    background:#FC0020;
    padding:10px 20px;
    border-radius:50px;
}
#capy-captcha-caption:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #FC0020;
	border-width: 10px;
	margin-left: -10px;
}
.capy-captcha{
    margin:0 auto;
}
p.g-caution{
    margin: 15px 0 20px;
    padding: 10px;
    border: 1px solid #f00;
    background-color: #fff;
    font-weight: bold;
    color: #f00;
}

#leftbox .caution {
	margin: 5px 20px 0 10px;
	padding: 0 0 0 18px;
	background: url("/img/login/icon-list.gif") no-repeat 0 -32px;
	font-size: 95%;
	line-height: 1.4;
}

#leftbox .caution strong {
	font-weight: normal;
	color: #f00;
}

/* ---------------------------------------新規会員登録 */

#regist_box {
	float: right;
	width: 436px;
}
#login #regist_box .box_inner {
    background: #fff;
}
#regist_box .box_inner h2 {
	width: 430px;
	height: 30px;
    padding-top: 5px;
    background: url("../../img/login/bg_register.gif") no-repeat;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
#regist_box .after_regist {
    padding: 20px 20px 10px 15px;
}
#regist_box .after_regist p {
    margin-bottom: 20px;
    padding: 10px 0;
    background: #f5ecd9;
    font-size: 16px;
    text-align: center;
    color: #5a3e19;
}
#regist_box .after_regist ul li {
    height: 50px;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 5px 0 0 60px;
    font-size: 14px;
    border-bottom: 1px dotted #ccc;
}
#regist_box .after_regist ul li span {
    font-weight: bold;
    color: #f00;
}
#regist_box .after_regist ul li.point1 {
    background: url("../../img/login/icon_money.gif") no-repeat;
}
#regist_box .after_regist ul li.point2 {
    background: url("../../img/login/icon_meal.gif") no-repeat;
}
#regist_box .after_regist ul li.point3 {
    margin-bottom: 0;
    background: url("../../img/login/icon_present.gif") no-repeat;
    border-bottom: none;
}
#regist_box .btn_regist {
	width: 292px;
	height: 67px;
	margin: 0 auto;
}

/* -------------------------------未ログインワーニング */

.warning {
    margin-bottom: 15px;
    padding: 10px 0;
    border-radius: 10px;
    border: 2px solid #FF282C;
    background: #FDFFAD;
    line-height: 1.4;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #ff282c;
}
.warning span {
    font-weight: normal;
    font-size: 14px;
}


/* ---------------------------------------リンク */

a, a:link {
	text-decoration: underline;
	color: #04c;
}
a:hover {
	color: #04c;
	text-decoration: none;
}
a:visited {
	text-decoration: underline;
}
#regist_box .btn_regist a:hover img,
#login_box .btn_login input:hover {
    opacity: 0.7;
}


/* ---------------------------------------共通部品調整 */

#wrapper {
    background: none;
}
#wrapper #footer {
    background: none;
}