@charset "UTF-8";

/* 画像のサイズ、枠線指定
---------------------------------------------------------------------------------------------------- */
/* 画像サイズ、枠線指定 */
img.help-img {
  width: 600px;
  border:solid #000000 1px;
}
/* 画像サイズ、枠線なし指定 */
img.help-img-no-border {
  width: 600px;
}
/* 画像サイズ指定なし、枠線指定 */
img.help-img-border {
  border:solid #000000 1px;
}
/* 複数画像をまとめるフレーム */
div.help-frame { 
  width: 600px;
}
/* 枠線指定 */
div.help-border {
  border:solid #000000 1px;
}
/* 丸囲み数字の画像サイズ */
img.help-marusuji {
  margin-top:-3px;
  width: 15px;
}

/* -------- 段落指定 ----------*/
/* 段落 */
.help-paragraph {
  margin-top:25px; 
}
/* 段落タイトル */
.help-paragraph-title {
  font-weight:bold;
  font-size:110%;
  color:#000000;
}
/* 段落中のサブタイトル 
   aタグで囲む場合があるので、divではなくspanタグにしている
*/
span.help-sub-title {
  font-weight:600;
  font-size:100%;
　color:#000000;
  text-decoration:none;
}
/* 各情報ブロックごとのタイトル(A, B, C ...) */
.help-block-title {
  font-weight:bold;
  font-size:110%;
  color:#009EFF;
}
/* 説明文中でブロック画像につけるタイトル
   説明分中で使用するのでdivではなくspanタグにしている
 */
span.help-sub-block-title {
  font-weight:bold;
  font-size:100%;
  color:#009EFF;
}
/* よくある質問へのリンク */
.help-faq {
  font-weight:bold;
  color:#000000;
}
/* 注釈 */
.help-note {
  margin-top:10px;
  margin-left:20px;
}
/* 複数画像の横並び用 */
.help-imagebox {
   width: 180px; /* 横幅 */
   float: left;
}
p.help-image, p.help-caption {
   text-align: center; /* 中央寄せ */
   margin: 1px;        /* 余白・間隔 */
}

/* リスト
---------------------------------------------------------------------------------------------------- */
/* リスト表示 */
ul.help-ul {
  list-style-type: none;
  list-style-position: inside;
  margin-top:-0.7em;
  margin-bottom:0px;
  margine-right:10px;
  margin-left:3px;
  padding: 0px 0px 0px 0px;
}
.help-ul li {
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
  background: url(help_css_images/bg_li.png);
  background-repeat: no-repeat;
  background-position: left top;
}
/* リスト内リスト(中黒なし) */
ul.help-ul2 {
  list-style-type: none;
  list-style-position: inside;
  margin-top:0px;
  margin-bottom:0px;
  margine-right:0px;
  margin-left:5px;
  padding: 0px 0px 0px 0px;
}
.help-ul2 li {
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(help_css_images/bg_li2.png);
  background-repeat: no-repeat;
  background-position: left top;
}
/* リスト内リスト(中黒あり) */
ul.help-ul3 {
  list-style-type: none;
  list-style-position: inside;
  margin-top:0px;
  margin-bottom:0px;
  margine-right:10px;
  margin-left:5px;
  padding: 0px 0px 0px 0px;
}
.help-ul3 li {
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  background: url(help_css_images/bg_li.png);
  background-repeat: no-repeat;
  background-position: left top;
}

/*その他
---------------------------------------------------------------------------------------------------- */
/* テーブル表示用 */
table.help-table {
    table-layout:auto;
    border-collapse:collapse; /* セルの間をつめる */
    empty-cells:show;
}
.help-table th{
    border: 1px solid #000000;
    background-color:#777777;
    padding: 0.2em 0.3em;
    color:#ffffff;
    font-weight: normal;
    font-size: 100%;
    text-align:center;
    vartical-align:middle;
}
.help-table td {
    border: 1px solid #000000;
    background-color: #eeeeee;
    color:#000000;
    padding: 0.2em 0.35em;
    font-weight: normal;
    font-size: 95%;
    text-align:center;
    vartical-align:middle;
}
/* テキストに下線を引く */
span.help-bottom-line {
  border-bottom:solid 1px #000000;
}
/* 強調 */
span.help-strong {
  color:#0077aa;
  font-weight:600;
}