html
{
	height:100%;
	height :-webkit-fill-available;
	overflow:hidden;
}

body {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    background-position: right bottom;
    background-repeat: no-repeat;
	height:100%;
}

span.label{
	width:8em
	display:inline-block;
	text-align:left;
	height:2em;
	margin-top:6px;
}
.form-layout{
	width:100%;
	
}

.form-container {
	margin:auto;
    margin-top: 50px;
    padding: 8px;
    padding-top: 24px;
	display:block;
}


.form-panel {
    width: 530px;
    height: 350px;
    border-width:0px;
    text-align:center;
    margin: 0 auto;
    margin-top:20px;
}

.form-group {
    margin-bottom: 6px;
	display: inline-block;
	text-align:left;
	width:100%;
}

 .form-group:last-child {
        margin-bottom: 0;
    }

.form-input {
    display: inline-block;
    width:30em;
    height:1.5em;
    max-width: 280px;
    padding: 4px;
    margin: 0;
    outline: 0;
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 3px;
}

.form-input:focus {
    outline: 0;
    color: #000;
    border-color: rgba(0,132,180,0.5);
}

#Username{
    display: inline-block;
    max-width: 280px;
    padding: 4px;
    margin: 0;
    outline: 0;
    background-color: #fff;
}

.btn-logon {
    width:8em;
    height:2em;
    border-radius: 6px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

#control-container{
	width:400px;
	display:none;
	opacity:0;
	margin-right:4em;}



span.label{
	width:6em;
	display:inline-block;
	text-align:left;
}

.control-wide-label
{
	width:10em;
	display:inline-block;
	text-align:left;
}


.btn-modify {
    background-color: #0171b9;
    border: 1px solid #0171b9;
    color: #fff;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
	width:8em;
	height: 30px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.btn-cancel {
    background-color: #ffffff;
    border: 1px solid #808080;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
	width:8em;
	height: 30px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.col-md-4{
width:100%;
display:block;
}

#ChangePasswordContainer
{
	display:inline-block;
	padding:20px 10px 0px 20px;
	width:450px;
	border:2px solid #c0c0c0;
	border-radius:8px;
	background:white;

}
#divChangePassword{
	text-align:center;
	width:100%;
	display:block;
}

#formChangePassword{
	margin-top:50px;
	display:inline-block;
	padding:20px 10px 0px 10px;
	width:100%;
	text-align:-webkit-center;
}

#ErrorMessage{
	height:2em;
	display:inline-block;
/*	max-width:500px;*/
}

#ErrorResult{
	max-width:500px;
	display:flex;
}

#formContainer{
}

/*パスワード変更*/
#formAlert{
	text-align:center;
	margin-top:50px;
}

#AlertContainer{
	display:inline-block;
	padding:20px 10px 0px 10px;
	border:2px solid #c0c0c0;
	border-radius:8px;
	background:white;
}

#AreaButton
{
	text-align: right;
    display: inline-block;
}