@charset "utf-8";
/* CSS Document */
/*
html,body {margin:0;padding:0;height:100%;font-family:Arial, Helvetica, sans-serif; }

#container {position:relative;margin:0 auto;width:100%; height:auto !important; height:100%;min-height:100%;  }
.content_all{ width:600px; margin:0 auto;height:auto;  }
*/
/*header*//*

#header{ width:100%; height:auto; }
#header .content_all{ height:50px; padding-top:185px; padding-bottom:15px; text-align:center;}

.content_all .admin-title{ width:100%; height:30px;}
*/
/*content*//*

#content-outer,
#content-outer #content-inner{ width:100%; height:auto; }

#content-inner .content_all{ height:190px; text-align:center; padding:60px 0;}


#login-box-outer,
#login-box-outer #login-box-inner{width:600px; height:auto; display:block; padding:0; margin:0;}
#login-box-outer #login-box-inner { width:568px; height:171px; padding:13px 15px; color:#787878;}

#login-box-inner h1{font-size:20px; color:#262626; font-weight:bold;padding-bottom:5px; margin:0; border-bottom:1px solid #dfdfdf;}
*/
/*form*//*

#login-box-inner .left-form, 
#login-box-inner .right-form {float:left;width:276px; text-align:left; position:inherit; padding-bottom:10px;}
#login-box-inner .right-form {float:right;}
#login-box-inner .remember-me { float:left; padding:0 182px 5px 182px;}
#login-box-inner form { padding-top:10px; position:inherit;}
#login-box-inner form label{ font-size:12px; font-weight:normal; }
#login-box-inner form label.label-text{ width:100%;display:block;font-size:14px; font-weight:bold; padding-bottom:5px;}
#login-box-inner form input.input-text{ border:1px solid #dfdfdf;  width:272px; height:21px; padding:4px 2px 0 2px; background:url(layout/login_black/bg-input.jpg) repeat-x top;color:#000; font-size:14px;}
#login-box-inner form input.submit{ border:none; width:173px; height:34px;}
#login-box-inner form input.submit:hover{outline:none;}


*.offLeft { position: relative; left: -9999px;}

*/
/* these used for background-image variant *//*

label.checkbox,
label.uncheckbox {height:25px;background:url(layout/login-checked.gif) no-repeat top left;float:left;padding-top:1px; padding-left:2px; outline:0px;}
*/
/* for IE5-6/Win (hide from IE5/Mac) \*//*

* html label.checkbox,* html label.uncheckbox {height: 1px;}
*/
/* End hide *//*

label.uncheckbox {background-image:url(layout/login-unchecked.gif);}

*/
/*footer*//*

#footer{ width:100%; height:auto;}
#footer .content_all{ height:100px; text-align:center;}


*/
/*for css hover *//*

@media screen {
	div#preloadDefaultImages {position: absolute;left: -9999px;top:  -9999px;}
	div#preloadDefaultImages img {display: block;}
	}
@media print {div#preloadDefaultImages, 
	div#preloadDefaultImages img {visibility: hidden;display: none;}
	}

#result{float:left;width:300px; height:auto; color:#000; padding:0 150px;}
.result-outer { border:1px solid #850303; width:auto; height:auto;} 
.result-inner { border:1px solid #b56666; width:auto; height:auto; padding:5px; background:#8a4a4a; font-size:11px; color:#FFF; font-weight:bold;} 
#result a {color:#bcf0ff;text-decoration:none;}
#result a:hover{color:#7ddefa; text-decoration:underline;}
*/


/*======2014.04.03変更=========*/

#container{
	width: 400px;
	margin: 70px auto;
}

#login-box-inner{
	margin: 10px 0 15px;
	border: solid 1px #258;
	border-radius:  5px;
}

#login-box-inner h1{
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #258;
	background: -moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
	padding: 15px 0;
	margin-bottom: 20px;
}

.left-form{
	margin-bottom: 15px;
}

.right-form{
	margin-bottom: 5px;
}

#login-box-inner label{
	display: inline-block;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	font-size: 13px;
	width: 120px;
	text-align: right;
	font-weight: bold;
	margin: 0;
	color: #333;
}

#login-box-inner input[type=text],
#login-box-inner input[type=password]{
	width: 250px;
}

#login-box-inner input[type=checkbox]{
	margin: 0 0 0 100px;
}

#login-box-inner .replace{
	width: auto;
	line-height: 1.5;
}

#login-box-inner input[type=submit]{
	color: #FFF;
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
	background: #258;
	background: -moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
	border: solid 2px #258;
	border-radius: 20px;
	padding: 5px 10px;
	font-weight: bold;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	cursor: pointer;
	margin: 10px 0 10px 280px;
}

#login-box-inner input[type=submit]:hover{
	opacity: 0.8;
}

.result-inner{
	color: #c70000;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	background: #FFDDEE;
	border: solid 2px #c70000;
}