@charset "UTF-8";

/*============================================
	Base Style
============================================*/
* {
	margin:0; padding:0; 		
	line-height: 1.5;				
	color: #333;					
}
 
body {
	background:#eee;			
	text-align:center;			
	font:normal .8em/1.6em "Lucida Grande", Arial, Verdana, sans-serif;
	color:#000;
	font-family: メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#body-login {
	background:#ddd;
}

#body-login p {
	font-size:1.5em;
	width:22em;
	text-align: center;
	margin:2em auto;
	color:#777;
	text-shadow:#fff 0 1px 0;
}

#login {
	min-height:30em;
	margin:2em auto;
	background:#eee;
}

div#login {
	width:100%;
	margin:0;	
	text-align:center;	
	padding:1.5em 0em 0em 0em;
}

td.login { text-align:right;}
th, td { text-align:left; font-weight:normal; }

TABLE {
	margin-left: auto; margin-right: auto;
}
/*============================================
	HEADERS
============================================*/

div.header {
	text-align:center;
	height:20vh;
	padding:1em 0 .5em;
	background: #006115; /* Old browsers */
	background: -webkit-linear-gradient(top, #02b17c 0%,#006115 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, #02b17c 0%,#006115 100%); /* W3C */
}

h1 {
	padding:1.5em 0em 0em 0em;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	padding:0.5em 0em 0em 0em;
	font-family:Arial, Helvetica, sans-serif;
}
/*h1 a {text-decoration:none;}*/

/*#body-user {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#1d2d44;
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222;
	box-shadow:0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222;
}*/

input.B{
	font-size:1.5em;
	width:8em;
	padding:0;
	border:0px solid #ddd;
	font-weight:bold;
	cursor:pointer;
	background:#f8f8f8;
	color:#555;
	vertical-align: middle;
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#dddddd", EndColorStr="#aaaaaa");
}

input.B:hover, input.B:focus{
	background:#f55;
	color:#333;
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#fceded", EndColorStr="#ff5555");
}

input[type="text"], input[type="password"] {
	cursor:text; 
	font-size:1.5rem;
	width:20rem;
	height:3rem;
	margin:.3rem;
	padding:.6rem .5rem .4rem;
	background:#fff;
	color:#333; border:1px solid #333;
}

/* LoginButton　*/
input[type="submit"], button[type="submit"]
{
	background-color:#ddd;
	font-size:1.5em;
	width:8em;
	padding:.4em;
	border:0px solid #ddd;
	font-weight:bold;
	cursor:pointer; 
	margin:0.4em 0 auto;
	text-transform:uppercase;
	color:#333;
	background: -webkit-linear-gradient(top, #EEE 0%,#CCC 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, #EEE 0%,#CCC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#EEEEEE", EndColorStr="#CCCCCC")

}

input[type="submit"]:hover, input[type="submit"]:focus,  button[type="submit"]:hover, button[type="submit"]:focus
{
	background:#F55;
	color:#333;
	background: -webkit-linear-gradient(top, #FFEAEA 0%,#FF9393 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, #FFEAEA 0%,#FF9393 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#FFEAEA", EndColorStr="#FF9393")
}

/*============================================
	Footer
============================================*/
/*
div.footer {
	width:22em;
	text-align: center;
	margin:2em auto;
	color:#777;
	text-shadow:#fff 0 1px 0;
}
*/