@charset "UTF-8";
/* CSS Document */

*{ padding:0;margin:0; list-style-type:none;}
a img{ border:none;}
li img {vertical-align:bottom;}
.clear { clear:both; height:0; line-height:0; }
.clear hr { display:none;height:0; line-height:0; }
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix {display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


html{height:100%;}
body{ background:#6285DF url(images/bg.gif) repeat-x left top; height:100%;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Meiryo","メイリオ", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", helvetica,verdana,arial,sans-serif;
font-size: 13px;	color: #333333;text-align:center;
line-height:1.7;
*font-size:small;
*font:x-small;
}
table {font-size:inherit;font:100%;}
td,th{line-height: 1.7}
sup{ font-size:10px;}
#wrapper{ background:url(images/sidebg.png) repeat-y center top; text-align:center; width:796px; margin:auto;height:100%; min-height:100%;}
body > #wrapper{height:auto;}
a{color:#000000}
a:link{color:#000000}
a:visited{color:#000000}
a:hover{color:#008000}

#header{ width:760px; margin:0 auto; text-align:left; padding-top:10px; padding-bottom:10px;}
#header h1{ width:200px; float:left;}
#header p{ width:200px; float:right; text-align:right;}
#footer{ padding-bottom:20px; text-align:center; font-size:11px;}
address{padding-bottom:20px;text-align:center;font-size:10px; color:#6285DF; font-style:normal;}
#contents{ width:780px; margin:0 auto;}

#contents ul#menu{ padding-top:59px; text-align:left;}
#contents ul#menu li{display:block;}
#contents ul#menu li.menu6{width:691px; height:30px; text-align:right;}
#contents ul#menu li.menu5{width:556px; height:30px; text-align:right;}
#contents ul#menu li.menu4{width:487px; height:30px; text-align:right;}
#contents ul#menu li.menu3{width:385px; height:29px; text-align:right;}

#contents ul#menu2{ padding:0; margin:0;margin-left:149px;text-align:left;}
#contents ul#menu2 li{float:left; display:block;}
#contents ul#menu2 li.menu1{padding-top:7px;padding-right:17px;}
#contents ul#menu2 li.menu2{height:36px;}


#contents img.im1{ margin-top:7px; margin-right:17px}
#contents #wrap{ width:645px; margin:0 auto;text-align:left;line-height:1.7;}
#contents p.catch{ padding-top:10px; padding-bottom:10px;}
#contents ul.submenu{ float:right; width:550px;margin-top:30px; margin-bottom:30px; }
#contents ul.submenu li{ display:inline; }
#contents ul.submenu li a{ display:inline-block; padding:5px;padding-left:20px; padding-right:10px; background:url(images/arrow1.gif) no-repeat left center;}
h2{ font-size:15px; border-left:5px solid #6285DF; margin-top:30px; padding-left:8px;}/*ページタイトル*/
h3{ color:#000080; font-size:14px; border-bottom:3px solid #000080; clear:both; }/*サブタイトル*/
.pagetop{ padding-top:30px; padding-bottom:30px; text-align:right;}

/*トップページ*/
#top #contents{ background:url(images/top_bg.gif) no-repeat left top; height:225px; text-align:left; padding-top:10px;}
#top #contents table{ text-align:right;  margin-left:300px;border-collapse:separate;border-spacing:5px;}
#top #contents table td{ text-align:left; font-size:85%; color:#FFFFFF; background:url(images/sankaku.gif) no-repeat left 7px; padding-left:12px; display:block;}
#top #contents .btmail{ text-align:right; padding-right:10px;}
#top h2{ border-left:none; margin:0px; padding:0px;}


/*会社概要*/
#outline #contents{ background:url(outline/images/top.jpg) no-repeat left top}
#outline #contents .waku{ background: url(outline/images/waku_top.gif) no-repeat left top; padding-top:5px; margin-top:5px;}
#outline #contents .waku .end{ background:url(outline/images/waku_bottom.gif) no-repeat left bottom; padding-bottom:5px;}
#outline #contents .waku p{padding-left:5px; padding-right:5px;}
#outline #contents table{width:100%;border-collapse:separate;border-spacing:10px; margin-top:5px;}
#outline #contents table th{ padding:5px; font-size:13px; text-align:right;color: #003399;	border: 1px solid #003399; width:100px; background:#FFFFFF;}
#outline #contents table td{padding:5px;border: 1px solid #003399;}

/*製品紹介*/
#product #contents{ background:url(product/images/top.jpg) no-repeat left top}
#product #contents h2{ float:left; width:80px;}
#product #contents ul.item{ float:right;width:620px;}
#product #contents ul.item li{ float:left;display:block; width:310px;text-align:left; font-size:12px; font-weight:bold; padding-bottom:10px;}
#product #contents table{width:100%;border-collapse:collapse;border-spacing:0px; margin-top:5px; margin-bottom:10px;}
#product #contents table th{padding:5px; background: #003399; color:#FFFFFF;border: 1px solid #B6C4F1; text-align:center}
#product #contents table td{padding:5px;border: 1px solid #B6C4F1;text-align:center;font-size:12px;}
#product #contents table tr.bg1 td{ background:#ececec;}
#product #contents .st1{width:380px; margin:0 auto;font-size:12px; text-align:left;}

/*配管加工工程*/
#process #contents{ background:url(process/images/top.jpg) no-repeat left top}
#process #contents ul.submenu{width:645px; }
#process #contents table{width:100%;border-collapse:collapse;border-spacing:0px; margin-top:5px; margin-bottom:10px;}
#process #contents table td{padding:0;text-align:center; vertical-align:top;font-size:12px;}
#process #contents table td p{ padding-bottom:10px; padding-top:5px;}

/*工場設備*/
#equipment #contents{ background:url(equipment/images/top.jpg) no-repeat right top}
#equipment #contents #wrap{}
#equipment #contents table.t01{width:380px;border-collapse:collapse;border-spacing:0px; margin:20px 0; }
#equipment #contents table.t01 th{padding:5px;color:#000080; border-bottom:1px solid #cccccc;}
#equipment #contents table.t01 td{padding:5px;border-bottom:1px solid #cccccc;}
#equipment #contents table.t01 td sup{ font-size:9px;}
#equipment #contents table.t02{width:100%;border-collapse:collapse;border-spacing:0px; margin-top:5px; margin-bottom:10px;}
#equipment #contents table.t02 th{padding:5px; background: #003399; color:#FFFFFF;border: 1px solid #B6C4F1; text-align:center}
#equipment #contents table.t02 td{padding:5px;border: 1px solid #B6C4F1;text-align:center;font-size:12px;}
#equipment #contents table.t02 tr.bg1 td{ background:#ececec;}
#equipment #contents ul.item{width:620px; text-align:center; margin-left:36px; margin-top:20px;}
#equipment #contents ul.item li{ float:left;width:310px;text-align:left; font-size:12px; display:block; padding-bottom:10px;}
#equipment #contents ul.item li span{ font-size:10px; font-weight:normal;}


/*作業環境*/
#workplace #contents{ background:url(workplace/images/top.jpg) no-repeat left top}
#workplace #contents ul.item{width:620px; text-align:center; margin-left:36px; margin-top:20px;}
#workplace #contents ul.item li{ float:left;width:310px;text-align:left; font-size:12px; display:block; padding-bottom:10px;}

/*会社地図*/
#map #contents{ background:url(map/images/top.jpg) no-repeat left top}
#map #contents .st1{ width:280px; float:left;}
#map #contents .st2{ width:280px; float:right;}
#map #contents .maparea{ border:1px solid #333333; margin-top:15px;margin-bottom:10px;}
#map #contents table.t01{width:325px;border-collapse:collapse;border-spacing:0px; margin-top:10px; margin-bottom:10px;}
#map #contents table.t01 th{padding:5px;color:#000080;}
#map #contents table.t01 td{padding:5px; font-size:12px;}
#map  #contents table.t02{width:100%;border-collapse:collapse;border-spacing:0px; margin-top:5px; margin-bottom:10px;border: 1px solid #B6C4F1;}
#map  #contents table.t02 th{padding:5px; background: #003399; color:#FFFFFF;border-bottom: 1px solid #B6C4F1; border-right: 1px dotted #B6C4F1; text-align:center}
#map  #contents table.t02 td{padding:5px;border-bottom: 1px solid #B6C4F1; border-right: 1px dotted #B6C4F1;text-align:center;font-size:12px;}
#map  #contents table.t02 tr.bg1 td{ background:#ececec;}

/*PNG*/
* html #wrapper {behavior: expression(IEPNGFIX.fix(this));}
* html .iepngfix {behavior: expression(IEPNGFIX.fix(this));}