========== TABLE of CONTENTS ==========
*/

/* ---------- 1:reset  ---------- */

html {
  overflow-y: scroll; /* Firefox scroll-on */
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: tahoma,Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
  background-color: #CBD7E4;
  color: #2d2d2d;
  font-size: 13px;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 13px;
}

h1,h2 {
font-size:10px;
font-weight:normal;
float:right;
border-left:1px solid #999;
margin-left:5px;
padding-left:5px;
}

h1,h2,h3 {
font-size:10px;
font-weight:normal;
float:right;
}

ul li,ol li {
  list-style: none;
}

table,th,td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
  font-size: 13px;
  font-family: tahoma,Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
}

address,cite,dfn,em,strong,var,th,ins,del,samp {
  font-weight: normal;
  font-style: normal;
}

a img {
  border: 0;
}

a {
  outline: none;
}

img {
  vertical-align: top;
}

fieldset {
  border: none;
}

a,a:link,a:active,a:visited{
  color:#006699;
  text-decoration:none;
}

a:hover{
  color:#0033666;
  text-decoration:underline;
}

/* ---------- /1:reset  ---------- */

/* ---------  2:clearfix --------- */

.clearfix:after {
  content: url(../img/pixel.gif);
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

/* --------- /2:clearfix --------- */

/* ---------- 3:layout  ---------- */

/* ------------------------------------------------------------ */

#headline{
width:100%;
text-align:right;
color:#999;
}

/* ------------------------------------------------------------ */

#wrapper{
width:920px;
height:100%;
margin:0 auto;
background-color: #CBD7E4;
}

/* ------------------------------------------------------------ */

#header{
margin:0 0 10px 0;
}

#header #logo{
float:left;
}

#header #os{
float:right;
}

#header #os ul li{
margin:6px 0 0 0;
float:left;
}

#header #os ul li img{
margin:0 0 0 10px;
}

/* ------------------------------------------------------------ */

#contents {
width:900px;
margin:0 auto;
padding:10px 0 0 0;
}

#leftbox {
width:460px;
float:left;
}

#leftbox h4 {
margin:0 0 10px 0;
padding:0;
}

#topics li {
padding:0 0 5px 10px;
background:url(../img/mark.gif) no-repeat 0% 25%;
}

#rightbox {
width:310px;
float:right;
text-align:right;
}

#rightbox #bnr img{
margin-bottom:10px;
}

#rightbox #bnr img.mr10{
margin-right:6px;
}

/* ------------------------------------------------------------ */

#navibox {
width:920px;
margin:0 auto;
}

#navi {
width:920px;
margin:0 auto;
}

ul#naviul {
width:920px;
height:67px;
background-image:url(../img/navi.jpg);
background-repeat: no-repeat;
margin:0 auto;
}

ul#naviul a {
text-decoration:none;
text-indent:-100000px;
display:block;
height:67px;
background-image:url(../img/navi.jpg);
}

#navi ul {
width:920px;
margin:0 auto;
}

#navi li {
list-style:none;
float:left;
}

a.navi1 {
width:130px;
}

a.navi1:hover,a.active1 {
background-position:0 -67px;
}

a.navi2 {
width:110px;
background-position:-130px 0;
}

a.navi2:hover,a.active2 {
background-position:-130px -67px;
}

a.navi3 {
width:110px;
background-position:-240px 0px;
}

a.navi3:hover,a.active3 {
background-position:-240px -67px;
}

a.navi4 {
width:110px;
background-position:-350px 0px;
}

a.navi4:hover,a.active4 {
background-position:-350px -67px;
}

a.navi5 {
width:110px;
background-position:-460px 0px;
}

a.navi5:hover,a.active5 {
background-position:-460px -67px;
}

a.navi6 {
width:110px;
background-position:-570px 0px;
}

a.navi6:hover,a.active6 {
background-position:-570px -67px;
}

a.navi7 {
width:110px;
background-position:-680px 0px;
}

a.navi7:hover,a.active7 {
background-position:-680px -67px;
}

a.navi8 {
width:110px;
background-position:-790px 0px;
}

a.navi8:hover,a.active8 {
background-position:-790px -67px;
}

/* ------------------------------------------------------------ */

#footer {
width:100%;
}

#footer-inner {
width:900px;
margin:0 auto;
text-align:right;
color:#999;
}

#footer-menu{
margin:0 5px 5px 0;
}

#footer-menu li {
display:inline;
font-size:10px;
}

address {
font-style:normal;

}

#footer a:link,#footer a:visited {color:#52779F; text-decoration:none;}
#footer a:active,#footer a:hover {color:#52779F; text-decoration:underline;}