@charset "UTF-8";
body{background-color: #EDEDED;}
#loginarea{
	width: 300px;
	height: 328px;
	background:url("../images/loginform.png") no-repeat;
	margin-top: 5%;
	min-width: 300px;
	max-height: 328px;
}

#msgarea{
	font-family:"ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 330px;
	border: 0px none;
	padding-top: 20px;
	text-align: left;
	color: red;
	text-align:	center;
	font-size:	15px;
	height: 15px;
	font-weight: bold;
}
#userarea{
	width: 330px;
	border: 0px none;
	padding-top: 4px;
	padding-left: 8px;
	text-align: left;
}
#loginid, #pass{
	 margin-left: 23px;
	 width: 230px;
	 ime-mode: disabled;
}
#passarea{
	width: 310px;
	border: 0px none;
	padding-top: 13px;
	padding-left: 8px;
	text-align: left;
	float: left;
}
#buttonarea{
	width: 300px;
	border: 0px none;
	padding-top: 30px;
	text-align: center;
	float:left;
}
input[type=text], input[type=password] {
	border:none;
	background-color: #f3f3f3;
	height:30px;
	line-height: 25px;
	outline: 0px none;
	font-size:	15px;
}
.mrr10{margin-right: 10px;}
.left{float: left;}
.clear{clear: both;}

#title{
	padding-top: 80px;
	padding-bottom: 0px;
	text-align: center;
	font-face: "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	font-size:	18px;
	position:relative;
	color: #ffffff;
}
/* メニューボタンの透過 */
input:hover {
/*	color:#ffE4B5; */
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#loginbutton{
	background-image: url('../images/loginbutton.png');
	border:0px;
	font: 11.5pt "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	width:260px;
	height:45px;
	cursor: pointer;
}