@charset "UTF-8";
/* CSS Document */
/* ----------------------------------------
     reset
 ---------------------------------------- */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, strong, sub, sup, i, small, address, time, fieldset, form, label, legend, hr, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, section, article, aside, figure, figcaption, canvas, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-size: 100%;
}
article, aside, figure, figcaption, footer, header, nav, section {
    display: block;
}
*, *:before, *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
* {
  box-sizing: border-box;
}

input,
button,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
}
/* KJ001,CM003に旧デザイン反映のため追加　from */
input.default
 {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
}
/* KJ001,CM003に旧デザイン反映のため追加 to */

textarea {
    resize: vertical;
}
/* KJ102画面確認のため、コメントアウト  */
/*
input[type='checkbox'],
input[type='radio'],
input[type='file'] {
    display: none;
}
*/

input[type='submit'],
input[type='button'],
input[type='file'],
label,
button,
select {
    cursor: pointer;
}
select::-ms-expand {
    display: none;
}
/* ----------------------------------------
     Base
 ---------------------------------------- */
body {
    width: 100%;
    height: 100%;
    color: #222;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 100%;
}
ul, ol, li {
    list-style: none;
}
img {
    vertical-align: bottom;
    image-rendering:smooth;
}
input, textarea, button {
    margin: 0;
    padding: 0;
}
input[type="submit"], input[type="button"], button {
    cursor: pointer;
}
.clearfix:after, .block-section .steps:after {
    content: '';
    display: block;
    clear: both;
}
/* ----------------------------------------
     backgroung
 ---------------------------------------- */
.bg-white {
    background:#fff!important;
}
.bg-none {
    background:none!important;
}
/* ----------------------------------------
     margin set
 ---------------------------------------- */
.margin-top-4 {
    margin-top:4px!important;
}
.margin-top-6 {
    margin-top:6px!important;
}
.margin-top-10 {
    margin-top:10px!important;
}
.margin-top-20 {
    margin-top:20px!important;
}
.margin-bottom-4 {
    margin-bottom:4px!important;
}
.margin-bottom-2 {
    margin-bottom:2px!important;
}
.margin-bottom-20 {
    margin-bottom:20px!important;
}
.margin-left-2 {
    margin-left:2px!important;
}
.margin-left-4 {
    margin-left:4px!important;
}
.margin-left-10 {
    margin-left:10px!important;
}
.margin-left-14 {
    margin-left:14px!important;
}
.margin-left-1per {
	margin-left:1%!important;
}
.margin-right-4 {
    margin-right:4px!important;
}
.margin-right-8 {
    margin-right:8px!important;
}
.margin-right-10 {
    margin-right:10px!important;
}
.margin-0-auto {
    margin:0 auto!important;
}
.margin-10-auto {
    margin:10px auto!important;
}
.margin-side-2 {
    margin:0 2px!important;
}
.margin-side-4 {
    margin:0 4px!important;
}
.margin-side-8 {
    margin:0 8px!important;
}
/* ----------------------------------------
     padding set
 ---------------------------------------- */
.padding-top-3 {
    padding-top:3px;
}
.padding20 {
    padding:20px;
}
.padding20201020 {
    padding:20px 20px 10px 20px;
}
.padding-side-4 {
    padding:0 4px;
}
.padding-bottom-20 {
    padding-bottom:20px;
}
/* ----------------------------------------
 textalign set
 ---------------------------------------- */
.textalign-center {
    text-align:center;
}
/* ----------------------------------------
 	Frame-left
 ---------------------------------------- */
#frame-left {
    background: #353A40;
    margin: 0;
    padding: 0;
}
#frame-left h1 {
    text-indent: -9999px;
    width:132px;
    height:37px;
    background-image: url("../images/logo/logo.png");
    background-size: contain;
    margin:18px auto 50px auto;
}
.left-nav-container {
    max-width: 160px;
    margin: 0 auto;
}
.left-nav-list {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative;
}
#frame-left input,
.left-nav-list a {
    text-align: left;
    width: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 36px;
    font-weight: normal;
    padding: 0 0 0 8px;
    text-decoration: none;
    display: block;
    letter-spacing: -0.05em;
}
.left-nav-list .left-nav-arr::after {
  position: absolute;
  right: 0;
  top:12px;
  content: url("../images/left-nav-arr.png");
  display: inline-block;
  transform: scale(0.42105) rotateZ(0deg);
  transition: 0.2s;
}
.left-nav-list .left-nav-arr.selected::after {
  transform: scale(0.42105) rotateZ(180deg);
  transition: 0.2s;
}
.left-nav-list:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.left-nav-list.is-open {
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.6s ease;
}
.left-nav-list_item {
  width: 100%;
  margin: 0;
  font-weight: normal;
  list-style: none;
}
.left-nav-list_item-a:hover {
  background-color: #F0F0F0;
  color: #222324!important;
  transition: 0.2s;
}
.left-nav-selected {
  transition: 0.2s;
}
.left-nav-selected.on {
  background-color: #F0F0F0;
  color: #222324!important;
  transition: 0.2s;
}
hr.left-nav-border-btm {
  width: 144px;
  height: 1px;
  margin: 1px auto;
  border: none;
  background-color: #5D6166;
}
#frame-left a.left-test-link {
    display:block;
    padding:0.3em 0;
    margin:1em;
    font-size:11px;
    line-height:1.4em;
    color: #fff;
    text-decoration:none;
    letter-spacing: -0.05em;
}
/* ----------------------------------------
     Frame-up
 ---------------------------------------- */
#frame-up {
    background: #fff;
    margin: 0;
    padding: 0;
    position:relative;
}
.up-supplier-file {
    position:absolute;
    top:13px;
    left:40px;
    width:168px;
    margin:0;
    padding:0;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    line-height:36px;
}
.up-supplier-file-on {
    color:#103B83;
    border:solid 1px #103B83;
    background:#E2F2FF url("../images/up-file-on.png") no-repeat top 8px left 6px / 20px;
    pointer-events:none;
}
.up-supplier-file-on a{
	color:#103B83;
}
.up-supplier-file-ready {
    color:#103B83;
    border:solid 1px #103B83;
    background:#E2F2FF url("../images/up-file-off.png") no-repeat top 8px left 6px / 20px;
}
.up-supplier-file-ready a{
	color:#103B83;
}
.up-supplier-file-off {
    color:#CCCCCC;
    border:solid 1px #CCCCCC;
    background:#fff url("../images/up-file-off.png") no-repeat top 8px left 6px / 20px;
    pointer-events:none;
}
.up-supplier-file-off a{
	color:#CCCCCC;
}
.up-nav {
    position:absolute;
    top:22px;
    left:248px;
    display:flex;
}
.up-nav li a {
    color:#222222;
    font-size:12px;
    line-height:1em;
    text-decoration:none;
    margin:0 1.8em 0 0;
    padding:0.8em 0 0.7em 1.5em;
    transition: 0.2s;
}
.up-nav li a:hover {
    opacity:0.6;
}
.up-nav li a.up-nav-home {
    background:url("../images/icon/up-icon-home.png") no-repeat center left / 13px;
}
.up-nav li a.up-nav-logoff {
    background:url("../images/icon/up-icon-logoff.png") no-repeat center left / 13px;
}
.up-nav li a.up-nav-print {
    background:url("../images/icon/up-icon-print.png") no-repeat center left / 13px;
}
.up-nav li a.up-nav-help {
    background:url("../images/icon/up-icon-help.png") no-repeat center left / 12px;
}
.up-nav li a.up-nav-mail {
	background:url("../images/icon/up-icon-mail.png") no-repeat center left /13px;
}
/* ----------------------------------------
     Frame-main
 ---------------------------------------- */
#frame-main {
    background: #f0f0f0;
    margin: 0;
    padding: 40px;
}
#frame-main h2 {
    width:760px;
    height:48px;
    display:table-cell;
    vertical-align:middle;
    background:#fff;
    color:#222;
    font-size:16px;
    line-height:24px;
    font-weight:bold;
    padding:2px;
    position:relative;
}
#frame-main h2::before {
    content:"商号";
    font-size:12px;
    background:#EAEAEA;
    font-weight:normal;
    padding:1em 0.666em;
    width:44px;
    height:44px;
    margin:0 8px 0 0;
}
#frame-main h2::after {
    content:"";
    width:100%;
    height:2px;
    background:#ccc;
    position:absolute;
    left:0;
    bottom:-2px;
}
#frame-main h2.no-tradename {
    padding:2px 0 0 8px;
}
#frame-main h2.no-tradename::before {
    content:none;
}
#frame-main h2.short {
	height:32px;
	font-size:14px;
}
#frame-main h3 {
    color:#103B83;
    font-size:14px;
    line-height:1.4em;
    font-weight:bold;
    text-align:left;
    margin-bottom:4px;
}
#frame-main h3.short {
	font-size:13px;
	margin-bottom:2px;
}
#frame-main h4 {
    color:#222;
    font-size:14px;
    line-height:1.4em;
    font-weight:bold;
    text-align:left;
}
#frame-main p {
    font-size:12px;
    line-height:1.6em;
}
#frame-main p.text-align-right {
    text-align:right;
}
#frame-main p.text-red,
#frame-main span.text-red {
    color:#FF631D;
}
#frame-main .must-icon {
    background:#FF631D;
    color:#fff;
    padding:3px;
    font-size:10px;
    margin:0 4px;
}
#frame-main .text-thin {
    color:#999;
}
#frame-main ul.ul-flex-50per {
    display:flex;
    flex-wrap: wrap;
}
#frame-main ul.ul-flex-50per li {
    width:50%;
    margin-bottom:4px;
}
#frame-main ul.ul-flex-50per li::last-child {
    margin-bottom:0;
}
#frame-main ol.normal,
#frame-main ul.normal {
    font-size:12px;
    line-height:1.6;
    margin-left:1em;
}
#frame-main ol.normal li {
    list-style-type:decimal;
    margin-bottom:0.5em;
}
#frame-main ul.normal li {
    list-style-type:disc;
    margin-bottom:1em;
}
#frame-main ol.normal li:last-child,
#frame-main ul.normal li:last-child {
    margin-bottom:0;
}
#frame-main a {
    color:#3C8DCC;
}
#frame-main a:hover {
    color:#fff;
    background:#3C8DCC;
}
#frame-main .main-display-flex {
    display: flex;
    flex-wrap: wrap;
}
#frame-main hr {
    display:block;
    height:1px;
    width:100%;
    background:#CCC;
    margin:20px 0;
}
#frame-main hr.no-border {
    display:block;
    height:0;
    width:100%;
    background:none;
    margin:10px 0;
}
#frame-main hr.no-border-short {
    display:block;
    height:0;
    width:100%;
    background:none;
    margin:5px 0;
}
#frame-main hr.no-border-veryshort {
	display:block;
	height:0;
	width:100%;
	background:none;
	margin:3px;
}
#frame-main .float-right {
    float:right;
}
#frame-main .float-left {
    float:left;
}
/* ----------------------------------------
	 Frame-main print
 ---------------------------------------- */
.print-container {
	size: A4 landscape;
	page-break-before: auto;
}
.print-container:last-child{
	page-break-after: auto;
}
.display-print {
	width:100%!important;
	background: #fff!important;
	padding:8px!important;
}
.print-container h2 {
	width:100%!important;
	display:block!important;
	padding-top:8px!important;
	font-size:14px!important;
	line-height:16px!important;
	height:36px!important;
}
.print-container h2::before {
	font-size:10px!important;
	width:36px!important;
	height:36px!important;
}
.print-container h3 {
	font-size:11px!important;
	margin-bottom:2px!important;
}
.display-print table.table-base th,
.display-print table.table-base td {
	font-size:10px!important;
	line-height:1.4em!important;
	padding:0.1em 0.3em!important;
}
.print-container p {
	font-size:9px!important;
	line-height:1.4em!important;
}
@media print {
	.no-print {
		display: none;
	}
}
/* ----------------------------------------
     Frame-main page top
 ---------------------------------------- */
#frame-main a.pagetop-fixed {
    width:auto;
    font-size:11px;
    line-height:1.2;
    text-decoration:none;
    padding:1em 1em 1em 2em;
    color:#fff;
    position:fixed;
    left:800px;
    bottom:10px;
    background:#353A40 url("../images/pagetop-arr.png") no-repeat center left 8px / 8px 4px;
    transition: 0.2s;
}
#frame-main a.pagetop-fixed:hover {
    background:#3C8DCC url("../images/pagetop-arr.png") no-repeat center left 8px / 8px 4px;
}
/* ----------------------------------------
     Frame-main faq
 ---------------------------------------- */
#frame-main .top-faq-outline ul {
    display:flex;
    flex-wrap: wrap;
}
#frame-main .top-faq-outline ul li{
    width:33%;
    padding:3px 8px;
    background:url("../images/information-arr.png") no-repeat top 15px left / 8px 4px;
}
#frame-main .top-faq-outline ul li a {
    text-decoration:none;
    font-size:12px;
    line-height:1.6;
    padding:4px;
}
#frame-main .top-faq-outline ul li a:hover,
#frame-main .top-faq-index ul li a:hover {
    background:#3C8DCC;
    color:#fff;
}
#frame-main .top-faq-index ul {
    text-indent: -1em;
    margin-left: 1em;
}
#frame-main .top-faq-index ul li {
    margin-bottom:4px;
}
#frame-main .top-faq-index ul li:last-child {
    margin-bottom:0;
}
#frame-main .top-faq-index ul li::before {
    content:"Q.";
    font-size:12px;
    line-height:1.6;
    font-weight:bold;
    color:#999;
}
#frame-main .top-faq-index ul li a {
    text-decoration:none;
    font-size:12px;
    line-height:1.6;
    padding:4px;
}
#frame-main .top-faq-Q {
    margin-bottom:20px;
    padding:5px 0 0 2em;
    position:relative;
}
#frame-main .top-faq-Q p {
    font-weight:bold;
    color:#3C8DCC;
}
#frame-main .top-faq-Q::before {
    position:absolute;
    top:0;
    left:0;
    padding:0.3em 0.6em;
    content:"Q";
    font-size:12px;
    line-height:1.6;
    font-weight:bold;
    color:#fff;
    background:#3C8DCC;
}
#frame-main .top-faq-A {
    padding:5px 0 0 2em;
    position:relative;
}
#frame-main .top-faq-A::before {
    position:absolute;
    top:0;
    left:0;
    padding:0.3em 0.6em;
    content:"A";
    font-size:12px;
    line-height:1.6;
    font-weight:bold;
    color:#fff;
    background:#353A40;
}
#frame-main .top-faq-A ol,
#frame-main .top-faq-A ul {
    font-size:12px;
    line-height:1.6;
    margin-left:1em;
}
#frame-main .top-faq-A ol li {
    list-style-type:decimal;
    margin-bottom:1em;
}
#frame-main .top-faq-A ul li {
    list-style-type:disc;
    margin-bottom:1em;
}
#frame-main .top-faq-A ol li:last-child,
#frame-main .top-faq-A ul li:last-child {
    margin-bottom:0;
}
/* ----------------------------------------
     Frame-main manual-dl
 ---------------------------------------- */
#frame-main .manual-dl h3 {
    margin:20px 0 16px 0;
}
#frame-main .manual-dl ul li {
    margin-bottom:16px;
    font-size:12px;
    line-height:1.6;
}
#frame-main .manual-dl ul li:last-child,
#frame-main .manual-dl ol li:last-child {
    margin-bottom:0;
}
#frame-main .manual-dl ul li a {
    text-decoration:none;
    font-size:12px;
    line-height:1.6;
    padding:3px 0;
}
#frame-main .manual-dl ul li span.manual-extension {
    background:#353A40;
    font-size:10px;
    line-height:1.2;
    padding:3px 6px;
    margin-left:6px;
    color:#fff;
}
#frame-main .manual-dl ul li p.text-before-line {
    margin:4px 0 0 28px;
}
#frame-main p.text-before-line::before {
    display:inline-block;
    content:"";
    width:24px;
    height:1px;
    background:#999;
    margin:0 4px 3px -28px;
}
#frame-main .manual-dl ol {
    font-size:12px;
    line-height:1.6;
    margin-left:1em;
}
#frame-main .manual-dl ol li {
    list-style-type:decimal;
    margin-bottom:1em;
}
#frame-main .manual-dl ol li img {
    display:block;
    margin-top:12px;
}
/* ----------------------------------------
     Frame-main main-width
 ---------------------------------------- */
#frame-main .main-container {
    width:760px;
    background:#fff;
}
#frame-main .main-width600 {
    width:600px;
    padding:20px;
}
#frame-main .alert-width600 {
    width:600px;
    padding:20px;
    background:#E6E6E6;
    border:2px solid #ccc;
}
/* Step */
#frame-main .main-width160 {
    width:160px;
    background:#E6E6E6;
    padding:20px 8px;
}
/* generic-width */
#frame-main .main-width200 {
    width:200px;
}
#frame-main .main-width210 {
	width:210px;
}
#frame-main .main-width230 {
    width:230px;
}
#frame-main .main-width244 {
    width:244px;
}
#frame-main .main-width275 {
    width:275px;
}
#frame-main .main-width300 {
    width:300px;
}
#frame-main .main-width320 {
    width:320px;
}
#frame-main .main-width350 {
    width:350px;
}
#frame-main .main-width355 {
	width:355px;
}
#frame-main .main-width375 {
    width:375px;
}
#frame-main .main-width390 {
	width:390px;
}
#frame-main .main-width400 {
	width:400px;
}
#frame-main .main-width430 {
	width:430px;
}
#frame-main .main-width450 {
    width:450px;
}
#frame-main .main-width728 {
	width:728px;
}
#frame-main .main-width100per {
    width:100%;
}
#frame-main .main-width63per {
	width:63%;
}
#frame-main .main-width50per {
	width:50%;
}
#frame-main .main-width49per {
	width:49.5%;
}
#frame-main .main-width36per {
	width:36%;
}
#frame-main .main-width24per {
	width:24%;
}
#frame-main .padding20 {
	padding:20px;
}
#frame-main.padding7 {
	padding:7px!important;
}
/* ----------------------------------------
     Frame-main top-information
 ---------------------------------------- */
#frame-main .top-information h3 {
    border-bottom:1px solid #ccc;
    margin-bottom:12px;
    padding-bottom:4px;
}
#frame-main .top-information ul li {
    margin-bottom:10px;
    font-size:12px;
    line-height:1.4em;
    padding-left:0.8em;
    background:url("../images/list-circle-glay.png") no-repeat center left / 4px;
}
#frame-main .top-information dl,
#frame-main .top-information-pagelink dl{
    display:flex;
    font-size:12px;
    line-height:1.4em;
    width:100%;
    flex-wrap: wrap;
}
#frame-main .top-information dl dt {
    width:20%;
    margin-bottom:10px;
}
#frame-main .top-information dl dt.dt-new-icon::after {
    content:"NEW";
    color:#fff;
    font-size:10px;
    line-height:1.2;
    background:#FF631D;
    padding:2px 4px;
    border-radius:3px;
    margin-left:4px;
}
#frame-main .top-information dl dd {
    width:80%;
    margin-bottom:10px;
}
#frame-main .top-information-pagelink dl dt {
    width:12%;
    margin-bottom:10px;
}
#frame-main .top-information-pagelink dl dd {
    width:88%;
    margin-bottom:10px;
    padding-left:1em;
    background:url("../images/information-arr.png") no-repeat center left / 8px 4px;
}
#frame-main .top-information-day {
    background:#E6E6E6;
    padding:20px;
    width:15%;
    text-align:center;
}
#frame-main .top-information-text {
    width:85%;
    padding:20px;
}
#frame-main .top-information-text h3 {
    margin-bottom:16px;
}
#frame-main .top-information-text h4 {
    margin:16px 0 4px 0;
}
/* ----------------------------------------
     alert-top-width600
 ---------------------------------------- */
#frame-main .alert-top-width600 {
    width:600px;
    padding:0;
    background:#353A40;
}
#frame-main .alert-top-width600 h1 {
    font-size:0;
    line-height:0;
    text-align:center;
    padding:40px 0 30px 0;
}
#frame-main .alert-top-width600 h1 img {
    width:50%;
}
#frame-main .alert-top-width600 h2 {
    background:none;
    color:#fff;
    line-height:1.6;
    text-align:center;
    border-top:1px solid #999;
    font-size:16px;
}
#frame-main .alert-top-width600 h2::before,
#frame-main .alert-top-width600 h2::after{
    content:none;
}
#frame-main .alert-top-width600 .alert-body {
    background:#fff;
    padding:40px;
}
#frame-main .alert-top-width600 a {
    font-size:12px;
}
#frame-main .alert-top-width600 p.alert-copy {
    color:#888;
    font-size:10px;
    padding:10px 20px;
    text-align:center;
    border-top:1px solid #f0f0f0;
    background:#fff;
}
#frame-main .norton img {
    width:112px;
}
#frame-main .norton {
    margin-bottom:10px;
}
/* ----------------------------------------
     Frame-main table
 ---------------------------------------- */
#frame-main table.table-base {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #CCC;
    background:#fff;
}
#frame-main table.table-bgnone {
    background:none;
}
#frame-main table.borderred {
	border:solid 2px #FF631D;
}
#frame-main table.borderblue {
	border:solid 2px #2ba2fe;
}
#frame-main table.table-base-noborder-borderbtm {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	background:#fff;
}
#frame-main table.table-base-noborder-borderbtm th,
#frame-main table.table-base-noborder-borderbtm td {
	border-bottom: 1px solid #CCC;
	font-size:12px;
	line-height:1.6em;
	padding:0.5833em;
	font-weight:normal;
	text-align:left;
}
#frame-main table.table-base-noborder-borderbtm tr:last-child th,
#frame-main table.table-base-noborder-borderbtm tr:last-child td {
	border: none;
}
#frame-main table.table-base th,
#frame-main table.table-base td {
    border: 1px solid #CCC;
    font-size:12px;
    line-height:1.6em;
    padding:0.5833em;
    font-weight:normal;
    text-align:left;
}
#frame-main table.table-base.short th,
#frame-main table.table-base.short td {
	padding:0.2915em;
}
#frame-main table.table-base-noborder {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    background:#fff;
}
#frame-main table.table-base-noborder th,
#frame-main table.table-base-noborder td {
    border: none;
    font-size:12px;
    line-height:1.6em;
    padding:0.5833em;
    font-weight:normal;
    text-align:left;
    background:none!important;
}
#frame-main table.table-base th.table-sort-btn {
    cursor:pointer;
}
#frame-main table.table-base th.table-sort-btn:hover {
    background:#d0d0d0;
}
#frame-main table.table-base th.table-sort-btn.selected {
	background:#ccc;
}

#frame-main table.table-center th,
#frame-main table.table-center td {
    text-align:center;
}
#frame-main table.table-right td {
    text-align:right;
}
#frame-main table.table-th-color th {
    background:#E9E9E9;
}
#frame-main table.table-th-nowrap th {
	white-space: nowrap;
}
#frame-main table.table-th-wrap th{
    white-space: nowrap;
    font-weight:bold;
}
#frame-main table td.textalign-left,
#frame-main table th.textalign-left {
    text-align:left;
}
#frame-main table td.textalign-right,
#frame-main table th.textalign-right {
    text-align:right;
}
#frame-main table.table-width-normal {
    width:760px;
}
#frame-main table.table-width-100per {
    width:100%;
}
#frame-main table.table-width-auto {
    width:auto;
    min-width:760px;
}
#frame-main table .cellcolor-skyblue {
    background:#EFF8FF!important;
}
#frame-main table .cellcolor-yellow {
    background:#FFFF9B!important;
}
#frame-main table .cellcolor-orange {
    background:#FFD26C!important;
}
#frame-main table span.cellcolor-borderred {
    display:block;
    width:100%;
    height:100%;
    border:solid 2px #FF631D;
}
#frame-main table img.table-icon-folder {
    width:16px;
    margin-right:12px;
}
#frame-main table th.indent-1 {
    padding-left:1.6em;
}
#frame-main table th.indent-2 {
    padding-left:3.2em;
}
#frame-main table th.vertical-rl {
    writing-mode: vertical-rl;
    text-align: center;
}
/* ----------------------------------------
     Frame-main tab-nav
 ---------------------------------------- */
#frame-main table.tab-nav {
    border-collapse: collapse;
    border-spacing:0;
    width:760px;
    border-bottom:solid 2px #103B83;
}

#frame-main table.tab-fixed {
    border-collapse: collapse;
    border-spacing:0;
    width:760px;
    border-bottom:solid 2px #103B83;
}

#frame-main table.tab-nav-bordertop {
    border-top:solid 2px #103B83;
    border-bottom:none;
}
#frame-main table.tab-nav-bordernone {
    border:none;
}
#frame-main table.tab-nav td {
    text-align:center;
    padding:0 2px 0 0;
    margin:0;
}
#frame-main table.tab-nav td:last-child {
    padding:0;
}
#frame-main table.tab-nav td input {
    display:block;
    color:#fff;
    font-size:12px;
    line-height:1.4em;
    text-decoration:none;
    background:#3C8DCC;
    width:106px;
    height:100%;
    padding:1.1666em 0;
    transition: 0.2s;
}
#frame-main table.tab-nav td input.tab-inputmenu-long {
    letter-spacing:-0.1em;
    width:109px;
}
#frame-main table.tab-nav td input:hover {
    background:#62AFEB;
}
#frame-main table.tab-nav td input.nolink {
    pointer-events: none;
    background:#A7B5BF;
}
#frame-main table.tab-nav td input.selected {
    pointer-events: none;
    background:#103B83;
}
/* ----------------------------------------
     Frame-main main-operation-step
 ---------------------------------------- */
#frame-main .main-operation-step h3 {
    color:#666;
    font-size:12px;
    line-height:1.4em;
    font-weight:normal;
    text-align:center;
    margin-bottom:8px;
}
#frame-main .main-operation-step ul {
    font-size:12px;
    line-height:1.4em;
}
#frame-main .main-operation-step ul li {
    text-align:center;
    position:relative;
    padding:0.466em 0;
    margin-bottom:20px;
}
#frame-main .main-operation-step ul li.selected {
    border:solid 1px #ccc;
    background:#EFEFEF;
}
#frame-main .main-operation-step ul li::after {
    position: absolute;
    right: 0;
    left:0;
    bottom:-24px;
    margin:0 auto;
    content: url("../images/operation-step-arr.png");
    display: block;
    transform: scale(0.4285);
}
#frame-main .main-operation-step ul li:last-child::after {
    content:none;
}
/* ----------------------------------------
     Frame-main main-date-box
 ---------------------------------------- */
#frame-main .main-date-box img {
    max-width:100%;
    height:auto;
}
#frame-main .main-date-box input[type="text"] {
    padding:0.2em;
    width:8em;
    font-size:12px;
    line-height:1.4em;
}
#frame-main .main-date-box input[type="text"]:read-only{
	background-color: #f0f0f0;
	color: #666;
}
#frame-main .main-date-box input[type="text"].num-noframe {
    text-align:right;
}
#frame-main .main-date-box input[type="text"].num-noframe-left {
    text-align:left;
}
#frame-main .main-date-box input[type="text"].num-frame {
    text-align:right;
    border:solid 1px #ccc;
}
#frame-main .main-date-box input[type="text"].num-frame-thin {
    background:#ddd;
}
#frame-main .main-date-box input[type="text"].num-frame-left {
    text-align:left;
    border:solid 1px #ccc;
}
#frame-main .main-date-box input[type="text"].num-frame:focus {
    border:solid 1px #3C8DCC;
    box-shadow: 0 0 4px #ccc;
}
#frame-main .main-date-box input[type="text"].num-frame-mini {
    width:4em;
}
#frame-main .main-date-box input[type="text"].num-frame-shorts {
    width:6em;
}
#frame-main .main-date-box input[type="text"].num-frame-normal {
    width:12em;
}
#frame-main .main-date-box input[type="text"].num-frame-semilong {
    width:16em;
}
#frame-main .main-date-box input[type="text"].num-frame-long {
    width:24em;
}
#frame-main .main-date-box input[type="button"].short-btn {
    display:inline-block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background:#5D6166;
    font-size:12px;
    line-height:1.6em;
    padding:0.3em 0.8em;
    transition: 0.2s;
}
#frame-main .main-date-box input[type="button"].short-btn:hover {
    opacity:0.6;
}
#frame-main .main-date-box input[type="button"].short-btn-spotlight {
    padding:0.3em 2.4em;
    font-weight:bold;
}
#frame-main .main-date-box .select-container{
  margin: 0;
  position: relative;
  border:solid 1px #ccc;
  width: 16em;
  background:#fff;
}
/* CM001のスクロールバー修正のため追加 from */
#frame-main .main-date-box .select-container_CM001{
  margin: 0;
  position: relative;
  border:solid 1px #ccc;
  width: 16em;
  background:#fff;
}
/* CM001のスクロールバー修正のため追加 to */
#frame-main .main-date-box .select-container-xsmall{
    display:inline-block;
    width: 4em;
}
#frame-main .main-date-box .select-container-small{
    display:inline-block;
    width: 6em;
}
#frame-main .main-date-box .select-container-free {
    display:block;
    width: 100%;
}
#frame-main .main-date-box .select-container select {
    font-size:12px;
    line-height:1.6em;
    padding:0.2em 0.6em;
    width: 100%;
}
#frame-main .main-date-box .select-container::before {
    border-bottom: 4.5px solid #5D6166;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    position: absolute;
    right: 4px;
    top: 5px;
    width: 0;
}
#frame-main .main-date-box .select-container::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4.5px solid #5D6166;
    content: "";
    position: absolute;
    right: 4px;
    bottom: 5px;
    width: 0;
}
/* CM001のスクロールバー修正のため追加 from */
#frame-main .main-date-box .select-container_CM001 select {
    font-size:12px;
    line-height:1.6em;
    padding:0.2em 0.6em;
    width: 100%;
}
/* CM001のスクロールバー修正のため追加 to */
#frame-main .main-date-box textarea {
    font-size:12px;
    line-height:1.4em;
    border:solid 1px #ccc;
    padding:3px;
}
#frame-main .main-date-box textarea.textarea-size-100per {
    width:100%;
    background:#fff;
    height:8em;
}
#frame-main .main-date-box textarea.textarea-size-100per-short {
    height:2em;
}
/* ----------------------------------------
     Frame-main main-user-link
 ---------------------------------------- */
#frame-main .main-user-link {
    width:100%;
}
#frame-main .main-user-link ul {
    display:flex;
}
#frame-main .main-user-link input.userdate {
    display:block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background:#5D6166;
    font-size:12px;
    line-height:40px;
    width:166px;
    transition: 0.2s;
}
#frame-main .main-user-link input.userdate-short {
	width:120px;
	line-height:32px;
}
#frame-main .main-user-link input.userdate-large {
    width:224px;
    margin:0;
    font-size:14px;
    font-weight:bold;
}
#frame-main .main-user-link button.main-user-btn-green {
    display:block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background:#15B213;
    font-size:14px;
    line-height:40px;
    font-weight:bold;
    margin:0 2px;
    width:224px;
}
#frame-main .main-user-link button.main-user-btn-green-auto {
    margin:0 auto;
    padding:0 1em;
    width:auto;
}
#frame-main .main-user-link button.main-user-btn-green-margin0 {
    margin:0;
    padding:0 1em;
    width:auto;
}
#frame-main .main-user-link button.main-user-btn-black {
    display:block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background:#5D6166;
    font-size:14px;
    line-height:40px;
    font-weight:bold;
    margin:0;
    width:224px;
}
#frame-main .main-user-link input.userdate:hover,
#frame-main .main-user-link button.main-user-btn-green:hover,
#frame-main .main-user-link button.main-user-btn-black:hover {
    opacity:0.6;
}
/* ----------------------------------------
 Frame-main radio btn
 ---------------------------------------- */
#frame-main .company-search label {
  position: relative;
  width:22px;
  height:22px;
  display: block;
  font-size:12px;
  line-height:1.6em;
}
#frame-main .company-search label.width-auto {
    width:auto;
    margin:10px 0 0 8px;
    padding:3px 0 0 28px;
}
#frame-main .company-search label.width-none {
    width:22px;
    margin:0;
    padding:0;
    display:inline-block;
}
#frame-main .company-search label.width-auto-inline {
    width:auto;
    margin:0 16px 0 0;
    padding:2px 0 2px 28px;
    display:inline-block;
}
#frame-main .company-search input[type=radio] + label::before {
  position: absolute;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ccc;
  left: 2px;
  top: 2px;
}
#frame-main .company-search input[type=radio] + label::after {
  position: absolute;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #103B83;
  left: 5px;
  top: 5px;
  opacity: 0;
  transition: .3s;
}
#frame-main .company-search input[type=radio]:checked + label::after {
    opacity: 1;
}
/* ----------------------------------------
 Frame-main file
 ---------------------------------------- */
#frame-main .company-search .filelabel{
    display: inline-block;
    width:16em;
    height:auto;
    text-align:center;
    color:#fff;
    background:#5D6166;
    padding:0.3em;
    transition: 0.2s;
}
#frame-main .company-search .filelabel:hover {
    opacity: 0.7;
}
/* ----------------------------------------
 Frame-main checkbox
 ---------------------------------------- */
#frame-main .company-search input[type=checkbox] + label::before {
  position: absolute;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #ccc;
  left: 3px;
  top: 3px;
  margin:0;
  padding:0;
}
#frame-main .company-search input[type=checkbox] + label::after {
    border-right: 2px solid #103B83;
    border-bottom: 2px solid #103B83;
    position: absolute;
    content: '';
    display: block;
    width: 6px;
    height: 12px;
    left: 9px;
    top: 50%;
    margin-top: -7px;
    transform: rotate(45deg);
    opacity: 0;
    transition: .3s;
}
#frame-main .company-search input[type=checkbox]:checked + label::after {
    opacity: 1;
}
/* ----------------------------------------
 Frame-main seach-result
 ---------------------------------------- */
#frame-main .seach-result {
    margin-top:20px;
}
#frame-main .seach-result a {
    padding:0.5em 0.3em;
    color:#3C8DCC;
    text-decoration:none;
    margin:0 1px;
}
#frame-main .seach-result span.selected {
    padding:0.5em 0.3em;
    /*background:#fff;*/
    border-bottom:solid 1px #999;
    color:#999;
    margin:0 2px;
}
#frame-main .seach-result a:hover {
    background:#3C8DCC;
	color:#fff;
    /*border:solid 1px #62AFEB;*/
}
/* ----------------------------------------
 Frame-main scroll-area
 ---------------------------------------- */
.scroll-area {
  border: 1px solid #ccc;
  background:#ff;
  height: 240px;
  overflow-y: scroll;
  overflow-x: hidden;
  white-space: nowrap;
}
.scroll-area.short {
	height: 104px;
}
.scroll-area::-webkit-scrollbar {
  width: 6px;
}
.scroll-area::-webkit-scrollbar-thumb {
  background: #5D6166;
}
.scroll-area::-webkit-scrollbar-track {
  background: #ddd;
}
/* 今までinputタグのみグレーボタンが表示できたため、buttonタグのグレーボタンを表示する記述を一時的に追加 from  */
#frame-main .main-user-link button.userdate {
    display:block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background:#5D6166;
    font-size:12px;
    line-height:40px;
    width:164px;
    transition: 0.2s;
}
#frame-main .main-user-link button.userdate:hover {
	opacity:0.6;
}
/* 今までinputタグのみグレーボタンが表示できたため、buttonタグのグレーボタンを表示する記述を一時的に追加 to  */
/* 今までbuttonタグのみ緑ボタンが表示できたため、inputタグの緑ボタンを表示する記述を一時的に追加 from  */
#frame-main .main-user-link input.main-user-btn-green {
    display:block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background:#15B213;
    font-size:14px;
    line-height:40px;
    font-weight:bold;
    margin:0 2px;
    width:224px;
}
#frame-main .main-user-link input.main-user-btn-green:hover {
	opacity:0.6;
}
/* 今までbuttonタグのみ緑ボタンが表示できたため、inputタグの緑ボタンを表示する記述を一時的に追加 to  */
/* KJ101.jsp内で表の大きさを調整するために追加 from  */
#frame-main .main-width250 {
    width:250px;
}
/* KJ101.jsp内で表の大きさを調整するために追加 to  */

/* input[type="password"]版のnum-frame-leftがないため追加 from */
#frame-main .main-date-box input[type="password"].num-frame-left {
    text-align:left;
    border:solid 1px #ccc;
}

#frame-main .main-date-box input[type="password"] {
    padding:0.2em;
    width:8em;
    font-size:12px;
    line-height:1.4em;
}

#frame-main .main-date-box input[type="password"].num-frame:focus {
    border:solid 1px #3C8DCC;
    box-shadow: 0 0 4px #ccc;
}
#frame-main .main-date-box input[type="password"].num-frame-mini {
    width:4em;
}
#frame-main .main-date-box input[type="password"].num-frame-shorts {
    width:6em;
}
#frame-main .main-date-box input[type="password"].num-frame-normal {
    width:12em;
}
#frame-main .main-date-box input[type="password"].num-frame-semilong {
    width:16em;
}
#frame-main .main-date-box input[type="password"].num-frame-long {
    width:24em;
}
/* input[type="password"]版のnum-frame-leftがないため追加 to */

/* input型でtypeがsubmit型のshort-btnが無かったため作成 from  */
#frame-main .main-date-box input[type="submit"].short-btn {
    display:inline-block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background:#5D6166;
    font-size:12px;
    line-height:1.6em;
    padding:0.3em 0.8em;
    transition: 0.2s;
}
#frame-main .main-date-box input[type="submit"].short-btn:hover {
    opacity:0.6;
}
#frame-main .main-date-box input[type="submit"].short-btn-spotlight {
    padding:0.3em 2.4em;
    font-weight:bold;
}
/* submit型のshort-btnが無かったため作成 to  */

/* input型でtypeがsubmit型のshort-btnが無かったため作成 from  */
#frame-main .main-date-box button[type="submit"].short-btn {
    display:inline-block;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background:#5D6166;
    font-size:12px;
    line-height:1.6em;
    padding:0.3em 0.8em;
    transition: 0.2s;
}
#frame-main .main-date-box button[type="submit"].short-btn:hover {
    opacity:0.6;
}
#frame-main .main-date-box button[type="submit"].short-btn-spotlight {
    padding:0.3em 2.4em;
    font-weight:bold;
}
/* submit型のshort-btnが無かったため作成 to  */

/* ZJ105.jsp内でnum-noframeでかつread-onlyの場合テキストを白色にする記述がないため追加 from  */
#frame-main .main-date-box input[type="text"].num-noframe-white {
    text-align:right;
    background-color: #ffffff;
	color: #666;
	border-style:none;
}
/* ZJ105.jsp内でnum-noframeでかつread-onlyの場合テキストを白色にする記述がないため追加 to  */

/* 必須項目のテキストが受領したCSS内に無かったためstyle-common.cssから移植 from */
input.req
	{ background-color: #FFDDFF; font-size:10pt; }
input.req_n
	{ ime-mode: disabled; background-color: #FFDDFF; font-size:10pt; }
/* 必須項目のテキストが受領したCSS内に無かったためstyle-common.cssから移植 to */

/* 表の背景色を変更する from */
td.t_blue_c
	{ font-size:8pt;  line-height:12pt; color:#000000; background:#E9E9E9; padding:2px 1px; word-break: break-all; text-align:center;}
td.color
	{ font-size:9pt; line-height:12pt; color:#000000; background:#FFFFFF; padding:2px 1px; text-align:center; word-break: break-all; }
td.color_0
	{ font-size:9pt; line-height:12pt; color:#000000; background:#FFFFFF; padding:2px 1px; text-align:center; word-break: break-all; }
td.color_1_99
	{ font-size:9pt; line-height:12pt; color:#000000; background:#EFF8FF; padding:2px 1px; text-align:center; word-break: break-all; }
td.color_100_499
	{ font-size:9pt; line-height:12pt; color:#000000; background:#FFFF9B; padding:2px 1px; text-align:center; word-break: break-all; }
td.color_500
	{ font-size:9pt; line-height:12pt; color:#000000; background:#FFD26C; padding:2px 1px; text-align:center; word-break: break-all; }
td.target_color
	{ font-size:9pt; line-height:12pt; color:#000000; background:#FFFFFF; padding:1px 10px; text-align:center; word-break: break-all; }/* spanタグにて赤枠を追加するため画像を削除  */
td.target_color_0
	{ font-size:9pt; line-height:12pt; color:#000000; background:#FFFFFF; padding:1px 10px; text-align:center; word-break: break-all; }/* spanタグにて赤枠を追加するため画像を削除  */
td.target_color_1_99
	{ font-size:9pt; line-height:12pt; color:#000000; background:#EFF8FF; padding:2px 1px; text-align:center; word-break: break-all; }/* spanタグにて赤枠を追加するため画像を削除  */
td.target_color_100_499
	{ font-size:9pt; line-height:12pt; color:#000000; background:#FFFF9B; padding:2px 1px; text-align:center; word-break: break-all; }/* spanタグにて赤枠を追加するため画像を削除  */
td.target_color_500
	{ font-size:9pt; line-height:12pt; color:#000000; background:#FFD26C; padding:2px 1px; text-align:center; word-break: break-all; }/* spanタグにて赤枠を追加するため画像を削除  */
td.matrix_y
	{ font-size:9pt; line-height:9pt; color:#000000; padding:1px 1px; word-break: break-all; }
/* 表の背景色を変更する to */

/* inputボタンを非活性にするデザインが受領したCSS内に無かったためstyle-common.cssから移植 from */
input[disabled],
button[disabled] {
	color:#7d7d7d !important;
	cursor: none;
	pointer-events: none;
}
/* inputボタンを非活性にするデザインが受領したCSS内に無かったためstyle-common.cssから移植 to */

/* TF101.jsp内でnum-frameでかつread-onlyの場合テキストを白色にする記述がないため追加 from  */
#frame-main .main-date-box input[type="text"].num-frame-white {
	background-color: #ffffff;
	color: #666;
}
/* TF101.jsp内でnum-frameでかつread-onlyの場合テキストを白色にする記述がないため追加 to  */

/* CA103.jsp内でチェックボックスがdisabledの場合、labelを非活性のように見せる記述がないため追加 from  */
#frame-main .company-search label.labeldisabled {
  cursor: none;
  color: #666;
}
#frame-main .company-search input[type=checkbox] + label.labeldisabled::before {
  position: absolute;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background: #F2F2F2 !important;
  border: 1px solid #ccc;
  left: 3px;
  top: 3px;
  margin:0;
  padding:0;
}
/* CA103.jsp内でチェックボックスがdisabledの場合、labelを非活性のように見せる記述がないため追加 to  */

/* 受領デザインではbuttonタグで作成されており、該当箇所の当て込みができないので作成 from  */
#frame-main .main-user-link input[type="button"].main-user-btn-black {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #5D6166;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
    margin: 0;
    width: 224px;
}

#frame-main .main-user-link input[type="button"].main-user-btn-black:hover {
	opacity:0.6;
}
/* 受領デザインではbuttonタグで作成されており、該当箇所の当て込みができないので作成 to  */

/* 受領デザインで緑色のボタンを調整するcssがないため追加 from  */
#frame-main .main-user-link input.main-user-btn-green-auto {
    margin:0 auto;
    padding:0 1em;
    width:auto;
}
#frame-main .main-user-link input.main-user-btn-green-margin0 {
    margin:0;
    padding:0 1em;
    width:auto;
}
#frame-main .main-user-link input.main-user-btn-green-normal {
    margin:0;
    padding:0 1em;
    width:166px;
}
/* 受領デザインで緑色のボタンを調整するcssがないため追加 to  */
/* UA001.jsp内でチェックボックスがdisabledの場合、labelを非活性のように見せる記述がないため追加 from  */
#frame-main .company-search input[type=radio] + label.labeldisabled::before {
  position: absolute;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #F2F2F2 !important;
  border: 1px solid #ccc;
  left: 2px;
  top: 2px;
}
#frame-main .company-search input[type=radio] + label.labeldisabled::after {
  position: absolute;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #7d7d7d !important;
  left: 5px;
  top: 5px;
  opacity: 0;
  transition: .3s;
}

/* UA001.jsp内でチェックボックスがdisabledの場合、labelを非活性のように見せる記述がないため追加 to  */

/* UA001.jsp内でテーブルの長さが現行と同じ物がないため作成 from  */
#frame-main .main-width820 {
    width:820px;
}
/* UA001.jsp内でテーブルの長さが現行と同じ物がないため作成 to  */

/* 以前作成した形式だとうまくできなかったため作成 from  */
#frame-main .main-user-link button.main-user-btn-green-normal {
    margin:0 auto;
    padding:0 1em;
    width:166px;
}
/* 以前作成した形式だとうまくできなかったため作成 to  */

/* テキスト左寄せで背景色が白色かつ枠なしのクラスがないため作成 from  */
#frame-main .main-date-box input[type="text"].num-noframe-white-left {
    text-align:left;
    background-color: #ffffff;
 color: #666;
 border-style:none;
}
/* テキスト左寄せで背景色が白色かつ枠なしのクラスがないため作成 to  */

/* CM003 検索結果の横幅を広げるため作成 from */
 #frame-main select.whidth100 {
	width: 100%;
}
/* CM003 検索結果の横幅を広げるため作成 to */

/* TF101 ボタンの大きさを揃えるため作成 from */
#frame-main table.tab-fixed td {
    text-align:center;
    margin:0;
}

#frame-main table.tab-fixed td input {
    display:block;
    color:#fff;
    font-size:12px;
    line-height:1.4em;
    text-decoration:none;
    width:100%;
    height:100%;
    transition: 0.2s;
}
/* TF101  ボタンの大きさを揃えるため作成 to */

/* KJ001,CM003に旧デザイン反映のため追加　from */
#frame-main .default input[type=radio] + label,
#frame-main .default input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;

    font-size: 14px;
    line-height: 20px;

    cursor: pointer;
}


   #frame-main .default input[type=radio],
#frame-main .default input[type=checkbox]{
        display: none;
        margin: 0;
    }
   #frame-main .default input[type=radio] + label,
#frame-main .default input[type=checkbox] + label {
        padding: 0 0 0 22px;
        font-size: 13px;
    }
    #frame-main .default input[type=radio] + label::before,
#frame-main .default input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-left: 1px;

        background: #FFF;
    }

    #frame-main .default input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 20px;
    }

#frame-main .default input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }

    #frame-main .default input[type=radio]:checked + label::after,
#frame-main .default input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
     #frame-main .default input[type=radio]:checked + label::after{
        left: 5px;

        width: 8px;
        height: 8px;
        margin-top: -4px;

		background: #000000;
        border-radius: 8px;
    }
#frame-main .default input[type=checkbox]:checked + label::after {
        left: 3px;

        width: 16px;
        height: 8px;
        margin-top: -8px;

        border-left: 3px solid #000000;
        border-bottom: 3px solid #000000;

        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
/* KJ001,CM003に旧デザイン反映のため追加 to */

/*FU001に旧デザイン反映のため追加 from */
#frame-main .default2 input[type=checkbox] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
/*FU001に旧デザイン反映のため追加 to */

/*TF101 thの幅を固定するため追加　from */
#frame-main table th.width74 {
	width: 74px;
}
/*TF101 thの幅を固定するため追加 to */

/* No.1047対応 ADD FROM */
.mainte-month {
	background:#103B83;
	color:#fff;
	padding-left:10px;
	width:50px;
	height: 40px;
	font-size:14px;
	font-weight:bold;
}

.td-right {
	width: 300px;
	padding-right:25px;
}

.maintetable {
 	border-collapse:separate;
 	border-spacing:5px;
}

.note {
	color:#F00;
	margin-left:20px!important;
	font-size:12px;
}
/* No.1047対応 ADD TO */


/*  No.1147対応 ADD FROM */
dialog#dg1 {
  background-color:#d3d3d3;
  color:#333399;
  width: 750px;
  height: 350px;
  padding-top:30px;
  padding-bottom:5px;
  position:fixed;
  bottom: 10%;
}

#frame-main dialog#dg1 p{
  font-size:14px!important;
  font-weight: bold;
  line-height: 1.8em;
}

/* No.1047対応 DELETE FROM */
/*
#closebutton {
  background-color:#ffffff;
  width: 90px;
  height: 50px;
  border: 2px solid #333399;
  font-size:14px;
  font-weight: bold;
}
*/
/* No.1047対応 DELETE TO */

dialog#dg1 a:focus {
	outline: none;
}

dialog#dg1 a {
	font-size:13px;
	font-weight: bold;
}
/*  No.1147対応 ADD TO */