﻿
.logintitle{margin:10px 0 2px 0;padding:0;text-align:center}
.logintitle img{width:288px;height:32px;margin:0 auto;padding:0;display:block;}

.login {
    width: 288px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #b5b5b5;
    padding: 2px;
    color: #363636;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#433b67));
    background-image: -webkit-linear-gradient(#FFFFFF,#433b67);
    background-image: -moz-linear-gradient(#FFFFFF,#433b67);
    background-image: -o-linear-gradient(#FFFFFF,#433b67);
    background-image: linear-gradient(#FFFFFF,#433b67);
}
.login h1{margin:5px;text-align:center;font-size:1rem;font-weight:normal;}

hr{width:95%;text-align:center}
.login img{float:right;width:53px;height:72px}

dl{display: flex;flex-wrap: wrap;width: 13.5rem;margin: 0 auto;padding: 0;}
dt{width:5.5rem;margin:0;padding:0;}
dd{width:8rem;margin:0;padding:0;}
dd input{width:8rem;}

.login p{text-align:right;margin:5px 5px 10px 0px;color:#fff}


/* 角丸白ボタン*/
.btnGray{
    display:inline-block;
	margin:5px 0px 5px 0px;
	padding:0.2em 0.5em 0 0.5em;
	font-size:1em;
	line-height:1.5em;

	background-color:#FFFFFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #B5B5B5;

	color:#363636;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#DDDDDD));
	background-image:-webkit-linear-gradient(#FFFFFF,#DDDDDD);
	background-image:-moz-linear-gradient(#FFFFFF,#DDDDDD);
	background-image:-o-linear-gradient(#FFFFFF,#DDDDDD);
	background-image:linear-gradient(#FFFFFF,#DDDDDD);	
	}
	
input[type="submit"]:hover.btnGray {
    color:white;
    background-color:deeppink;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#FFC0CB),to(#FF1493));
	background-image:-webkit-linear-gradient(#FFC0CB,#FF1493);
	background-image:-moz-linear-gradient(#FFC0CB,#FF1493);
	background-image:-o-linear-gradient(#FFC0CB,#FF1493);
	background-image:linear-gradient(#FFC0CB,#FF1493);	
}
input[type="submit"]:active.btnGray {
    color:white;
    background-color:deeppink;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#FFC0CB),to(#FF1493));
	background-image:-webkit-linear-gradient(#FFC0CB,#FF1493);
	background-image:-moz-linear-gradient(#FFC0CB,#FF1493);
	background-image:-o-linear-gradient(#FFC0CB,#FF1493);
	background-image:linear-gradient(#FFC0CB,#FF1493);	
}
/*input[type="submit"]{font-weight:bold;}*/
.btnGray ul {margin:5px 0px 3px 25px;padding:0px}

a:hover.btnGray {
    color:white;
    background-color:deeppink;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#FFC0CB),to(#FF1493));
	background-image:-webkit-linear-gradient(#FFC0CB,#FF1493);
	background-image:-moz-linear-gradient(#FFC0CB,#FF1493);
	background-image:-o-linear-gradient(#FFC0CB,#FF1493);
	background-image:linear-gradient(#FFC0CB,#FF1493);	
}
a:active.btnGray {
    color:white;
    background-color:deeppink;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#FFC0CB),to(#FF1493));
	background-image:-webkit-linear-gradient(#FFC0CB,#FF1493);
	background-image:-moz-linear-gradient(#FFC0CB,#FF1493);
	background-image:-o-linear-gradient(#FFC0CB,#FF1493);
	background-image:linear-gradient(#FFC0CB,#FF1493);	
}

.login{text-align:center;}
.notLogin{text-align:center}
.notLogin p{margin:3px 0;padding:0}