body{
   background-image : url(image/back_01.jpg);
   background-repeat : repeat-x;
   background-position : 50% 24px;
   background-color : #ffffff;
   padding: 0px;
   margin: 0px; 
   font-size:85%;
   line-height:1.3em;
   text-align:center;}

/*\*/* html body { font-size:85%;}
/**/ *:first-child+html body { font-size:85%;}

.base{
   width: 902px;
   margin: 0px auto 0px auto;
   background-color: #0064ff;
   border-right:1px solid #cccccc;
   border-left:1px solid #cccccc;
   text-align:left; }
   

/*------- ヘッダーエリア ----------*/

.head_line{
   background-color: #303a81; margin:0; padding:0;}

.title_h1{
   width:900px; height:24px;
   margin:0 auto 0 auto;;
   color:#ffffff;
   font-weight:normal;
   font-size:0.8em;}
   

.shadow{
   width:1100px;
   background-image : url(image/back_shadow.jpg);
   background-repeat:no-repeat;
   background-position : 50% 0%;
   padding: 0px;
   margin: 0px auto 0px auto; 
   text-align:center;}

.head_link{padding:15px 0 0 15px; color:#FFFFFF; font-weight:bold;}
.tel{ font-size:1.7em; line-height:1.2em; margin-top:20px;}
.fax{ font-size:1.3em; line-height:1.2em;}
.address{ font-size:1em; line-height:1.2em;}


/*------- スライドショー ----------*/

#slideshow { position: relative;
   width:  900px; /* 画像の横幅に合わせて記述 */
   height: 400px; /* 画像の高さに合わせて記述 */}
#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;}


/*------- メニュー ----------*/

ul#m_left {list-style:none; width:200px; padding:0px; margin: 0px; }
ul#m_left li{list-style:none; float:left; width:200px; margin: 0px;}
ul#m_left a{display:block; width:200px; height:60px; text-indent:-400px; overflow:hidden;}

a.home{background-image:url(menu/toppage.jpg);}
a:hover.home{background-position:-200px 0px;}

a.company{background-image:url(menu/company.jpg);}
a:hover.company{background-position:-200px 0px;}

a.machines{background-image:url(menu/machines.jpg);}
a:hover.machines{background-position:-200px 0px;}

a.associate{background-image:url(menu/associate.jpg);}
a:hover.associate{background-position:-200px 0px;}

a.works{background-image:url(menu/works.jpg);}
a:hover.works{background-position:-200px 0px;}

a.flow{background-image:url(menu/flow.jpg);}
a:hover.flow{background-position:-200px 0px;}

a.example{background-image:url(menu/example.jpg);}
a:hover.example{background-position:-200px 0px;}

a.inquiry{background-image:url(menu/inquiry.jpg);}
a:hover.inquiry{background-position:-200px 0px;}

a.download{background-image:url(menu/download.jpg);}
a:hover.download{background-position:-200px 0px;}


/*------- トップメニュー ----------*/

ul#m_inquiry {list-style:none; width:640px; padding:0px; margin:10px 0 0 30px; }
ul#m_inquiry li{list-style:none; width:640px; margin: 0px;}
ul#m_inquiry a{display:block; width:640px; height:100px; text-indent:-900px; overflow:hidden;}

a.inquiry_L{background-image:url(menu/inquiry_L.jpg);}
a:hover.inquiry_L{background-position:0px -100px;}


/*------- センターエリア ----------*/

#main{position: relative; }

.right{
   width: 700px;
   float: right;
   padding:0; margin: 0px;
   background-color:#FFFFFF;
   text-align: center;}

#side{
  position: absolute;
  float: right;
  top: 0px;
  left: 0px;
  width: 200px;}
  
.title{width:700px; float: right; }

.text_01{margin:10px auto 20px auto; font-weight:bold; font-size:1.3em; line-height:1.6em; color:#0080c0;}


/*------- 許可証 ----------*/
table.t_permission {width: 650px; margin:10px auto 50px auto; border-collapse: collapse; border: 1px #666666 solid;}
table.t_permission td {text-align:left; padding:10px 0 10px 5px;border: 1px #999999 solid;}
table.t_permission th {text-align:left; padding: 5px;border: 1px #999999 solid;}


/*------- 会社概要 ----------*/

table.t_com {width: 320px; border-collapse: collapse; margin:20px 0 40px 25px; }
table.t_com td {width:75%; border: 1px #999999 dotted; text-align:right; padding: 8px;}
table.t_com th {width:25%; border: 1px #999999 dotted; text-align:left;  padding: 8px 10px 8px 10px; background-color:#eeeeee; }


/*------- 関連会社 ----------*/
table.t_com_1 {width: 335px; border-collapse: collapse; margin:20px 0 20px 5px; }
table.t_com_1 td {width:75%; border: 1px #999999 dotted; text-align:right; padding: 5px;}
table.t_com_1 th {width:25%; border: 1px #999999 dotted; text-align:left;  padding: 5px 10px 5px 10px; background-color:#eeeeee; }

table.t_com_2 {width: 220px; border-collapse: collapse; margin-left:10px; }
table.t_com_2 th {text-align:left;  padding: 3px;background-image:none;}
table.t_com_2 td {text-align:right; padding: 3px;}


/*------- 工事経歴 ----------*/

.underline {text-align:left; margin:auto; width:600px;}
.underline td{border-bottom:#555555 1px dotted;}


/*------- 所有機材 ----------*/

#syoyu1{
	width:310px; height:100%;
	margin-left:20px; margin-top:20px;
	text-align:left; float:left;}

#syoyu2{
	width:310px; height:100%;
	margin-left:30px; margin-top:20px;
	text-align:left; float:left;}

.img_space{margin-top:46px;}
.img_space2{margin-top:20px;}

table.machines {width:310px;}
table.machines td{border-bottom:#999999 1px dotted;}


/*------- フッターエリア ----------*/

.bottom_link {width: 900px; padding-top:15px; margin:30px auto 0 auto; text-align:center; border-top:1px dotted #666666;}

.footer{
   border-top:3px double #999999;
   background-color : #eeeeee;
   padding: 8px;
   margin: 10px 0px 0px 0px;
   text-align: center;}


/*------- 共通 ----------*/

.t10 {	padding-top:10px;}
.t20 {	padding-top:20px;}
.b05 {	padding-bottom:5px;}
.b10 {	padding-bottom:10px;}
.b20 {	padding-bottom:20px;}
.r10 {	padding-right:10px;}
.r20 {	padding-right:20px;}
.l10 {	padding-left:10px;}
.l20 {	padding-left:20px;}

.b {font-weight:bold;}

th, td {font-size: 100%;}

h1, h2, h3, h4, h5, h6, p {font-size:100%; font-weight:normal; margin:0; padding:0;}

h1- {font-weight:bold; font-size:1.3em; line-height:1.6em; color:#0080c0;}
h2- {font-weight:bold; font-size:1.3em; line-height:1.3em; padding-bottom:10px; color:#009900;}

.end{ clear: both;}

a{text-decoration : none;}
a:link{text-decoration : none;}
a:visited{text-decoration : none;}
a:hover{text-decoration : underline;}

img{border:0px;}