@charset "UTF-8";

html{height:100%;}
a{color:#327702;}
body{
	min-height:100%;
	text-align:center;
	color:#fff;
	text-shadow:0 0 5px #555;
	background:url('../popcorn/piyota.png') 120% 125% no-repeat, -webkit-radial-gradient(80% 5%, circle, #8CFF3A 10%, #6AFF00 40%, #4ab500 100%);
	background:url('../popcorn/piyota.png') 30% 50% no-repeat, -moz-radial-gradient(80% 5%, circle, #8CFF3A 10%, #6AFF00 40%, #4ab500 100%);
	background-size:60% auto , auto auto;
}

h2{
	font-variant: small-caps;
	margin:0.5em 0 0;
	height:0.95em;
	border-bottom:2px solid rgba(255,255,255,0.5);
}
#header{display:none;}

p.error{
	margin: 1em 2%;
	padding: 0.5em;
	line-height: 120%;
	font-weight: bold;
	border-radius: 5px;
	background: rgba(255, 0, 0, 0.5);
}
#content #body #loginForm dl{
	width:96%;
	margin:1.5em 2%;
}
#content #body #loginForm dl dt{
	width:35%;
	margin:3px 0 0;
	clear:left;
	float:left;
	line-height:200%;
}

#content #body #loginForm dl dd{
	width:65%;
	margin:3px 0 0;
	float:left;
	line-height:200%;
}
#content #body #loginForm dl input{
	color:#fff;
	width:100%;
	line-height:200%;
	font-size:120%;
	border:none;
	border-radius:5px;
	box-shadow:0 1px 3px rgba(0,0,0,0.15) inset;
	background:rgba(0,0,0,0.15);
}
#content #body #loginForm dl dd:first-of-type input{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
#content #body #loginForm dl dd:nth-of-type(2) input{
	border-top-left-radius:0;
	border-top-right-radius:0;
}
#content #body #loginForm dl dd.button{
	margin:1em 0;
	width:100%;
}
#content #body #loginForm input[type='submit']{
	line-height:250%;
	font-weight:bold;
	background:rgba(0,0,0,0.15) -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
}

#content #body #loginForm label{
	clear:left;
	padding:0.5em 0 1em;
	display:block;
}

#footer{
	font-size:90%;
}