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

@charset "UTF-8";

/*-- ヘッダー部 START --*/
/* common.css の内容を上書き */
img#nss_logo {    /*-- ロゴ --*/
  padding: 0px 0px 0px 1em;
}

p#nss_name {    /*-- 屋号名 --*/
  font-size: 1.2em;    /* xx-small x-small small medium large x-large xx-large */
  padding: 0.4em 0px 0px 0.5em;
}

p#page_level {    /*-- ページ階層（ボックス領域） --*/
  font-size: 0.9em;    /* xx-small x-small small medium large x-large xx-large */
  padding: 0px;
}

span#page_level_value {    /*-- ページ階層 --*/
  padding-right: 1em;
  font-size: 1em;    /* xx-small x-small small medium large x-large xx-large */
  overflow: auto;
}
/*-- ヘッダー部 END   --*/

/*-- サポートページ　※index.html（固有レイアウト） START --------------------------*/
h1 {
  height: 88px;
  margin: 0px;
  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;
  margin-top: 0.075em;
  margin-left: 98px;
}

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

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

h3 {
  margin-left: 1em;
}

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

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

div.img_cap {
  text-align: center;
}

.img_cap p {
  margin:      0px;
  text-indent: 0px;
}

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

video.movie {
  width:  100%;
  height: auto;
}

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

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

ol {
  margin-left: 1em;
}

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

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

dl {
  margin: 1em 0px;
}

dd {
  margin-left: 1em;
}

img.single {
  width:  64em;
  height: auto;
}

img.screen_shot {
  width:  40em;
  height: auto;
  margin-right: 1em;
  margin-bottom: 1em;
  float: left;
}

img.controller {
  width:  30em;
  height: auto;
  margin-left: 1em;
  margin-right: 4em;
  float: left;
}

img.parameter {
  width:  40em;
  height: auto;
  margin-top: 1em;
  margin-right: 5em;
  margin-bottom: 1em;
  float: left;
}

img.item {
  width:  4em;
  height: auto;
  padding: 1.5em 1em 0.5em 1em;
}

img.popup {
  width:  48em;
  height: auto;
  margin-top: 1em;
  margin-left: 1em;
  margin-right: 2em;
  float: left;
}

img.option {
  width:  40em;
  height: auto;
  margin-left: 1em;
  margin-right: 2em;
  float: left;
}

table {
  margin-left:     1em;
  border-collapse: collapse;
  border:          solid 1px #000000;
  border-spacing:  0;
  font-size: 1em;    /* 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;
  background-color: #ddffff;
  vertical-align: middle;
}

td.text {
  padding: 0em 1em;
}
/*-- サポートページ　※index.html（固有レイアウト） END   --------------------------*/