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

body#topLogin #header,body#newsPage #header {height:60px; background:#fff; padding:10px 20px; border-bottom: solid 3px #00316E;}
#container {width:890px; margin:50px auto 50px auto; overflow:hidden;}
body#topLogin #header img {max-height: 60px;}

/* Top Page ------------------------------------------------------------------------- */
#container #newsArea {width:500px; float:left;}
#container #loginArea {width:320px; height:280px; float:right; background:#DEEEF5; padding:20px;padding-top:20px; text-align:center; margin-right: 30%;}

body#topLogin #container #newsArea h2 { border-top:solid 1px #999; border-bottom:solid 2px #999; padding:13px 5px 10px 35px; margin-bottom:20px; font-size:1.2em;}
#container #newsArea ul{}
#container #newsArea ul li {padding:0 0 0 12px; margin-bottom:7px; list-style:none;}
#container #newsArea ul li span#failure_date,#container #newsArea ul li span#whats_date {display:block; float:left; margin:0 10px 5px 0;}
#container #newsArea ul li.more {background:none; text-align:right;}
#container #newsArea .section {
    margin: 0 auto 30px;
    width: 500px;
}

body#topLogin #container #loginArea h3 {padding:3px 0 0 20px; font-size:1.2em; margin-bottom:10px; text-align:left;}
#container #loginArea table {margin-bottom:20px; width:100%}
#container #loginArea table th,#container #loginArea table td {padding:5px; text-align:left;}
#container #loginArea table th span {display:block;color:#333; font-weight:normal; text-align:center;}
#container #loginArea table td input#mail,#container #loginArea table td input#passwd {padding:5px; width:200px; border:solid 2px #CCC; font-size:1.2em; border-radius: 5px;}
#container #loginArea table td input#save {margin-right:5px;}
#container #loginArea a.loginBtn {margin:0 auto 20px auto; display:block;}
#container #loginArea a.loginBtn:hover {opacity:0.8; filter:alpha(opacity=80);}
* html #container #loginArea a.loginBtn {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src="/saas_img/btn/login.png",sizingMethod="scale");
background:none;
width:228px;
height:58px;
}

#loginBtn{
    display: inline-block;
    background: url(/saas_img/arrow-right-outline.svg) 96% center no-repeat #1A5BAD;
    border-radius: 30px;
    line-height: 20px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.05em;
    vertical-align: top;
    text-align: center;
    margin: 10px 4px 0;
    padding: 8px 34px 8px 16px;
    background-size: 16px;
    text-decoration: none;
}

/* News Page ------------------------------------------------------------------------- */
body#newsPage #container h2 {margin-top:30px; padding:5px; border-bottom:solid #000 1px; font-size:1.4em;}
#container #aside {width:200px; float:left;}
#container #contents {width:640px; float:right;}

#container #aside dl {margin-top:30px;}
#container #aside dl dt {font-weight:bold; border-bottom:solid 2px #999; padding-bottom:3px; margin-bottom:7px;}
#container #aside dl dt.old {margin-top:10px;}
#container #aside dl dd {background:url(/saas_img/icon/arrow.gif) no-repeat 0 2px; padding:0 0 3px 12px; margin-bottom:7px; margin-left:20px; border-bottom:dotted 1px #CCC;}

body#newsPage #container .section h3 {font-size:1.4em; margin-bottom:10px; padding:5px 5px 5px 50px; background:url(/saas_img/icon/title.gif) no-repeat 0 center;}
body#newsPage #container .section span.newsDay {display:block; background:url(/saas_img/icon/update.gif) no-repeat 0 center; padding-left:50px; margin-bottom:7px;}