*{
      margin: 0;
      padding: 0;
      color: #333333;
}

body{
      font-size: small;
      font-family:"ＭＳ Ｐ ゴシック","MS P Gothic","Verdana","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

a:link {
      text-decoration:underline;
      color: #006699;
}

a:visited {
      text-decoration:underline;
      color: #006699;
}

 a:hover {
      text-decoration:underline;
      color: #ff0000;
}

 a:active {
      text-decoration:underline;
      color: #ff0000;
}

#wapper{
      width: 760px;
      margin: 0 auto;
}
      
/* Header
------------------------------ */

#header{
      background: url(../img/topbg.jpg) ;
      height: 84px;
      width: 760px;
      position: relative;
}
   
#header a:link {
      text-decoration:underline;
      color: #ffffff;
}

#header a:visited {
      text-decoration:underline;
      color: #ffffff;
}

#header a:hover {
      text-decoration:underline;
      color: #ffffff;
}

#header a:active {
      text-decoration:underline;
      color: #ffffff;
}

#copy{
      padding: 10px 0;
      margin: 0 0 0 10px ;
      font-size: 10px;
}
    
h1{
      margin: 0 0 0 10px;
}      
 
h1 img{
      width: 205px;
      height: 45px;
      margin: 0 2px 0 0;
      border-style:none;
      }

#sitemap{
      position: absolute;
      top: 6px;
      right: 12px;
      color: #ffffff;
      font-size: 11px;
      }
      
#sitemap img{
      margin: 0 5px 0 0;
}

/* Global
------------------------------ */
      
#menu{
      float: left;
      display:inline;
      margin: 9px 10px 8px;
      width: 180px;
}

ul.menu_nav_line{
      background: url(../img/nav_line.jpg);
      background-repeat : no-repeat ;
      background-position: top;
      padding:10px 0 4px 0;
}
       
.menu_nav_line li{
      list-style: none;

}
          
.menu_nav_line li img{
      border-style:none;
      margin : 0 0 5px 0;
      vertical-align:bottom;
}

/* Contents
------------------------------ */
  
#contents{
      float: right;
      display:inline;
      margin: 8px 8px 8px 0;
      border: 1px solid #006699;
      padding:10px; 
      width: 530px;
      min-height: 370px;
      height: auto !important;
      height: 370px;
}

#top_img{
      vertical-align:bottom;
}

.mar{
      margin: 0;
      display: block;
}


#exp{
      margin: 5px 0 0 0;
}

.att{
      margin:  0 2px 0 0;
      color: #ff0000;
      display: inline;
      font-weight: bold;
}

#form_list{
      list-style: disc;
      list-style-position: inside;
      margin:0;
      padding: 0 ;
      border: none;
      
     }

#form_list li{
      padding: 5px 0 0 0 ;
      }     

h2{
      font-size:16px;
      margin: 0;
    
    }
    
h2 img{
      margin: 0 5px 0 0;
    }

h3{
      padding: 2px 2px 2px 5px;
      margin: 10px 0px 10px 15px;
      border-left: 5px solid #006699;
      background:url(../img/bgdot.gif) repeat-x scroll left bottom;
      clear: both;
      font-size: 12px;
      }
      
      
 /*sitemap
 ------------------------------ */ 

.sitemap_list li{
      list-style: none;
      padding: 2px 2px 2px 5px;
      margin: 15px 0 10px 15px;
      border-left: 5px solid #006699;
      }

ul#sitemap_sub{
      margin: 15px 0;
      padding: 0;
      }
      
#sitemap_sub li{
      list-style: disc;
      list-style-position: inside;
      margin:0 0 5px 25px;
      border: none;
      }
      
 /*products
------------------------------ */

#fil_img{
      float: left;
      margin: 0 0 0px 15px;
      width: 170px;
      height: 125px;
      }
      
#machi_img{
      float: left;
      margin: 0 0 10px 15px;
      width: 170px;
      height: 125px;
      display: inline;
      }
      
.product_list{
      float: left;
      margin: 0 ;
      } 

.product_list li{
      list-style: disc;
      list-style-position: inside;
      margin:0 0 5px 10px;
      } 

.clearfix : after{
      contents: ".";
      display: block;
      clear : both;
      heigth : 0;
      visiblity : hidden;
      }

.clearfix{
      display : inline-block;
      }

 /*service
 ------------------------------ */ 

.service_list{
      float: left;
      margin: 0 0 10px 15px;
      padding:0px;
      display: inline;
      } 

.service_list li{
      list-style: disc;
      list-style-position: inside;
      margin:0 0 5px 10px;
      padding: 0px;
      } 

 /*company-profile
  ------------------------------ */
li.company_list img{
      margin-bottom: 0px;
      }

table#profile{	
      width: 500px;
	  margin: 15px 0 15px 15px ;
      border: none;
	  border-collapse:collapse;
	  border-spacing:0;
	  background-color:#ffffff;
	  empty-cells:show;
		}
		
#profile th{
	  border: none;
      border-left: 5px solid #006699;
      background:url(../img/bgdot.gif) repeat-x scroll left bottom;
	  padding:0.5em 1em;
	  text-align:left;
		}
		
#profile td{
      text-align:left;
	  border-right:none;
	  background:url(../img/bgdot.gif) repeat-x scroll left bottom;
	  padding:0.5em 1em;
	  }
	
 /*company-client
  ------------------------------ */ 		
 
.list1{
      float: left;
      display: inline;
      width: 240px;
      margin:0 0 5px 30px;
      }
      
.list2{
      margin: 0 15px 0 10px;
      float: left;
      display: inline;
      width: 235px;
      }		

 /*company-history
  ------------------------------ */       
      
table#history{	
		width: 500px;
		margin: 15px ;
		border: none;
		border-collapse:collapse;
		border-spacing:0;
		background-color:#ffffff;
		empty-cells:show;
		}
		
    
.month{
      width: 40px;
      margin: 0;
      }

#history td{
      text-align:left;
	  border-right:none;
	  background:url(../img/bgdot.gif) repeat-x scroll left bottom;
	  padding:5px ;
	  margin:0;
		}
	
#history th{
      border-left: solid 5px #006699;
      background:url(../img/bgdot.gif) repeat-x scroll left bottom;
      text-align : left;
      padding : 0 0 0 1em ;
      font-weight : normal;
      width: 70px;
      margin: 0;
      }
	
		
 /*company-message
  ------------------------------ */ 
  
#president{
      float:left;
      margin:15px ;
      display: inline;
      width:150px;
      height: 200px;
      }
      		
#message{
      margin: 15px;
      line-height: 1.5em;
      width: 310px;
      float:left;
      display: inline;
}
      
#message_name{
       font-weight: bold;
       text-align: right;
       margin: 20px 0;
       }

/* 入力フォーム画面
---------------------------------------- */
table#contact{
      font-size : 12px;
      color : #333;
      margin: 10px;
	  }

table#contact th,td{
      border : solid 0px #cccccc;
	  }

table#contact th{
      text-align : left;
      padding : 0.5em 1em;
      font-weight : normal;
      border-left: solid 5px #006699;
      background:url(../img/bgdot.gif) repeat-x scroll left bottom;
	  }
	

#submit_button{
      text-align : center;
      border : solid 0px;
      }



/* Footer
------------------------------ */  
ul.menu_nav_line2{
      background: url(../img/nav_line.jpg);
      background-repeat : no-repeat ;
      background-position: top;
      padding:10px 0 4px 0;
      top: -88px;
      left: 10px;
      position: absolute;
}
       
.menu_nav_line2 li{
      list-style: none;

}
          
.menu_nav_line2 li img{
      border-style:none;
      margin : 0 0 5px 0;
      vertical-align:bottom;
}
     
#footer{
      clear: both;
      background: url(../img/footer.jpg);
      width: 760px;
      height: 5px;
      background-repeat : no-repeat ;
      margin:  0;
      padding: 5px 0;
      position: relative;
}
     
#footer p{
      margin: 0;
      text-align: center;
      font-size: 10px;
}