* {
    margin: 0px auto;
	width: 90%;
}


/*
カラー

一番濃い青
#1557A0

濃い青
#2784C0

薄い青
#63A2D0


黄色
#EFB81C

スーパーライトグレー
#EFEFEF

ライトグレー
#E8E8E8

ディープグレー
#727272

*/

/*カラー*/
.ddblue {
    background-color: #1557A0;
}

.dblue {
    background-color: #2784C0;
}

.lblue {
    background-color: #63A2D0;
}

.bgyellow {
    background-color: #EFB81C;
}

.slgray {
    background-color: #FCFCFC;
}

.lgray {
    background-color: #E8E8E8;
}

.dgray {
    background-color: #727272;

}

body {
    margin: 0 auto 0 auto;
    width: 100%;
}

a:hover {
    opacity: 60%;
}

.copyright {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}


.topbar{
    width: 100%;
    height: 20px;
     background-color: #2784C0;
}

.logo{
    background-image: url("../img/logo.png");
    width: 100%;
    height: 380px;
    background-repeat: no-repeat;
    background-position: center;
}

.inf{
        width: 230px;
    margin: 0 auto;
    position: relative;

}

.fm{
    height: 40px;
}

.fm input{
    height: 28px;
    width: 180px;
    border-radius: 5px;
    border: 1px #999 solid;
    position: absolute;
    right: 0px;
}



.inbtn{
width: 240px;
    height: 30px;
        border-radius: 5px;
    border: 1px #999 solid;
    background-color: darksalmon;
    color: #FFF;
    margin: 20 auto;
    cursor: pointer;
}

.signinPage{
	width: 90%;
	margin: 20px auto;
	
}