/* ==============================================================================================
CSS information

 file name  :basic.css
 style info :basic style
================================================================================================= */


body {
  color: #000000;
  font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
  background-color: #ffffff;
  background-image: url(../images/bg.gif);
  background-position: top left;
}
a:link {
  text-decoration: none;
  color:#595757; 
}
a:active {
  text-decoration: none;
  color:#cccccc;
}
a:visited {
  text-decoration: none;
  color:#595757;
}
a:hover {
  text-decoration:underline;
  color:#595757;
}

#wrapper {
  width:980px;
  background-color: rgba(0,0,0,0.6);
  padding-top:40px;
  padding-bottom:40px;
  margin:80px auto 10px auto;
}
#main {
  margin:0 auto;
  background-color: rgba(255,255,255,1);
  width:850px;
  padding-bottom:10px;
}
#head {
  font-size:90%;
}
#head .rogo {
  margin-top:50px;
  margin-bottom:40px;
}

p.foot { margin:0 auto; font-size:80%; }



/* ‹€’ʍ€‚Ζƒx[ƒVƒbƒNƒfƒUƒCƒ“
----------------------------------------------------*/


#link { margin:20px auto 0 auto; font-size:90%; font-color:#000000; }

#topic { width:680px; margin:0 auto 0 auto; text-align:left; }

#hinmei { font-weight:bold; font-size:130%; text-align:left; }
#ga { font-size:80%; float:left; }
#naiyou { margin-left:280px; }

#table { width:400px; border:none; border-collapse: collapse; border-spacing: 0; }
#table .r1 { border-bottom: solid #dddddd 1px; }
#table .r2 { border-bottom: none; }
#table .d1 { width:140px; margin-left:10px; }
#table .d2 { width:140px; margin-left:10px; vertical-align:top; }
ul { padding-left: 1em; }

#line { margin-top:15px; margin-bottom:15px; }

#clear { clear:both; }  




/* index
----------------------------------------------------*/
#slideshow {
   position: relative;
   width:  850px;
   height: 300px;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}


/* tenpo
----------------------------------------------------*/
#tenpomei {  }

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* company‚Ζtenpo‚Μ‹€’Κƒe[ƒuƒ‹
----------------------------------------------------*/
#cotable { width:400px; border:none; border-collapse: collapse; border-spacing: 0; font-size:90%; }
#cotable .r1 { border-bottom: solid #dddddd 1px; }
#cotable .r2 { border-bottom: none; }
#cotable .d1 { width:100px; margin-left:10px; }
#cotable .d2 { width:100px; margin-left:10px; vertical-align:top; }


/* annnai
----------------------------------------------------*/

#naiyouann { float:left; margin-left:20px; margin-right:30px; } 
#hinmeiann { margin-left:20px; font-weight:bold; font-size:130%; text-align:left; }


#table2 { width:640px; border:none; border-collapse: collapse; border-spacing: 0; margin-left:20px; margin-right:20px; }
#table2 .r3 { border-bottom: solid #dddddd 1px; }
#table2 .r4 { border-bottom: none; }
#table2 .d3 { width:140px; margin-left:10px; }
#table2 .d4 { width:140px; margin-left:10px; vertical-align:top; }
#table2 .d5 { padding-left:40px; }
ul { padding-left: 1em; }