* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク 

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; } */

a:link { color: #0000ff; }
a:visited { color: #000080; }
a:hover { color: #ff0000; }
a:active { color: #ff8000; }

body {
  overflow-x: hidden;
  font-size: 100%;
  text-align: center;
  padding:0;
  margin: 0;
  background: url(../img/bg-body.gif) repeat-x 0 195px;
}

#header {
  text-align: left;
  height: 150px;
}


#header img {
  position: absolute;
}

#header p1 {
  position: absolute; top: 80px; left: 40px;
}

#header p2 {
  position: absolute; top: 150px; left: 250px;
  color: #fff99f;
}

#header.title {
  position: absolute; top: 250px; left: 170px;
  line-height: 120px;
}

.title a {
  font-size: 300%;
  text-decoration: none;
  color: #009DBF;
}

.title a:hover {
  text-decoration: none;
  color: #EFFCFF;
}

#navbar {
  position: top: 30px;
  height: 30px;
  background: url(img/menu.gif) repeat-x 0 0px;
  z-index:10 ;
}

#navbar img {
  width: 1500px;
  height: 32px;
  position: absolute; top: 30px;
}

#navbar ul{
  position: absolute; top: 30px;
  margin: 0,0,0,50px; 
  padding: 0,0,0,100px; 
  list-style: none;
}

#navbar li{
display: inline; 
padding: 0,0,0,100px;  
margin: 0,0,0,50px; 
float: left;
}

#navbar li a{
display: block; 
background-color: #FFFFE0;
padding: 9px; 
text-decoration: none;
color: #333;
width: 110px; 
margin: 0,0,0,50px;
text-align: center;
font-size: 12px;
}

#navbar li a:hover{
background-color: #2d56be;
color: #fff000;
}

#obi {
  repeat-x 0 0px;
}

#obi img {
   width: 100%;
   margin: 0 auto;
/*  width: 1500px; */
  height: 50px;
  position: relative; top: 30px;
}

#body {
  top: 250px; left: 20px;
  height: 800px;
  background: url(img/bg-body3.gif) repeat-x 0 0px;
}

#side {
  padding: 10px 0px 0px 5px;
  margin: 0px;
  width: 180px;
  line-height: 20px;
  position: absolute;
}

#side ul { list-style-type: none;
  position: absolute; top: 60px; left: 20px;
}

#side li { display: inline;
}

#side li a {
  text-align:left;
  font-size: 100%;
  text-decoration:underline;
  display: block;
  padding: 10px 4px 4px 9px;
  color: #111111;
}

#side li a:hover {
  text-decoration: none;
  color: #ff0000;
}

#name {
  position: absolute; top: 250px; left: 240px;
  font-size: 250%;
  text-decoration: none;
  color: #009DBF;
  padding: 15px 15px 15px 15px;
}

#main {
  margin: 0px;
  text-align:left;
/*  border: 1px solid #FFFFF0; */
  position: absolute; top: 320px; left:240px;
  font-size: 100%;
  height: 550px;
  padding: 15px 15px 15px 15px;
  line-height: 150%
}

#main p {
  margin-bottom: 0.5em;
  line-height: 1.5em;
}

#main ul { margin: 0 0 20px 15px; }

#main li { margin-bottom: 1px; }

#footer { padding: 5px 0; }

h1 {
  font-size: 100%;
  text-align: right;
}

#footer p { text-align: center; }

#cds {
  clear: both;
  font-size: 85%;
  text-align: right;
}

#cds,
#cds a,
#cds a:hover {
  text-decoration: none;
  color: #ff0000;
}