text-align: center;text-align: center;text-align: center;text-align: center;16px 15px 0 15px@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; text-align: left;}
body {line-height:1.8}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle; height: 32px; border-radius: 2px; padding: 1% 10px; border: 1px solid #cccccc; font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 16px;}
img {width: 100%; height: auto;}
/*========================================
BASIC
=======================================*/
html{-webkit-text-size-adjust:100%}
body{font-size:14px;background:#fff; background-size: cover; line-height:1.6; margin: 0;font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
#wrapper {width:1024px; margin: 0 auto;  overflow: hidden;}
a {color:#403f3f; text-decoration: none;}
a:hover {}

/*========================================
UserLogin
=======================================*/
#userLogin {background:#EFEFEF;} 
#userLogin .Cnt {overflow:hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto; width:400px; height:495px;color: #fff;}
#userLogin .logo { text-align: center;margin-bottom: 15px;}
#userLogin .logo img { width: 100%; height: auto;}
#userLogin input {font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
#userLogin input[type=text], #userLogin input[type=password]{width: 400px;height: 46px;box-sizing: border-box; text-align:left;font-size:16px;color:#000;border: 1px solid #CDCDCD;padding:10px 15px 5px 40px;margin-bottom: 15px;}
#userLogin .usrInput { background:#fff url(../img/login/icon-user.png) no-repeat 15px 50%; background-size: 14px; }
#userLogin .passInput {background:#fff url(../img/login/icon-pass.png) no-repeat 15px calc(50% + 2px); background-size: 14px;}
#userLogin a .loginBtn{margin: 0 auto; text-align: center; width: 400px;height: 46px; box-sizing: border-box; border-radius: 4px; border: 1px solid #000; background:#000;box-shadow: 0px 0px 5px 0px #C8C8C8; padding: 8px 0; font-size: 16px; letter-spacing: 1px;color: #fff; font-weight: bold;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;cursor: pointer;}
#userLogin a .loginBtn:hover{opacity: 0.8; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}


@media screen and (max-width: 800px) {
#userLogin .Cnt {overflow:hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto; width:96%; height:300px;color: #fff;}
#userLogin .logo {font-size: 30px;}
#userLogin input[type=text], #userLogin input[type=password]{width: 87%;height: 44px;text-align:left;font-size:16px;color:#fff;border: 1px solid #CDCDCD;padding:10px 2% 5px 10%;margin-bottom: 15px;}
userLogin .usrInput { background:#CDCDCD;background-size: 18px; background-position:29px 16px;}
#userLogin .passInput {background:#CDCDCD; background-size: 18px;background-position:29px 16px;}
#userLogin a .loginBtn{margin: 0 auto; text-align: center; width: 100%;}

}