@charset "utf-8";


/* Noto Fonts
------------------------------ */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

/* リセット
------------------------------ */
body, div, p, span, i, blockquote, 
header, main, footer, nav, 
ul, ol, dl, li, dt, dd, 
a, strong, img, hr, br, 
table, thead, tbody, tfoot, tr, caption, th, td, 
form, input, textarea, select, option, button, lebel, 
h1, h2, h3, h4, h5, h6 
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
li { list-style: none; }
header, main, footer { display: block; }

/* 基本
------------------------------ */
body, input, textarea, button, select, label { font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'メイリオ'; color: #323232; font-weight: 300; letter-spacing: 1px; }
body {
	font-size: 16pt;
	background: #fff;
}
main { padding: 72px 8px 6.4em 8px; }
a { color: #0070c9; }
.clearfix:after { content: '.'; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
/* 基本：フォーム部品
------------------------------ */
input, textarea, select, button { font-size: 1em; padding: 0.48em; }
input[type="text"], input[type="number"], input[type="password"], input[type="email"], select { max-height: 44px; border: solid 2px #323232; }
select { padding: 0.24em 0.48em 0.48em 0.48em; }
textarea { border: solid 2px #323232; }
input[type="radio"], input[type="checkbox"] { width: 24px; height: 24px; vertical-align: middle; }
label { padding: 0 0.64em; }
button, input[type="submit"] { font-size: 0.88em; border: none; background-color: #0070c9; color: #fff; padding-left: 1.24em; padding-right: 1.24em; height: 44px; letter-spacing: 3px; }

/* ログインフォーム
------------------------------ */
#login { width: 500px; height: 500px; padding: 40px; background-color: #f8f8f8; border: solid 1px #323232; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
#login dt { margin-bottom: 0.32em; }
#login dt small { margin-left: 0.64em; font-size: 0.64em; letter-spacing: 1; }
#login dd { margin-bottom: 0.64em; }
#login input[type="text"], #login input[type="password"] { width: 100%; }
#login dl dt:last-child { text-align: right; }

/* 認証フォーム
------------------------------ */
#auth { width: 500px; height: 500px; padding: 40px; background-color: #f8f8f8; border: solid 1px #323232; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
#auth dt { margin-bottom: 0.32em; }
#auth dt small { margin-left: 0.64em; font-size: 0.64em; letter-spacing: 1; }
#auth dd { margin-bottom: 0.64em; }
#auth input[type="text"], #auth input[type="password"] { width: 100%; }
#auth dl dt:last-child { text-align: right; }
/* 認証フォーム再送信
------------------------------ */
#auth_mail { width: 500px; height: 250px; padding: 40px; background-color: #f8f8f8; border: solid 1px #323232; position: absolute; top: 350px; bottom: 0; left: 0; right: 0; margin: auto; }
#auth_mail dt { margin-bottom: 0.32em; }
#auth_mail dt small { margin-left: 0.64em; font-size: 0.64em; letter-spacing: 1; }
#auth_mail dd { margin-bottom: 0.64em; }
#auth_mail dl dt:last-child { text-align: right; }

#passwordChg { width: 800px; height: 600px; padding: 40px; background-color: #f8f8f8; border: solid 1px #323232; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
#passwordChg dt { margin-bottom: 0.32em; }
#passwordChg dt small { margin-left: 0.64em; font-size: 0.64em; letter-spacing: 1; }
#passwordChg dd { margin-bottom: 0.64em; }
#passwordChg input{ height:44px;width:80%; }
#passwordChg dl dt:last-child { text-align: right; }


#password_reset { width: 500px; height: 500px; padding: 40px; background-color: #f8f8f8; border: solid 1px #323232; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
#password_reset dt { margin-bottom: 0.32em; }
#password_reset dt small { margin-left: 0.64em; font-size: 0.64em; letter-spacing: 1; }
#password_reset dd { margin-bottom: 0.64em; }
#password_reset input[type="text"]
#password_reset dl dt:last-child { text-align: right; }