@charset "UTF-8";


/* ========BASIC======== */
html {
}

::placeholder {
	color:#ccc !important;
}

body {
   margin:0;
   padding:0;
   height:100%;
   line-height:1.2;
   letter-spacing:1px;
   font-family:"メイリオ", Verdana, Helvetica, sans-serif;
   font-size:13px;
   color:#000;
   background:#fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#00a;
   text-decoration:none;
}

a:hover {
   color:#00a;
   text-decoration:underline;
}

img {
   border:0;
   vertical-align:bottom;
}

.scroll {
   overflow:auto;
}

.midashitable {
   width:100%;
}

.midashitable th ,.midashitable td {
   box-sizing: initial;
}

.ime-a {
   ime-mode: active !important;
}

.ime-i {
   ime-mode: inactive !important;
}

.ime-d {
   ime-mode: disabled !important;
}

.akaji{
   color:#f22;
}

/* Chrome/Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

/* Firefox */
input[type="number"] {
   -moz-appearance: textfield;
}

label {
	position:relative;
	margin:0;
}

label > input[type=radio] {
	position:absolute;
	opacity:0;
}

label > input[type=radio] + span {
	position:relative;
	display:flex;
	align-items: center;
	margin:0;
	padding:0 3px;
}

label > input[type=radio] + span::before {
	font: var(--fa-font-solid);
	content: "\f111";
	color:#aaa;
	display:block;
	width:1em;
	height:1em;
}

label > input[type=radio]:checked + span::before {
	content:"";
}

label > input[type=radio]:checked + span::after {
	font: var(--fa-font-solid);
	content: "\f058";
	position: absolute;
	width:1em;
	height:1em;
	color:#22b;
}

label > input[type=radio]:checked + span {
	background-color:#ddf;
	border-radius:5px;
}

label > input[type=radio]:checked + span.bgnone {
	background-color:#fff;
	border-radius:5px;
}

label > input[type=radio]:focus + span {
	border-radius:5px;
	box-shadow:0 0 8px 0 #37f;
}

label > input[type=radio]:focus + span.bgnone {
	border-radius:5px;
	box-shadow:0 0 8px 0 #37f;
}


label > input[type=checkbox] {
	position:absolute;
	opacity:0;
}

label > input[type=checkbox] + span {
	position:relative;
	display:flex;
	align-items: center;
	margin:0;
	padding:0 3px;
}

label > input[type=checkbox] + span::before {
	font: var(--fa-font-solid);
	content: "\f0c8";
	color:#aaa;
	display:block;
	width:1em;
	height:1em;

}

label > input[type=checkbox]:checked + span::before {
	content: "";
}

label > input[type=checkbox]:checked + span::after {
	font: var(--fa-font-solid);
	content: "\f14a";
	position: absolute;
	width:1em;
	height:1em;
	color:#22b;
}

label > input[type=checkbox]:checked + span {
	background-color:#ddf;
	border-radius:5px;
}

label > input[type=checkbox]:checked + span.bgnone {
	background-color:#fff;
	border-radius:5px;
}

label > input[type=checkbox]:focus + span {
	box-shadow:0 0 3px 0 #37f;
}

label > input[type=checkbox]:focus + span.bgnone {
	border-radius:3px;
	border:1px dotted #aaa;
	/* box-shadow:0 0 3px 0 #37f; */
}



/* ========TEMPLATE LAYOUT======== */
#top {
   min-width:1000px;
   min-height:400px;
   margin:0;
   padding:4px;
}

#topsub {
   margin-top: -30px;
}

#header {
   position:relative;
   min-width:1000px;
   width:100%;
   height:50px;
}

#menu {
   float:left;
   min-width:1000px;
   width:100%;
   height:30px;
   background-color:#059;
}

#contents {
   clear:both;
}

#main {
   margin-top:30px;
   padding:5px;
   width: 100%;
   overflow:auto;
}

#top #main {
   height: calc(100vh - 90px);
   min-height:325px;
   overflow:auto;
}

#pageTop {
   clear:both;
}

#footer {
   clear:both;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:0;
   font-size:20px;
}

#header h1 a {
   color:#333;
}

#header #pr2 {
   position:absolute;
   top:2px;
   right:5px;
   font-size:12px;
   color:#33c;
}

#header #pr {
   position:absolute;
   top:30px;
   right:5px;
   font-size:12px;
}

#header #pr ul {
   margin:0;
   padding:0;
}

#header #pr li {
   display:block;
   padding:0 10px;
   float:left;
   text-align:left;
   list-style-type:none;
}

#header #pr li a {
   color:#555;
   text-decoration:none;
}

#header #pr li a:hover {
   color:#000;
   text-decoration:none;
}

#header .logout {
   display:inline-block;
   margin-left:10px;
   background-color: #ddf;
}

/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
   border-left:1px solid #fff;
}

#menu li {
   float:left;
   color:#fff;
   text-align:center;
   list-style-type:none;
   border-right:1px solid #fff;
   border-bottom:1px solid #024;
}

#menu li span {
   display:block;
   padding:8px 20px;
   color:#ccc;
   line-height:1;
   background:#059;
}

#menu li a {
   display:block;
   padding:8px 20px;
   color:#fff;
   line-height:1;
   text-decoration:none;
   background:#059;
}

#menu li a.active {
   color:#fff;
   text-decoration:none;
   background:#08c;
}

#menu li a:hover {
   color:#fff;
   text-decoration:none;
   background:#08c;
}

#menusp {
   display:none;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */

#main form {
   display:inline;
   margin:0;
   padding:0;
}

#main p {
   margin:0;
   padding:0;
}

#main dl {
   margin:0;
   padding:0;
}

#main dt {
   margin:0 0 2px 0;
   padding:0;
}

#main dd {
   padding:0;
   margin:0 0 5px 10px;
   padding:0;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   position:fixed;
   right:20px;
   bottom:10px;
   padding:10px 0;
   text-align:right;
}

#pageTop a img {
   opacity:0.6;
   filter:alpha(opacity=60);
     -moz-opacity:0.60;
     -khtml-opacity: 0.60;
     opacity:0.60;
}

#pageTop a:hover img {
   opacity:1;
   filter:alpha(opacity=100);
     -moz-opacity:1;
     -khtml-opacity: 1;
     opacity:1;
   
}