html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html {height:100%;}
body {font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;background-color: #F1F1F1;}
h1	{font-size: 18px;font-weight: bold;margin:1% auto;}
#head {margin: 0 auto;padding: 2% ;text-align:center;border-bottom: 2px solid #333;background: none repeat scroll 0 0 #333;color:#fff;}
#wrapper {width: 30%;background-color: #F9F9F9;margin: 5% auto;padding: 20px;height: auto;overflow: hidden;position: relative;box-shadow: 1px 2px 5px 3px #777;}
.form p{font-size: 14px;}
.form { padding:5%;text-align:center }
.clear { clear: both; }
.form p.ErrMsg {font-size: 18px;font-weight: normal;color: #ff0000;margin-bottom:5%}
.fontred {font-size: 15px;font-weight: normal;color: #ff0000;}
input[type="button"],input[type="submit"] {
  -webkit-appearance: none;
}
#username,#password {color: #888;font-weight: bold;
font-size: 15px;width: 50%;height: 35px;padding: 0 40px;margin: 1% auto;}

#Loginbtn{
background-color:#1E5799;
color: #fff;font-weight: bold;
font-size: 15px;width: 100%;height: 40px;margin: 5% auto;}
/*エラー用要素*/
.ReqErrElm{background-color: #ff0000;color:#ffffff;padding-left:5px;font-size: 15px;font-weight: bold;margin-top: -25px;width:123px;display:none;}
#mssReq{margin-top:5%;}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	#wrapper{width:80%}
	#username,#password {width: 50%;}

}
@media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px) {
	#wrapper{width:80%}
	#username,#password {width: 50%;}

}