@charset "UTF-8";

h1{
font-size:1em;
}
h2{
font-size: 1em
}
h3{font-size:115%;
}

/* ?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;
}

h4 {
  position: relative;
padding-left: 7em;
}

h4 span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 2rem;
  color: #e3f5d8;
  background: #01dba0;
}

h4 span:after {
  position: absolute;
  top: calc(50% - 7px);
  right: -11px;
  width: 0;
  height: 0;
  content: '';
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #01dba0;
}
/* ?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;
}

#content { margin: 25px 0 10px; width: 790px; }
#content div {
  float: left;
  width: 195px;
}
#content h2 {
  margin: 0;
  padding: 0;
  height: 86px;
}
#content a, #content img {
   display: block;
}
#content a {
  width: 195px;
  height: 85px;
}



#content p {
  margin: 0 5px 10px;
  width: 180px;
  font-size: x-small;
  line-height: 1.4;
  }
 #contentcenter{
 width: 400px;
 height: 150px;
 position: absolute;left:150px;top:400px;
 font-size: 0.85em;color:#003366;
 line-height: 1.8;
 }
 
 
.bos{
	font-size:1.2em;
}
 
ol.sample1{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 0;
}
ol.sample1 li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 10px 40px;
  padding-left:10px;
  font-weight: bold;
  font-size:1.2em;
  border-bottom:solid 1px #e7221a;
}
ol.sample1 li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -30px;
  width: 30px;
  height: 32px;
  background: #e7221a;
  text-align: center;
  color: #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
} 
 
 
 

#news {
  margin: 10px 10px 10px;
  padding-top: 4px;
  }
  

#news p{
  font-size: 0.8em;
  }
.content00main{
  
   font-size: 0.82em;
   width:530px;
   position: absolute;left: 10px;top:500px;
   
   }   
 .content00main a{ 
   color:#000000;
  
  }
 .content00main a:hover{ 
   color:#336699
  }
  
 .content00side{
 
   font-size: 0.8em;
   color: #5d7aa1;
   width:220px;height:1400px;
   position: absolute;left:590px;top:420px;
   background-image: url(../images/back04.gif);
   background-repeat: repeat-y
   }
  

.content0101main{
  
   font-size: 0.85em;
   width:580px;
   float: right;
   margin-right: 40px;
   }  
 .content0101main a{ 
   color:#000000;
  
  }
 .content0101main a:hover{ 
   color:#336699
  }
.content04main{
  
   font-size: 0.85em;
   width:530px;
   float: right;
   margin-right: 50px;
   }  
.aaa{
   line-height:1.5em;
  }   
.content11main{
  
   font-size: 0.85em;
   width:580px;
   position: absolute;left: 180px;top:375px;
   }

.content0101side{
 
   font-size: 0.9em;
   width:174px;
   float: left;
   margin-left: 5px;
   background-image: url(../images/back00.gif);
   background-repeat: repeat-y
   }
 .content04side{
   font-size: 0.8em;
   color: #5d7aa1;
   width:204px;
   float: left;
   margin-left: 5px;
   }
.content11side{
 
   font-size: 0.9em;
   width:150px;height: 2200px;
   position: absolute;left: 10px;top:305px;
   background-image: url(../images/back11.gif);
   background-repeat: repeat-y
   }
.content11side a{ 
   color:#4C5D63;
   text-decoration: none;
  }
 .content11side a:hover{ 
   color:#ffffff
  }
 

.content13side{
   font-size: 0.9em;
   width:150px;height:800px;
   float: left;
   margin-left: 5px;
   background-image: url(../images/back11.gif);
   background-repeat: repeat-y
   }
 
 .content20{
  width: 780px;
  margin-left: 10px;
  font-size: 0.8em;
  } 
.setsumei{
 font-size: 0.9em;
 color: #5d7aa1;
}

#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
   }
    .menu00 {
/*koko****************************************/	
  position: absolute;left: 100px;top:17600px;
  
   font-size: 0.8em;
  }
   .menu00 a {
   color:#5e8eab
   }
  .menu0101 a {
   color:#5e8eab
   }
  .menu0101 {
  position: absolute;left: 100px;top:1420px;
  
   font-size: 0.8em;
  }
  .menu0101 a {
   color:#5e8eab
   }
.menu0101 a:hover {
   color:#ff8800
   }
   .menu20 a {
   color:#5e8eab
   }
  .menu20 {
  margin-top: 30px;
  margin-left: 80px;
  font-size: 0.8em;
  }
  .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
  }
  
   
address {
  margin-left: 500px;
  
  font-size: 0.7em;
  font-weight: normal;
  font-style: normal;
  border-top: solid 5px #c5e1ed;
  width: 290px;
  padding-top: 4px;
  margin-top: 10px;
  }
   .address00 {
 
  font-size: 0.7em;
  font-weight: normal;
  font-style: normal;
  border-top: solid 5px #c5e1ed;
  width: 290px;
  padding-top: 4px;
 /*koko*************************************/
  position: absolute;left: 500px;top:17800px;
  }
 
  
 .address11 {
 
  font-size: 0.7em;
  font-weight: normal;
  font-style: normal;
  border-top: solid 5px #c5e1ed;
  width: 290px;
  padding-top: 4px;
 
  position: absolute;left: 500px;top:2600px;
  }
  
 
  .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;
  }