@charset "shift_jis";
/* body設定 */
body {
  background-color: #e7e7e7;
  /* #c0c0c0 url(../design/p6b.gif) repeat; */
  /* background: #c0c0c0 url(../design/topstain.gif) repeat-y center top; */
  margin: 0;
  padding: 0;
  text-align:center;
  color: #400;
}

/* メインコンテンツ全体の設定 */
.top #container {
  width: 80%;
  background-color: #fff;
  margin:0px auto;
  border: 1px solid #000;
  text-align:center;
}

/* ヘッダ領域の設定 */
.top #header {
  background : #fff url(../design/bg02.gif) repeat-y;
  padding: 0 10px;
}

/* ヘッダタイトルの設定 */
.top #header h1 {
  margin:0px;
  padding: 80px 0 40px;
  text-align: center;
}

/* パンくずリスト */
#navigation {
  font-size: 90%;
  padding-left: 8px;
  padding-bottom: 1%;
  text-align: left;
}

/* サイドバー領域の設定 */
.top #sidebar1 {
  float: left;
  font-size: 100%;
  width: 14em;
  background-color: #fff;
  /* #ebebeb */
  padding: 15px 0;
  text-align: left;
}

.top #sidebar1 h3, .top #sidebar1 p, .top #sidebar1 ol.toplist {
  margin-left: 10px;
  margin-right: 10px;
/* サイドバーのエレメントに左マージンと右マージンを設定すること */
}

/* サイドバータイトルの設定 */
.sidetitle {
  background-color: #dedede; /* #fff url(../design/bg02.gif) repeat-y; #dedede; */
  color: #000;
  font-size: 100%;
  height: 1.8em;
  line-height: 1.8em;
  padding: 6px 10px 2px;
}

/* 左サイドバーのリンクをクリックしたときの背景色 */
div#links a {
  display: block;
  width: 12em;
  height: 1.8em;
  line-height: 1.8em;
}

/* 左サイドバーp要素の設定 */
.top #sidebar1 .side_p {
  padding-left: 2em;
  padding-right: 2em;
}

/* 左サイドバーp要素のリンクへの適用 */
.top #sidebar1 .side_p a {
  display: block;
  width: 11em;
  height: 1.8em;
  line-height: 1.8em;
}

/* サイドバーの番号付きリスト↓ */
ol.toplist {
  list-style: outside decimal;
  text-align: left;
  margin-left: auto;
  padding-left: 2em;
  padding-right: 2em;
}

/* リスト項目↓ */
li {
  font-size:90%;
  margin-bottom: 5px;
  background-color: #feffff;
  color:#000;
}

/* 中央コンテンツの設定 */
.top #mainContent {
  font-size: 100%;
  margin: 0 20px 0 15em;
  border-left: solid 3px #c0c0c0;
  text-align: left;
}
.top #mainContent h1, .top #mainContent h2, .top #mainContent h3 {
  margin-left: 10px;
}
.top #mainContent p {
  margin-left: 20px;
}

/* 回り込み解除 */
.floatclear {
  clear:both;
  height:0;
}

/* フッタ領域の設定 */
.top #footer {
  font-size: 80%;
  padding: 0 10px;
  background-color: #444;
  color: #fff;
}
.top #footer p {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

/* サイドバー領域の検証領域のa要素の設定 */
.top #sidebar1 .check a {
  background-color: #fff;
  margin: 0px;
  border-width: 0px;
  padding: 0px;
}

/* 中央本体a要素に含まれる画像の設定 */
.top #mainContent1 a img {
  margin: 0px;
  border-width: 0px;
  padding: 0px;
}

/* ボーダーの設定 */
.lain {
  border: solid #993;
  padding: 2px 6px;
  border-width: 0px 0px 4px 24px;
}

/* ボーダーの設定
.lain3 {
  border: solid #03f;
  border-width: 0px 0px 2px 20px;
  padding: 2px 6px;
} */

/* 中央コンテンツの画像の設定 */
.top #mainContent img {
  border-width: 0px;
  padding: 0px;
  margin-bottom: 40px;
}

/* 一般画像の設定 */
img {
  margin: 0px;
  border-width: 0px;
  padding: 0px;
}

/* イタリック */
.syatai {
  font-family: "Times New Roman",fantasy;
}

/* ナビゲーションスキップ */
/* #shadow {
  display: none;
  visibility: hidden;
  volume: x-loud;
  speech-rate: fast;
  voice-family:female;
  pitch: low;
  pitch-range: 90;
  richness: 90;
  stress: 60;
  azimuth: center-right;
  elevation: -10deg;
  pause-before: 90%;
  pause-after: 90%;
  speak: normal;
  speak-numeral: digits;
  speak-punctuation: none;
  speak-header:  once;
} */
.shadow {
  position: absolute; 
  left: -9999em; 
}
.top #sidebar1 #silent {
  display: none;
  visibility: hidden;
  volume: silent;
}

/* メニューバーへ戻る設定 */
.sidebarhe {
  position: absolute; 
  left: -9999em; 
}

/* メニューバーへ戻る設定の取り消し
.top #container #sidebarhe {
  display: none;
  visibility: hidden;
  volume: silent;
} */


#silent {
  display: none;
  visibility: hidden;
  volume: silent;
}

/* サイドバー・マークアップ検証領域の設定およびその中に含まれるリンクカラー設定 */
.check {
  margin:5px 10px 8px;
  padding:10px 7px;
  border: ridge #ccc;
  border-width: 0px 0px 1px 3px;
  background-color:#fff;
  font-size:90%;
  text-align:center;
}

/* ↓テキストの行揃え */
.yoko1 {
  text-align: left; /* ←左揃え */
}
.yoko2 {
  text-align: center; /* ←中央揃え */
}
.yoko3 {
  text-align: right; /* ←右揃え */
}

/* 特定の範囲内のリンクカラー */
#original a:link {
  color:#dedede;
  text-decoration: underline;
}
#original a:visited {
  color:#fff;
  text-decoration: underline;
}
#original a:hover {
  color:#f00;
  text-decoration: none;
}
#original a:active {
  color:#f0f;
  text-decoration: underline;
}

/* 標準のリンクカラー */
a:link {
  color:#00f;
  text-decoration: underline;
}
a:visited {
  color:#800080;
  text-decoration: underline;
}
a:hover {
  color:#f00;
  text-decoration: none;
  background-color: #dee4ee;
  /* #e6e6fa */
  border: solid 1px #07f;
}
a:active {
  color:#f0f;
  text-decoration: underline;
  background-color: #dee4ee;
  /* #e6e6fa */
  border: solid 1px #07f;
}

/* ヘッダ領域のa要素に含まれる画像のボーダーの設定 */
.top #header h1 a, .top #header h1 a img {
  border-width: 0px;
}

/* ページトップタイトルへのリンク */
#banner a:link {
  color:#fff;text-decoration: none;
}
#banner a:visited {
  color:#fff;text-decoration: none;
}
#banner a:hover {
  color:#fff;text-decoration: none;
  border-width: 0px;
}
#banner a:active {
  color:#fff;text-decoration: none;
  border-width: 0px;
}
/* JRPSのロゴマークの設定 */
#rogo {
  margin: 0px 2px 0px 0px;
  padding: 0px;
  vertical-align: -30px;
}