@charset "utf-8";

/*
 *　ページ全体の枠組み、書式設定
 */
body {
	margin: 0;
	padding-bottom: 30px;
	font-family: "Meiryo UI", sans-serif;
}

#pagename {
	position: relative;
	top: 30px;
	left: 30px;
}

#header {
	position: fixed;
	width: 100%;
	height: 135px;
	top: 0;
	background: #10287e;
	background: linear-gradient(#10287e, #1c64bd);
	z-index: 100;
}

#footer {
	position: fixed;
	width: 100%;
	height: 20px;
	bottom: 0;
	background: linear-gradient(#4682B4, #4682B4);
	color: white;
	font-size: 13px;
	text-align: center;
}

#scrollframe {
	position: relative;
	top: 60px;
	margin: 0 auto;
	border: none;
	/* 	text-align: center;
 */
}

#scrollframe2 {
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	text-align: center;
}

#menuscrollframe {
	width: 1270px;
	margin-top: 35px;
	border: none;
}

.toptbl {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0em 3em;
	font-size: large;
}

.rowtbl {
	width: 200px;
	border-spacing: 0em 3em;
	font-size: large;
}

.toptbl td:nth-child(1) {
	text-align: center;
}

div span.three-btn {
	position: absolute;
	text-align: center;
	top: 3px;
	left: 20px;
	width: 150px;
}

.toptbl span.four-btn {
	position: absolute;
	text-align: center;
	top: 3px;
	left: 25px;
	width: 150px;
}

table.errbox {
	position: relative;
	width: 480px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #ff0000;
	color: white;
	border: 1px solid #ff9999;
	text-align: left;
}

table.errbox2 {
	position: relative;
	width: 480px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	border: 1px solid #ff9999;
	text-align: left;
}

table.errboxdetail {
	position: relative;
	width: 370px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #ff0000;
	color: white;
	border: 1px solid #ff9999;
	text-align: left;
}

table.errboxdetail2 {
	position: relative;
	width: 370px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	border: 1px solid #ff9999;
	text-align: left;
}

table.errboxlong {
	position: relative;
	width: 600px;
	height: auto;
	/*	margin-right: auto;
	margin-left: auto;*/
	background-color: #ff0000;
	color: white;
	border: 1px solid #ff9999;
	text-align: left;
}

table.errboxlong2 {
	position: relative;
	width: 600px;
	height: auto;
	/*	margin-right: auto;
	margin-left: auto;*/
	background-color: #ffffff;
	border: 1px solid #ff9999;
	text-align: left;
}

th.paragraphbox {
	position: relative;
	width: 300px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	/* 	background-color: #a9a9a9;
	color: brack;
	border: solid 1px #a9a9a9;
	color: white;
 */
	font-weight: normal;
	font-size: 16px;
	color: white;
	background: linear-gradient(#829ebc, #225588);
	border-left: 1px solid #3c6690;
	border-top: 1px solid #3c6690;
	border-bottom: 1px solid #3c6690;
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}

td.paragraphbox {
	position: relative;
	width: 300px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	color: brack;
	border: solid 1px #a9a9a9;
	font-size: 16px;
	word-break: break-all;
}

h1 {
	margin-left: -50%;
	color: white;
	font-size: 50px;
}

h3 {
	text-align: center;
}

h4 {
	margin-top: auto;
	margin-bottom: auto;
}

h5 {
	margin-top: auto;
	margin-bottom: auto;
}

textarea {
	resize: none;
}

/*
 * ボタン
 */
.button {
	width: 200px;
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	font-size: large;
}

p .button {
	display: block;
}

div .button {
	width: 400px;
	height: 100px;
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	text-align: center;
	font-size: large;
}

table.button2 {
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	text-align: center;
}

p .button2 {
	display: block;
}

div .textfqa {
	width: 455px;
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	text-align: left;
}

div .text {
	width: 323px;
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	text-align: left;
}

input#input01 {
	width: 300px;
	font-size: 14px;
}

textarea#input02 {
	font-size: 14px;
}

.menu {
	font-size: 1em;
}

.medium {
	position: absolute;
	bottom: 80px;
	left: 450px;
	font-size: 1em;
}

.medium2 {
	position: absolute;
	bottom: 80px;
	right: 450px;
	font-size: 1em;
}

.small {
	padding: 5px 50px;
	font-size: 1em;
}

.searchform span {
	position: absolute;
	text-align: center;
	top: 0px;
	left: 0px;
	width: 180px;
}

/*
　* header内の画面構成用テーブル
　*/
.table {
	width: 100%;
	text-align: center;
	font-size: large;
}

/*.table td:nth-child(1) {
	text-align: left;
	height: 135px;
}

.table td:nth-child(2) {
	width: 200px;
	height: 135px;
}

.table td:nth-child(3) {
	width: 30%;
	text-align: right;
	vertical-align: bottom;
}*/
.table span.head1 {
	position: absolute;
	text-align: center;
	top: 3px;
	left: 25px;
	width: 150px;
}

.table span.head2 {
	position: absolute;
	text-align: center;
	top: 3px;
	left: 65px;
	width: 150px;
}

.table span.head3 {
	position: absolute;
	text-align: center;
	top: 3px;
	left: -20px;
	width: 150px;
}

.table span.three-btn {
	position: absolute;
	top: 3px;
	left: 25px;
	width: 150px;
}

.table a.search1 {
	position: absolute;
	text-align: center;
	top: 10px;
	left: 25px;
	width: 150px;
}

.button span.two-row {
	position: absolute;
	text-align: center;
	top: 3px;
	width: 180px;
}

.button span.two-row2 {
	position: absolute;
	text-align: center;
	top: 3px;
	width: 180px;
}

.button span.four-row {
	position: absolute;
	text-align: center;
	top: 3px;
	width: 180px;
}

/*
　*　Body内の画面構成用テーブル
　*/
table.search {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.searchform {
	width: auto;
	line-height: 22px;
}

.searchform th {
	text-align: right;
}

.search th {
	vertical-align: middle;
	text-align: left;
}

.search td {
	vertical-align: middle;
	text-align: left;
}

pre {
	line-height: 1.0;
	font-family: "Meiryo UI", sans-serif;
}

table.form {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.form th {
	vertical-align: middle;
}

table.check {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.check td {
	max-width: 500px;
}

.check pre {
	max-width: 500px;
	word-wrap: break-word;
	white-space: pre-wrap;
	line-height: 1.0;
	font-family: "Meiryo UI", sans-serif;
}

thead.scrollHead, tbody.scrollBody {
	display: block;
	margin-right: auto;
	margin-left: auto;
	word-break: break-all;
}

tbody.scrollBody {
	border: solid 1px #808080;
	overflow: auto;
	height: 100px;
}

table.list {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.list th {
	font-size: 17px;
}

.list td {
	border-bottom: solid 1px silver;
}

td, th {
	/*	table-layout: fixed;*/

}

/*.null {
	width: 20px;
}*/
.name {
	width: 180px;
	text-align: center;
}

.gender {
	width: 40px;
	text-align: center;
}

.enterningdate {
	width: 110px;
	text-align: center;
}

.corporation {
	width: 200px;
	text-align: center;
}

.phone {
	width: 160px;
	text-align: center;
}

.corporation-mst {
	width: 250px;
	text-align: center;
}

p.err {
	text-indent: 10px;
	color: red;
}

a.search1 {
	margin-left: 0px;
}

/*
 * ステップ数が3の場合の表示設定
 */
.stepBarThreeType {
	width: 603px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 40px;
}

.stepBarThreeType li {
	width: 194px;
	height: 40px;
	line-height: 40px;
	list-style: none;
	float: left;
	border: 1px solid #fff;
	position: relative;
	text-align: center;
	background-color: #f0efef;
	font-size: 19px;
}

.stepBarThreeType li.active {
	background-color: #007bff;
	color: #FFF;
}

.stepBarThreeType li span.before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #fff;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #fff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position: absolute;
	left: 0px;
	z-index: 10;
}

.stepBarThreeType li span.after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #f0efef;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #007bff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#007bff');
	position: absolute;
	right: -19px;
	z-index: 50;
}

.stepBarThreeType li.active span.after {
	border-color: transparent transparent transparent #007bff;
}

/*
 * ステップ数が2の場合の表示設定
 */
.stepBarTwoType {
	width: 400px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 40px;
}

.stepBarTwoType li {
	width: 194px;
	height: 40px;
	line-height: 40px;
	list-style: none;
	float: left;
	border: 1px solid #fff;
	position: relative;
	text-align: center;
	background-color: #f0efef;
	font-size: 19px;
}

.stepBarTwoType li.active {
	background-color: #007bff;
	color: #FFF;
}

.stepBarTwoType li span.before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #fff;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #fff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position: absolute;
	left: 0px;
	z-index: 10;
}

.stepBarTwoType li span.after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #f0efef;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #007bff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#007bff');
	position: absolute;
	right: -19px;
	z-index: 50;
}

.stepBarTwoType li.active span.after {
	border-color: transparent transparent transparent #007bff;
}

/*
 * ステップ数が1の場合の表示設定
 */
.stepBarOneType {
	width: 200px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 40px;
}

.stepBarOneType li {
	width: 194px;
	height: 40px;
	line-height: 40px;
	list-style: none;
	float: left;
	border: 1px solid #fff;
	position: relative;
	text-align: center;
	background-color: #f0efef;
	font-size: 19px;
}

.stepBarOneType li.active {
	background-color: #007bff;
	color: #FFF;
}

.stepBarOneType li span.before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #fff;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #fff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position: absolute;
	left: 0px;
	z-index: 10;
}

.stepBarOneType li span.after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #f0efef;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #007bff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#007bff');
	position: absolute;
	right: -19px;
	z-index: 50;
}

.stepBarOneType li.active span.after {
	border-color: transparent transparent transparent #007bff;
}

/*
 *　ヘッダーメニューバー
 */
#global-header {
	position: relative;
	zoom: 1;
	width: 100%;
	height: 90px;
	background-image: url(../img/headerback.png);
	top: 0px;
	z-index: 1;
	transition: 0.2s;
	transition-property: initial;
	transition-duration: 0.2s;
	transition-timing-function: initial;
	transition-delay: initial;
}

#head-inner {
	position: relative;
	z-index: 2;
	height: 95px;
	margin: 0 auto;
}

#head-img-logo {
	position: absolute;
	width: 223px;
	height: 67px;
	border: 0px;
	top: 14px;
	left: 30px;
}

#head-img-logo2 {
	position: absolute;
	width: 125px;
	height: 40px;
	border: 0px;
	top: 29px;
	right: 530px;
}

#head-img-logo3 {
	position: absolute;
	width: 125px;
	height: 40px;
	border: 0px;
	top: 29px;
	right: 400px;
}

#head-img-loginidman {
	position: absolute;
	z-index: 9999;
	background-image: url(../img/qicone.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	border: 0px;
	top: 22px;
	right: 320px;
}

p#head-loginidwel {
	position: absolute;
	top: 29px;
	right: 241px;
	white-space: pre-wrap;
	margin: 0;
	font-size: 14px;
}

p#head-loginid {
	position: absolute;
	top: 48px;
	right: 125px;
	white-space: pre-wrap;
	margin: 0;
	font-size: 14px;
}

#head-img-logout {
	position: absolute;
	height: 25px;
	top: 53px;
	right: 30px;
}

#head-img-mypage {
	position: absolute;
	height: 25px;
	top: 19px;
	right: 30px;
}

#head-img-phrase {
	position: absolute;
	width: 266px;
	height: 11px;
	border: 0px;
	top: 72px;
	right: 0px;
}

.link1 {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.link2 {
	border-right: 1px solid #ddd;
}

.link3 {
	border-right: 1px solid #ddd;
}

.link-menu .txt:before {
	display: inline-block;
	content: "";
	margin-right: 6px;
	width: 12px;
	height: 12px;
	background: url("img/ico_arrow2.png") no-repeat left top;
	background-size: contain;
}

#menu-bar {
	width: 100%;
	height: 40px;
	background: #4682B4;
}

#menu-bar ul {
	position: relative;
	/* 	width: 1200px;
 */
	width: 1270px;
	height: 45px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#menu-bar ul li:first-child {
	list-style: none;
	position: relative;
	width: 238px; /*親メニューの幅*/
	height: 40px; /*親メニューの高さ*/
	line-height: 40px;
	background: #4682B4; /*親メニューの背景色*/
}

#menu-bar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	float: left;
	position: relative;
	width: 239px; /*親メニューの幅*/
	height: 40px; /*親メニューの高さ*/
	line-height: 40px;
	background: #4682B4; /*親メニューの背景色*/
	text-align: center;
}

#menu-bar ul li:last-child {
	list-style: none;
	position: relative;
	width: 238px; /*親メニューの幅*/
	height: 40px; /*親メニューの高さ*/
	line-height: 40px;
	background: #4682B4; /*親メニューの背景色*/
}

#menu-bar ul li a {
	color: #FFFFFF; /*親メニューの文字色*/
	display: block;
	text-decoration: none;
}

#menu-bar ul li ul {
	position: absolute;
	top: 40px; /*親メニューの高さと同じにする*/
	width: 239px;
	z-index: 100;
}

#menu-bar ul li ul li:first-child {
	visibility: hidden;
	overflow: hidden;
	width: 239px; /*サブメニューの幅*/
	height: 0;
	border-top: 1px solid #ddd;
	font-size: 12px;
	text-align: left;
}

#menu-bar ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 239px; /*サブメニューの幅*/
	height: 0;
	border-top: 1px solid #ddd;
	font-size: 12px;
	text-align: left;
}

#menu-bar ul li ul li:last-child {
	visibility: hidden;
	overflow: hidden;
	width: 239px; /*サブメニューの幅*/
	height: 0;
	border-top: 1px solid #ddd;
	font-size: 12px;
	text-align: left;
}

#menu-bar ul li ul li:hover, #menu-bar ul li ul li a:hover {
	background: #AAA; /*ホバー時のサブメニューの背景色*/
}

#menu-bar ul li:hover ul li, #menu-bar ul li a:hover ul li {
	visibility: visible;
	overflow: visible;
	height: 40px; /*サブメニューの高さ*/
	z-index: 10;
}

#menu-bar * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
/*
 *　トップ画面
 */
ul, li {
	list-style: none;
}

.block2 ul {
	overflow: hidden;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

li.section {
	width: 320px;
	float: left;
	margin-top: 20px;
	margin-left: 3px;
	background: #ffffff url(maru_bottom.gif) no-repeat bottom;
	font-size: 80%;
	color: #000000;
	border-style: groove;
}

li.section2 {
	width: 853px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	background: #ffffff url(maru_bottom.gif) no-repeat bottom;
	font-size: 80%;
	color: #000000;
	border-style: groove;
}

.section {
	padding-bottom: 1px;
	text-align: left;
}

.section2 {
	padding-bottom: 1px;
	text-align: left;
}

li.section h3 {
	margin: 0;
	width: 300px;
	padding: 7px 10px;
	background: #a9a9a9 url(maru_top.gif) no-repeat top;
	border-bottom: 1px #a9a9a9 solid;
	font-size: 100%;
	color: #FFFFFF;
	font-weight: normal;
}

li.section2 h3 {
	margin: 0;
	width: 833px;
	padding: 7px 10px;
	background: #a9a9a9 url(maru_top.gif) no-repeat top;
	border-bottom: 1px #a9a9a9 solid;
	font-size: 100%;
	color: #FFFFFF;
	font-weight: normal;
}

li.section p {
	font-size: 14px;
	width: 450px;
	margin: 1em 10px;
}

li.section2 p {
	font-size: 14px;
	width: 450px;
	margin: 1em 10px;
}

p {
	line-height: 150%;
	color: #333;
	/*    padding-bottom: 13px;*/
	font-family: "Meiryo UI", sans-serif;
}

/* ログイン画面 */
#body-layout {
	position: relative;
	width: 960px;
	top: 60px;
	margin-left: auto;
	margin-right: auto;
}

#body-img-logo {
	width: 330px;
	height: 261px;
	border: 0px;
	position: absolute;
	top: 325px;
	left: 80px;
}

/* #background-l {
	height: 160px;
	margin: 0 20px 20px 20px;
	background: #F0F8FF;
	border-radius: 5px;
	   font-size: 1.5rem;
    white-space: pre-line;
}

#information {
	width: 620px;
	height: 150px;
	position: relative;
	top: 15px;
	overflow: auto;
	margin-left: 20px;
	margin-right: 20px;
	background: #FFFFFF;
	border: medium solid #000000;
}
#background-d {
 	height: 85px;
    margin: 0 20px 20px 20px;
    background: #F0F8FF;
    border-radius: 5px;
    font-size: 1.5rem;
    white-space: pre-line;
}
#download {
	width: 400px;
	height: 80px;
	position: relative;
	top: 15px;
	margin-left: 20px;
	margin-right: 20px;
}

#background-q {
	height: 55px;
	margin: 0 20px 20px 20px;
	background: #F0F8FF;
	border-radius: 5px;
	  font-size: 1.5rem;
    white-space: pre-line;
}

#question {
	width: 400px;
	height: 80px;
	position: relative;
	top: 15px;
	margin-left: 20px;
	margin-right: 20px;
}
 */
#headtitle {
	font-size: 30px;
	color: #1E90FF;
	margin: 20px 0 20px 0;
	text-align: left;
	border-bottom: solid 3px #87CEFA;
}

#dailylist {
	margin: 20px 0 0 20px;
	width: 640px;
}

/*  */
#modal-content {
	width: 50%;
	margin: 1.5em auto 0;
	padding: 10px 20px;
	border: 2px solid #aaa;
	background: #fff;
	z-index: 2;
}

.modal-p {
	margin-top: 1em;
}

.modal-p:first-child {
	margin-top: 0;
}

.button-link {
	color: #00f;
	text-decoration: underline;
}

.button-link:hover {
	cursor: pointer;
	color: #f00;
}

#modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.75);
}