@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:#202227;line-height:1.6; margin: 0;font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#wrapper {width:100%; margin: 0 auto;  overflow: hidden;}
a {color:#403f3f; text-decoration: none;}
a:hover {}

/*========================================
UserLogin
=======================================*/
#userLogin {width:1024px; height: 768px; margin: 0 auto;} 
#userLogin .Cnt {overflow:hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto; width:430px; height:547px;color: #fff;}
#userLogin .logo { width: 200px; margin: 0 auto 25px;}
#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: 84%; height: 32px;text-align:left;font-size:13px;color:#fff;border: 1px solid #48576e;padding:12px 15px 12px 50px;border-radius: 0;}
#userLogin input[type=password]{border-top: #fff;}
#userLogin input[type=button]{}
#userLogin .usrInput {background: url(../img/login/icon-user.png) no-repeat 15px 50%; background-size: 16px;}
#userLogin .passInput {background: url(../img/login/icon-pass.png) no-repeat 15px 50%; background-size: 16px;}
#userLogin a .loginBtn{margin: 25px 0 20px; text-align: center; width: 428px; border-radius: 4px;background: #00a98e; padding: 18px 0; font-size: 14px; 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; opacity: 1;}
#userLogin a .loginBtn:hover{-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; opacity: 0.8;}