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

body {background:url(../images/login/back.jpg) no-repeat fixed; background-size:cover; padding:20px 0 40px; }
#bodyin {margin:0; }

#loginarea {background:rgba(255,255,255,0.8);
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ }
#loginarea h3 {margin-bottom:40px; font-weight:normal; }
#loginarea ul {}
#loginarea li {}
#loginarea li.mid {font-size:12px; }
#loginarea li.mid span {display:block; width:100px; background:#1fb0fc; color:white; text-align:center; }
#loginarea li.input {}
#loginarea input {padding:12px 6px; border:solid 1px #1fb0fc; box-sizing: border-box; width:100%;
	background-color:white; }

#loginarea li.login {text-align:center; }
#loginarea li.login input,
#loginarea li.login a {display:block; borde:solid 1px white; background-color:#1fb0fc; color:white; text-align:center; padding:10px 0; }
#loginarea li.loginclose {border-width:0; background-color:#ccc; color:white; text-align:center; padding:12px 0; }


/* メッセージ */
#notice {text-align:left;}

@media print, screen and ( max-width: 767px ) {   /* ウィンドウサイズが 767px 以下の場合有効 */
#logo {width:200px; margin:0 auto 10px; padding-top:20px; }
#bodyin {padding:10px 0 0; }
#loginarea {margin:10px auto; width:90%; padding:35px 0 35px; }
#loginarea ul {margin:0 8%; }
#loginarea li.input {margin-bottom:20px; }
#loginarea input {}

#loginarea li.login {margin-top:40px; }

#notice {background-color:#e60012; color:white; line-height:1.4em; padding:15px 0; margin:20px 0 0; }
#notice h4 {text-align:center; }
#notice p {width:88%; margin:10px auto 0; }
}

@media print, screen and ( min-width: 768px )  {  /* ウィンドウサイズが 768px 以上の場合有効 */
#loginarea #logo {width:60%; margin:0 auto; }
h2.login {margin:0 auto 30px; width:350px; }

#loginarea {margin:60px auto 0; width:500px; padding:30px 0 60px; }
#loginarea ul {margin:0 auto; width:300px; }
#loginarea li.input {margin-bottom:30px; }
#loginarea input { }

#loginarea li.login {margin-top:60px; }

#notice {position:absolute; top:280px; left:500px; width:420px; color:#e60012; }

}