﻿/* ログインフォーム *****************************/

/* ログインフォーム内 表示領域 */
.checkPassword
{
	width:100%;
	border:none;
	margin:20px auto 0px auto;
	padding:0px;
}
/* ログインフォーム内 外枠 */
.checkPassword .area
{
	width:90%;
    max-width:560px;
	margin:40px auto 20px auto;
	padding:20px 0px 25px 0px;
	text-align:center;
}
.checkPassword .areaBtm
{
	width:100%;
    max-width:560px;
	margin:10px auto;
	padding:5px 0px;
	text-align:center;
}

/* ログインフォーム内 入力欄 */
.checkPassword .loginid {
	text-align: left;
	width: 90%;
	margin: 30px auto 2px auto;
	font-size: 0.9em;
}

.checkPassword .loginid label {
	margin: 10px 10px 10px 0px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.2em;
}

.checkPassword .loginid input {
	width: 75%;
	margin: 10px 0px 10px 0px;
	margin: 2px auto;
}

.checkPassword .pass
{
    text-align:left;
    width:90%;
	margin:30px auto;
	font-size:0.9em;
}
.checkPassword .pass label
{
	margin:10px 10px 10px 0px;
	vertical-align:middle;
    font-weight:bold;
    font-size:1.2em;
}
.checkPassword .pass input
{
	width:75%;
	margin:10px 0px 10px 0px;
    margin:2px auto;
}
.checkPassword .btn
{
	margin:5px auto !important;
}
/* ログインフォーム内 エラーメッセージ */
.checkPassword .err_msg
{
	width:85%;
	color:#ff0000;
	margin:10px auto 10px auto;
	border:solid 1px #ff0000;
	padding:8px;
	text-align:left;
	font-size:0.9em;
}

/* 案内文（上部・下部） */
.guide_upper, .guide_bottom
{
	width:90%;
	margin:5px auto;
	padding:0px;
}
@media screen and (min-width:768px) {
    .guide_upper, .guide_bottom
    {
	    text-align:center;
    }
}
@media screen and (max-width:767px) {
    .guide_upper, .guide_bottom
    {
	    text-align:left;
    }
}

/* 該当ページなし */
.checkPassword_nodata_msg
{
	width:85%;
	color:#ff0000;
	margin:30px auto 30px auto;
	border:none;
	padding:8px 0px;
	text-align:center;
	font-size:1em;
}
