@charset "UTF-8";

/* ?S?̍\??
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  color: #333333;
  background: #9f9f9e url(../images/backJOSO02.gif) repeat-y;
}
#wrapper {
  width: 840px;
}

/* ?w?b?_
---------------------------------------------------- */
#header {
  width: 840px;
  height: 110px;
  color: #333333;
  background: url(../images/header.gif) no-repeat;
}
h1 {
  margin: 0;
  position: absolute;
  left: 15px;
  top: 3px;
}

/* ?O???[?o???E?i?r?Q?[?V????
---------------------------------------------------- */
#header ul {
  margin: 0;
  list-style: none;
}
#header li {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 63px;
  height: 34px;
  text-indent: -9999px;
}
#header li#top      { left: 502px; width: 44px; }
#header li#about    { left: 553px; width: 63px; }
#header li#clients  { left: 620px; width: 75px; }
#header li#services { left: 696px; width: 75px; }
#header li#faq      { left: 794px; width: 30px; }
#header li a {
  text-decoration: none;		/* ??Firefox???ŁE???\???????ȁE?悤?ɁE?? */
  display: block;
  height: 38px;
}
#header li#top a:hover {
  background: url(../images/gnaviC.gif) 0 0;
}
#header li#about a:hover {
  background: url(../images/gnaviC.gif) -60px 0;
}
#header li#clients a:hover {
  background: url(../images/gnaviC.gif) -120px 0;
}
#header li#services a:hover {
  background: url(../images/gnaviC.gif) -195px 0;
}
#header li#faq a:hover {
  background: url(../images/gnaviC.gif) -184px 0;
}




#cover {
 margin: 0 0 0 10px;
}
#cover img {
  vertical-align: bottom;
}
#cover object {
  vertical-align: bottom;
}
.cover20{
width: 780px;
height:255px;
background-color: #67707F; 
margin-left: 10px;
margin-bottom: 0px;
}
.pic20{
float:right;
}


.aaa{
   line-height:1.5em;
  }   
  
h2{
color: #ffffff;/*文字色*/
padding: 0.8em 2.0em 0.8em 1.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #e87402;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
font-size:1.2em;

}

h2:before {
content: '●';
color: white;
margin-right: 8px;
} 
  
h3{
border-bottom: double 5px #FFC778;
/*線の種類（二重線）太さ 色*/
} 
  
 .content20{
  width: 780px;
  height:5500px;
  margin-left: 10px;
  font-size: 0.8em;
  } 
  
 .content21{
  width: 780px;
  height:5300px;
  margin-left: 10px;
  font-size: 0.8em;
  } 
  
.setsumei{
 font-size: 0.9em;
 color: #5d7aa1;
}

.hidari img{
	float:left;
	margin-right:15px;
}


#layer1{
height: 150px;
width: 230px;
left: 10px;
top:220px;
position: absolute;visibility: visible;
}

#layer2 { 
height: 60px; 
width: 350px; 
left: 15px; 
top: 360px; 
position: absolute; visibility: visible; }

#menusita {clear: both;
  margin: 0 0 50px 10px;
  padding-top: 0;
  position: relative
 }
 
#menusita ul {
  margin: 0;
  list-style: none;
}
#menusita li {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 8px;
  height: 27px;
  text-indent: -9999px;
}
#menusita li a {
  text-decoration: none;		/* ??Firefox???ŁE???\???????ȁE?悤?ɁE?? */
  display: block;
  height: 27px;
}
#menusita li#info    {
  left: 450px;
  width: 120px;
  background: url(../images/icon_otoi.gif) no-repeat;
}
#menusita li#sitemap {
  left: 570px;
  width: 110px;
  background: url(../images/icon_site.gif) no-repeat;
}
#menusita li#privacy {
  left: 680px;
  width: 100px;
  background: url(../images/icon_kojin.gif) no-repeat;
}
#footer p {
  margin-top: 10px;
  font-size: x-small;
  color: #666666;
  background: transparent;
}


#footer {
  clear: both;
  margin: 0 0 50px 10px;
  padding-top: 0;
  position: relative
 
}
#footer ul {
  margin: 0;
  list-style: none;
}
#footer li {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 8px;
  height: 27px;
  text-indent: -9999px;
}
#footer li a {
  text-decoration: none;		/* ??Firefox???ŁE???\???????ȁE?悤?ɁE?? */
  display: block;
  height: 27px;
}

#footer p {
  margin-top: 10px;
  font-size: x-small;
  color: #666666;
  background: transparent;
}



.menu {
   margin-left: 90px;
   margin-top: 20px;
   font-size: 0.8em;

 }
.menu a {
   color:#5e8eab
   }
.menu a:hover {
   color:#ff8800
   }
   
   
 p.menu02 { font-size: 0.9em; border-top: 1px solid #5e8eab; background-color: navy; height: 2em
   ; margin: 0; }
 p.menu02 a { color:#ffffff; background-color: #5e8eab; border-right: 1px solid #ffffff; text-decoration: none; display: block; width: 10em; float: left; line-height: 2em
   
   ; margin: 0; }
 p.menu02 a:hover {
   background-color: #49abdb
   }
   
 .menu03 {
 text-align:center;
 font-size: 0.9em;
   margin-left: 10px;
   margin-right: 0;

   margin-bottom: 0;
   margin-top: 0;
   border-top: solid 1px #5e8eab;
   background-color: #5e8eab;
   width: 780px;
   height: 2.2em;
   position:relative;
   top: 0;
   left: 0;
   }
 
 .menuhead{
   border-right: solid 1px #ffffff
   }  
 .menu03 a {
   color:#ffffff;
   background-color: #5e8eab;
   border:solid 1px #ffffff;
   
   text-decoration: none;
   display: block;
   width: 129px;

   line-height: 2em
   
   }
   #menu1{
   position: absolute;
   left: 0;
   top: 0;
   }
  #menu2{
    position: absolute;
    left:130px;
    top:0;
    } 
   #menu3{
    position: absolute;
    left:260px;
    top:0;
    }
    #menu4{
    position: absolute;
    left:390px;
    top:0;
    }
    #menu5{
    position: absolute;
    left:520px;
    top:0;
    }
    #menu6{
    position: absolute;
    left:650px;
    top:0;
    }
 .menu03 a:hover {
   background-color: #49abdb
   }
 
 
  .menu20 {
  margin-top: 30px;
  margin-left: 80px;
  font-size: 0.8em;
  clear:both;
  }
  .menu20 a {
   color:#5e8eab
   }
.menu20 a:hover {
   color:#ff8800
   } 
   
   
 .submenu {
   visibility: hidden;
   position: absolute;
   
   }
 .submenu a{
   background-color: #005aaf;
   border-top: solid 1px #ffffff
   }
   
  .contents01 {
  margin-left: 10px;
  margin-top: 0
  }
  
   
  
 
  .address20 {
 
  font-size: 0.7em;
  font-weight: normal;
  font-style: normal;
  border-top: solid 5px #c5e1ed;
  width: 300px;
  
  margin-left: 450px;
  margin-top: 30px;
  clear: both;
  }