@charset "UTF-8";
@import url("common/sy_common.css");

/*----------------------------------------------------------*/
/* コンテント領域                                           */
/*----------------------------------------------------------*/
#contents {
	padding	:12px 0px 0px;
}


#ug_pg_code, #admission_category {
	width	:20px!important;
}


/* スマホサイズの場合のレイアウト */
@media screen and (max-width: 599px) {
	.h1_sec {
		margin			:0px;
	}

	.h1_contents {
		padding: 5px;
	}
}


#notice_msg {
	background-color:#eee;
	border 			:1px solid #ccc;
	padding			:4px 8px;
	line-height		:1.6;
	margin			:0px 5px 20px;
}

@media screen and (max-width: 599px) {
	#notice_msg {
		margin			:0px 8px 20px;
	}
}


/* +++ ログインフォーム領域 +++ */
#login_area {
	width			:100%;
	padding			:0px;
	margin			:30px 0px 40px;
	box-sizing: border-box;
}

@media screen and (max-width: 599px) {
	#login_area {
		margin: 15px 0px 20px;
	}
}

#login_area_msg {
	text-align			:center;
	padding				:5px 10px 0px;
	margin				:0px 20px;
}

/* ログインエラー時メッセージ */
#login_error_message {
	color				:#ff0000;
	background-color	:#ffffff;
	padding				:5px 10px;
	margin				:10px 20px;
}


/* ログインテーブル */
#login_tbl {
}

#login_tbl td {
	padding: 0px 0px 0px 10px;
	max-width: 100%;
}

#login_tbl input {
	box-sizing: border-box;
}

#login_id, #login_password {
	width :100%;
}

@media screen and (max-width: 599px) {
	#login_tbl {
		border-spacing: 0px;
		padding: 0px 8px;
	}

	#login_tbl th, #login_tbl td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	#login_tbl td {
		margin: 2px 0px 10px;
		padding: 0px;
	}
}

#main_form .btn_area {
	text-align	:center;
	padding		:10px 0px 5px;
}

#clear_btn {
	margin-left: 10px;
}

select {
	width: 100%;
}