@CHARSET "UTF-8";
* {
  margin: 0px;
  padding: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
  box-sizing: border-box;
}

body {
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333;
  min-width: 980px;
  margin: 0 auto;
  padding: 0px;
  font-size: 16px;
  line-height: 1.5;
}

img {
  border: none;
  /*max-width: 100%;*/
}

ul {
  list-style-type: none;
}

a:link {
  color: #333;
  text-decoration: none;
}

a:active {
  color: #09c;
  text-decoration: underline;
}

a:visited {
  color: #777;
  text-decoration: none;
}

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

.bt10 {
  padding-bottom: 10px;
}

.bt20 {
  padding-bottom: 20px;
}

.mt20 {
  margin-top: 20px;
}

.pl1 {
  padding-left: 1rem;
}

.text-red {
  color: #c00;
}

.text-blue {
  color: #0070c0;
}

.text-orange {
  color: #f90;
}

.bg_red {
  background: #c00;
  color: #fff;
}

.text-s {
  font-size: small;
}

.bold {
  font-weight: bold;
}

.tb {
  font-weight: bold;
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.atention {
  color: red;
}

.og-waku {
  display: inline-block;
  border: solid 2px #ffbd00;
  width: 30px;
  height: 10px;
  margin: 0 5px;
}

.redbox {
  border: solid 1px #f00;
  color: #f00;
  padding: 5px;
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
}

.dot_box {
  border: dotted 2px #0070c0;
  background: #f0f0f0;
  padding: 5px;
  box-sizing: border-box;
}

.right {
  text-align: right;
  margin-right: 10px;
}

.center {
  text-align: center;
}

h4.column_index {
  font-size: 16px;
}

h4.subt {
  border-left: 8px solid #555;
  padding-left: 0.8rem;
  margin: 0 0 15px;
}

.marker {
  background: #ffff00;
}


/* ************* 赤線丸　page009-001-04.html ****** */
/* ************* page-a1-00.html ****** */

.red-line-circle {
  position: relative;
  color: #c00;
    font-weight: normal;
  margin-right: 5px;
}

.red-line-circle::before {
  position: absolute;
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: solid 1px #c00;
  border-radius: 50%;
  text-align: center;
  color: #c00;
  top: -0.8px;
  left: -2.5px;
}

/* ************* 赤線丸　page-a1-04.html ****** */
/* ************* page-a3-02.html、page-a1-001.html ****** */

.red-circle {
  position: relative;
  color: #c00;
}
.red-circle::before {
  position: absolute;
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: solid 1px #c00;
  top: -1.2px;
  left: -1.8px;
}

/* ************* clearfix  ***** */

header:after {
  clear: both;
}

article#index section::after,
main article section::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}


/* ********** column layout ********** */

.comment_2column {
  display: flex;
  flex-flow: row norap;
}

.comment_2column .item1 {
  margin-right: 12px;
}

.layout_2column {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.item1 {
  margin-right: 1rem/*5px*/
  ;
}

.item1,
.item2,
.reset_p {
  padding-left: 0;
  text-indent: 0;
}

.column_title_type01 {
  align-items: center;
}

.column_title_type01 p img {
  margin-right: 10px;
}

.column_text_type01 {
  margin: 10px 0 0 2.5rem;
}


/* ************* header ***** */

header {
  border-bottom: 2px solid #0093d6;
}

#header #headerCnt {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 12px 0 11px;
  width: 940px;
  min-height: 51px;
  position: relative;
}

#header #headerCnt #siteLogo {
  position: absolute;
  /* left: 0; */
  top: 10px;
  width: 143px;
}

#header #headerCnt #cntTit {
  margin: 0 153px;
  text-align: center;
}

#header #headerCnt #cntTit img {
  display: inline;
  vertical-align: bottom;
  width: 250px;
  height: auto;
}

#header h3 {
  box-sizing: content-box;
  display: inline-block;
  position: relative;
  left: 840px;
  width: 120px;
  background: #3598dc;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px;
  vertical-align: bottom;
  top: -30px;
  float: left;
}

#header .label::before {
  content: '空調機器オーナー様向け';
  width: 105px;
  color: #fff;
  background: #80b54a;
  text-align: center;
  line-height: 1.3;
  font-size: 12px;
  padding: 3px 0;
  position: absolute;
  right: 110px;
  top: 15px;
}

#header .label02::before {
  content: '販売店様向け';
  width: 105px;
  height: 37px;
  color: #fff;
  background: #0199cc;
  text-align: center;
  line-height: 1.3;
  font-size: 12px;
  padding: 3px 0;
  position: absolute;
  right: 110px;
  top: 15px;
  box-sizing: border-box;
  padding-top: 12px;
  padding-bottom: 12px;
}

#header .label03::before {
  content: 'ダイキン限定';
  width: 105px;
  height: 37px;
  color: #000;
  background: #00ccff;
  text-align: center;
  line-height: 1.3;
  font-size: 12px;
  padding: 3px 0;
  position: absolute;
  right: 110px;
  top: 15px;
  box-sizing: border-box;
  padding-top: 12px;
  padding-bottom: 12px;
}

#header .label::after,
#header .label02::after,
#header .label03::after {
  content: 'アシストネットサービス';
  width: 105px;
  color: #fff;
  background: #002776;
  text-align: center;
  line-height: 1.3;
  font-size: 12px;
  padding: 3px 0;
  position: absolute;
  right: 0;
  top: 15px;
}

#header .airnet_label::before {
  content: '空調機器オーナー様向け';
  width: 105px;
  color: #fff;
  background: #80b54a;
  text-align: center;
  line-height: 1.3;
  font-size: 12px;
  padding: 3px 0;
  position: absolute;
  right: 110px;
  top: 15px;
}

#header .airnet_label02::before {
  content: '販売店様向け';
  width: 105px;
  height: 37px;
  color: #fff;
  background: #0199cc;
  text-align: center;
  line-height: 1.3;
  font-size: 12px;
  padding: 3px 0;
  position: absolute;
  right: 110px;
  top: 15px;
  box-sizing: border-box;
  padding-top: 12px;
  padding-bottom: 12px;
}

#header .airnet_label03::before {
  content: 'ダイキン限定';
  width: 105px;
  height: 37px;
  color: #000;
  background: #00ccff;
  text-align: center;
  line-height: 1.3;
  font-size: 12px;
  padding: 3px 0;
  position: absolute;
  right: 110px;
  top: 15px;
  box-sizing: border-box;
  padding-top: 12px;
  padding-bottom: 12px;
}

#header .airnet_label::after,
#header .airnet_label02::after,
#header .airnet_label03::after {
  content: '';
  display: inline-block;
  width: 170px;
  height: 40px;
  background-image: url("../images/airnet_logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  right: -70px;;
  top: 20px;
}


/* ************* index ************* */


/* ************* article ***** */

article#index {
  margin: 30px auto;
  width: 960px;
  position: relative;
}

article#index section#top {
  width: 900px;
  margin: 0 auto;
}

article#index section#top div#left {
  width: 300px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

article#index section#top div#left img.logo {
  width: 300px;
  text-align: left;
}

article#index section#top div#left h2 {
  font-size: 28px;
  font-weight: bold;
  color: #09c;
  text-align: left;
}

article#index section#top div#left ol {
  padding: 0 0 0 16px;
  text-align: left;
}

article#index section#top div#left ol li {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}

article#index section#top div#left ol li:last-child {
  list-style-type: none;
  font-weight: normal;
  text-indent: -1em;
}


/* 20151211 Dfctへボタン追加 */

article#index section#top div#left p a {
  display: block;
  width: 230px;
  height: 44px;
  text-align: center;
  text-decoration: none;
  line-height: 44px;
  outline: none;
  margin: 20px 10px;
  color: #0099cc;
  font-size: 1.5rem;
  font-weight: bold;
  background-color: #fff;
  border: 2px solid #0099cc;
  position: relative;
  border-radius: 3px;
}

article#index section#top div#left p a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: solid 2px #0099cc;
  border-right: solid 2px #0099cc;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}


/*  20151211 Dfctへボタン追加  */

article#index section#top div#right {
  display: inline-block;
  width: 595px;
  vertical-align: middle;
  font-size: 12px;
}

article#index section#top div#right img {
  width: 580px;
  padding: 20px 0 2px 20px;
  vertical-align: top;
}

article#index h3 {
  color: #fff;
  background: #808080;
  font-size: 18px;
  font-weight: bold;
  padding: 3px 10px 2px;
  margin: 10px auto;
  width: 900px;
}

article#index h4 {
  color: #333;
  font-weight: bold;
  font-size: 18px;
  padding: 3px 10px 2px;
  margin: 20px auto;
  width: 870px;
  border-left: 10px solid #999;
  border-bottom: 1px solid #999;
}

article#index h4.text-blue {
  color: #0070c0;
  border-left: 10px solid #87b7e0;
  border-bottom: 1px solid #87b7e0;
}

article#index dl {
  font-size: 18px;
  width: 870px;
  margin: 0 auto;
  padding-bottom: 15px;
}

article#index dl dt {
  border-top: solid 1px #757575;
  padding: 5px 0 3px 1em;
}

article#index dl dt:first-child {
  border-top: none;
}

article#index dl dt:last-child {
  border-bottom: solid 1px #757575;
}

article#index dl dd {
  padding: 5px 0 3px 2em;
  border-top: dashed 1px #757575;
}


/* ************ 目次ページ #topmenu ****** */

#topmenu {
  box-sizing: border-box;
  padding: 5px 10px;
  justify-content: space-between;
}


/* ***** PDF Download *** */

.dl_pdf_01,
.dl_pdf_02 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: left;
}

.dl_pdf_02 {
  justify-content: center;
}

.dl_pdf_01 p {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 18px;
  padding-right: 25px;
}

.dl_pdf_02 p {
  position: relative;
  padding-left: 1.8rem;
  margin-top: 10px;
}

.dl_pdf_01 p::before,
.dl_pdf_02 p::before {
  content: " ";
  background: url("../images/icon_pdf.png");
  background-size: 30px;
  width: 30px;
  height: 33px;
  position: absolute;
  left: 0;
  top: -0.2rem;
}

.dl_pdf_02 p::before {
  background-size: 25px;
  width: 25px;
  height: 28px;
}

.dl_pdf_01 p.item2::after {
  content: " ";
  background: url("../images/mark_beginner.png");
  width: 23px;
  height: 23px;
  position: absolute;
  right: 0;
}


/* 左側　アシストネット、PDF　DL　*/

#topmenu .box1 {
  padding: 8px 0;
}

#topmenu .box1 p.dl_pdf_01 {
  margin-top: 20px;
}

.btn_ans a:link {
  border: solid 1px #002776;
  color: #002776;
  background: #fff;
  padding: 2px 5px;
  display: inline-block;
  box-sizing: border-box;
}

.btn_ans a:visited,
.btn_ans a:hover {
  color: #002776;
}

.btn_ans a:hover {
  opacity: 0.7;
  text-decoration: none;
}


/* 右側 かんたんガイド */

#topmenu .box2 {
  width: 530px;
  padding: 8px;
  border: solid 2px #aaa;
  background: #f6f6f6;
  box-sizing: border-box;
}

#topmenu h3.title {
  font-size: 1.1rem;
  color: #09c;
  font-weight: bold;
  background: none;
  position: relative;
  margin: 0 auto;
  padding: 0;
  padding-left: 1.5rem;
  width: 95%;
}

#topmenu h3.title::before {
  content: " ";
  background: url("../images/mark_beginner.png") 50%;
  width: 23px;
  height: 23px;
  position: absolute;
  left: 0;
}

#topmenu h3 span {
  color: #333;
  font-size: 0.8rem;
  font-weight: normal;
  margin-left: 5px;
}


/* ************* main ************* */


/* ************* article ***** */


/* ************* section ***** */

main {
  width: 940px;
  margin: 0 auto;
}

main h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0 10px;
}

main p,
main h5 {
  font-size: 18px;
  font-weight: normal;
  padding-left: 1.5rem;
}

main h2,
main article h2,
main article h3 {
  font-size: 21px;
  margin: 25px 0 5px 21px;
  color: #555;
  font-weight: bold;
  padding-left: 0;
}

main article .comment,
.comment {
  font-size: 18px;
  margin: 5px 0 15px 1rem;
  color: #555;
}

main div#chapter15 ul {
  list-style-type: disc;
  padding: 20px 0 0 64px;
}

main div#chapter15 .menu {
  margin: 60px;
}

main div#chapter15 .balloon {
  background: #fff;
  width: 700px;
  margin: 23px 0;
  padding: 15px 20px;
  border: solid 3px #666;
  border-radius: 10px;
  position: relative;
}

main div#chapter15 .balloon::before {
  content: "";
  position: absolute;
  bottom: -50px;
  right: 80%;
  border-bottom: 24px solid transparent;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 24px solid #666;
}

main div#chapter15 .balloon-last {
  background: #fff;
  width: 700px;
  margin: 23px 0;
  padding: 15px 20px;
  border: solid 3px #666;
  border-radius: 10px;
  position: relative;
}

main div#chapter15 .balloon2 {
  background: #fff;
  width: 700px;
  margin: 23px 0;
  padding: 15px 20px;
  border: solid 3px #666;
  border-radius: 10px;
  position: relative;
}

main div#chapter15 .balloon2::before {
  content: "";
  position: absolute;
  bottom: -50px;
  right: 80%;
  /*border-bottom: 24px solid transparent;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 24px solid #666;*/
}

main div#chapter15 .balloon-last2 {
  background: #fff;
  width: 700px;
  margin: 23px 0;
  padding: 15px 20px;
  border: solid 3px #666;
  border-radius: 10px;
  position: relative;
}


/* ****** display: inline-block *** */

main article div,
main article section,
main article figure,
main article dl,
.main-img-mobi,
.main-img-pc {
  display: inline-block;
  vertical-align: top;
}


/* ****** main article figure　*** */

main article figure {
  width: 400px;
  margin: 10px 0 10px 21px;
  position: relative;
}

.main-img-mobi {
  width: 400px;
  margin: 10px 0 10px 21px;
  padding: 0;
  position: relative;
}

.main-img-pc {
  width: 490px;
  margin: 10px 0 10px 21px;
  padding: 0;
  position: relative;
}


/* ****** main article div, dl　*** */

main article div {
  width: 500px;
  font-weight: normal;
  position: relative;
  margin-top: 10px;
}

main article h4 {
  font-size: 18px;
  color: #555;
  margin-bottom: 10px;
}


/* ************* dl dt dd */

main article dl {
  margin-bottom: 30px;
}

main article dt {
  float: left;
  width: 30px;
}

main article dd {
  padding-left: 30px;
  margin-bottom: 10px;
}

main article dd figure {
  width: 490px;
  margin: 10px 0 0;
  text-align: center;
}

main article dd img {
  margin: 10px 0 0;
}

main article dd a:link {
  color: #00406e/*#1f83c7*/
  ;
}

main article dl.inner dt {
  clear: both;
  float: none;
  width: 350px;
  font-weight: bold;
  margin-top: 10px;
}

main article dl.inner dd {
  padding-left: 2em;
}

main article dl.page5-2 {
  padding-left: 20px;
  width: 100%;
  box-sizing: border-box;
}

main article dl.page5-2 dt {
  float: none;
  width: 100%;
  background: linear-gradient(90deg, #fff 0%, #fff 0.5%, #eee 5%, #eee 100%);
  display: flex;
  flex-flow: row nowrap;
  margin-top: 15px;
  margin-bottom: 15px;
}

main article dl.page5-2 dt span.no {
  border-radius: 50%;
  margin-right: 0.5rem;
  color: #fff;
  background: #f00;
  height: 30px;
  width: 30px;
  text-align: center;
  padding-top: 4px;
  box-sizing: border-box;
  position: relative;
}

main article dl.page5-2 dt span.no::before {
  content: 'ポイント';
  color: #f00;
  font-size: 10px;
  width: 40px;
  position: absolute;
  top: -12px;
  left: 0;
}

main article dl.page5-2 dt span.text {
  padding-top: 2px;
}

main article dl.page5-2 dd {
  padding-bottom: 20px;
}


/* ************* dl dt dd */

main article div.graybox {
  background: #eee;
  border: solid 1px #999;
  box-sizing: border-box;
  padding: 10px;
  width: 420px;
  line-height: 1.5;
}

main article div.graybox-m {
  background: #f2f2f2;
  border: solid 1px #999;
  box-sizing: border-box;
  margin: 10px;
  width: 540px;
  line-height: 1.75;
  display: block;
}

main div.graybox-l,
main article div.graybox-l {
  background: #f2f2f2;
  border: solid 1px #999;
  box-sizing: border-box;
  padding: 10px;
  width: 900px;
  /*line-height: 1.75;*/
}

main div.graybox-l p,
main article div.graybox-l p {
  font-size: 16px;
}

main article div.redbox {
  background: #ffe5e5;
  border: solid 1px #f00;
  box-sizing: border-box;
  color: #bd0000;
  padding: 10px;
  width: 420px;
  line-height: 1.3;
}

main article div.graybox-m img,
main article dd div.graybox img,
main article dd div.redbox img,
h3 img {
  display: inline-block;
  width: 30px;
  vertical-align: top;
  margin-top: 0;
}

main article dd p {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 16px;
}

main article dd p.type02 {
  text-indent: 0;
  padding-left: 0;
  padding-bottom: 16px;
}

main article dd p.box {
  text-indent: 0;
  padding-left: 0;
  display: inline-block;
  width: 352px;
}

main article p.box-m {
  text-indent: 0;
  padding-left: 0;
  display: inline-block;
  width: 470px;
}

main article p.box-l {
  text-indent: 0;
  padding-left: 0;
  display: inline-block;
  width: 832px;
}

main article dd table {
  margin: 15px 0;
  width: 420px;
  border-top: solid 2px #555;
  border-spacing: 0;
  line-height: 1.2;
}

main article dd th {
  width: 100px;
  font-weight: normal;
  border-bottom: solid 2px #555;
  padding: 5px 10px;
}

main article dd td {
  border-bottom: solid 2px #555;
  padding: 5px 10px;
}

main article table.type02 {
  margin: 15px 0;
  width: 420px;
  border-top: solid 1px #555;
  border-spacing: 0;
  line-height: 1.2;
}

main article dd table.type02 th {
  width: 100px;
  font-weight: normal;
  border: solid 1px #555;
  border-top: none;
  padding: 5px 10px;
  text-align: left;
}

main article dd table.type02 td {
  border: solid 1px #555;
  border-top: none;
  border-left: none;
  padding: 5px 10px;
}

main article table.type03 {
  margin: 15px 0;
  width: 100%;
  border-top: solid 1px #fff;
  border-spacing: 0;
  line-height: 1.2;
}

main article table.type03 th {
  width: 100px;
  font-weight: normal;
  border: solid 1px #fff;
  border-top: none;
  padding: 5px;
  text-align: left;
  background: #333;
  color: #fff;
}

main article table.type03 td {
  border: solid 1px #fff;
  border-top: none;
  border-left: none;
  padding: 5px;
  background: #ccc;
}

main article table.type04 th {
  border: solid 1px #999;
  border-right: none;
  border-bottom: none;
  background: #eee;
  padding: 5px;
  text-align: left;
  width: 25%;
}

main article table.type04 {
  width: 100%;
}

main article table.type04 td {
  border: solid 1px #999;
  border-left: none;
  border-bottom: none;
  padding: 5px;
}

main article table.type04 th:nth-last-child(2),
main article table.type04 td:last-child {
  border-bottom: solid 1px #999;
}

main article table.type05 {
  width: 100%;
}

main article table.type05,
main article table.type05 th,
main article table.type05 td {
  border: none;
}

main article table.type05 th,
main article table.type05 td {
  border: solid 1px #fff;
}

main article table.type05 th {
  background: #ccc;
}

table.type06 th,
table.type06 td {
  border: solid 1px #bfbfbf;
  padding: 5px;
  font-weight: normal;
  width: 25%;
  background: #fff;
  text-align: center;
}

table.type06 th {
  background: #e5e5e5;
  text-align: left;
}

table.type06 tr:nth-child(2) th:first-child {
  text-align: center;
}

table.type06 tr:first-child th {
  background: #d9d9d9;
  text-align: center;
}

table.type06 td span {
  font-size: 14px;
}

table.first-letter-red th:first-letter {
  color: #f00;
}

table.type07 {
  width: 100%;
  background: #fff;
  border: solid 1px #333;
  text-align: left;
  margin-top: 20px;
}

table.type07 th,
table.type07 td {
  padding: 3px;
  border: solid 1px #333;
}

table.type07 th {
  font-weight: normal;
  text-align: center;
}

table.type07 td:nth-child(2),
table.type07 td:nth-child(6) {
  text-align: center;
}

table.type08 {
  border-top: solid 1px #333;
  border-bottom: solid 1px #333;
  text-align: left;
  font-size: 16px;
  width: 100%;
}

table.type08 th {
  background: #eee;
  border-bottom: solid 1px #333;
  vertical-align: top;
}

table.type08 td {
  border-bottom: solid 1px #333;
}

table.type08 tr:last-of-type th,
table.type08 tr:last-of-type td {
  border-bottom: none;
}

table.type09 {
  margin: 5px auto 15px;
  width: 95%;
  border-top: solid 1px #fff;
  border-spacing: 0;
  line-height: 1.2;
  box-sizing: border-box;
}

table.type09 th {
  width: ;
  font-weight: normal;
  border: solid 1px #fff;
  border-top: none;
  padding: 5px;
  text-align: center;
  background: #333;
  color: #fff;
}


table.type09 td {
  border: solid 1px #fff;
  border-top: none;
  border-left: none;
  padding: 5px;
  background: #e6e6e6;
  text-align: center;
}

table.type09 th:first-child,
table.type09 td:first-child {
  text-align: left;
  padding-left: 1.5rem;
}

.font-small {
  font-size: 80%;
}

.note01 {
  margin-left: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.note01 p {
  font-size: 16px;
}



/* ****** main article 上下側　*** */

main article div#top,
main article section#under,
main article section#top {
  width: 900px;
  font-weight: normal;
  margin: 10px 0 10px 21px;
}

main article section#under div,
main article section#under h3,
main article section#under figure,
main article section#top div,
main article section#top h2,
main article section#top h3,
main article section#top figure {
  margin-left: 0;
}


/* ****** main article table　*** */

main article div #table01 {
  width: 900px;
  margin: 0 auto;
}

main article table#type01 {
  width: 900px;
  border-top: solid 1px #7f7f7f;
  border-left: solid 1px #7f7f7f;
  border-spacing: 0;
}

main article table#type01 th {
  background: #333;
  color: #fff;
  border-right: solid 1px #7f7f7f;
  border-bottom: solid 1px #7f7f7f;
  padding: 3px 5px 2px;
}

main article table#type01 td:first-child {
  background: #ececec;
  color: #000;
  border-right: solid 1px #7f7f7f;
  border-bottom: solid 1px #7f7f7f;
  padding: 3px 5px 2px;
}

main article table#type01 td {
  background: #fff;
  color: #000;
  border-right: solid 1px #7f7f7f;
  border-bottom: solid 1px #7f7f7f;
  padding: 3px 5px 2px;
}

main article table#type01 td.border-w {
  border-bottom: solid 1px #fff;
}

main article table#type01 td.text-blue {
  color: #1f83c7;
}

main article table#type01 td a:link {
  color: #00406e;
}

main article table#type02 {
  width: 800px;
  border-top: solid 1px #7f7f7f;
  border-left: solid 1px #7f7f7f;
  border-spacing: 0;
  font-size: 12px;
}

main article table#type02 th {
  background: #333;
  color: #fff;
  border-right: solid 1px #7f7f7f;
  border-bottom: solid 1px #7f7f7f;
  padding: 3px 3px 2px;
}

main article table#type02 td {
  background: #fff;
  color: #000;
  border-right: solid 1px #7f7f7f;
  border-bottom: solid 1px #7f7f7f;
  padding: 3px 1px 2px 3px;
}

.btn-to-plist {
  margin: 0 auto;
  position: relative; 
}

.btn-to-plist a {
  padding: 0.5em 1.0em 0.5em 1.8em;
  border: #DDD 1px solid;
  border-radius: 4px;
  background: #F3F3F3 url(../images/arrow_gray_left.png) 8px center no-repeat;
  color: #333;
}

.btn-to-plist a:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* ****** page004 list,table　*** */

article#page004 ul {
  width: 335px;
  margin: 0 auto;
  margin-bottom: 50px;
}

article#page004 li:first-child {
  background: #000;
  color: #fff;
  padding: 3px 5px 2px;
  border-bottom: solid 1px #fff;
}

article#page004 li {
  background: #dadada;
  color: #000;
  padding: 3px 5px 2px;
  border-bottom: solid 1px #fff;
}

article#page004 section div {
  width: 480px;
  line-height: 1.3;
}

article#page004 table {
  width: 480px;
  border-top: solid 2px #929197;
  border-left: solid 2px #929197;
  border-spacing: 0px;
  color: #303030;
  line-height: 1.5;
}

article#page004 th:nth-child(1) {
  border-right: solid 2px #929197;
  border-bottom: solid 2px #929197;
  background: #66a8dc;
  color: #fff;
  font-weight: normal;
  padding: 4px 7px 3px;
}

article#page004 th:nth-child(2) {
  border-right: solid 2px #929197;
  border-bottom: solid 2px #929197;
  background: #70c28d;
  color: #fff;
  font-weight: normal;
  padding: 4px 7px 3px;
}

article#page004 th:nth-child(3) {
  border-right: solid 2px #929197;
  border-bottom: solid 2px #929197;
  background: #d39e69;
  color: #fff;
  font-weight: normal;
  padding: 4px 7px 3px;
}

article#page004 td:nth-child(1) {
  border-right: solid 2px #929197;
  border-bottom: solid 2px #929197;
  background: #d7effb;
  padding: 4px 7px 3px;
}

article#page004 td:nth-child(2),
article#page004 td.green {
  border-right: solid 2px #929197;
  border-bottom: solid 2px #929197;
  background: #deeee2;
  padding: 4px 7px 3px;
}

article#page004 td:nth-child(3),
article#page004 td.beige {
  border-right: solid 2px #929197;
  border-bottom: solid 2px #929197;
  background: #efe1d3;
  padding: 4px 7px 3px;
}


/* ************************** */


/* ************* footer ***** */


/* ************************** */

nav {
  width: 960px;
  margin: 50px auto 0;
  padding: 20px 0;
  font-size: 21px;
}

nav#index {
  text-align: right;
}

nav#main div {
  display: inline-block;
  width: 300px;
}

nav#main div.center {
  text-align: center;
}

nav#main div.right {
  text-align: right;
}

footer {
  border-top: solid 1px #ccc;
}

#footer #footerCnt {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px 0;
  width: 940px;
}

#footer #footerCnt #footSvMenu {
  float: left;
  letter-spacing: -.40em;
  width: 55%;
}

#footerCnt ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer #footerCnt #footSvMenu li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  line-height: 1.2;
  border-right: #CCC 1px solid;
  margin-right: 7px;
  padding-right: 7px;
  font-size: 12px;
}

#footer #footerCnt #footSvMenu li.totopmenu {
  border-right: none;
  border-bottom: none;
}

#footer #footerCnt #copyright {
  float: right;
  font-size: 12px;
  line-height: 1.2;
}


/* ************************** */


/* ************* button ***** */


/* ************************** */

#button {
  width: 850px;
  margin: 20px auto;
}

#button ul {
  width: 100%;
  height: 150px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: space-around;
  font-size: 18px;
  line-height: 1.3;
}

#button li {
  height: 90px;
  flex-basis: 24%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #09c;
  border-radius: 4px;
}

#button li a {
  height: 90px;
  flex-basis: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#button li a:hover {
  background-color: #4cb7db;
  text-decoration: none;
  transition: all .3s;
}

#button li img {
  margin-right: 8px;
}


/* ************************** */


/* *********** nav button *** */


/* ************************** */

nav#nav {
  width: 960px;
  margin: 30px auto 0;
  font-size: 1rem;
  border-bottom: solid medium #0099cc;
  box-sizing: border-box;
  padding: 0;
}

nav#nav ul {
  width: 925px;
  height: 40px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

nav#nav li {
  height: 40px;
  flex-basis: 20%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-right: 5px;
  background: #aaa;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}

nav#nav li a {
  height: 38px;
  flex-basis: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 4px 4px 0 0;
  color: #fff;
  text-decoration: none;
}

nav#nav li a:hover {
  background-color: #4cb7db;
  text-decoration: none;
  transition: all .3s;
}

nav#nav li img {
  margin-right: 5px;
  width: 32px;
  height: 24px;
}

nav#nav li.now {
  background-color: #0099cc;
  text-decoration: none;
}

nav#nav li.item1,
nav#nav li.item2,
nav#nav li.item5 {
  flex-shrink: 10;
}


/* ************************** */


/* *************  news  ***** */


/* ************************** */

article#index div#news {
  width: 960px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
}

article#index div#news h3 {
  font-size: 1.5rem;
  color: #555;
  background: none;
  border-bottom: 2px solid #ccc;
}

article#index div#news iframe {
  border: medium none;
  display: block;
  width: 700px;
  margin: 0 auto;
  height: 300px;
  font-size: 24px;
}


/* ********************************** */


/* *************  リリース予定  ***** */


/* ********************************** */

.release_plans {
  border: dashed 2px #a3d6dd;
  padding: 20px;
  position: absolute;
  font-weight: bold;
  color: #0070c0;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}


/* ********************************** */


/* ***********  かんたんガイド  ***** */


/* ********************************** */

#index aside {
  position: absolute;
  top: 150px;
  left: 384px;
  width: 550px;
  text-align: center;
  padding: 8px 0;
  border: solid 2px #aaa;
  background: #f6f6f6;
}

#index aside img,
#index aside p,
#index aside li {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

#index aside li {
  padding-left: 20px;
}

#index aside p.title {
  margin-bottom: 5px;
  padding-right: 16px;
  font-size: 1.1rem;
  color: #09c;
  font-weight: bold;
}

#index aside p.title_comment {
  margin-bottom: 5px;
  font-size: 0.8rem;
  color: #000;
}

#index aside ul {
  width: 100%;
}

#index aside li:nth-child(2n) {
  width: 210px;
}


/* --- 赤丸白字 page004.html　---*/
/* ---　m004-01.html、page013.html、page022.html、page027-01.html　---*/

ol.red-mark {
  width: 60%;
  margin: 0 auto;
  list-style-type: none;
}

ol.red-mark li,
dt.red-mark,
dd.red-mark {
  line-height: 30px;
  margin-top: 10px;
}

ol.red-mark p,
dt.red-mark p,
dd.red-mark p {
  margin-left: -35px;
  margin-bottom: -27px;
}

ol.red-mark p.no,
dt p.no,
dd p.no {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  background: #c00;
  color: #fff;
  padding: 0 3px 6px;
  text-align: center;
}

dt p.no,
dd p.no {
  text-align: right;
  padding: 0 4px 7px 2px;
}


/* 【14】～【16】*/

h1 span.kkanri {
  font-size: 18px;
  font-weight: normal;
  color: #666;
  background: #eee;
  border: solid 1px #666;
  border-radius: 5px;
  padding: 2px 4px;
  top: -3px;
  position: relative;
}

div.bt-navy,
div.bt-green {
  display: inline-block;
  font-size: 24px;
  width: 730px;
  height: 70px;
  text-align: center;
  text-decoration: none;
  line-height: 70px;
  outline: none;
  margin: 25px auto;
  border-radius: 10px;
  color: #fff;
}

div.bt-navy {
  background: #00349e;
}

div.bt-green {
  background: #00b050;
}

div.bt-navy::before,
div.bt-navy::after,
div.bt-green::before,
div.bt-green::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

div.bt-navy,
div.bt-green,
div.bt-navy::before,
div.bt-navy::after,
div.bt-green::before,
div.bt-green::after {
  boxsizing: border-box;
  transition: all .3s:
}

div.bt-navy a,
div.bt-green a {
  display: block;
  color: #fff;
  border-radius: 10px;
}

div.bt-navy a:hover {
  background-color: #4c71bb;
  text-decoration: none;
}

div.bt-green a:hover {
  background-color: #4cc884;
  text-decoration: none;
}

div.bt-navy p,
div.bt-green p {
  left: 5px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: 0;
  margin-top: -1.8em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: 30px;
}

.dashedbox {
  background: #fff;
  border: dashed 1px #999;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  line-height: 1.3;
}

.square_blue {
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 20px;
  background: #0094ca;
  margin: 0;
  padding: 0;
  color: #fff;
  border-radius: 4px;
  margin: 0 5px;
  padding: 0 1px 2px 0;
}

main.fotter-bottom {
  min-height: calc(80vh - 50px);
}

footer.footer-bottom2 {
  height: 30px;
}

.chapter13 {
  width: 900px;
  margin-bottom: 50px;
}

.chapter13 dl {
  width: 100%;
  margin-bottom: 10px;
}

.chapter13 dt {
  width: 160px;
}

.chapter13 dd {
  width: 740px;
  padding-left: 160px;
}

.chapter13 img {
  margin-left: 50px;
}

.chapter13 ul {
  width: 400px;
  vertical-align: top;
  list-style-type: disc;
  margin-left: 1.5rem;
}

.chapter13 ul li {
  line-height: 1.3;
  margin-bottom: 1rem;
}

.chapter13 .graybox13 {
  width: 400px;
  box-sizing: border-box;
  padding: 10px;
  background: #eee;
}


/* **** mark **** */

.mark01,
.mark02,
.mark17 {
  margin-left: 35px;
  padding-left: 0;
  position: relative;
}

.mark01::before {
  background: url('../images/mark01.png') no-repeat; 
}
.mark02::before {
  background: url('../images/mark02.png') no-repeat;
}
.mark17::before {
  background: url('../images/mark17.png') no-repeat;
}

.mark01::before,
.mark02::before,
.mark17::before {
  content: ' ';
  width: 100px;
  height: 100px;
  position: absolute;
  top: -1px;
  left: -30px;
  background-size: 25px;
}

/* **** arrow **** */

span.arrow1 {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
span.arrow1::before {
  content:" ";
  width: 8px;
  height: 8px;
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
  transform: rotate(-45deg);
  position: absolute;
  top: -11px;
  left: 6px;
}

span.arrow1::after {
  content:" ";
  width: 14px;
  height: 7px;
  border-top: solid 2px #333;
  position: absolute;
  top: -7px;
  left: 1px;
}

/* ***** 囲み枠 ***** */

.box_yellow {
  border: solid 3px #ffc000;
  padding: 8px;
}