@charset "UTF-8";

body {
	background: #fff;
	font-size: 13px;
}

/*--- header ----------------------------------*/

header {
	background: #eee;
}
header h1 {
	margin: 0;
	padding: 10px;
	text-align: center;
}
header h1 img {
	max-width: 259px;
	width: 50%;
}


/*--- footer ----------------------------------*/

footer {
	padding-top: 1em;
	background: #eee;
	text-align: center;
}
footer img {
	max-width: 204px;
	width: 40%;
}
footer #copyright {
	font-size: 10px;
}


/*--- main ----------------------------------*/

main {
	display: block;
}
main #stakeholders,
main #employee,
main #operation_button {
	margin: 2em 10px;
	padding: 0 12px 2em;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
}
main #stakeholders {
	margin-top: 1em;
}
main #employee {
    display: none;
}
main h2 {
	min-height: 70px;
	border-bottom-right-radius: 2000px 400px;
	border-bottom-left-radius: 2000px 400px;
	margin: 0;
	margin-left: -200px;
	margin-right: -200px;
	padding-top: 15px;
	padding-left: 200px;
	padding-right: 200px;
	background: #1a388c;
	color: #fff;
	text-align: center;
	font-size: 15px;
}
main h2 .sub {
	font-size: 14px;
}
main #employee h2 {
	min-height: 60px;
	padding-top: 25px;
}
main h3 {
	padding: 5px 0 5px 0.5em;
	background: -moz-linear-gradient(left, #1a388c 60%, #FFF);
	background: -webkit-linear-gradient(left, #1a388c 60%, #FFF);
	background: linear-gradient(to right, #1a388c 60%, #FFF);
	color: #fff;
	font-size: 14px;
}
main h4 {
	margin: 2em 0 1em;
	padding: .25em 0 .5em .75em;
 	border-left: 6px solid #1a388c;
 	border-bottom: 1px solid #bbb;
}
main h5 {
	font-weight: bold;
	color: #1a388c;
}
main .lead {
	margin-top: 1.5em;
}
main input[type='radio'],
main input[type='checkbox'] {
	display: none;
}
main input[type='radio'] + label,
main input[type='checkbox'] + label {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-radius: 5px;
	background: #eee;
}
main input[type='radio']:checked + label,
main input[type='checkbox']:checked + label {
	background: #FE9A2E;
	color: #fff;
}
main input[type='text'] {
    box-sizing: border-box;
	width: 100%;
	margin-top: 7px;
	padding: 0.5em;
}
main #stakeholders ul {
	margin-left: 0;
	list-style-type: none;
}
main #employee table {
	width: 100%;
	border-color: #fff;
}
main #employee table th {
	border-color: #fff;
	background: #EFF5FB;
	vertical-align: middle;
}
main #employee table th.page {
	width: 4em;
	background: #2266dd;
	text-align: center;
	color: #fff;
}
main #employee table th.question {
	font-weight: bold;
	color: #1a388c;
}
main #employee table td {
	padding-bottom: 1em;
	border-color: #fff;
}
main #employee table tr:nth-child(1) th {
	border-bottom: 7px solid #fff;
}
main #employee table ul {
	margin-left: 0;
	list-style-type: none;
}
main #employee table .spc {
	display: block;
	margin: 5px 0;
}
main #employee #e_q13 {
	width: 100%;
}
main textarea {
	width: 100%;
}
main p.notice {
	margin: 2em 0;
	text-align: center;
}
main #operation_button #btn_employee {
    padding: 1em 0;
    background-color: #d5e7ff;
    font-size: 110%;
    text-align: center;
    cursor: pointer;
}
main #operation_button .buttons {
    text-align: center;
}
main #operation_button .button {
    box-sizing: border-box;
    width: 45%;
    padding: 1em;
}
main ul#error_messages li {
    list-style-type: disc;
    margin-left: 20px;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    color: #be0000;
}
main .empty {
    color: #be0000;
}

main p#office_name {
    margin: 0 0 2em 0;
}
main p#office_name input {
    margin-top: 0;
}

/*--------------------------------------------------------------------
 *	clear fix
 *--------------------------------------------------------------------*/
body#home section#contents {
	zoom: 100%;
}
body#home section#contents:after,
body#home #research_block::after,
body#home #menu_block ul::after,
body#home #panel #bnr_staff::after,
body#home #panel #bnr_area::after {
	content: " ";
	display: block;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}