﻿@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
font-family: "Meiryo UI", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
background-color: #003300; /* 全体の背景色 */
color: #333333; /* 全体の文字色 */
-webkit-text-size-adjust: 100%;
}

/* --- 全体のリンクテキスト --- */
a:hover {
background-color: #f4f4f4; /* 背景色 */
color: #008000; /* 文字色 */
text-decoration: underline; /* 下線あり */
}
/* 移転前からある定義 */
a:active { color: #00c0c0; }
a[name]:hover { color: #000000; }

/* --- コンテナ --- */
#container {
width: auto; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* ページの背景色 */
}

/* --- ページ --- */
#page {
width: auto; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: #ffffff url(../image/head_back2.jpg) repeat-x 0 2px; /* ページの背景（最上部のグラデーション） */
}

/* --- ヘッダ --- */
#header {
font-size: 90%;
width: auto; /* IE 6のために幅の指定が必要 */
margin-bottom: 10px;
padding-top: 6px;
}

/* --- サイトタイトル --- */
.siteTitle {
margin: 0 5px;
padding: 0 0.5208%;
font-size: 160%;
}

/* サイトタイトルの画像 */
.siteTitle img {
border: none;
max-width: 100%;
height: auto;
}

#header p.siteTitle a:hover {
background-color: transparent; /* 透明 */
}

/* 検索ボックス用 */
#searchbox {
margin: 24px auto 0px auto;
max-width: 100%;
width: 300px;
}

/* --- キャッチフレーズ --- */
.catch {
margin: 0 1.0417% 3px; /* キャッチフレーズのマージン（上、左右、下） */
padding: 0 0.7292% 0px; /* キャッチフレーズのパディング（上、左右、下） 96*/
line-height: 86%;
}

.catch strong {
color: white;
font-style:oblique;
font-weight: normal; /* 文字の太さ（ノーマル） */
font-size: 80%;
}

/* --- ヘッダメニュー --- */
.main-nl {
width: 98%; /* ヘッダメニューの幅 */
margin: 0 auto; /* センタリング */
padding: 0;
background: #f9f9f9 url(../image/hor_menu3_off.gif) repeat-x top; /* ヘッダメニューの背景 */
border: #c0c0c0 solid; /* ヘッダメニューの境界線（色、スタイル） */
border-width: 2px 3px; /* ヘッダメニューの境界線の太さ（上下、左右） */
list-style-type: none;
text-align: center;
display: flex;
flex-wrap: wrap;
}
/* メニュー項目 */
.main-nl li {
width: 33.333%; /* 項目の幅 */
line-height: 1.05;
font-size: 90%;
height: 38px;
}
/* リンクエリア */
.main-nl li a {
display: block;
position: relative; /* IE6用 */
padding: 10px 2px 10px; /* リンクエリアのパディング（上、左右、下） */
border-width: 1px 1px 2px; /* リンクエリアの境界線の太さ（上、左右、下） */
border-color: #ffffff #b2b2b2 #808080 #ffffff; /* リンクエリアの境界線色（上右下左） */
border-style: solid; /* リンクエリアの境界線スタイル */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
background: #3366ff;
}
/* ポイント時とアクティブ時の設定 */
.main-nl li a:hover {
background-color: #0000ff; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

.main-nl li a.active {
background-color: rgb(0,0,153);
}

/* --- トピックパス（下層ページ） --- */
.topicPath {
margin: 0;
padding: 4px 5px; /* トピックパスのパディング（上下、左右） */
background: #f9f9f9 url(../image/path_back1.gif) repeat-x 0 1px; /* トピックパスの背景 */
border-bottom: 1px #c0c0c0 solid; /* トピックパスの下境界線 */
list-style-type: none;
}
/* リスト項目 */
.topicPath li {
display: inline;
}
/* リンクエリア */
.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../image/topic_path_gray.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}

/* --- ▲ヘッダ内の設定終了 --- */

/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#content {
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
width: 100%; /* コンテンツの幅 */
margin-bottom: 10px; /* コンテンツの下マージン */
}

/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
/* --- セクション（共通設定） --- */
.section {
margin: 0 1.25% 3em 0.7292%; /* セクションのマージン（上右下左） */
}

/* --- 見出しセクション --- */
.emphasis {
margin-top: 20px;
margin-bottom: 36px;
padding: 1.1em 0.5em 0 1em; /* セクションのパディング（上、左右、下） */
background:  url(../image/emphasis_back1.gif) repeat-x top; /* セクションの背景 */
border: 1px #c0c0c0 solid; /* セクションの境界線 */
}

.emphasis h1 {
margin: 0 0 12px; /* 見出しのマージン（上、左右、下） */
font-size: 130%; /* 見出しの文字サイズ */
color: #dc3900; /* 見出しの文字色 */
}

.emphasis p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
color: #2b2b2b; /* 段落の文字色 */
line-height: 1.8; /* 行の高さ */
text-indent: 1em;
}

/* --- 標準セクション --- */
.heading {
margin-bottom: 24px;
padding: 4px 0.2083%; /* 見出しエリアのパディング（上下、左右）*/
border-bottom: 2px #999999 solid; /* 見出しエリアの下境界線 */
}

.heading h2 {
margin: 0;
padding: 2px 0.315% 1px 0.5208%; /* 見出しのパディング（上右下左）*/
color: #7CBA01; /* 見出しの文字色 */
font-size: 130%; /* 見出しの文字サイズ */
line-height: 1;
border-left: 5px #add8e6 solid; /* 見出しの左境界線 */
}

.normal h3 {
margin: 0;
margin: 36px 0px 18px 2%;
padding: 0px 0px 2px 0.6%;
color: #7CBA01; /* 見出しの文字色 */
font-size: 120%;
border-bottom: 1px #add8e6 solid; /* 見出しの左境界線 */
}

.normal p {
margin: 0 0.833% 1em 1.25%;
line-height: 1.8; /* 行の高さ */
text-indent: 1em;
}

/* ---本文図--- */
.normal img {
max-width: 100%;
margin: 36px auto 36px auto;
display: block;
}

/* ---本文図(センタリングなし)--- */
.normal img.nocenter {
margin: 24px 8px;
display: block;
}

/* ---本文図(ブロックなし)--- */
.normal img.noblock {
margin: 0;
display: inline;
}

.standard-dl {
margin: 24px 0.833% 36px 1.25%;
color: rgb(51, 51, 51);
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
}

.standard-dl dt {
margin-top: 16px;
font-weight: bold;
}

.standard-dl dt::before {
content: "・";
}

.standard-dl dd {
line-height: 1.8;
margin-top: 8px;
margin-left: 1em;
text-indent: 1em;
}

.standard-dl dd img.nocenter {
margin: 12px 2%;
display: block;
}

.standard-ul {
margin: 24px 0.833% 36px 1.25%;
color: rgb(51, 51, 51);
line-height: 1.6;
padding: 0;
}

.standard-ul li {
margin: 0px 8px 8px 1em;
}

.standard-ol {
margin: 24px 0.833% 36px 1em;
line-height: 180%;
padding: 0;
}

.standard-ol li {
margin: 0px 8px 8px 1em;
}

/* ---本文表--- */
.standard-table {
margin: 14px auto 36px auto;
font-size: 80%;
border-spacing: 1px;
border: 1px gray solid;
line-height: 160%;
}

.standard-table td {
padding: 6px 8px;
border: 1px gray solid;
}

.standard-table th {
padding: 6px 8px;
border: 1px gray solid;
background-color: #C9E2F8;
}

.standard-table tbody th {
background-color: #f1f1e4;
}

.standard-table tfoot {
font-weight: bold;
}

.standard-table tfoot th {
background-color: #f1f1e4;
}

.section table.collapse {
border-collapse: collapse;
}

.section table.narrow td,section table.narrow th {
padding: 6px 3px;
}

/* ---本文コマンド--- */
.command {
max-width: 618px;
font-size: 90%;
line-height: 140%;
font-family: Consolas,Menlo,Monaco,"メイリオ", "Meiryo",monospace;
padding: 10px 2% 10px 2%;
margin: 24px auto 36px;
color: white;
background-color: black;
border: 2px purple solid;
white-space: pre-wrap;
}

.command em,
.command-prompt em {
font-style: normal;
font-weight: bold;
}

/* ---本文コマンドプロンプト--- */
.command-prompt {
width: auto;
max-width: 618px;
background-size: 100%;
font-size: 72%;
line-height: 160%;
font-family: monospace;
padding: 7% 5% 2% 2%;
background-image: url(../image/command_prompt_2.png);
margin: 0px auto 36px;
color: white;
white-space: pre-wrap;
}

.subject {
text-align: center;
margin: 24px 0px 4px 0px;
}

/* ---本文ファイル--- */
.file {
max-width: 618px;
font-size: 90%;
line-height: 140%;
font-family: Consolas,Menlo,Monaco,"メイリオ", "Meiryo",monospace;
padding: 10px 2% 10px 2%;
margin: 24px auto 36px;
background-color: whitesmoke;
border: 1px lightgray solid;
white-space: pre-wrap;
}

/* ---関連ページ--- */
.kanren {
margin: 0px 1.25% 50px 0px;
padding: 0;
}

.kanren p {
margin: 0px 0.833% 2px 1.25%;
padding: 0;
line-height: 1.8;
}

.kanren em {
font-style: normal;
font-weight: bold;
}

/* ---センタリング--- */
.center {
text-align: center;
}

.adslot1,.adslot2 {
margin: 0 auto 50px auto;
}

/* ---SNSを囲むBOX--- */
.sns ul {
margin: 16px 0 0px 2%;
padding: 0px; /* 内余白0 */
display: flex;
flex-wrap: wrap;
}

/* ---SNSリスト--- */
.sns li {
width: 47%;
margin: 0px 0px 20px 0.208333%; /* 下余白12px */
padding: 0; /* 内余白0 */
list-style-type: none; /* リストの前に何も符号を付けない */
}

.sns li .pocket-btn {
padding-top: 8px;
}

#main div.PrMine {
margin: 0 1% 24px 1%;
padding: 1.1em 15px 0; /* セクションのパディング（上、左右、下） */
width: auto;
background: url(../image/emphasis_back1.gif) repeat-x top; /* セクションの背景 */
border: 1px #c0c0c0 solid; /* セクションの境界線 */
}

#main div.PrMine h2 {
margin: 0 0 0.8em; /* 見出しのマージン（上、左右、下） */
font-size: 130%; /* 見出しの文字サイズ */
color: #dc3900; /* 見出しの文字色 */
text-align: center;
border:none;
}

#main div.PrMine img {
display: block;
margin: 8px auto 0 auto;
}

/* --- ▲メインカラム内の設定終了 --- */

/* --- サイドバー --- */
#sub {
padding-top: 4px;
}

.subSection {
margin-bottom: 10px; /* セクションの下マージン */
margin-left: 1%;
margin-right: 1%;
}

.subSection h2 {
margin: 0 0 0.7em; /* 見出しのマージン（上、左右、下） */
padding: 6px 0.803%; /* 見出しのパディング（上下、左右） */
font-size: 100%;
}

.subSection p {
text-indent: 1em;
}

.subSection p.noindent {
text-indent: 0;
}

.subSection p.subSection-img {
text-align: center;
margin-bottom: 1.6em;
}

.subSection-img a:hover {
background-color: transparent;
}

.green h2 {
margin: 0 0 8px; /* 見出しのマージン（上書き） */
padding: 6px 8px; /* 見出しのパディング（上書き） 8px 8px*/
background: #9acd32 url(../image/heading_back_green2.gif) repeat-x top; /* 見出しの背景 */
border: 1px #8aab43 solid; /* 見出しの境界線 */
}

.orange h2 {
margin: 0 0 8px; /* 見出しのマージン（上書き） */
padding: 6px 8px; /* 見出しのパディング（上書き） 8px 8px*/
background: #9acd32 url(../image/heading_back_orange2.gif) repeat-x top; /* 見出しの背景 */
border: 1px #8aab43 solid; /* 見出しの境界線 */
}

/* 段落 */
.subSection p {
margin: 0 10px 0.7em; /* 段落のマージン（上、左右、下） */
line-height: 1.6; /* 行の高さ */
}

.subSection-nl {
margin: 0;
padding: 2px 0px;
list-style-type: none;
}

.subSection-nl li {
margin: 0 0 4px 0;
}

.subSection-nl a {
display: block;
position: relative; /* IE6用 */
padding: 2px 0px 2px 2%; /* リンクエリアのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
border-left: 2px #c0c0c0 solid; /* リンクエリアの左境界線 */
text-decoration: none; /* テキストの下線（なし） */
line-height: 2.8;
}

/* ---カウンター箱--- */
.counter {
margin: 0px 1% 12px 1%;
padding: 4px 0.8333%;
border: solid 1px #8aab43;
background-color: #dce6f2;
border-radius: 6px;
height: 33px;
}

/* ---カウンター段落--- */
.counter p {
margin: 0;
font-size: 70%;
}

/* ---カウンターイメージ--- */
.counter p img {
vertical-align: middle;
}

.adslot3 {
margin: 0 atuo;
}

/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
padding: 15px 0 20px; /* フッタのパディング（上、左右、下） */
border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
}

/* --- フッタメニュー --- */
.footer-nl {
margin: 0; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
.footer-nl li {
padding: 0; /* 項目のパディング（上右下左） */
}

.footer-nl li a {
display: block;
border-bottom: 1px #00b050 solid;
text-decoration: none; /* 下線なし */
line-height: 3;
}

/* --- アドレス・コピーライト --- */
#footer address {
margin-top: 16px;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
font-size: 71%;
line-height: 1.6; /* 行の高さ */
text-align: center;
}

/* --- ▲フッタ内の設定終了 --- */
