@charset "UTF-8";
/* CSS Document */

/* ============================================================
		 幕のcommon
============================================================ */
.alertMail_wrap{position: relative;display: block;margin: 0 auto;width: 1000px;height: auto;}
.authenticatedText,.changeText,.failedText{color: #333;background-color: #fff;width: 100%;padding: 18px 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size: 16px;}
/* ×ボタン */
.Batsu01{position: absolute;top: 10px;right: 10px;color: white;cursor: pointer;font-size: 16px;border: 2px solid white;border-radius: 14px;height: 20px;width: 20px;line-height: 14px;text-align: center;}
.Batsu02{position: absolute;top: 10px;right: 10px;color: #a6a6a6;cursor: pointer;font-size: 16px;border: 2px solid #a6a6a6;border-radius: 14px;height: 20px;width: 20px;line-height: 14px;text-align: center;}
/* ローディング画像 */
.reSendBtn img{width: 13px;top: 2px;}

/* ============================================================
		 メール変更お願いの幕
============================================================ */
.alertMailCheck{position: relative;width: 1000px;max-height: 400px;font-size: 14px;margin-bottom: 24px;padding: 10px 40px 10px 15px;color: white;background-color: #929292;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;text-align: center;line-height: 1.5; transition: all 0.2s ease;}
.alertMailCheck p{text-align: left;min-height: 42px;}
.alertMailCheckBounce p{text-align: left;min-height: 42px;}
.reSendBtn{display: block;margin: 9px auto 0;font-size: 16px;background: white;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;width: 262px;height: 49px;color: #333;line-height: 49px;text-align: center;outline: none;border: 1px solid #cfcfcf;cursor: pointer;}
.reSendBtn:hover{background-color: #f9f9f9;text-decoration: none;}
.alertMailEx,.alertMailCh{margin-right: 10px;color: white;text-decoration: underline;}
.alertMailDetail:hover,.alertMailEx:hover,.alertMailCh:hover{text-decoration: none;}
.alertMailEx{margin-right: 0;position: absolute;bottom: 25px;right: 100px;}
.alertMailCh{margin-right: 0;position: absolute;bottom: 25px;right: 192px;}

/* ============================================================
		 メール認証bounceの幕
============================================================ */
.alertMailCheckBounce{background-color: #f53a67;}
.alertMailDetail{color: white;text-decoration: underline;}

/* ============================================================
		 メール変更しましたの幕
============================================================ */
.alertMailChange{display: none;position: absolute;top: 0;width: 1000px;height: 100%;font-size: 14px;margin-bottom: 24px;padding: 60px 10px 10px 10px;color: white;background-color: #ffe600;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;text-align: center;z-index: 1000;}

/* ============================================================
		 メール認証しましたの幕
============================================================ */
.alertAuthenticated{display: none;position: absolute;top: 0;width: 1000px;height: 100%;font-size: 14px;margin-bottom: 24px;padding: 60px 10px 10px 10px;color: white;background-color: #ffe600;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;text-align: center;z-index: 1000;}
.success{font-size: 30px;color: #333;position: absolute;top: 15px;left: 45%;}

/* ============================================================
		 メール認証しましたの幕
============================================================ */
.alertFailed{display: none;position: absolute;top: 0;width: 1000px;height: 100%;font-size: 14px;margin-bottom: 24px;padding: 60px 10px 10px 10px;color: white;background-color: #f53a67;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;text-align: center;z-index: 1000;}
.failed{font-size: 30px;color: white;position: absolute;top: 15px;left: 45%;}


.relative{position: relative!important;}
.absolute{position: absolute!important;}