右ナビゲーション−スタイルシートの説明

@charset "shift_jis";
/*__________________ 基本設定 __________________ */
body {
  text-align: center;
  margin-top:10px;
  padding : 0;
  background-color:#808080;
  color:#2f4f4f;　文字色を一括指定
}
/*___________ コンテナーブロック設定 ___________ */
#container {
  width : 720px;
  overflow: hidden;
  margin-top:0;
  margin-left: auto;
  margin-right: auto;
  text-align:left;
  background-color : #dcdcdc;
  background-position: center;
}
/*_____________ バナーブロック設定 _____________ */
#banner {
  #banner {
  height:90px;
  width:720px;
  padding:0;
  overflow: hidden;
  margin-left:auto;
  margin-right: auto;
}
h1 {  バナー部分の大きな文字の設定
  font-family : "MS UI Gothic";
  font-size:32px;
  text-align:center;
  margin-top:25px;
  color:crimson;　色はカラーネームでも設定可能
}
/*___________ コンテンツブロック設定 ___________ */
#contents {
  width : 540px;
  float : left;　左寄せ
  padding : 0;
  background-position: center;
  overflow: hidden;
  position:relative;
  background-color : #ffffff;
}
h2 {
  font-family : "ＭＳ Ｐゴシック";
  font-size:15px;
  line-height:200%;
  margin-top:0px;
  margin-bottom:0px;
  color:crimson;　色はカラーネームでも使える
}
.indtp {　コンテンツ上部のボックスの設定
  background-color:#dcdcdc;　背景色
  margin:20px 40px 10px 40px;　マージンの一括指定、上、右、下、左の順
  padding:5px;　パディングの一括指定、上下左右同じ
  padding-left:10px;　左側の文字とラインの間
  border-top: #808080 6px solid;　上のライン、グレー、
  border-left: #808080 6px solid;
  border-right: #808080 6px solid;
  border-bottom: #808080 6px solid;
}
p {　コンテンツ本文の字の設定
  font-family : "ＭＳ Ｐゴシック";
  font-size:15px;
margin-top:5px;
  margin-bottom:5px;
  margin-left:10px;
  margin-right:10px;
  line-height:140%;
}
h3 {　コンテンツ中央より下の表風の箇所、背景グレーに赤字の部分
  font-family : "ＭＳ Ｐゴシック";
  font-size:15px;
  text-align:center;
  background:#808080;　背景色（グレー）
  margin-bottom:0px;　下マージンは無い、連結する
  margin-top:15px;
  padding-top:5px;
  color:crimson;　文字色をカラーネームで指定している
  margin-left:40px;　左右マージンを統一
  margin-right:40px;
}
.indtp2 {
  background-color:#ffffff;　背景色（白）
  margin-top:0px;　上マージンは無い、連結する
  margin-left:40px;　左右マージンを統一
  margin-right:40px;
  padding-left:10px;
  border-top: #808080 2px solid;　上のライン、グレー
  border-left: #808080 2px solid;
  border-right: #808080 2px solid;
  border-bottom: #808080 2px solid;
}
コンテンツ部分のリンクの設定
.cont a {
  color:#191970;
  background:#ffffff;
  padding:0 0 0 0;
  text-decoration:underline;
}
.cont a:hover {
  color:#ffffff;
  background-color:#191970;
  padding:0 0 0 0;
  text-decoration: none;
}
/*________右ナビゲーションブロック設定 _________ */
#rightsidebar {
  width : 180px;
  float : right;　右寄せ
  text-align:left;
  padding:0;
  overflow: hidden;
  background-color:#dcdcdc;
}
ul {
  margin-left : 0px;
  padding-left : 0px;
  padding-top:55px;
  padding-bottom:5px;
}
li {
  line-height:140%;
  padding-bottom:20px;　メニュー間をここで指定
  padding-left:10px;　左余白
  padding-right:10px;　右余白
  list-style-type : none;
  font-family : "MS UI Gothic";
  font-size:14px;
  font-weight:600;
}
メニュー部分のリンクの設定
.rgt a {
  color:#ffffff;　文字色は白
  display:block;　ブロックレベル要素
  padding:5px 5px 5px 5px;　上下左右の余白
  background:#000000;　背景色は黒
  text-decoration: none;
}
.rgt a:hover {　マウスカーソルをリンクに乗せた際、色が反転する
  color:#000000;　白と黒が反転する
  display:block;
  padding:5px 5px 5px 5px;
  background-color:#ffffff;
  text-decoration: none;
}
address {
font-family : "ＭＳ Ｐゴシック";
  font-size:12px;
  font-style:normal;
  padding-top:10px;
  padding-bottom:0px;
  color:#ffffff;
  line-height:140%;
}
.powerd a {
  color:#191970;
  background-color:#808080;
  text-decoration:underline;
}
.powerd a:hover {
  color:#ffffff;
  background-color:#191970;
  text-decoration:underline;
}