body {
font: 12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
-webkit-text-size-adjust: none;
background:#e3f3fa;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
body,p,form,input{margin: 0}
#form{
    width: 310px;
    margin: 30px auto;
    padding: 20px;
    border: 1px solid #555;
    }

form p{
    font-size: 14px;
    }

.form-title{
    text-align: center;
    }

.id,.pass{
    margin-bottom: 20px;
    }

input[type="text"],
input[type="password"] {
    width: 300px;
    padding: 4px;
    font-size: 14px;
    }

.submit{
    text-align: right;
    }

input#submit_button{
	padding: 3px 20px;
	}

@media only screen and (max-width: 644px){
#form{
    width: 90%;
    }
.form p{
    font-size: 90%;
    }
input[type="text"],
input[type="password"] {
    width: 90%;
    padding: 4px;
    font-size: 90%;
    }
.submit{
    text-align: center;
    }