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

/* --------------------------------------
リセットCSS
-------------------------------------- */
* {
font-family:"Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif; 
}

html {
font-size: 62.5%;
}

body {
font-size: 14px;
font-size: 1.4rem;
}

/* --HTML-- */
html {
background:#EEEEEE;
color:#333;
overflow-y:scroll;
}

/* --BODY-- */
body {
margin:0;
overflow:visible;
padding:0;
background:#EEEEEE;
}

/* --OTHER TAGS-- */
a img, img {
border:0;
}

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
font-style:normal;
font-weight:normal;
}

caption, th {
text-align:left;
}

code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

ol, ul {
list-style:none;
}

q:before, q:after {
content:'';
}

br {
letter-spacing:0;
white-space:normal;
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}

/*link conf*/

a:link {
color:#047391;
text-decoration:underline;
}

a:visited {
color:#3768B7;
text-decoration:underline;
}

a:hover {
color:#FF6600;
text-decoration:underline;
}

a:active {
color:#3768B7;
text-decoration:underline;
}

/* --------------------------------------
ここからログイン画面のCSS
-------------------------------------- */
body {
text-align:center;
line-height: 1.7
}

#login {
margin:100px auto 0;
text-align:center;
max-width:400px;
min-height:250px;
max-height:350px;
padding:20px;
border:solid 1px #999;
background:#EEF9FF;
}

* html #login {
width:350px;
height:250px;
}

#login h1 {
font-size:1.1em;
font-weight:bold;
color:#FFF;
padding:10px;
margin-bottom:15px;
background:#086484;
}

#login h2 {
font-size:1.2em;
font-weight:bold;
margin-bottom:15px;
}

#login form {
width:auto;
margin:0 auto;
}

#login input {
margin-bottom:10px;
}

#login input[type="text"] {
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;
font-size: 2px;font-size: 2rem;
}

#login .id, #login .pw {
width:100%;
height: 48px;
font-size: 1.2em;
border: solid 1px #CCC;
padding: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

label {
width: 100%;
margin: auto;
}

#footer {
padding-top:16px;
color:#666;
font-size: 12px;font-size: 1.2rem;
}

#login label {
display:block;
text-align:left;
}

#login p {
padding-top:10px;
}

#login p.err {
color:#FF3300;
margin-top:0;
}


input[type="submit"] {
margin: 8px auto;
-webkit-appearance: none;
border: solid 1px #8F8F8F;
cursor: pointer;
height: 44px;
min-width: 220px;
padding: 6px 10px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
background: #efefef;
/*
background: -moz-linear-gradient(top, #efefef 0%, #efefef 50%, #dddddd 51%, #cfcfcf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#efefef), color-stop(51%,#dddddd), color-stop(100%,#cfcfcf));
background: -webkit-linear-gradient(top, #efefef 0%,#efefef 50%,#dddddd 51%,#cfcfcf 100%);
background: -o-linear-gradient(top, #efefef 0%,#efefef 50%,#dddddd 51%,#cfcfcf 100%);
background: -ms-linear-gradient(top, #efefef 0%,#efefef 50%,#dddddd 51%,#cfcfcf 100%);
background: linear-gradient(to bottom, #efefef 0%,#efefef 50%,#dddddd 51%,#cfcfcf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cfcfcf',GradientType=0 );
*/
}

input[type="submit"]:hover {
border: solid 1px #3C7FB1;
background: #eaf6fd;
background: -moz-linear-gradient(top, #eaf6fd 0%, #eaf6fd 50%, #bee6fd 51%, #a7d9f5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf6fd), color-stop(50%,#eaf6fd), color-stop(51%,#bee6fd), color-stop(100%,#a7d9f5));
background: -webkit-linear-gradient(top, #eaf6fd 0%,#eaf6fd 50%,#bee6fd 51%,#a7d9f5 100%);
background: -o-linear-gradient(top, #eaf6fd 0%,#eaf6fd 50%,#bee6fd 51%,#a7d9f5 100%);
background: -ms-linear-gradient(top, #eaf6fd 0%,#eaf6fd 50%,#bee6fd 51%,#a7d9f5 100%);
background: linear-gradient(to bottom, #eaf6fd 0%,#eaf6fd 50%,#bee6fd 51%,#a7d9f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf6fd', endColorstr='#a7d9f5',GradientType=0 );
}