@CHARSET"UTF-8";

/* 枠の幅を調整する */
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

/* 入力の度に一瞬横スクロールバーが表示されるのを抑止する */
html{
	font-size:62.5%;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}

/* 文字サイズの指定 */
body{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11pt;
	line-height:1.42857143;
	color:#333;
	background-color:#fff
}

/* 入力フィールドの縦の間隔を調節する */
.form-control{
	display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1pt solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

/* 入力フィールドにフォーカスした際に下線の色を変更する */
.form-control:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

/* チェックボックスの表示位置を調整する */
.checkbox{
	display:block;
	min-height:20px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:20px
}

/* チェックボックスの表示位置を調整する */
.checkbox input[type=checkbox]{
	float:left;
	margin-left:-20px
}

/* ボタンの大きさを調整する */
/* 2025 Edge compatibility update - No.02 */
.btn{
	display:inline-block;
	margin-bottom:0;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-image:none;
	border:1px solid transparent;
	white-space:nowrap;
	padding:6px 12px;
	font-size:11pt;
	line-height:1.42857143;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	Font-family: "MS PGothic", sans-self
}

/* 未入力時ボタンを非押下状態にする */
.btn[disabled]{
	cursor:not-allowed;
	pointer-events:none;
	opacity:.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	box-shadow:none
}

/* 未入力時ボタンの色を変更する */
.btn-info[disabled]{
	background-color:#5bc0de;
	border-color:#46b8da
}

/* ロゴの大きさを調整する */
.main-logo{
	width:180px;
	height:80px;
	margin-left:auto;
	margin-right:auto
}

/* 枠線を表示し各種入力フィールドの幅を枠線に収める */
.box{
	margin-left:auto;
	margin-right:auto;
	width:360px;
	height:400px;
	padding:20px;
	border:1.0pt solid #0E0D6A;
	border-radius:11px;
	display:table-cell;
	vertical-align:middle;
}

/* ボタン幅を調節する */
.full-width{
	background-color:#8eb5e2;
	width:100%;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0
}

/* ボタンの文字色を設定する */
.btn-info{
	color:#fff;
	background-color:#0E0D6A;
	border-color:#46bada
}

/* 入力フィールド名の表示位置を調整する */
.float-label-control{
	position:relative;
	margin-bottom:1.5em
}

/*  */
.float-label-control input{

}

/* 入力フィールドのフォーカス時の影の表示を調整する */
.float-label-control input:focus{
	box-shadow:none;
	-webkit-box-shadow:none;
	border-bottom-width:1.5pt;
	padding-bottom:0
}

/* 入力フィールドの非フォーカス時の影の表示を調整し、未入力時に入力フィールド名を表示する */
.float-label-control input{
	font-size:1.3em;
	box-shadow:none;
	-webkit-box-shadow:none
	display:block;
	width:100%;
	padding:.1em 0 1px;
	border:none;
	border-radius:0;
	border-bottom:0.75pt solid #aaa;
	outline:0;
	margin:0;
	background:0 0
}

/* 入力フィールド名の表示位置を調整する */
.float-label-control label{
	position:absolute;
	font-weight:400;
	top:-1em;
	left:.08em;
	font-size:10pt;
	color:#aaa;
	z-index:-1;
	-webkit-animation:float-labels .3s none ease-out;
	-ms-animation:float-labels .3s none ease-out;
	-khtml-animation:float-labels .3s none ease-out;
	animation:float-labels .3s none ease-out;
	animation-play-state:running!important;
	-webkit-animation-play-state:running!important
}

/* 未入力時のフィールド名を表示する */
.float-label-control input.empty+label{
	top:.1em;
	font-size:16pt;
	animation:none;
	-webkit-animation:none
}

/* 入力時のフィールド名を上部表示するアニメーションの定義 */
@keyframes float-labels{
	0%{	opacity:1;
		color:#aaa;
		left:40.08em;
		font-size:1.5rem
	}
	20%{font-size:1.5rem;
		opacity:0
	}
	30%{left:40.08em}
	50%{opacity:0;
		font-size:.85rem
	}
	100%{top:-1em;
		opacity:1
	}
}

/* 入力時のフィールド名を上部表示するアニメーションの定義 */
@-webkit-keyframes float-labels{
	0%{	opacity:1;
		color:#aaa;
		left:40.08em;
		font-size:1.5rem
	}
	20%{font-size:1.5rem;
		opacity:0
	}
	30%{left:40.08em}
	50%{opacity:0;
		font-size:.85rem
	}
	100%{left:.08em;
		opacity:1
	}
}

/* ロゴ画像の表示に関する設定 */
.logo{
	background-image:url(logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:centercenter
}

/* パス忘れと利用規約リンクの表示を調整する */
.box-footer{
	font-size:11pt;
	clear:both;
	text-align:right;
	padding:4px 0
}

/* ログインボタンのマウスオーバー時とフォーカス時の表示を変更する */
.btn-info:focus,.btn-info:hover{
    color:#fff;
    background-color:#0E0D6A;
    border-color:#269cbc;
    opacity:.7
}

/* チェックボックスにマウスオーバー時ポインタと矢印から指に変更する */
.checkbox label{
	color:#668;
	display:inline;
	font-weight:400;
	cursor:pointer
}

/* パス忘れと利用規約リンクの文字色を設定する */
a{
	color:#428bca;
	text-decoration:none
}

/* パス忘れと利用規約リンクにマウスオーバー時の表示を変更する */
a:hover{
	color:#2a6496;
	text-decoration:underline
}

/* パス忘れと利用規約リンクにフォーカス時の表示を変更する */
a:focus{
	color:#2a6496;
	text-decoration:underline;
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}

/* フッターのテキスト表示に関する設定*/
footer{
	font-size:9pt;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	color:#5F7883
}

/* エラー文字列表示に関する設定*/
.error{
	font-size:14pt;
	color:#FF6600
}