html,body {
height:100%;
width:100%;
margin:0; padding:0;
font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro","Verdana",sans-serif;
background-color: #356456;
}

#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

#footer{
    width: 100%;
    height:90px;
    position:absolute;
    bottom:0;
     
background-color:;
color: #ffffff;
text-align: center;  
padding: 15px 0px 0px 0px;
clear:both;
}

.footer_area {
    height:80px;
    padding: 15px 0px 0px 0px;
background-color: #356456;
    bottom:0;
}

#contents{
    width: 1280px;
    padding-bottom:50px; /*フッターの高さと同じ*/
    float:left;
}

#login_bg{
 background-image: url("image/login_bg.png");
 background-repeat: no-repeat;
height:577px;
width:710px;
position: absolute;
top: 50%; left: 50%;
margin-top: -350px; margin-left: -400px;
}

.title {
background-color: ;
width:460px;
margin:55px 0px 0px 200px;
color: #284348;
}

.title_s {
font-size: 16px;
}

.title_l {
font-size: 24px;
}


.id{
width:480px;
margin:85px 0px 0px 200px;
color: #284348;
font-size: 18px;
}

.button{
width:480px;
margin:15px 0px 0px 270px;
}

.pass_unknown {
background-color: ;
width:370px;
margin:25px 0px 0px 200px;
color: #284348;
text-align: center;  
text-decoration: underline;
}

.input2 {
    width:340px;
    font-size:20px;
    font-family:;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    padding: 5px 0.8em;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
    color: #284348;
}