@charset "UTF-8";

#login_box {
	width:					470px;
	background-color:		#ffffff;
	text-align:				left;
}

#login_box .title {
	margin:					1px;
	padding:				10px 20px;
}

#bg1 #login_box .title {
	color:					#ffffff;
	background-color:		#0033cc;
}

#bg2 #login_box .title {
	color:					#ffffff;
	background-color:		#cc0033;
}

#bg3 #login_box .title {
	color:					#ffffff;
	background-color:		#00cc00;
}

#login_box .input {
	margin:					10px 0px 10px 50px;
}

#login_box .footer {
	padding-left:			20px;
	padding-bottom:			20px;
}

body{
  background-image: url("../img/bg_parts2.jpg");
  background-repeat: repeat-x;
 	background-color:#115899;
	margin:0;
	padding:0;
}
#bg {
  background-image: url("../img/bg_parts_login_group.jpg");
  background-repeat: no-repeat;
	width:810px;
	overflow:hidden;
	border:0px solid transparent;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-top:110px;
}


/* 2018/08/29 nasu スマートフォン表示対応 css追加  ↓*/
input[type="submit"],input[type="button"]{
	background: linear-gradient(to bottom, #EAEAEA 0%,#D7D7D7 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffEAEAEA',EndColorStr='#ffD7D7D7');
}

input[type="submit"]{
	height:20px;
	padding:3px 4px;
}

input[type="button"]{
	height:24px;
	padding:4px;
}

input[name="login_btn"],input[name="kari_btn"]{
	border: outset 1px #707070!important;
}

input[name="login_btn"]:focus,input[name="kari_btn"]:focus{
	outline:0;
}

input[name="login_btn"]:hover,input[name="kari_btn"]:hover{
	background:#A6F4FF;
	filter: opacity(100%);
	border:1px solid #26A0DA!important;
}

input[name="login_btn"]:active,input[name="kari_btn"]:active{
	border:1px solid #0089B4!important;
	background:#A6F4FF;
	filter: opacity(100%);
}

input[name="login_btn"]:enabled:hover:active{
	border:1px solid #0089B4!important;
	padding:4px 3px 2px 5px;
	outline:0;
}

input[name="kari_btn"]:enabled:hover:active{
	border:1px solid #0089B4!important;
	padding:5px 3px 3px 5px;
	outline:0;
}

input[name="login_btn"]:hover:active,input[name="kari_btn"]:hover:active{
	border:1px solid #0089B4!important;
	background:#34B4E3!important;
	padding:3px 4px\9!important;
	filter: opacity(100%);
	outline:0;
}

_:lang(x)::-ms-backdrop, input[name="login_btn"]:hover:active{
	padding:3px 4px!important;
}
_:lang(x)::-ms-backdrop, input[name="kari_btn"]:hover:active {
	padding:4px!important;
}

input[type="text"]:hover,
input[type="password"]:hover{
	border:1px solid #26A0DA!important;
}

table{
	text-align:left;
}
/* ↑ここまで */


.recommended_env{
	line-height:1.5em;
	text-align:left;
	border:1px solid #FFA500;
	padding:10px;
	background-color:#FFFFE0;"
}