@charset "utf-8";

/*#本CSSを修正した場合は、「APP_KYOTO_ADMIN/page/adminLogin.jsp」のバージョンをあげること*/

#page_header{
/*
	height:24px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	background-color:#2ca9e1;
	font-weight:bold;
	font-size:medium;
	text-align:center;
	font-family : "Meiryo";
*/
	height: 24px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
	background-color: #008080;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	font-family : "Meiryo";
}

#head_t_1 {
	position: absolute;
	left: 10px; /* 左寄せ */
	font-size: 12px;
	text-decoration: underline;
}

#head_t_2 {
	display: flex;
	justify-content: center;
	position: relative;
	font-size: 16px;
}

#login{
	width : 120px;
}

#change_password{
	border : none;
	background-color : transparent;
	color : blue;
	text-decoration : underline;
	background-image : none;
	box-shadow : none;
}

#message{
	height: 380px;
	border-style: inset;
	border-color: white;
	scrollbar-base-color: gray; 
    scrollbar-arrow-color: black;
    overflow: auto; 
}

#mentnance{
	border-style: inset;
	border-color: white;
}

#warning{
	color: red;
}

#warning::before {
	content: "\f071"; /* fa-warning */
	font-family: FontAwesome;
	font-style: normal;
    font-size: 1.2em;
	width: 20px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	color: #FF6347;
}

@media screen and (max-width:560px) {
	/*560pxまでのサイズ*/

	#id_label{
		display : inline-block;
		width : 77px;
	}

	#password_label{
		display : inline-block;
		width : 77px;
	}

	#user{
		width : 95%;
	}

	#input_password{
		width : 95%;
	}

	#blank_01{
		width : 106px;
	}

	#blank_02{
		width : 109px;
	}
}

@media screen and (min-width:561px){
	/*561px以上のサイズ*/

	#id_label{
		display : inline-block;
		width : 150px;
	}

	#password_label{
		display : inline-block;
		width : 150px;
	}

	#user{
		width : 300px;
	}

	#input_password{
		width : 300px;
	}

	#blank_01{
		width : 356px;
	}

	#blank_02{
		width : 359px;
	}
}