*  {
          padding : 0px ;
          margin : 0px ;
}

body {
margin : 0;
padding : 0;
font : 72%  "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Trebuchet MS", "verdana", "arial", "sans-serif","Osaka", "ＭＳ Ｐゴシック";
background : #003250 url(chj_index_bgd.png) center repeat;
color : #666;
}

ul{
     list-style: none;  
}

#site-box {
padding : 20px;
          width : 852px;
          background : #f2f2f5;
          border: 1px solid #333;
          margin : 10px auto
}

#a-box {
          font-size: 13px;font-family:"ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
}

#banner {
float : left;
width : 510px;
height : 200px;
padding : 0;
margin : 0 0 10px 0;
}
#bannerb {
float : right;
width : 320px;
margin : 0 0 10px 0;
padding : 0;
line-height : 165%
}

<!--トップのナビ-->
#navcontainer {
width : 100%;
}

#navcontainer ul {
padding-left: 0;
margin-left: 0;
background: #005599;
color: #fff;
float: left;
width: 100%;
          font-size: 12px;font-family:"ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
padding: 0.2em 1em;
background: #005599;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover {
background: #036;
color: #fff;
}
.clear {
clear : both;
}





#b-box {
          float: left;
          width: 140px;
          margin : 0 5px 0 0;
          padding : 5px;
          color : #666;
          font-size: 12px;font-family:"ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";}

#c-box {
          float: right;
          width: 680px;
          background : #FFF;
          font-size: 12px;font-family:"ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック"; color:#666
          margin : 0 5px 0 10px;
          padding : 10px 5px 5px 5px;
}

#d-box {
          clear: both;
          padding: 10px;
          border-top: 1px solid #333;
          text-align: center;
          font-size: 12px;font-family:"ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
}


<!--テーブル下のページャー設定-->
* {
      margin: 0;
      padding: 0;
      font-style: normal;
      list-style: none;
}
body {
      font: 70% Arial, Helvetica, sans-serif;
}
ul.pager {
      margin: 0 0 0 250px;
}
ul.pager li {
      float: left;
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px #999999 solid;
}
ul.pager li.next {
      border-right: none;
}
ul.pager li a:link,
ul.pager li a:visited {
      color: #3366FF;
}
ul.pager li a:hover,
ul.pager li a:active {
      color: #FF6633;
}
ul.pager li em {
      font-weight: bold;
}
<!--テーブル下のページャー設定ここまで-->


<!--フッターの設定-->
#linknavi {
clear : both;
padding : 5px;
margin-top : 15px;
}
#linknavi a:link, #footer a:visited {
background : inherit;
color : #005599;
text-decoration : none;
}
#linknavi a:hover {
border-bottom : 1px dashed #005599;
background : inherit;
color : #005599;
}


h1 {
margin : 0 0 10px 10px;
font : normal 130% verdana, arial, tahoma, sans-serif;
color : #003366;
background : inherit;
}
h2 {
padding-left : 5px;
font : bold 10px/12px verdana, arial, tahoma, sans-serif;
color : #ef7329;
background : inherit;
}
a {
text-decoration : none;
color : #0d4953;
background : inherit;
}
a:hover {
color : #005599;
background : inherit;
}
div.scroll {
overflow : auto;
height : 6em;
width : 160px;
padding : 1ex;
color : #333;
background : inherit;
border : 1px solid #eee;
margin : 20px;
}

p {
          font-size: 12px;
          margin: 0px 5px 10px 8px;

}

ul {
          padding : 10px 5px 10px 30px;
} 


.orange {
background : inherit;
color : #f36207;
}




