@charset "utf-8";
/****************************************************************************************************

ログイン画面

****************************************************************************************************/
@media only screen and (max-width:960px){
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:568px){
}
/********************************************************************************************
*********************************************************************************************/
#LoginBox{
	margin:0 auto;
	padding:20px 20px 10px;
	border:1px solid #ccc;
	width:480px;
}
@media only screen and (max-width:568px){
#LoginBox{
	padding: 10px;
	width:100%;
}
}


	#LoginBox .item{
		margin-bottom:10px;
	}
	
	#LoginBox .itemLabel{
		float:left;
		width:100px;
		padding:3px 0;
	}
@media only screen and (max-width:568px){
	#LoginBox .itemLabel{
		float:none;
		width:100%;
	}
}

	#LoginBox .itemInput{
		margin-left:100px;
	}
@media only screen and (max-width:568px){
	#LoginBox .itemInput{
		margin-left:0;
	}
}

	#LoginBox .item .text{
		padding:3px;
		width:200px;
	}
@media only screen and (max-width:568px){
	#LoginBox .item .text{
		width:100%;
	}
}

	#LoginBox #Submit{
		text-align:center;
	}


#ErrBox{
	color:#F30;
}