html, body, td, th
{
    /*font-size       : 12px;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #222;
}

body{
	background-color    : #f0f0f0;
    margin              : 0px !important;
    padding             : 0px;
    height              : 100%;
    width               : 100%;
}
.contents{
	max-width: 960px;
	margin              : 0px auto;
    height              : 100%;
    background-color    : white;
    border-left         : solid 1px silver;
    border-right        : solid 1px silver;
}

.frame_main 
{
	max-width           : 960px;
	width: 100%;
    background-color    : white;
    padding: 10px;
}

.frame_footer
{
    max-width           : 960px;
    width: 100%;
    height              : 39px;
	background-color    :#cbcbcb;
    /*text-align          : center;*/
    
    font-size           : 12px;
    color               : White;
    line-height         : 19px;
}
.copyright
{
    text-align: center
}
.privacy
{
    text-align: right;
    margin-right: 4px;
}
.privacy a
{
    color: #fff;
}
.login-block{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}
.login-card{
	max-width: 480px;
	margin : 0px auto;
}
.login-form{
	padding: 22px;
}
.align-center{
	margin : 0px auto;
}
.logo-responsive{
    /*width: 90%;*/
    width: 240px;
}
@media all and (max-width: 1024px){
    .logo-responsive{
        /*width: 90%;*/
        width: 240px;
    }
}
@media all and (max-width: 600px){
    .logo-responsive{
        /*width: 60%;*/
        width: 200px;
    }
}
@media all and (max-width: 480px){
    .logo-responsive{
        /*width: 60%;*/
        width: 200px;
    }
}