@CHARSET "UTF-8";
*{
    padding: 0;
    margin: 0;
}

body {
background-color: #ffffdd;
text-align: center;
font-family: "‚l‚r ƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
}

input[type='text'],
input[type='password']{
    padding-left: 2px;
}

div#loginm {
width: 390px;
z-index: 1;
display: inline-block;
background-image: url(../img/centft_top.gif);
background-repeat: no-repeat;
background-position: left bottom;
position: relative;
top: 5px;
}

div#loginm table {
border-spacing: 0;
border-collapse: collapse;
}


div#top {
padding-top: 20px;
width: 690px;
background-color: #ffffdd;
margin: auto;
}


div#loginbase {
width: 390px;
background-image: url(../img/centtp_top.gif);
background-repeat: no-repeat;
background-position: left top;
z-index: 2;
margin: 0px 0px 50px;
}

div#loginbase img{
    margin: 15px;
}

div#mgrinput {
width: 288px;
background-color: #ffffee;
display: inline-block;
//background-image: url(../img/mgrid.gif);
//background-repeat: no-repeat;
}

div#mgrinput table {
border-spacing: 0;
border-collapse: collapse;
margin: 10px auto;
text-align: left;
}


div#login_tb table {
border-spacing: 0;
border-collapse: collapse;
margin: 20px auto;
}

.topbox2{
width: 140px;
height: 25px;
line-height: 25px;
background-color: #33eebb;
ime-mode: disabled;
display:inline;
vertical-align:middle;
}

/* loginƒ{ƒ^ƒ“ */
.login {
	display: block;
	width: 135px;
	height: 40px;
	background: url(../img/login_01.gif) no-repeat;
	text-indent: -5000px;
	border: none;
	cursor: pointer;
}

.login:hover {
	background: url(../img/login_02.gif) no-repeat;
}

.login:active {
	background: url(../img/login_03.gif) no-repeat;
}


/* cancelƒ{ƒ^ƒ“ */
.cancel {
	display: block;
	width: 140px;
	height: 40px;
	background: url(../img/canc_01.gif) no-repeat;
	text-indent: -5000px;
	border: none;
	cursor: pointer;
}

.cancel:hover {
	background: url(../img/canc_02.gif) no-repeat;
}

.cancel:active {
	background: url(../img/canc_03.gif) no-repeat;
}