@charset "UTF-8";

/* Common */

* {
-webkit-text-size-adjust: 100%;
}
html {
margin: 0;
padding: 0;
font-size: 62.5%;
height: 100%;
}
body {
position: relative;
font-family: "Open Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 0em;
font-size: 1.0rem;
color: #0e0e0e;
background: #0d3a49;
line-height: 1.0em;
margin: 0;
padding: 0;
overflow-y: scroll;
word-wrap: break-word;
height: 100%;
}
h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,table,tr,th,td,span,strong {
line-height: 1.0em;
letter-spacing: 0em;
margin: 0;
padding: 0;
font-style: normal;
font-weight: 400;
}
li {
list-style-type: none;
list-style-position: outside;
}
table {
border-collapse: collapse;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
a:hover img {
opacity: 0.6;
_filter: alpha(opacity=60);
}
a:focus {
outline:none;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
input, 
textarea, 
select {
outline: none;
margin: 0;
padding: 0;
border: none;
font-family: "Open Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
padding: 0;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing: content-box;
}



/* Clearfix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear {
clear: both;
}



/* Input */

input[type=text],
input[type=password] {
font-size: 1.4rem;
padding: 0 12px;
border: 1px solid #CCD4D9;
border-radius: 4px;
background: #fff;
box-sizing: border-box;
line-height: 30px;
}
input[type=submit] {
font-size: 1.4rem;
border-radius: 4px;
color: #fff;
background: #ff4b33;
box-sizing: border-box;
line-height: 32px;
text-align: center;
margin: 0;
display: block;
cursor: pointer;
}
input.btn-back[type=submit] {
background: #aaa;
}
select {
font-size: 1.4rem;
padding: 0 24px 0 12px;
border: 1px solid #CCD4D9;
border-radius: 4px;
background: url(../../images/ico-select.png) right center no-repeat #fff;
box-sizing: border-box;
line-height: 30px;
}
textarea {
font-size: 1.4rem;
line-height: 1.6rem;
padding: 8px 12px;
border: 1px solid #CCD4D9;
border-radius: 4px;
background: #fff;
box-sizing: border-box;
height: 120px;
}
a.btn-back {
font-size: 1.4rem;
border-radius: 4px;
color: #fff;
background: #aaa;
box-sizing: border-box;
line-height: 32px;
text-align: center;
margin: 40px 0 0 0;
padding: 0 20px;
display: inline-block;
}




/* Header */

.header {
width: 100%;
box-sizing: border-box;
padding: 16px 20px;
background: #fff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
}



/* Parts */

.txt {
font-size: 1.6rem;
line-height: 2.0em;
}
.wrapper {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.nav {
width: 240px;
background: #0d3a49;
}
.nav ul li {
border-bottom: 1px solid #3a6877;
}
.nav ul li a {
color: #fff;
font-size: 1.6rem;
display: block;
line-height: 48px;
padding: 0 0 0 24px;
width: 100%;
box-sizing: border-box;
background-color: #0d3a49;
background-position: 20px center;
background-repeat: no-repeat;
}
.nav ul li a:hover {
background-color: #3a6877;
padding: 0 0 0 32px;
}
.nav ul li.i_home a {
background-image: url(../images/ico-home.png);
}
.conts {
flex: 1;
-weblit-flex: 1;
padding: 20px;
box-sizing: border-box;
width: 100%;
background: #e6f8fd;
min-height: 96vh;
}
.ttl-common {
font-size: 2.4rem;
font-weight: 600;
margin-bottom: 20px;
}
.ttl-min {
font-size: 1.6rem;
font-weight: 600;
margin: 12px 0 20px 0;
padding: 2px 0 2px 12px;
border-left: 3px solid #00b0ec;
}
.txt-fin {
font-size: 1.6rem;
font-weight: 600;
margin: 20px 0 40px 0;
padding: 2px 0 2px 12px;
color: #e6545e;
border-left: 3px solid #e6545e;
}
ul.list-top-menu {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
flex-wrap: wrap;
-weblit-flex-wrap: wrap;
}
ul.list-top-menu li {
width: 320px;
background: #fff;
box-shadow: 0px 2px 4px 0px rgba(5, 5, 5, 0.12);
padding: 20px;
margin: 0 20px 20px 0;
position: relative;
}
ul.list-top-menu li a {
font-size: 1.4rem;
color: #888;
display: block;
}
ul.list-top-menu li a span {
display: block;
font-size: 1.0rem;
letter-spacing: 0.2em;
margin-top: 20px;
}
ul.list-top-menu li:nth-of-type(1) a span {
color: #4aa7ed;
}
ul.list-top-menu li:nth-of-type(2) a span {
color: #d73964;
}
ul.list-top-menu li:nth-of-type(3) a span {
color: #f29c38;
}
ul.list-top-menu li:nth-of-type(4) a span {
color: #9034aa;
}
ul.list-top-menu li:nth-of-type(5) a span {
color: #e86c67;
}
ul.list-top-menu li:nth-of-type(6) a span {
color: #65ac5b;
}
ul.list-top-menu li:after {
content: 'more';
display: block;
position: absolute;
right: 12px;
bottom: 12px;
font-size: 1.0rem;
letter-spacing: 0.08em;
color: #fff;
width: 56px;
line-height: 24px;
text-align: center;
border-radius: 24px;
}
ul.list-top-menu li:nth-of-type(1):after {
background: #4aa7ed;
}
ul.list-top-menu li:nth-of-type(2):after {
background: #d73964;
}
ul.list-top-menu li:nth-of-type(3):after {
background: #f29c38;
}
ul.list-top-menu li:nth-of-type(4):after {
background: #9034aa;
}
ul.list-top-menu li:nth-of-type(5):after {
background: #e86c67;
}
ul.list-top-menu li:nth-of-type(6):after {
background: #65ac5b;
}
.colbox {
background: #fff;
box-shadow: 0px 2px 4px 0px rgba(5, 5, 5, 0.12);
padding: 20px;
}
.colbox input[type=submit] {
min-width: 100px;
padding: 0 20px;
}
.col-search {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
}
.txt-memo {
font-size: 1.4rem;
margin: 0 0 0 20px;
}
.txt-count {
font-size: 1.2rem;
font-weight: 600;
margin: 40px 0 0 0;
}
.paging {
font-size: 1.2rem;
font-weight: 600;
letter-spacing: 0.2em;
}
.txt-count + .paging {
margin-top: 20px;
}
.col-btns {
padding: 20px 0 0 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
}
.col-btns input {
font-size: 1.4rem;
border-radius: 4px;
color: #888;
background: #fff;
border: 1px solid #CCD4D9;
width: 100px;
box-sizing: border-box;
line-height: 30px;
text-align: center;
margin: 0 12px 0 0;
display: block;
cursor: pointer;
}
.col-btns input.submits {
color: #fff;
background: #ff4b33;
border: 1px solid #ff4b33;
}
.box {
margin: 24px 0;
padding: 40px;
background: #f2f2f2;
border-radius: 4px;
box-sizing: border-box;
width: 60%;
min-width: 720px;
}
.box a {
font-size: 1.4rem;
border-radius: 4px;
color: #fff;
background: #0d3a49;
box-sizing: border-box;
line-height: 32px;
text-align: center;
margin: 0 12px 0 0;
padding: 0 16px;
display: inline-block;
}
.box p {
font-size: 1.4rem;
line-height: 1.6em;
margin: 16px 0;
}
.box label {
font-size: 1.4rem;
font-weight: 600;
margin-left: 4px;
}



/* Login */

.login {
background: #e6f8fd;
width: 100%;
height: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
}
.col-login {
background: #fff;
width: 400px;
padding: 40px;
margin: 0 auto;
box-sizing: border-box;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
border-radius: 4px;
}
.col-login img {
display: block;
margin: 0 auto 24px auto;
}
.col-login h1 {
text-align: center;
font-size: 2.0rem;
font-weight: 600;
margin: 0 auto 24px auto;
}
.col-login strong {
display: block;
font-size: 1.6rem;
font-weight: 600;
margin: 0 0 8px 0;
}
.btn-area {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
}
.col-login input[type=text],
.col-login input[type=password] {
width: 100%;
margin: 0 0 16px 0;
display: block;
}
.col-login input.btn-submit[type=submit] {
width: 100px;
}
.col-login input.btn-link[type=submit] {
font-size: 1.2rem;
color: #888;
background: none;
margin-left: 12px;
}
.col-login input.btn-link[type=button] {
font-size: 1.2rem;
color: #888;
background: none;
margin-left: 12px;
}




/* Table */

table.tbl_01 th {
text-align: right;
font-size: 1.4rem;
line-height: 1.6em;
font-weight: 600;
vertical-align: middle;
padding: 4px 20px 4px 0;
width: 180px;
box-sizing: border-box;
}
table.tbl_01 td {
text-align: left;
font-size: 1.4rem;
line-height: 1.6em;
vertical-align: middle;
padding: 4px 0;
}
.colbox.regist table.tbl_02 {
width: 80%;
min-width: 800px;
}
table.tbl_02 {
width: 60%;
min-width: 640px;
}
table.tbl_02 th {
text-align: left;
font-size: 1.4rem;
font-weight: 600;
line-height: 1em;
vertical-align: middle;
padding: 0 12px 8px 0;
box-sizing: border-box;
}
table.tbl_02 td {
text-align: left;
font-size: 1.4rem;
line-height: 1.6em;
vertical-align: middle;
padding: 0 12px 20px 0;
}
table.tbl_02 td input[type=text],
table.tbl_02 td textarea {
width: 100%;
}
table.tbl_02 td input[type=radio] {
width: auto;
margin-right: 4px;
}
table.tbl_02 td select {
width: 100%;
padding: 8px 24px 8px 12px;
}

table.tbl_03 {
width: 60%;
min-width: 640px;
}
table.tbl_03 th {
text-align: left;
font-size: 1.4rem;
font-weight: 600;
line-height: 1em;
vertical-align: middle;
padding: 0 12px 8px 0;
box-sizing: border-box;
}
table.tbl_03 td {
text-align: left;
font-size: 1.4rem;
line-height: 1.6em;
vertical-align: middle;
padding: 0 12px 20px 0;
}
table.tbl_03 td input[type=text] {
width: 100%;
}
table.tbl_03 td input[type=radio] {
width: auto;
margin-right: 4px;
}

table.tbl_ago1 {
width: 100%;
border: 1px solid #e9ecef;
margin: 12px 0 20px 0;
}
table.tbl_ago1 tr:nth-of-type(2n-1) {
background: #fff;
}
table.tbl_ago1 tr:nth-of-type(2n) {
background: #f8f8f8;
}
table.tbl_ago1 th {
text-align: left;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.6em;
border: 1px solid #e9ecef;
border-bottom: 3px double #e9ecef;
padding: 8px 8px;
box-sizing: border-box;
}
table.tbl_ago1 td {
text-align: left;
font-size: 1.2rem;
line-height: 1.6em;
border: 1px solid #e9ecef;
padding: 8px;
box-sizing: border-box;
}
table.tbl_ago1 th:nth-of-type(1) {
text-align: center;
width: 60px;
}
table.tbl_ago1 td:nth-of-type(1) {
text-align: center;
}
table.tbl_ago1 th:nth-of-type(2) {
text-align: center;
width: 80px;
}
table.tbl_ago1 td:nth-of-type(2) {
text-align: center;
}
table.tbl_ago1 th:nth-of-type(6) {
width: 180px;
}

table.tbl_ago2 {
width: 100%;
border: 1px solid #e9ecef;
margin: 12px 0 0 0;
}
table.tbl_ago2 tr:nth-of-type(2n-1) {
background: #fff;
}
table.tbl_ago2 tr:nth-of-type(2n) {
background: #f8f8f8;
}
table.tbl_ago2 th {
text-align: left;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.6em;
border: 1px solid #e9ecef;
border-bottom: 3px double #e9ecef;
padding: 8px 8px;
box-sizing: border-box;
}
table.tbl_ago2 td {
text-align: left;
font-size: 1.2rem;
line-height: 1.6em;
border: 1px solid #e9ecef;
padding: 8px;
box-sizing: border-box;
}
table.tbl_ago2 th:nth-of-type(5),
table.tbl_ago2 th:nth-of-type(6) {
text-align: center;
width: 80px;
}
table.tbl_ago2 td:nth-of-type(5),
table.tbl_ago2 td:nth-of-type(6) {
text-align: center;
}
table.tbl_ago2 td input {
background: #3a6877;
color: #fff;
display: inline-block;
font-size: 1.0rem;
padding: 4px 8px;
border-radius: 4px;
}

table.tbl_ago3 {
width: 100%;
border: 1px solid #e9ecef;
margin: 12px 0 0 0;
}
table.tbl_ago3 tr:nth-of-type(2n-1) {
background: #fff;
}
table.tbl_ago3 tr:nth-of-type(2n) {
background: #f8f8f8;
}
table.tbl_ago3 th {
text-align: left;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.6em;
border: 1px solid #e9ecef;
border-bottom: 3px double #e9ecef;
padding: 8px 8px;
box-sizing: border-box;
}
table.tbl_ago3 td {
text-align: left;
font-size: 1.2rem;
line-height: 1.6em;
border: 1px solid #e9ecef;
padding: 8px;
box-sizing: border-box;
}
table.tbl_ago3 th:nth-of-type(3) {
text-align: center;
width: 80px;
}
table.tbl_ago3 td:nth-of-type(3) {
text-align: center;
}
table.tbl_ago3 td input {
background: #3a6877;
color: #fff;
display: inline-block;
font-size: 1.0rem;
padding: 4px 8px;
border-radius: 4px;
}

table.tbl_ago4 {
width: 100%;
border: 1px solid #e9ecef;
margin: 12px 0 20px 0;
}
table.tbl_ago4 tr:nth-of-type(2n-1) {
background: #fff;
}
table.tbl_ago4 tr:nth-of-type(2n) {
background: #f8f8f8;
}
table.tbl_ago4 th {
text-align: left;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.6em;
border: 1px solid #e9ecef;
border-bottom: 3px double #e9ecef;
padding: 8px 8px;
box-sizing: border-box;
}
table.tbl_ago4 td {
text-align: left;
font-size: 1.2rem;
line-height: 1.6em;
border: 1px solid #e9ecef;
padding: 8px;
box-sizing: border-box;
}
table.tbl_ago4 td input {
background: #3a6877;
color: #fff;
display: inline-block;
font-size: 1.0rem;
padding: 4px 8px;
border-radius: 4px;
}
table.tbl_ago4 th:nth-of-type(1) {
text-align: center;
width: 60px;
}
table.tbl_ago4 td:nth-of-type(1) {
text-align: center;
}
table.tbl_ago4 th:nth-of-type(2) {
text-align: center;
width: 80px;
}
table.tbl_ago4 td:nth-of-type(2) {
text-align: center;
}
table.tbl_ago4 th:nth-of-type(14),
table.tbl_ago4 th:nth-of-type(15),
table.tbl_ago4 th:nth-of-type(16),
table.tbl_ago4 th:nth-of-type(17),
table.tbl_ago4 td:nth-of-type(14),
table.tbl_ago4 td:nth-of-type(15),
table.tbl_ago4 td:nth-of-type(16),
table.tbl_ago4 td:nth-of-type(17) {
text-align: center;
}




/* cus_regist */

.wrap-tbl {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.wrap-tbl + .wrap-tbl {
border-top: 1px solid #eee;
margin-top: 40px;
padding-top: 40px;
}
.wrap-tbl table {
width: 48%;
min-width: 0;
}
.regist table.tbl_02 th {
width: 176px;
padding: 0 12px 12px 0;
}
.regist table.tbl_02 td {
padding: 0 24px 12px 0;
}
table.tbl_02 td input.ipt-txt-min[type=text] {
width: 60px;
}
table.tbl_02 td input.ipt-txt-mid[type=text] {
width: 120px;
}
.regist table.tbl_02 td select {
width: auto;
padding: 0 24px 0 12px;
}



/* Search */

.col-btn-search {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: centert;
-webkit-align-items: centert;
}
.col-btn-search a {
font-size: 1.4rem;
border-radius: 4px;
color: #fff;
background: #0d3a49;
box-sizing: border-box;
line-height: 32px;
text-align: center;
margin: 0 12px 20px 0;
display: block;
width: 160px;
}
.col-btn-search a:hover {
background: #ff4b33;
}




/* Import Export */

.col-impexp {
margin: 0;
padding: 20px 0;
}
.col-impexp + .col-impexp {
margin: 0;
padding: 20px 0;
border-top: 1px solid #eee;
}
.col-impexp label {
font-size: 1.4rem;
margin-left: 4px;
}
.col-impexp a {
font-size: 1.2rem;
border-radius: 4px;
color: #0d3a49;
box-sizing: border-box;
text-align: center;
display: inline-block;
padding: 10px 12px 8px 12px;
border: 1px solid #0d3a49;
}
.col-impexp a:hover {
color: #fff;
background: #0d3a49;
}
.col-impexp label + input[type=file],
.col-impexp a + input[type=file] {
margin-top: 8px;
}
.col-impexp input[type=file] {
display: block;
}
.col-impexp input[type=submit] {
margin-top: 8px;
}
.col-csv-exp {
padding: 12px 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: centert;
-webkit-align-items: centert;
}
.col-csv-exp input[type=button] {
font-size: 1.4rem;
border-radius: 4px;
color: #fff;
background: #ff4b33;
box-sizing: border-box;
line-height: 32px;
text-align: center;
margin: 0 0 0 20px;
padding: 0 20px;
display: inline-block;
cursor: pointer;
}




































@media only screen and (max-width: 768px) {


.conts {
padding: 20px 8px;
}
.colbox.regist table.tbl_02 {
width: 100%;
min-width: 0;
}
.regist table.tbl_02 th {
display: block;
width: 100%;
padding: 0 0 12px 0;
}
.regist table.tbl_02 td {
display: block;
width: 100%;
padding: 0 0 12px 0;
}
table.tbl_02 td input.ipt-txt-min[type=text] {
width: 15.6%;
padding: 0 8px;
}
.box {
padding: 20px;
width: 100%;
min-width: 0;
}
.box a {
font-size: 1.2rem;
margin: 0 8px 0 0;
padding: 0 12px;
}






}
.logo_img {
  height: 20px
}