body {
  margin: 0;
  padding:0;
  background-color: #ddd;
  background-image: url('../img/bg.gif');
  background-repeat:repeat-y;
  background-position:center;
  color: #000;
  font-family:Arial Thoma;
  text-align:center;
}

#container {
  width:850px;
  height:100%;
  margin:0 auto;
  padding:0;
  background-image: url('../img/bg.gif');
  background-repeat:repeat-y;
  text-align:left;
}


#header {
  width:800px;
  height:112px;
  margin:0;
  padding:0 25px;
  text-align:left;
  position:relative;
}

#header ul#map-navi {
  position:absolute;
  top:40px;
  right:50px;
  margin:0;
  padding:0;
  list-style:none;
}

#header ul#map-navi li {
  padding:0 0 0 20px;
  background:url('../img/arrow.gif')
  no-repeat left center;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
}

#header ul#map-navi li a {color:#999;}
#header ul#map-navi li a:hover {color:#f00;}

#header #Navi {
  width: 800px;
  height: 42px;
  background-image: url('../img/bar.gif');
  background-repeat: repeat-y;
  background-position: center top;
}


#header #Navi ul {
  position:relative;
  left:102px;
  width: 800px;
  height: 26px;
  list-style:none;
  margin:0;
  padding:0;
}

#header #Navi li {
  float:left;
  height: 26px;
  list-style:none;
  margin:0;
  padding:0;
  display:block;
  background-image: url('../img/navi_on.gif');
  background-repeat: no-repeat;
  text-decoration:none;
  text-indent:-9999px;
}

#header #Navi li a {
  height: 26px;
  list-style:none;
  padding:0;
  display:block;
  background-image: url('../img/navi.gif');
  background-repeat: no-repeat;
  text-decoration:none;
}

#header #Navi li#home {width:119px;}
#header #Navi li#pr {width:119px;}
#header #Navi li#works {width:119px;}
#header #Navi li#recruit {width:119px;}
#header #Navi li#contact {width:119px;}


#header #Navi li#home a {background-position:-102px 0;}
#header #Navi li#pr a {background-position:-221px 0;}
#header #Navi li#works a {background-position:-340px 0;}
#header #Navi li#recruit a {background-position:-459px 0;}
#header #Navi li#contact a {background-position:-578px 0;}

#header #Navi li#home.current-page {background-position:-102px 0;}
#header #Navi li#pr.current-page{background-position:-221px 0;}
#header #Navi li#works.current-page{background-position:-340px 0;}
#header #Navi li#recruit.current-page{background-position:-459px 0;}
#header #Navi li#contact.current-page{background-position:-578px 0;}


#header #Navi li a:hover {
  height: 26px;
  list-style:none;
  margin:0;
  display:block;
  background-image: url('../img/navi_on.gif');
  background-repeat: no-repeat;
  text-decoration:none;
}


#Main {
  width: 800px;
  height: 350px;
  border:none;
  margin:0;
  padding:0 25px;
}

#Main h1 {
  width: 800px;
  height: 350px;
  background-image: url('../img/main.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  text-indent:-9999px;
  border:none;
  margin:0;
  padding:0;
}

#Infor {
 width:600px;
 margin:0;
 padding:0 125px;
}

#Infor ul {
  list-style:none;
  margin:0;
  padding:0 0 1em 0;
  width:600px;
}

#Infor li {
  font-size:12px;
  line-height:22px;
  margin:0;
  padding:0 0 0 10px;
  background:url('../img/li.gif')
  no-repeat 0 0.3em;
  width:600px;
}

#Infor li.gray {
  background-color: #eee;
}

#Infor h2 {
 background-image: url('../img/info.gif');
 width:166px;
 height:36px;
 background-repeat: no-repeat;
 text-indent:-9999px;
 border:none;
 margin:0;
 padding:0;
}

#Content {
  width: 800px;
  border:none;
  margin:0 25px;
  padding:0;
}

#Sub {
  float:left;
  width:22%;
}

#Sub ul#pr-snavi {
  list-style:none;
  margin:0;
  padding: 0 10px;
}

#Sub ul#pr-snavi li {
  margin:3px;
  padding:0;
  width:160px;
  height:25px;
  text-indent:-9999px;
  background:url('../img/snavi01.gif')
  no-repeat;
}

#Sub ul#pr-snavi li a {
  width:160px;
  height:25px;
  display:block;
  text-decoration:none;
  background:url('../img/snavi01.gif')
  no-repeat;
}

#Sub ul#pr-snavi li a:hover {
  width:160px;
  height:25px;
  text-decoration:none;
  background:url('../img/snavi01_on.gif')
  no-repeat;
}

#Sub ul#pr-snavi li#gaiyo { width:160px;}
#Sub ul#pr-snavi li#enkaku { width:160px;}

#Sub ul#pr-snavi li#gaiyo a { background-position:0 -25px;}
#Sub ul#pr-snavi li#enkaku a { background-position:0 -50px;}

#Sub ul#works-snavi {
  list-style:none;
  margin:0;
  padding: 0 10px;
}

#Sub ul#works-snavi li {
  margin:3px;
  padding:0;
  width:160px;
  height:25px;
  text-indent:-9999px;
  background:url('../img/snavi02.gif')
  no-repeat;
}

#Sub ul#works-snavi li a {
  width:160px;
  height:25px;
  display:block;
  text-decoration:none;
  background:url('../img/snavi02.gif')
  no-repeat;
}

#Sub ul#works-snavi li a:hover {
  width:160px;
  height:25px;
  text-decoration:none;
  background:url('../img/snavi02_on.gif')
  no-repeat;
}

#Sub ul#works-snavi li#kentiku { width:160px;}
#Sub ul#works-snavi li#doboku { width:160px;}
#Sub ul#works-snavi li#kikai { width:160px;}
#Sub ul#works-snavi li#denki { width:160px;}
#Sub ul#works-snavi li#densi { width:160px;}
#Sub ul#works-snavi li#soft { width:160px;}

#Sub ul#works-snavi li#kentiku a { background-position:0 -25px;}
#Sub ul#works-snavi li#doboku a { background-position:0 -50px;}
#Sub ul#works-snavi li#kikai a { background-position:0 -75px;}
#Sub ul#works-snavi li#denki a { background-position:0 -100px;}
#Sub ul#works-snavi li#densi a { background-position:0 -125px;}
#Sub ul#works-snavi li#soft a { background-position:0 -150px;}


#Sub ul#recruit-snavi {
  list-style:none;
  margin:0;
  padding: 0 10px;
}

#Sub ul#recruit-snavi li {
  margin:3px;
  padding:0;
  width:160px;
  height:25px;
  text-indent:-9999px;
  background:url('../img/snavi03.gif')
  no-repeat;
}

#Sub ul#recruit-snavi li a {
  width:160px;
  height:25px;
  display:block;
  text-decoration:none;
  background:url('../img/snavi03.gif')
  no-repeat;
}

#Sub ul#recruit-snavi li a:hover {
  width:160px;
  height:25px;
  text-decoration:none;
  background:url('../img/snavi03_on.gif')
  no-repeat;
}

#Sub ul#recruit-snavi li#sinsotu { width:160px;}
#Sub ul#recruit-snavi li#ippan { width:160px;}
#Sub ul#recruit-snavi li#gijutu { width:160px;}
#Sub ul#recruit-snavi li#form { width:160px;}

#Sub ul#recruit-snavi li#sinsotu a { background-position:0 -25px;}
#Sub ul#recruit-snavi li#ippan a { background-position:0 -50px;}
#Sub ul#recruit-snavi li#gijutu a { background-position:0 -75px;}
#Sub ul#recruit-snavi li#form a { background-position:0 -100px;}

#Sub ul#contact-snavi {
  list-style:none;
  margin:0;
  padding: 0 10px;
}

#Sub ul#contact-snavi li {
  margin:3px;
  padding:0;
  width:160px;
  height:25px;
  text-indent:-9999px;
  background:url('../img/snavi04.gif')
  no-repeat;
}

#Sub ul#sitemap-snavi {
  list-style:none;
  margin:0;
  padding: 0 10px;
}

#Sub ul#sitemap-snavi li {
  margin:3px;
  padding:0;
  width:160px;
  height:25px;
  text-indent:-9999px;
  background:url('../img/snavi05.gif')
  no-repeat;
}


#MainContent {
  float:left;
  margin:0;
  padding:5px 10px;
}

#MainContent h1 {
  width:570px;
  height:80px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/image02.jpg')
  no-repeat;
}

#MainContent p#gaiyo2 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/gaiyo.gif')
  no-repeat;
  clear:both;
}

#MainContent p#enkaku2 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/enkaku.gif')
  no-repeat;
  clear:both;
}

#MainContent p#works01 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/works01.gif')
  no-repeat;
  clear:both;
}

#MainContent p#works02 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/works02.gif')
  no-repeat;
  clear:both;
}

#MainContent p#works03 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/works03.gif')
  no-repeat;
  clear:both;
}

#MainContent p#works04 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/works04.gif')
  no-repeat;
  clear:both;
}

#MainContent p#works05 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/works05.gif')
  no-repeat;
  clear:both;
}

#MainContent p#works06 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/works06.gif')
  no-repeat;
  clear:both;
}

#MainContent p#con01 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/con01.gif')
  no-repeat;
  clear:both;
}

#MainContent p#con02 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/con02.gif')
  no-repeat;
  clear:both;
}

#MainContent p#map01 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/map01.gif')
  no-repeat;
  clear:both;
}


#MainContent ul.pr-main{
  list-style:none;
  width:570px;
  margin:0 0 1.5em 0;
  padding:1px 0;
  font-size:12px;
  line-height:20px;
}

#MainContent ul.pr-main li.left{
  list-style:none;
  float:left;
  width:72px;
  height:20px;
  margin:2px;
  padding:2px 5px;
  display:block;
  background-color:#D2E1FF;
  clear:both;
  border:1px solid #ccc;
}

#MainContent ul.pr-main li.left2{
  list-style:none;
  float:left;
  width:72px;
  height:40px;
  margin:2px;
  padding:2px 5px;
  display:block;
  background-color:#D2E1FF;
  clear:both;
  border:1px solid #ccc;
}

#MainContent ul.pr-main li.left3{
  list-style:none;
  float:left;
  width:72px;
  height:60px;
  margin:2px;
  padding:2px 5px;
  display:block;
  background-color:#D2E1FF;
  clear:both;
  border:1px solid #ccc;
}

#MainContent ul.pr-main li.left4{
  list-style:none;
  float:left;
  width:72px;
  height:80px;
  margin:2px;
  padding:2px 5px;
  display:block;
  background-color:#D2E1FF;
  clear:both;
  border:1px solid #ccc;
}

#MainContent ul.pr-main li.left6{
  list-style:none;
  float:left;
  width:72px;
  height:120px;
  margin:2px;
  padding:2px 5px;
  display:block;
  background-color:#D2E1FF;
  clear:both;
  border:1px solid #ccc;
}

#MainContent ul.pr-main li.right{
  list-style:none;
  float:left;
  width:460px;
  margin: 2px;
  padding:2px 5px;
  display:block;
  background-color:#fff;
  border:1px solid #ccc;
}

/* 業務内容部分メイン */

#MainContent ul.works-main{
  list-style:none;
  width:540px;
  margin:0 0 1.5em 0;
  padding:0 0 1em 0;
  font-size:12px;
  line-height:20px;
}

#MainContent ul.works-main li.normal{
  list-style:none;
  width:540px;
  height:20px;
  margin: 2px;
  padding:0 0 0 25px;
  display:block;
  background:url('../img/arrow.gif')
  no-repeat;
  background-color:#fff;
}

#MainContent ul.works-main li.blue{
  list-style:none;
  width:540px;
  height:20px;
  margin: 2px;
  padding:0 0 0 25px;
  display:block;
  background:url('../img/arrow02.gif')
  no-repeat;
  background-color:#E0EEEE;
}

#MainContent ul.works-main li.map{
  list-style:none;
  width:540px;
  margin: 2px;
  padding:0 0 0 25px;
}

#MainContent p#message {
  width:570px;
  margin:0;
  padding:0;
  clear:both;
  line-height:140%;
  font-size:12px;
  font-family:monospace;
}

#MainContent p#recruit01 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/rec01.gif')
  no-repeat;
  clear:both;
}

#MainContent p.recruit02 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/rec02.gif')
  no-repeat;
  clear:both;
}

#MainContent p.recruit03 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/rec03.gif')
  no-repeat;
  clear:both;
}

#MainContent p#recruit04 {
  width:160px;
  height:30px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url('../img/rec04.gif')
  no-repeat;
  clear:both;
}

#MainContent ul#sitemap {
  width:500px;
  margin:0 0 1.5em 0;
  padding:1px 0;
  font-size:12px;
  line-height:20px;
}

#MainContent ul#sitemap li {
  width:200px;
  margin:2px;
  padding:1px 0;
  font-size:12px;
  line-height:20px;
}

#MainContent ul#sitemap ul {
  width:500px;
  margin:0;
  padding:1px 30px;
  font-size:12px;
  line-height:20px;
}

#MainContent .uppage {
  font-size:10px;
  line-height:15px;
  font-family:Serif;
  text-align:right;
  clear:both;
}

#MainContent .uppage a { color:#666;font-weight:bold;text-decoration:none;}
#MainContent .uppage a:hover { color:#00f;font-weight:bold;text-decoration:underline;}

a { color:#00f; text-decoration:none; }
a:hover { color:#f00; text-decoration:underline; background-color:#eee;}



.bd01 {
 border:none;
}

.w520 {
 width:520px;
}


.f10 {  font-size: 10px; line-height: 140%; color: #666666}
.f12 {  font-size: 12px; line-height: 140%; color: #666666}



#bottom {
  width:800px;
  height:120px;
  margin:0;
  padding:0 25px;
  clear:both;
}

#copyright {
  position: relative;
  top:80px;
  width:800px;
  height: 40px;
  background-image: url('../img/copy.gif');
  background-repeat: no-repeat;
  background-position:center;
}


#copy {
  position: absolute;
  left:280px;
  top:14px;
  color:#fff;
  font-size:11px;
  font-family:monospace;
}