@charset "utf-8";
/* CSS Document */
body {width:960px; text-align: center; font-family:Arial, Helvetica, sans-serif;margin:0; padding:0; background:#000; font-size:12px; color:#333; margin:0 auto;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }
li{list-style-type:none;}
img{vertical-align:top;}
strong{font-weight:normal;}
em {font-style:normal;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;}
h1{font-size:18px; font-weight:bold;}
h2{font-size:14px;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.fl{ float:left;}
.fr{ float:right;}
.unline ,.unline a ,.unline a:hover ,.unline a:active{text-decoration: none;}
.clear{ clear: both;}
/* Link */
a:link {color:#fff; text-decoration:none;}
a:visited {color: #fff;text-decoration:none;}
a:hover {color:#fff; text-decoration:underline;}
a:active {color: #fff;}
/* Color */
.cRed,a.cRed:link,a.cRed:visited{ color:#f00; }
.cBlue,a.cBlue:link,a.cBlue:visited,a.cBlue:active{color:#1f3a87;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray:visited{ color:#4F544D;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color:#666;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover{color:#bc2931;}
.cYellow,a.cYellow:link,a.cYellow:visited{color:#FF3}
.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}


#top{ width:960px;}
#top .topline{ height:10px; width:960px; background:#58ae04;}
#top .use{ height:45px; width:960px; background:url(../../images/jp/loginhead.jpg) no-repeat;}
#top .use img.logo{width:128px; height:44px; float:left; padding-right:150px;}
#top .use .about{ text-align:right; float:left;width:550px; height:25px; margin-top:4px;color:#FFF;}
#top .use .lc{ float:right; width:80px; height:25px; margin-top:2px; font-size:13px; font-weight:bold; color:#CCC}

#black{width:960px; background:url(../../images/jp/login_bg.jpg) no-repeat top;}
#black .login{ width:320px; height:150px; margin:0 auto;padding-top:50px; text-align:left;}

.iplogin{ float:left; width:320px; height:30px; border-bottom:1px #CCC dotted; font-size:14px; font-weight:bold;line-height:30px; display:block;}
.iplogin a:hover{ color:#FF9; background:url(../../images/jp/ipgo.jpg) right no-repeat; display:block;}
.pslogin{ float:left; width:250px; height:50px; margin-top:10px;}
.logbtn a{float:right; width:66px; height:53px; margin-top:10px; background:url(../../images/jp/loginbtn.jpg) no-repeat; text-align:center; line-height:53px; font-size:16px; font-family:Arial Black, Helvetica, sans-serif; display:block}
.pslogin form label{display:block; width:80px; height:18px; color:#FFF; font-size:14px; float:left; line-height:18px; margin-bottom:10px; font-weight:bold;}
.pslogin form .txtBox3{ width:160px; float:left; height:18px; margin-bottom:10px;border-bottom:#D4D0C8 solid 1px;border-right:#D4D0C8 solid 1px;border-top:#404040 solid 1px;border-left:#404040 solid 1px; font-family:Arial, Helvetica, sans-serif;}

.library{ margin-left:320px; margin-right:150px; text-align:left; width:490px}
.library .title{ width:490px; height:40px; background:url(../../images/jp/font04_index-en.gif) no-repeat center left; border-bottom:1px #CCC solid;}
.library h1{float:left; height:40px; font-size:14px; line-height:40px; width:400px;color:#FF9;float: left;}
.library  span{ float:right;width:50px; height:40px; margin-left:10px; display:block; background:url(../../images/jp/enterbtn.jpg) no-repeat center; line-height:40px; padding-left:14px;}
.library span a:hover{ text-decoration:none; display:block;}
.library p{ line-height:22px; color:#FFF; margin-top:-5px;}
.copyright{ margin-top:50px; color:#FFF; height:35px; border-top:1px #ccc solid; line-height:35px;}
.notice{height:20px;color:#930; line-height:20px; padding-left:30px; background:url(../../images/jp/notice.gif) left center no-repeat #FFC; border:1px #FC3 solid; }
.notice{height:22px;}