@charset "UTF-8";

body {
  padding: 0px;
  font-size: 12px;
/*  background: url(../img/login.jpg) no-repeat top center #ffffff; */
}
html {  
    overflow-y:scroll;  
	}  
h1 { margin: 0px; padding: 0px; }
h2 { margin: 0px; padding: 0px; }
h3 { margin: 0px; padding: 0px; }
h4 { margin: 0px; padding: 0px; }
h5 { margin: 0px; padding: 0px; }
h6 { margin: 0px; padding: 0px; }
img { border-style: none; }
form { display: inline; margin: 0px; padding: 0px; }
label { cursor: pointer; }
input { font-size: 12px; font-family: ＭＳ ゴシック,Osaka−等幅,monospace; }
select { margin: 0px; font-size: 12px; }
textarea { font-size: 12px; font-family: ＭＳ ゴシック,Osaka−等幅,monospace; width: 500px; }
.systextinput { font-size: 12px; font-family: ＭＳ ゴシック,Osaka−等幅,monospace; }
.syscboxinput { vertical-align: bottom; }
input[type="text"] { font-size: 12px; font-family: ＭＳ ゴシック,Osaka−等幅,monospace; }
input[type="file"] { height: 20px; }
pre { font-size: 12px; font-family: Osaka−等幅,monospace }
/* table { border-collapse: collapse; empty-cells: show; border-spacing: 0; } */
/* button { margin: 0px; padding: 0px; border-style: none; background-color: none; } */

.hidebox { display: none; }
.viewbox { }
.warning { color: #ff6666; }
.pre { color: #ff0000; font-size: 12px; font-family: ＭＳ ゴシック,Osaka−等幅,monospace }

.fleft {
  float: left;
}
.fright {
  float: right;
}

a:link {
  font-style: normal;
  text-decoration: none;
  color: #23798f;
}
a:visited {
  font-style: normal;
  text-decoration: none;
  color: #23798f;
}
a:hover {
  font-style: normal;
  text-decoration: none;
  color: #f8710f;
}

.vw {
  font-weight: bold;
/*  font-family: sans-serif; */
  font-family: Serif;
  color: #555555;
}
.vw > span {
  color: #ff0000;
/*  font-family: sans-serif; */
  font-family: Serif;
}
.vw > sup {
  font-size: 60%;
  font-weight: normal;
}
p.vw > sup {
  font-size: 30% !important;
}


/* ------------------------------ Block define ------------------------------ */
#main {
  font-size: 12px;
  color: #555555;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
#header {
  font-size: 24px;
  line-height: 100%;
  padding: 0px;
  margin: 0px;
}
#contents {
	width: 500px;
	margin: 200px auto;
	padding: 10px;
	border: 4px solid #cccccc;
	border-radius: 10px;
}
#footer {
    margin-top: 30px;
    padding-top: 12px;
    border-top: 3px solid #ff0000;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 100%;
    background: url(/img/footerbar.png) repeat-x;
    filter: opacity(50%);
}
#footer span {
    display: inline-block;
}

/* ------------------------------ Footers element ------------------------------ */
#footer h5 {
    text-align: right;
}
/* ------------------------------ each element ------------------------------ */
#message {
	color: #ff0000;
	font-size: 14px;
	line-height: 180%;
	font-weight: bold;
	height: 26px;
}
input {
	color: none;
	font-size: 14px;
	line-height: 100%;
	padding: 5px;
	outline-style: none;
	border: 1px solid #cccccc;
}
input[type='submit'] {
	outline-style: none;
	padding: 4px 10px;
	color: #666666;
	font-weight: bold;
	background-color: #eeeeee;
}
input[type='submit']:hover {
	color: #ffffff;
	background-color: #ff0000;
}

.loginbox {
}
.loginbox dl {
	display: block;
	width: 500px;
}
.loginbox dl:after {
	content: "";
	display: block;
	clear: both;
}
.loginbox dl dt {
	width: 120px;
	float: left;
	text-align: right;
	font-size: 14px;
	line-height: 14px;
	padding: 5px;
}
.loginbox dl dd {
	width: 300px;
	height: 24px;
	float: left;
}
input[type='text'] { width: 200px; }
input[type='password'] { width: 200px; }

@media screen and (max-width: 768px){
	#main {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#contents {
		width: 100%;
		margin: 100px 0px 100px;
		border: none;
		padding: 0px;
	}
	input {
		font-size: 16px;
	}
	.loginbox dl {
		width: 100%;
	}
	.loginbox dl dt {
		width: auto;
		text-align: left;
		float: none;
		padding: 0px;
	}
	.loginbox dl dd {
		width: auto;
		float: none;
		padding-left: 10px;
	}
}