@charset "utf-8";

/* -- 共通
-------------------------------------------------------------------------------- */
html {
    height:100%
}
body{
    text-align: left;
    height: 100%;
	position: relative;
	min-width: 100%;
	min-height: 100%;
	z-index: 1;
	box-sizing: border-box;
}

/* -- index.html style
-------------------------------------------------------------------------------- */
.pattern {
    width:100%;
    height:100%;
	background:#000;
opacity:0.3;
filter: alpha(opacity=30);        /* ie lt 8 */
-ms-filter: "alpha(opacity=30)";  /* ie 8 */
-moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.3;              /* Safari 1.x */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.pattern {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		background: url(../images/login1_bg.png);
		background-size: cover;
	}
}
#big-background {
    /*z-index:550;*/
    text-align:center;
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    min-height: 750px;
    background:url(../images/in_bg.jpg);
    background-size:cover;
}
#big-background .big-background-container {
    width:450px;
    height:575px;
    max-width:100%;
    position:absolute;
    top:-10%;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    /*-webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);*/
}
.panel-in::before,
.panels {
    -webkit-background-size: cover;
    background-size: cover;
}
.panels {
    position: relative;
}
.panel-in::before {
    content: "";
    position: absolute;
    background-clip: content-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.panel-in {
    position: relative;
}
.panel-main {
    z-index: 30;
    position: relative;
    margin-bottom: 0;
    background: rgba(0,0,0,0.5);
	height: 100%;
	text-align: left;
	font-family: "DIN 1451 W01 Engschrift", "DIN Condensed", sans-serif;
	color: #FFF;
}

.logbox_01 {
	overflow: hidden;
	width: 370px;
	margin: 0 auto;
	padding: 40px 0;
}
.logbox_01 img {
	float: left;
}
.logbox_01 h1 {
	float: right;
	width: 240px;
	font-size: 26px;
	font-size: 2.6rem;
	margin: 10px 0 0 0;
	font-weight: inherit;
}
.logbox_01 h1 span {
	color: #001489;
	font-size: 55px;
	display: block;
	line-height: 1;
}
.logbox_02 {
	overflow: hidden;
	width: 370px;
	margin: 0 auto 15px;
}
.logbox_02 li {
	background: rgba(255,255,255,0.7);
	margin: 0 0 10px 0;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	overflow: hidden;
}
.logbox_02 li input {
	border: none;
	background: none;
	height: 48px;
	width: 310px;
	color: #333;
}
.logbox_02 li input, select { 
   outline: none;
}
.login_btn {
	background: #414141;
	width: 200px;
	padding: 13px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
	cursor: pointer;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	box-shadow: 0 3px 0 rgba(39,39,39,1);
	-webkit-box-shadow: 0px 3px 0 rgba(39,39,39,1);
	-moz-box-shadow: 0 3px 0 rgba(39,39,39,1);
}
.support {
	margin: 70px 0 0 0;
	letter-spacing: 1px;
}
.support h2 {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 10px 0 15px;
	font-weight: inherit;
}
.support ul {
	overflow: hidden;
}
.support li {
	float: left;
	width: 50%;
	padding: 15px 30px 20px 40px;
	font-size: 14px;
	font-size: 1.4rem;
}
.support li:first-child {
	border-right: 1px solid #999;
	padding: 15px 20px 20px 40px;
}
.support li span {
	font-size: 20px;
	font-size: 2.0rem;
	display: block;
}
footer {
	z-index: 600;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
	color: #FFF;
	padding: 20px 20px 30px;
	font-size: 1.0rem;
	font-size: 10px;
}

.messagearea{
	padding:10px 35px;
	color:#FB0000;
}