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

@charset "UTF-8";


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

h1 span#title {
  display: block;
}

h2 {
  margin: 2em 0px 1em;
  padding: 0.25em 0px 0.25em 0.5em;
  border: solid 1px #6666ff;
  border-left-width: 0.5em;
  border-right: none;
}

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

div#toc {
  margin: 1em 0.5em;
  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;
}

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

.ti_1h li {
  margin-left: 2.5em;
  text-indent: -1.5em;
}

dl {
  margin: 1em 0px;
}

dd {
  margin-left: 1em;
}

p.img {
  margin-top: 1em;
  margin-right: 0.5em;
  padding: 1em 0.5em 0.25em;
  background-color: #eeeeee;
  text-align: center;
}

p.movie {
  margin-right: 0.5em;
  padding: 1em 0.5em 0.25em;
  background-color: #eeeeee;
  text-align: center;
}

span.sup {
  display: block;
  font-size: 0.75em;    /* xx-small x-small small medium large x-large xx-large */
  text-align: center;
}

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

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

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

li span.text {
  display: block;
  height: auto;
  line-height: 1.5;
}
/*-- サポートページ　※index.html（固有レイアウト） END   --------------------------*/