@charset "UTF-8";

/* =========================================================
   body
========================================================= */
body {
  font-size: 12.8px;
}

body,
td,
th,
select,
option,
input,
button,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "源ノ角ゴシック JP", "Noto Sans JP", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

/* =========================================================
   Doc
========================================================= */
.contentGpArticleDocs,
.contentGpCategory {
  position: relative;
  margin-top: 7px;
}
.contentGpArticleDocs .feed,
.contentGpCategory .feed {
  top: -3.7em;
  right: 0;
}
.contentGpArticleDoc {
  margin-top: 7px;
}
.links .feed {
  margin-top: 6px;
}
.links .more {
  padding: 5px 10px;
}
body {
  background-color: transparent;
}
li {
  line-height: 1.4;
}
[lang="en"] .contentGpArticleDocs h2.date,
[lang="en"] .contentGpArticleDoc .date {
  visibility: hidden;
}
.contentGpArticleDocs .docs ul:not(.feed) {
  padding: 0 10px 10px 0;
}
.contentGpCategory .docs ul:not(.feed) {
  padding: 0 10px 10px;
}
.contentGpArticleDocs .docs  ul:not(.feed) li,
.contentGpCategory .docs ul:not(.feed) li {
  margin-bottom: 3px;
  padding-left: 15px;
  background: url("./images/arrow01.gif") no-repeat left center;
}

/* docs
----------------------------------------------- */
.publishedAt {
  display: inline-block;
  min-width: 233px;
  margin: 0 auto 10px 0;
  padding: 2px 15px 2px 23px;
  border-radius: 3px;
  background: #0066cc url("./images/arrow.png") 7px center no-repeat;
  color: #fff;
  font-size: 120%;
  font-weight: bold;
}
.publishedAt:empty {
  display: none;
}
.body p {
  padding: 0 10px 10px;
}
.body p.indent {
  padding: 0 0 10px;
  text-indent: 1em;
}
.body ol {
  padding: 0 30px 10px;
}
.body ul {
  padding: 0 10px 10px;
}
.body li {
  min-height: 15px;
}
.body li img {
  margin-left: 3px;
  vertical-align: middle;
}
.body ul li {
  margin-bottom: 3px;
  padding: 0 0 0 15px;
  background: url("./images/arrow01.gif") left 0.2em no-repeat;
}
.body h2.marker2 {
  margin-bottom: 3px;
  padding: 0 0 0 15px;
  background: url("./images/arrow01.gif") left 0.2em no-repeat;
  color: #000;
}
.body ol li {
  padding-left: 0;
  background: none;
}
.body ul.sub li {
  margin-bottom: 3px;
  padding: 0 0 0 15px;
  background: url("./images/arrow02.gif") left 0.2em no-repeat;
}
.icon_none {
  padding: 0 0 10px;
}
.icon_none li {
  padding: 0;
  background: none;
}
.icon_none li span {
  display: inline-block;
  width: 85px;
}
.contentArticleDoc .header h1,
.contentArticleDoc .back {
  display: none;
}
.olList {
  padding-left: 2em;
  text-indent: -2em;
}

/* content
----------------------------------------------- */
table {
  width: auto;
  margin-bottom: 10px;
}
table caption {
  padding: 0;
}
th, td {
  padding: 4px 8px;
}
th {
  background: #0c57f3;
  color: #fff;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
table img {
  vertical-align: middle;
}

/* seminars */
.doc .marker {
  padding-left: 16px;
  background: url("./images/red_arrow.gif") left 0.3em no-repeat;
  font-size: 120%;
}
.doc ul.marker {
  background: none;
  font-size: 100%;
}
.doc ul.marker li {
  padding-left: 16px;
  background: url("./images/red_arrow.gif") left 0.3em no-repeat;
}
.doc .strong li {
  font-weight: bold;
}
.doc .seminars td {
  text-align: center;
}
.doc .seminars .time {
  width: 255px;
}
.doc .seminars .material {
  width: 40px;
}
.doc .seminars .graph {
  width: 50px;
}
.doc .participants {
  color: #0c57f3;
  font-weight: bold;
}
.doc p.participants {
  color: #0c57f3;
  font-weight: normal;
}
.doc .procedure .output {
  width: 255px;
}
.doc .existing {
  background-color: #ffff00;
}
/* 業務仕様書 */
.seminars, .procedure, .edifact, .naccs-edi {
  width: auto;
}
.edifact .output {
  width: 560px;
}
.naccs-edi {
  width: 580px;
}
.naccs-edi td {
  text-align: center;
}
.attention {
  color: #ee0000;
}
.naccsLink:before, .naccsLink:after,
.tile:before, .tile:after {
  content: "";
  display: table;
}
.naccsLink:after, .tile:after {
  clear: both;
}
.naccsLink, .tile {
  zoom: 1;
}
.naccsLink h3 {
  float: left;
}
.naccsLink a {
  float: left;
  padding: 5px 0 0;
}

/* プロバイダー一覧 */
.tile {
  padding: 0 44px;
}
.tile p {
  float: left;
  margin: 0 15px 7px;
  padding: 0;
  text-align: center;
}
.tile p span a {
  margin: 0 2px;
}
.tile p span a img {
  vertical-align: top;
}

/* 接続試験カレンダー */
.legend {
  width: auto;
}
.legend, .legend th, .legend td {
  border: none;
}
.legend th, .legend td {
  width: 80px;
}
.legend .nothing {
  font-weight: bold;
  text-align: center;
}
.phase0 {
  background: #0080ff;
}
.phase1 {
  background: #c1ffc1;
}
.phase2 {
  background: #ffff00;
}
.calendar {
  width: 100%;
  margin-bottom: 0;
}
.calendar caption {
  padding: 2px;
  border: 1px solid #adadad;
  background: #000080;
  color: #fff;
  font-size: 120%;
  text-align: center;
}
.calendar th {
  width: 14%;
  background: #fff;
  color: #000;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}
.calendar td .attention {
  margin-left: 1em;
}
.calendar .sun {
  color: #ee0000;
}
.calendar .sat {
  color: #0000cc;
}
.calendar .nothing {
  margin-left: 3em;
  color: #000;
  font-weight: bold;
}
.calendar .check {
  margin-left: 3em;
  color: #000;
}
.calendar td img {
  margin-left: 3em;
}
span.phase1 {
  display: inline-block;
  width: 20px;
  margin-left: 5px;
}
span.phase2 {
  display: inline-block;
  width: 71px;
}

/* FAQ NACCS */
.faq th {
  width: 70px;
  background: none;
  color: #000;
  font-weight: normal;
  text-align: left;
}
.faq .question th, .faq .question td {
  background: #eee;
}
.faq .question td {
  color: #0c57f3;
}
.faq .answer th {
  text-align: right;
}
.faq ul {
  padding: 0;
}
.faq li {
  margin: 0;
}