@import "../NOSE.Web.Z000.css";
@import "../Header.css";
@import "../MaxLength.css";

/* ヘッダ部固定 */
html
{
   background-image: url("../Images/background.gif");
}

/* ロゴ画像のサイズを調整 */
#imgTitle {
    max-width: 450px; 
    height: auto; 
}

main > div.bg-white { 
 padding-top: 100px;
 margin-left: auto;
 margin-right: auto;
}

body {
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, 'Meiryo UI', sans-serif;
	font-size: 0.9rem;
	overflow-y: scroll;
}

/* タイトル (h2タグ) */
main h2
{
	font-size: 1.5em;
    font-weight: bold;
    display: block;
    width: 80%; 
    max-width: 600px;
    box-sizing: border-box;   
    margin: 0px auto 5px auto; 
    text-align: left;
}

#txtWebLoginID, #txtPassword
{
    padding: 10px 15px;
	margin: 0;
	height: 46px; 
	text-align: left;
	font-size: 24px;
    box-sizing: border-box; 
    display: block; 
	border-radius: 50px;
    width: 80%; 
    max-width: 600px;

    margin-left: auto; 
    margin-right: auto;


}

/* ボタンのスタイル */
#btnLogin
{
    display: block !important;
	width: 230px !important;
	height: 50px !important;
	font-size: 1.4rem;
	padding: 8px 24px;
    margin-left: auto;
	margin-right: auto;
    margin-bottom: 15px !important;
}

#btnCancel
{
    background-color: rgba(211, 211, 211, 1.00);
	color: rgba(0, 0, 0, 1.00);
    font-size: 1.2  rem;
    padding: 4px 20px;
    margin-bottom: 15px !important;
    margin-left: auto;
	margin-right: auto;
    width: 230px;
}
#btnCancel:hover {
	background-color: rgba(137, 137, 137, 1.00);
	color: rgba(255, 255, 255, 1.00);
}

input[type="button"].blue, input[type="submit"].blue {
	/* 通常時の青色とグラデーションを設定 */
	background: linear-gradient(to bottom, rgba(87, 87, 167, 1.00) 0%, rgba(7, 7, 87, 1.00) 100%);
	background-color: rgba(57, 57, 137, 1.00);
	color: rgba(255, 255, 255, 1.00);
}

input[type="button"].blue:hover, input[type="submit"].blue:hover {
	/* ホバー時のスタイルを設定 */
	background: none;
	background-color: rgba(57, 57, 137, 1.00); 
	color: rgba(255, 255, 0, 1.00); 
}

/* ------------------------------------------------ */
/* エラーメッセージのスタイル */
/* ------------------------------------------------ */
h1.lblErrorMSG { 
    color: red;
    background-color: rgba(255,221,221,1.00);
    width: 80%;
    max-width: 600px;
    text-align: left;
    padding: 0px;
    padding-left: 4px;
    font-size: 18px;
    font-weight: bold;
    display: block; 
    margin: 0 auto; 
}

/* パスワードをお忘れの方はこちら　スタイル */
#btnForgot {
    font-size: 20px;
}


/* コピーライトのスタイル */
h3 {
    font-size: 14px;
}

/* 画面中央のコンテンツ領域にパディング（余白）を追加 */
.w-600 {
    max-width: 600px;
    width: 100%;
    padding: 0 20px; 
    box-sizing: border-box; 
    margin-left: auto;
    margin-right: auto;
}