@charset "UTF-8";

/*============================================
ログイン画面
============================================*/
/* ログイン画面の全ての要素枠 */
#loginContent {
	max-width: 300px;
	margin: 0 auto;
}

/* ログインフォームのボックス */
#loginBox {}

@media(max-width:480px){
    #loginBox {
        margin: 5px;
    }

}

/* ログインフォームのタイトル */
#loginBox h1 {
	margin-top: 20px;
    margin-bottom:20px;
    text-align: center;
    letter-spacing: .05em;
    font-size: 32px;
    font-weight: normal;
}

/* ログイン要素の項目デザイン */
#Email,
#Passwd
{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    font-size:16px;
}

/* ログインボタン */
.login_btn {
	display: block;
	width: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	/* background: #26619c; */
/*     background-color: #F7882F; */
    background-color: #26619c;
	text-align: center;
	font-size: 16px;
    color:#FFF;
    text-decoration: none;
}

/* ログインボタンにカーソルが乗った時 */
.login_btn:hover {
/*     background-color: #ffa249; */
    background-color: #4678aa;
    color:#FFF;
    text-decoration: none;
}

/* ログイン画面に表示させるサブコンテンツエリア */
#subContent {
    text-align:center;
}

/* 「new user?」または「Forgot password?」の表示エリア */
.account {
    margin-top: 30px;
    margin-bottom: 30px;
}

.account p {
    margin-bottom: 10px;
}