body { 
	padding-top:70px;
	background-image: url(img/hosizora.jpg);>
	background-position: 50% 50%;
	background-color: rgba(200,200,200,0.5);
	background-size: cover;
}

.relative {
    position: relative;
}
.absolute {
    	position: absolute;
	text-align:center;
	top:15px;left:10px
}

div.title{
	margin: 30px auto;
	border-style: solid;
	border-width: 2px;
	text-align: center;
	width: 60%;
	color:#ffff00;
}

div.password{
	margin: 0 auto;
	text-align: center;
	color:#000000;
}

div.back{
	background-color: rgba(0,0,0,0.5);
	text-align:center;
	color:#ffff00;
}

.under{
  width: 800px;
  height: 42px;
  background-color: rgba(200,200,0,0.5);
}

.sm {
	font-size: small;   /* �� */
} 

P { 
	font-size: large;
	color:#ffff00;
	font-weight: bold
 }	/*�i��*/

button{
	width: 400px;
	height:100px;
	font-size: 24px;
	margin: 40px auto;
}

@media all and (min-width: 480px){
	div.title{
		margin-top: 70px auto;
		border-style: solid;
		border-width: 2px;
		text-align: center;
	}

	div.password{
		margin: 0 auto;
		text-align: center;
	}

	button{
		width: 400px;
		height:100px;
		font-size: 24px;
		margin: 40px auto;
	}

	div.maintitle{
		margin: 70px;
		width:50%;
		text-align:center;
		margin-left:auto;margin-right:auto;
	}
}