@charset "utf-8";

body {   
	background-color: #eee;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

form {
    /* margin: 0 auto; */
    padding:15px;
    height:auto;
}

.div-main {
	width: 320px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
	margin-bottom: auto;
	background-color: white;
	border-radius:7px;
}

.form-control {
	height: 42px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;          
	font-size: 18px;
}

.body_panel{
    width: 90%;
    min-height: 100px;
    margin-top: 15px;
    margin-left:auto;
    margin-right:auto;
	padding: 10px;
    /* text-align: left; */
    background-color: white;
}

.login-msg {
    display: none;
    height: 40px;
    width: 260px;
    text-align: center;
    margin: 0 auto;
    border-radius: 4px;
    vertical-align:middle;
    text-align:center;
    line-height:40px;
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)  {
	.div-main {
		width: 320px;
		height:auto;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
		background-color: white;
		border-radius:7px;
	}

}