/*  コンテンツボックス
 *      メニューのとなりに配置します。
 */
div#BoxClass5{
  float             : left;
  width             : 525px;
  border-left       : 1px #cccccc solid;
  background-color  : #ffffff;
}
/*  タイトルボックス
 *      
 */
#BoxClass5 div#ContentsTitle{
  margin-left       : 10px;
  width             : 515px;
  height            : 30px;
  background        : #8888cc url(image/title-bar.gif) repeat scroll left;
}
/*  フッターボックス
 *      
 */
#BoxClass5 div#ContentsFooter{
  margin-top        : 15px;
  margin-bottom     : 15px;
  margin-right      : 5px;
  width             : 100%;
  text-align        : right;
}

/*  タイトルボックス
 *      
 */
/*--------------------------------------------- タイトルのフォント */
#BoxClass5 #ContentsTitle .font1{/*タイトル*/
  margin-left       : 18px;
  cursor            : auto;

  font-size         : 22px;    /*文字のサイズを指定する*/

  line-height       : 32px;    /*行間を指定する */
  color             : #ffffff;  /*文字の色を指定する*/
  font-weight       : bold;    /*文字の太さを指定する*/
  font-family       : "ＭＳ ゴシック";/*フォントを指定する */
  font-style        : normal;           /*斜体文字にする*/
  text-decoration   : none;             /*文字の装飾を指定する */
}

#BoxClass5 #ContentsTitle .font2{/*タイトルの飾りみたいなもの*/
  margin-left       : 5px;
  margin-right      : 5px;
  cursor            : auto;

  font-size         : 12px;    /*文字のサイズを指定する*/
  letter-spacing    : 1px;      /*文字の間隔を指定する*/

  color             : #80c0ff;  /*文字の色を指定する*/
}


/*  フッターボックス
 *      
 */
div#ContentsFooter{
  width             : 100%;
  text-align        : right;
}
#ContentsFooter a{
  display           : block;
  float             : right;
  margin-left       : 13px;
  padding-left      : 13px;
  margin-bottom     : 13px;
  cursor            : pointer;
}

/*------------------------------------ 文字 */
#ContentsFooter *{
  font-size         : 10px;    /*文字のサイズを指定する*/
  white-space       : nowrap;  /*改行やスペースの扱いを指定する*/
  font-family       : "ＭＳ ゴシック";/*フォントを指定する */
  font-weight       : bold;    /*文字の太さを指定する*/
  font-style        : normal;           /*斜体文字にする*/
  text-decoration   : none;             /*文字の装飾を指定する */
}
#ContentsFooter div{/*サイトマップ・プライシポリシー*/
  margin-left       : 12px;
}
#ContentsFooter a:link,
#ContentsFooter a:visited,
#ContentsFooter a:active{/*色*/
  color             : #555555;
  background        : transparent url(image/footer-mark.gif) no-repeat scroll left center;/*矢印(画像)*/
}
#ContentsFooter a:hover{
  color             : #888888;
  background        : transparent url(image/footer-mark2.gif) no-repeat scroll left center;/*矢印(画像)*/
}