@charset "Windows-31J";


body {
	background-color: #FFFFE8;
}

/*****　ボタン3種類　******/

/*****　ボタン大サイズ　*****/
.link-button-large {
	background-color: #C9FF7F;
	color: black;
	width: 360px;
	height: 40px;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: large;
	border-radius: 5px;
	cursor:pointer;
	margin: 10px;
}
.link-button-large:hover {
	background-color: #77CC00;
	color: black;
	width: 360px;
	height: 40px;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: large;
	border-radius: 5px;
	cursor:pointer;
	margin: 10px;
}

/*****　ボタン中サイズ　*****/
.link-button-middle {
	background-color: #C9FF7F;
	color: black;
	width: 150px;
	height: 30px;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: middle;
	border-radius: 5px;
	cursor:pointer;
	margin: 10px;
}
.link-button-middle:hover {
	background-color: #77CC00;
	color: black;
	width: 150px;
	height: 30px;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: middle;
	border-radius: 5px;
	cursor:pointer;
	margin: 10px;
}
.link-button-middle-margin0 {
	background-color: #C9FF7F;
	color: black;
	width: 150px;
	height: 30px;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: middle;
	cursor:pointer;
	border-radius: 5px;
}
.link-button-middle-margin0:hover {
	background-color: #77CC00;
	color: black;
	width: 150px;
	height: 30px;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: middle;
	cursor:pointer;
	border-radius: 5px;
}

/*****　ボタン小サイズ　*****/
.link-button-small {
/*	background-color: #C9FF7F;*/
	color: black;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: small;
	border-radius: 5px;
	margin: 15px;
	cursor:pointer;
	background: #FFE082;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	background: linear-gradient(to bottom, #FFECB3 0%, #FFE082 100%);
}
.link-button-small:hover {
/*	background-color: #77CC00;*/
	color: black;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: small;
	border-radius: 5px;
	margin: 15px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	background: linear-gradient(to bottom, #FFE082 0%, #FFD54F 100%);
}
.link-button-small-margin0 {
/*	background-color: #C9FF7F;*/
	color: black;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: small;
	border-radius: 5px;
	background: #FFE082;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	background: linear-gradient(to bottom, #FFECB3 0%, #FFE082 100%);
}
.link-button-small-margin0:hover {
/*	background-color: #77CC00;*/
	color: black;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: small;
	border-radius: 5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	background: linear-gradient(to bottom, #FFE082 0%, #FFD54F 100%);
}
/*****　ボタン小サイズ（業績免除_貸与終了（予定）者一覧表示の「修正」ボタン）　*****/
.link-button-small-change {
/*	background-color: #C9FF7F;*/
	color: black;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: small;
	border-radius: 5px;
	margin: 15px;
	cursor:pointer;
	background: #81D4FA;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	background: linear-gradient(to bottom, #B3E5FC 0%, #81D4FA 100%);
}
.link-button-small-change:hover {
/*	background-color: #77CC00;*/
	color: black;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: small;
	border-radius: 5px;
	margin: 15px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	background: linear-gradient(to bottom, #81D4FA 0%, #4FC3F7 100%);
}
/*****　ボタン終わり　*****/

.link-button-margin0 {
	margin: 0px;
}
.link-button-margin0:hover {
	margin: 0px;
}

.link-button-width-auto {
	width: auto;
}
.link-button-width-auto:hover {
	width: auto;
}

/*****　ページタイトル　*****/
h1 {
	text-align: center;
	letter-spacing: 3px;
}
/****　ページタイトル終わり　*****/

.half-important-text {
	font-weight: bold;
    background: linear-gradient(transparent 60%, #ffb2bf 60%);
}

.important-text {
	font-weight: bold;
	background-color: #ffb2bf;
	border-radius: 10px;
	padding:3px;
	margin:5px;
}

.reference-text {
	background-color: #ccfff7;
}

.main-content-table {
	width: 820px;
	background-color: #EEFFCC;
}
.top-heading {
	background-color: #ffffff;
	border-left: solid 5px #ffaf58;
	border-bottom: solid 2px #cccccc;
	margin: 5px;
	padding: 0.5rem;
	font-size: 1.1rem;
	font-weight: bold;
}
.important-heading {
	background-color: #ffffff;
	border-left: solid 5px #ffb2bf;
	border-bottom: solid 2px #cccccc;
	margin: 5px;
	padding: 0.5rem;
	font-size: 1.1rem;
	font-weight: bold;
}

.text-bold {
	font-weight: bold;
}

/* for buttons with no margins */
.action-button-small {
/*	background-color: #C9FF7F;*/
	color: black;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: small;
	border-radius: 5px;
	margin: 0px 15px 0px 15px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	background: #FFE082;
	background: linear-gradient(to bottom, #FFECB3 0%, #FFE082 100%);
}
.action-button-small:hover {
/*	background-color: #77CC00;*/
	color: black;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: small;
	border-radius: 5px;
	margin: 0px 15px 0px 15px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	background: linear-gradient(to bottom, #FFE082 0%, #FFD54F 100%);
}

/* for link buttons with very long texts */
.link-button-middle-long {
	background-color: #C9FF7F;
	color: black;
	min-width: 150px;
	height: 30px;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: middle;
	cursor:pointer;
	border-radius: 5px;
	margin: 10px;
}
.link-button-middle-long:hover {
	background-color: #77CC00;
	color: black;
	min-width: 150px;
	height: 30px;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: middle;
	border-radius: 5px;
	cursor:pointer;
	margin: 10px;
}
.link-button-middle-long-margin0 {
	background-color: #C9FF7F;
	color: black;
	min-width: 150px;
	height: 30px;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: middle;
	cursor:pointer;
	border-radius: 5px;
}
.link-button-middle-long-margin:hover {
	background-color: #77CC00;
	color: black;
	min-width: 150px;
	height: 30px;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: middle;
	cursor:pointer;
	border-radius: 5px;
}

/****　20180126　*****/
input[type="button"]:disabled,
input[type="submit"]:disabled{
	background:#eeeeee;
	color:#888588;
}
/*indent*/
.text-indent {
 padding-left:12px;
}

/*二つの全角空格*/
.middle-indent {
	padding-left:18px;
}

/*長い間隔用indent*/
.large-indent {
	padding-left:25px;
}

/*※印用indent*/
.display-flex {
	display:flex;
}

.input-type-color {
	color:#666666;
}

.confirm-button {
    background: #1565C0;
    background-image: linear-gradient(to bottom, #1976D2 0%, #1565C0 100%);
	color: white;
	min-width: 8em;
	height:2.5em;
	border-radius:5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	font-weight: bold;
}
.confirm-button:hover {
    background-image: linear-gradient(to bottom, #1565C0 0%, #0D47A1 100%);
	color: white;
	min-width: 8em;
	height:2.5em;
	border-radius:5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	font-weight: bold;
}
.next-button {
    background: #2E7D32;
    background-image: linear-gradient(to bottom, #388E3C 0%, #2E7D32 100%);
	color: white;
	min-width: 8em;
	height:2.5em;
	border-radius:5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	font-weight: bold;
}
.next-button:hover {
    background-image: linear-gradient(to bottom, #2E7D32 0%, #1B5E20 100%);
	color: white;
	min-width: 8em;
	height:2.5em;
	border-radius:5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	font-weight: bold;
}
.back-button {
    background: #FFF9C4;
    background-image: linear-gradient(to bottom, #FFFDE7 0%, #FFF9C4 100%);
	color: black;
	min-width: 8em;
	height:2.5em;
	border-radius:5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	font-weight: bold;
}
.back-button:hover {
    background-image: linear-gradient(to bottom, #FFF9C4 0%, #FFF176 100%);
	color: black;
	min-width: 8em;
	height:2.5em;
	border-radius:5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	font-weight: bold;
}
.operation-button {
    background: #FFE082;
    background-image: linear-gradient(to bottom, #FFECB3 0%, #FFE082 100%);
	color: black;
	min-width: 8em;
	height:2.5em;
	border-radius:5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	font-weight: bold;
}
.operation-button:hover {
    background-image: linear-gradient(to bottom, #FFE082 0%, #FFD54F 100%);
	color: black;
	min-width: 8em;
	height:2.5em;
	border-radius:5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	font-weight: bold;
}
.cancel-button {
    background: #FFA726;
    background-image: linear-gradient(to bottom, #FFB74D 0%, #FFA726 100%);
	color: black;
/*	min-width: 8em;*/
	height:2.5em;
	border-radius:5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	font-weight: bold;
}
.cancel-button:hover {
    background-image: linear-gradient(to bottom, #FFA726 0%, #FF9800 100%);
	color: black;
/*	min-width: 8em;*/
	height:2.5em;
	border-radius:5px;
	cursor:pointer;
	border-width:1px;
	box-shadow: 0px 0px 2px 0px gray;
	font-weight: bold;
}
/***** フォーム用タグ *****/
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.display-none{
	display:none;
}

.top-announce {
	padding: 0.5em 1em;
}