/******************************************************************************/
/*【スタイルシート】                                                          */
/*  Ｗｅｂサイト：Nanasan System（ななさんシステム）                          */
/*  作成日      ：2022/02/21                                                  */
/*  更新日      ：                                                            */
/*  機能        ：ページのスタイルを定義する。                              */
/******************************************************************************/

@charset "UTF-8";

/*-- サポートページ　※index.html（固有レイアウト） START --------------------------*/
h1 {
  margin: 1em 0px;
  height: 148px;
  background-color: #dddddd;
  border: solid 1px #999999;
  border-left: none;
  border-right: none;
}

h1 span#title {
  font-size: 2.5em;    /* xx-small x-small small medium large x-large xx-large */
  display: block;
  vertical-align:  middle;
}

span#icon_1 {    /* ヘッダー部にアイコンを表示させるため、displayプロパティ、および、幅・高さを設定する */
  display: block;
  width: 120px;
  height: 120px;
  margin: 0.5em 0.75em 0.5em 0.5em;
  float: left;
  background: url( "../images/Icon.png" ) no-repeat;
}

h2 {
  font-size: 1.5em;    /* xx-small x-small small medium large x-large xx-large */
  margin: 2em 0px 1em;
  padding: 0.25em 0px 0.25em 0.5em;
  border: solid 1px #6666ff;
  border-left-width: 0.5em;
  border-right: none;
}

h3 {
  font-size: 1.2em;    /* xx-small x-small small medium large x-large xx-large */
}

div.contents {
  margin: 1em;
  font-size: 0.8em;    /* xx-small x-small small medium large x-large xx-large */
}

div#toc {
  margin: 3em 0.5em 1em;
  padding: 1em;
  font-family:    "ＭＳ 明朝", "Hiragino Mincho ProN", serif;
  background-color: #eeeeee;
  border: solid 1px #999999;
}

div#toc li {
  margin-left: 3em;
  text-indent: -2em;
}

div#toc span.toctext {
  margin-left: 1em;
}

div#toc a {
  background-color: #eeeeee;
}

dl,
dt,
dd,
li,
p {
  font-size: 1em;
}

li {
  margin-top: 0.5em;
  margin-left: 1em;
}

ol.text {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

ol.text li {
  margin-left: 3em;
  text-indent: -1.5em;
}

dl {
  margin: 1em 0px;
}

dd {
  margin-left: 1em;
}

dl.movie {
  margin-top: 2em;
  margin-left: 4em;
  margin-right: 4em;
}

dl.movie p {
  padding-top: 1.5em;
  padding-bottom: 0.75em;
  background-color: #333333;
  text-align: center;
}

div.img_cap p {
  margin:      0px;
  text-indent: 0px;
  font-size: 1.5em;    /* xx-small x-small small medium large x-large xx-large */
  text-align: center;
}

div.img_cap_1 {
  display:          inline-block;
  border:           solid 1px #000000;
  background-color: #dddddd;
  margin:           0px 0px 1em 0px;
  padding:          1.0em;
}

div.img_cap_2 {
  display:          inline-block;
  border:           solid 1px #000000;
  background-color: #dddddd;
  margin:           0px 1em 1em 0px;
  padding:          0.5em;
  width:            45%;
  height:           auto;
  float:            left;
}

.img_cap_2 img {
  width:  100%;
  height: auto;
}

div.img_cap_3 {
  display:          inline-block;
  border:           solid 1px #000000;
  background-color: #dddddd;
  margin:           0px 1em 1em 0px;
  padding:          0.5em;
  width:            30%;
  height:           auto;
  float:            left;
}

.img_cap_3 img {
  width:  100%;
  height: auto;
}

table {
  margin-top:      1em;
  margin-left:     1em;
  border-collapse: collapse;
  border:          solid 1px #000000;
  border-spacing:  0;
  font-size: 1.2em;    /* xx-small x-small small medium large x-large xx-large */
}

caption {
  margin-left:  -1em;
  margin-bottom: 0.25em;
  caption-side: top;
  text-align:   left;
}

td {
  border:           solid 2px #000000;
  padding:          1em;
  vertical-align:   middle;
}

img.icon_item {
  width:  4em;
  height: auto;
  vertical-align:   middle;
}

.wid_40p {
  width:  40%;
  height: auto;
}

.wid_50p {
  width:  50%;
  height: auto;
}

.wid_60p {
  width:  60%;
  height: auto;
}

.wid_80p {
  width:  80%;
  height: auto;
}

.wid_100p {
  width:  100%;
  height: auto;
}

.bc_white {
  background-color: #ffffff;
}

.fc_large {
  font-size: large;    /* xx-small x-small small medium large x-large xx-large */
}
/*-- サポートページ　※index.html（固有レイアウト） END   --------------------------*/