@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* ========BASIC======== */

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#999;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */


div#main {
   float:left;
   width:704px;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
   color:#9B0000;
}

div#main a:hover {
   color:#9B0000;
}


div#main h1 {
   font-size:16px;
   color:#06F;
   text-align:left;
   margin-left:70px;
}




div#main p {
   margin:0 5em 0 5em;
   padding-bottom:20px;
   font-size:12px;
   line-height:150%;
}



div#main ul,ol,dl {
	font-size:75%;/* 12px相当 */
	margin:5px 0 0 1em;
	padding:12px;
	left: 300px;
}



div#main dt {
   margin-bottom:1em;
   font-weight:bold;
   font-size:13px;
   width:50px;
}

div#main dd {
   margin:0 0 1em 1em;
   padding:10px;
   background:#f1f1f1;
   font-size:13px;
}



/* INFORMATION CUSTOMIZE */
* html body div#main dl.information dd div {
   display:inline-block;
}

div#main dl.information dt {
   float:left;
   width:10em;
   margin:0;
   padding:0;
}

div#main dl.information dd {
   margin:0 0 0.5em 10em;
   padding:0;
   background:transparent;
}




/* 沿革の設定 *//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/
* html body div#main dl.information dd div {
   display:inline-block;
}

div#main dl.information dt {
   float:left;
   width:6em;
   margin:0;
   padding:0 0 0 55px;
   color:#003aaa;
}

div#main dl.information dd {
   margin:0 0 0.5em 10em;
   padding:0;
   background:transparent;
}








/* 会社概要の設定*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/
* html body div#main dl.company dd div {
   display:inline-block;
}

div#main dl.company dt {
   float:left;
   width:6em;
   margin:0;
   padding:3px 20px 3px 0;
   font-weight:bold;
   text-align:right;
   border-right: 8px solid #CCC;
   border-bottom: 1px dotted #CCC;
}

div#main dl.company dd {
   margin:0 0 0.5em 9em;
   padding:3px 10px 3px 10px;
   background:transparent;
   line-height: 100%;
   width:80%;
   line-height: 1.5em;
   border-bottom: 1px dotted #CCC;
}


.company1 {
   font-size:13x;
   color:#000;
   border-right: 8px solid #CCC;
   padding-right:15px;
   text-align:right;

}


.company2 {
   font-size:13x;
   color:#000;
   text-align:right;

}




/* ▼社長方針▼ */ /*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/
div#main .sub {
   width:190px;
   background-color:#fff;
   float:left;
   margin:30px 10px 10px 60px;
   
}

div#main p.right {
	float:right;
    padding-right:100px;
}


div#main ul,ol,dl.shacho {
	font-size:75%;/* 12px相当 */
	margin:5px 2em 0 2em;
	padding:12px;
	line-height:280%;
}



div#main dt.shacho {
   margin-bottom:1em;
   font-weight:bold;
   font-size:13px;
}

div#main dd.shacho {
   margin:0 1em 1em 1em;
   padding:10px;
   background:#fff;
   font-size:13px;
}




/* ▼品質及び環境方針▼ */ /*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/
div#main h2 {
  margin:0;
  padding:10px 0 10px 56px;
}






/* ▼環境活動▼ */ /*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/
div#main p.activ {
   margin:1em 6em 3em 11em;
   font-size:12px;
   line-height:135%;
}



/* ▼企業憲章▼ */ 

div#main h3 {
   margin:10px 20px 5px 60px;
   padding:10px 0 5px 20px;
   background:#eeeeee;
   color:#036;
   font-size:15px;
}


div#main p.kensho {
   margin:0 5em 0 8.5em;
   font-size:12px;
   line-height:150%;
}



div#main p.right2 {
	float:right;
}


/* ▼組織図、試作評価受託事業▼ *//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/
div#main p.tree {
   margin:0 5em 0 3em;
}


/* ▼製品紹介▼ */ 
div#main p.product {
   margin:0 5em 0 6em;
   font-size:14px;
   line-height:150%;
}




#contents_product{
	width:556px;
	height:536px;
	background:#ededed no-repeat left top;
	margin:0 5em 0 6em;
	
	}
.contentsbar_product{
	width:556px;
	height:536px;
	overflow:auto;
	}
	

div#main p.product4 {
   margin:1em 5em 0 8.5em;
   font-size:12px;
   line-height:135%;
}




div#main h4 {
   margin-bottom:8px;
   margin:0 5em 0 5.5em;
   padding:2px 2px 2px 10px;
   color:#003aaa;
   font-size:15px;
   font-weight:bold;
   border-left: 8px solid #003aaa;
   border-bottom:1px dashed #003aaa;
}



/* 画像横並び *//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/
div.images {
    margin:0 0 0 55px;
}



.images ul {
    padding:0;

}


.images ul li{
    display:inline;
    padding:0 20px 0 0;
}

.images:after ul{
    content:url(css_justify.png);
    line-height:0;
    visibility:hidden;
}




/* 未使用＿画像横並び */
.pct1{
	position:absolute;
	top: 20px;
	left: 75px;
	zindex:1;
	}

.pct2{
	position: absolute;
	top: 20px;
	left: 318px;
	zindex:2;
	}

/*/////////////////////*/



/* ▼製品紹介ボタン▼ *//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/ 
a.btshousai_slp{ 
display:block;
background-image:url("product_img/bt_slp.gif");
width:228px;/* 画像1枚分の横幅(※1) */
height:221px;/* 画像1枚分の高さ(※2) */
margin:30px 100px 0 40px;
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.btshousai_slp:hover{ 
background-position:
top right;
}

a.btshousai_slp:active{ 
background-position:top right;
}


a.btshousai_module{ 
display:block;
background-image:url("product_img/bt_module.gif");
width:228px;/* 画像1枚分の横幅(※1) */
height:221px;/* 画像1枚分の高さ(※2) */
margin:-221px 0px 0 290px;
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.btshousai_module:hover{ 
background-position:
top right;
}

a.btshousai_module:active{ 
background-position:top right;
}


a.btshousai_kogata{ 
display:block;
background-image:url("product_img/bt_kogata.gif");
width:228px;/* 画像1枚分の横幅(※1) */
height:221px;/* 画像1枚分の高さ(※2) */
margin:20px 100px 0 40px;
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.btshousai_kogata:hover{ 
background-position:
top right;
}

a.btshousai_kogata:active{ 
background-position:top right;
}


a.btshousai_oogata{ 
display:block;
background-image:url("product_img/bt_oogata.gif");
width:228px;/* 画像1枚分の横幅(※1) */
height:221px;/* 画像1枚分の高さ(※2) */
margin:-221px 0px 0 290px;
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.btshousai_oogata:hover{ 
background-position:
top right;
}

a.btshousai_oogata:active{ 
background-position:top right;
}




/* ▼方針ページのボタン▼ *//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/ 

a.bt_shacho{ 
display:block;
background: url(policy_img/bt_shacho.jpg) no-repeat;
width:250px;
height:115px;
margin:30px 100px 0 82px;
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.bt_shacho:hover{ 
background-position:
top right;
}

a.bt_shacho:active{ 
background-position:top right;
}



a.bt_9001{ 
display:block;
background: url(policy_img/bt_9001.jpg) no-repeat;
width:250px;
height:115px;
margin:30px 100px 0 82px;
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.bt_9001:hover{ 
background-position:
top right;
}

a.bt_9001:active{ 
background-position:top right;
}



a.bt_14001{ 
display:block;
background: url(policy_img/bt_14001.jpg) no-repeat;
width:250px;
height:115px;
margin:30px 100px 0 82px;
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.bt_14001:hover{ 
background-position:
top right;
}

a.bt_14001:active{ 
background-position:top right;
}



a.bt_kensho{ 
display:block;
background: url(policy_img/bt_kensho.jpg) no-repeat;
width:250px;
height:115px;
margin:30px 100px 0 82px;
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.bt_kensho:hover{ 
background-position:
top right;
}

a.bt_kensho:active{ 
background-position:top right;
}


/* ▼方針ページの 背景画像▼ *//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/ 
div.pct1{
	position:relative;
	background: url(policy_img/back_policy.jpg) no-repeat;
	margin-top:0px;
	margin-left:-80px;
	
	}
	

/* ▼採用情報ページ▼ *//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/ 
div.pct2{
	position:relative;
	background: url(recruit_img/back_recruit.jpg) no-repeat;
	margin-top:0px;
	margin-left: -275px;
	width:600px;
	height:540px;
	}
	

div#main p.recruit_top1 {
   margin:0 0 0 40px;
   font-size:15px;
   line-height:150%;
}


div#main p.recruit2_top2 {
   margin:0 0 0 100px;
   font-size:12px;
   line-height:120%;
}



div#main p.recruit {
   margin:0 0 0 40px;
   font-size:15px;
   line-height:150%;
}


div#main p.recruit2 {
   margin:0 0 0 65px;
   font-size:12px;
   line-height:150%;
}

div#main h5 {
   padding-left:15px;
   margin:0 0 10px 40px;
   color:#003aaa;
   font-size:15px;
   font-weight:bold;
   border-left: 8px solid #003aaa;
   border-bottom:1px dashed #003aaa;
   width:300px;
}

div#main ul.recruit2 li {
   margin:0 0 0 30px;
   list-style:none;
   line-height:150%;
   
}


div#main ul.recruit_bt li {
   margin:500px 0 0 82px;
   list-style:none;
   line-height:150%;
   
}


a.bt_new{ 
display:block;
background: url(recruit_img/bt_new.jpg) no-repeat;
width:250px;
height:115px;
margin:250px 100px 0 82px;
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.bt_new:hover{ 
background-position:
top right;
}

a.bt_new:active{ 
background-position:top right;
}


a.bt_chuuto{ 
display:block;
background: url(recruit_img/bt_chuuto.jpg) no-repeat;
width:250px;
height:115px;
margin:-115px 100px 0 370px;
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.bt_chuuto:hover{ 
background-position:
top right;
}

a.bt_chuuto:active{ 
background-position:top right;
}



* html body div#main dl.recruit dd div {
   display:inline-block;
}

div#main dl.recruit dt {
   float:left;
   width:6em;
   margin-left:40px;
   padding:3px 20px 3px 0;
   font-weight:bold;
   text-align:right;
   border-right: 8px solid #CCC;

}

div#main dl.recruit dd {
   margin:0 0 0.5em 10em;
   padding:3px 10px 3px 30px;
   background:#fff;
   line-height: 100%;
   line-height: 1.5em;

}


.recruit {
   font-size:13x;
   color:#000;
   border-right: 8px solid #003aaa;
   padding-right:15px;

}


.aka {
   font-size:14x;
   color:#F00;
   font-weight:bold;

}

.ao {
   font-size:140%;
   color:#003399;
   font-weight:bold;
   }
   
.ao2 {
   font-size:14x;
   color:#003399;
   font-weight:bold;

}   
.kuro {
   font-size:11px;
   color:#000;
   font-weight:bold;

}



div#main p.big_aka {
   font-size:22px;
   color:#F00;
   text-align:center;
   font-style:bold;

}


.table {
    margin: 0 0 0 83px;
	width:592px;
}


.tl {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

th {
  border: 1px #ccc solid ;
  background:#97B5DC;
  color:#FFF;
  text-align:center;
}


td.rec {
  border-top: 1px #ccc solid ;
  border-right: 1px #ccc solid ;
  padding:5px 10px 5px 10px;
 }

td.rec2 {
  border-top: 1px #ccc solid ;
  border-bottom: 1px #ccc solid ;
  border-right: 1px #ccc solid ;
  padding:5px 10px 5px 10px;
 }
 
td.rec3 {
  border-top: 1px #ccc solid ;
  border-bottom: 1px #ccc solid ;
  border-right: 1px #ccc solid ;
  padding:5px 10px 5px 10px;
 }
 
 
/* ▼求人募集フォームボタン▼ *//*/*/
a.bt_recform{ 
display:block;
background-image:url("recruit_img/bt_recruit_form.gif");
width:184px;/* 画像1枚分の横幅(※1) */
height:40px;/* 画像1枚分の高さ(※2) */
text-indent: -10000px;/* 文字を画面上から外へ */
margin:50px 10px 5px 250px;
}

a.bt_recform:hover{ 
background-position:
top right;
}

a.bt_recform:active{ 
background-position:top right;
}
 



/* ▼受託事業ページ▼ *//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/
div#main p.trust {
   margin:0 30px 0 75px;
   font-size:12px;
   line-height:150%;
}

div#main p.trust2 {
   margin:0 30px 0 100px;
   font-size:12px;
   line-height:150%;
}

div#main p.trust_img {
   margin:0 30px 0 75px;
   font-size:12px;
}


div#main h6 {
   padding-left:15px;
   margin:0 0 5px 75px;
   color:#003aaa;
   font-size:15px;
   font-weight:bold;
   border-left: 8px solid #003aaa;
   border-bottom:1px dashed #003aaa;
   width:600px;
}


div.centeringTest p {
	display: table-cell;
	vertical-align: middle;
	padding:0 20px 0 75px;
	background:#fff;
}

div.centeringTest p.image {
	display: table-cell;
	vertical-align: middle;
	padding:0 30px 0 70px;
	background:#fff;
}

/*for IE6 */
* html .centeringTest p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .centeringTest p {
	display: inline;
	zoom: 1;
}


/* ▼キーワードページ▼ *//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/ 
div#main p.keyword_img {
   margin:0 30px 0 75px;
}


a.btlink{ 
display:block;
background-image:url("keyword_img/bt_link.gif");
width:89px;/* 画像1枚分の横幅(※1) */
height:48px;/* 画像1枚分の高さ(※2) */
text-indent: -10000px;/* 文字を画面上から外へ */
}

a.btlink:hover{ 
background-position:
top right;
}

a.btlink:active{ 
background-position:top right;
}


div#main p.keyword_img {
   text-align: center;
}



div#main h1 {
   margin:0.5em 5em 0.5em 5.5em;
   padding:5px 2px 5px 10px;
   color:#003aaa;
   font-size:15px;
   font-weight:bold;
   border-left: 8px solid #003aaa;
   border-bottom:1px dashed #003aaa;
   width:570px;
}



div#main h7{
   font-size:140%;
   color:#003399;
   font-weight:bold;
   }



div.black {
   font-size:12px;
   color:#000;
   padding:5px 0 5px 27px;

}





/* ▼未使用▼ *//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*//*/*/
ul.policy {
padding: 0; /* パディング */
margin: -10 0 0 0; /* マージン */
}

li.shacho {
margin:20px 0 20px 40px; 
list-style-type: none; /* リストマークの非表示 */
background: url(policy_img/bt_shacho.jpg) no-repeat;
width:250px;
height:150px;
opacity:0.8; 
}

li.shacho a { /* メニューのスタイル指定*/
display: block; /* ブロック形式 */
}


li.shacho a:hover { /* マウスオーバー時の指定*/
opacity:0.8; 

}
