@charset "EUC-JP";/* 文字コードセット */
@media print{
 body {_zoom: 69%; /*WinIE only */ }
}

* {margin: 0px;padding: 0px;}/* 各ブラウザの独自解釈をリセット */


/* ■全体の設定---------------------------------------------------- */
body { 
	color:#333;
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.0em;/* 基本フォントサイズ */
	line-height: 1.6em;/* 基本の行間 */
 -webkit-print-color-adjust: exact;

}

html{overflow:scroll;}/* Firefoxで強制的に縦スクロールを出す */

a{outline:none; }
a img{border:none;background:transparent;}/* 画像のリンクのボーダーを消す */

/*
a:link {text-decoration: none;color: #000033;}
a:visited {text-decoration: none;color: #000033;}
a:hover {text-decoration: underline;color: #000033;}
a:active {text-decoration: none;color: #000033;}
*/

*.floatclear{
	clear: both;
}
/* 改ページ */
*.pagebreak{page-break-before : always;}

/* ■ラインー---------------------------------------------------- */
.line3{
	background-color:#211917;
	width:100%;
	height:3px;
	margin-bottom:2px;
}

.line1{
	background-color:#211917;
	width:100%;
	height:1px;
}

/* ■ヘッダー---------------------------------------------------- */
#header{ /* header画像のサイズ設定,センタリング */
	vertical-align: bottom;
	width:950px;
	height:70px;
	margin:0px auto;
}
.headleft{/* 画像回り込み左 */
	float: left;
	height: 70px;
	margin-right: 0.3em;
	margin-bottom: 0em;
	vertical-align: -1.5em;
}

.headright{/* 画像回り込み右 */
	float: right;
	vertical-align: middle;
	height: 70px;
	margin-right: 0.3em;
	margin-bottom: 0em;
}

.headtext{
	vertical-align: -1.5em;
}




h1{ /* headerタイトル */
	font-size:0.8em;
	font-weight:normal;
	text-align:left;
	color: #000000;
}

/* menu */
#menu{
	float: left;
	width:100%;
/*	background-color: #33476A; */
	position:center;
}

#menucon{
	width:950px;
	margin:0px auto;
}

#menucon ul {
	position:center;
}

#menucon ul li {
	display: inline-block;
	list-style-type: none;
	margin:5px auto 0px;
}

#menucon ul li a {
	display: block;
	width: 138px;
	height: 0;
	padding-top: 43px;
	margin-right: 5px;
	overflow: hidden;
	background-image: url(../img/menu.png);
}

.navHome { background-position: 0 top;}
.navCompany {  background-position: 1px top;}
.navQuality { background-position: 668px top;}
.navEquipment { background-position: 535px top;}
.navCsr {  background-position: 403px top;}
.navRecruit { background-position: 271px top;}
.navContact { background-position: 137px top;}

.navHome:hover { background-position: 0 bottom;}
.navCompany:hover { background-position: 1px bottom;}
.navQuality:hover { background-position: 668px bottom;}
.navEquipment:hover { background-position: 535px bottom;}
.navCsr:hover {  background-position: 403px bottom;}
.navRecruit:hover { background-position: 271px bottom;}
.navContact:hover { background-position: 137px bottom;}

/* 全体の設定,ボックスのセンタリング */
#wrapper{
	clear: both;
	width:950px;
	margin:0px auto;
	background-color:#ffffff;
	padding-bottom:5px;
	text-align:left;
}


/* ■h2,h3の装飾
---------------------------------------------------- */
h2{
	clear: both;
	height:25px;
	margin:15px 20px 5px;
	padding:3px 20px;
	color: #191970;
	font-size:1.1em;
	font-weight: normal;
	border-left: solid 0px #0066cc;
	border-bottom: solid 1px #0066cc;
}

h3{
	clear: both;
	height:20px;
	padding:5px 20px;
	font-size:1.0em;
	font-weight: normal;
}


/* ■パン屑ナビ
---------------------------------------------------- */
#nav {
	width: 950px;
	clear: both;
	font-size: 0.8em;
	padding: 0px 10px 25px;
}

#nav ul {
	margin: 0px 10px;
	list-style-type: none;
}
#nav li {
	float: left;
	padding: 0px 0px 0px 0px;
	color: #808080;
}
#nav li a{
	text-decoration: none;
	color: #808080;
}
#nav li a:hover{
	color: #FF0000;
	text-decoration: underline;
}


/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}


/* ■コンテンツの装飾
---------------------------------------------------- */
p{
	margin:8px auto 15px;
}

.content{ 
	margin:0px 5px 0px;
}

.smallright {
	font-size:0.8em;
	text-align:right;
}

.stronglright {
	font-weight:bold;
	text-align:right;
}

.strong{
	font-weight:bold;
}

.indent{
	margin:8px 20px;
}

.centering{ /* センタリング */
	text-align:center;
}

.gazoleft{/* 画像回り込み左 */
	float: left;
	margin-right: 0.3em;
	margin-bottom: 0em;
}

.gazoright{/* 画像回り込み右 */
	float: right;
	margin-right: 0.3em;
	margin-bottom: 0em;
}

.nodeco a{/* リンク下線なし白 */
	text-decoration: none;
	color: #ffffff;
}
.nodeco a:hover{
	text-decoration: none;
	color: #ffffff;
}

.h2cont{
	width: 830px;
	margin: 10px auto;
}


/* その他の装飾設定
---------------------------------------------------- */
.btn_pagetop{/* ページトップ */
	width: 25px;
	height: 90px;

	position: fixed; 
	bottom: 80px; 
	right: 0px; 
	z-index: 1;

 filter:alpha(opacity=80); 
 -moz-opacity:0.80; 
 -khtml-opacity: 0.80; 
 opacity:0.80; 
}

div.detail{ /* 詳細テキスト */
	margin:10px 30px 10px;
	padding:0px;
	line-height: 170%;
	text-align:left;
}

/* ■フッター
---------------------------------------------------- */
/* フッターの装飾,センタリング */
#foot{
	clear: both;
	background-color:#211917;
	width:100%;
	height:1px;
}

#footer{
	clear: both;
	width:950px;
	margin:0px auto;
	color: #000000;
	font-size: 9pt;
}

#footer a{
	text-decoration: none;
	color: #000000;
}

#footer a:visited {
	text-decoration: none;
	color: #000000;
}

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

#footer a:active {
	text-decoration: none;
	color: #000000;
}

p.footaddress{
	padding:10px 10px 0px;
	text-align:center;
	margin-bottom:0px
}

p.footmenu{
	text-align:center;
	font-size: 9pt;
	margin-bottom:0px
}

#copyrightarea{
	background-color: #211917;
}
p.copyright{
	padding:1px 0px;
	width:950px;
	color: #ffffff;
	text-align:right;
	font-size: 8pt;
	margin:0px auto;
}

/* ■会社概要---------------------------------------------- */
table.company{
	border-top: solid 1px #191970;
	border-left: solid 1px #191970;
	border-right: solid 1px #191970;
	border-collapse: collapse;
	margin: 10px;
}

td.comtitle {
	width: 250px;
	padding:5px 10px ;
	text-align:center;
	vertical-align:top;
	border-bottom: solid 1px #191970;
	border-right: solid 1px #191970;
	font-weight: bold; /* 文字の太さ（太字） */
}

td.comcont{
	width: 630px;
	padding:5px 10px;
	text-align:left;
	border-bottom: solid 1px #191970;
}
/* 沿革 */
.enkakuyear{
	width: 180px;
	margin: 10px auto 20px;
	float: left;
}
.encont{
	width: 580px;
	margin: 10px auto 20px;
	float: left;
}

/* ■品質について---------------------------------------------- */
.quality-policy{
	margin: 10px;
}

.quality-policy ul li{
	margin: 5px auto 20px;
	list-style-type: none;
}

.quality-policy ul ul li{
	margin: 5px 15px;
	list-style-type: none;
}

.quality-system{
	margin: 10px;
}

.quality-system ul{
	margin: 10px auto;
	list-style-type: none;
	padding: 0;
	position: relative;
}

.quality-system ul li{
  color: black;
  border-left: solid 8px orange;/*左側の線*/
  background: whitesmoke;/*背景色*/
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
  padding: 0.5em;
  list-style-type: none;
}

.quality-system ul li ul li{
  padding: 0.5em;
  border-left:none;/*左側の線*/
  background: white ;/*背景色*/
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.0;
  list-style-type: none;
}


/* ■設備紹介---------------------------------------------- */
h3.equip{ /* タイトル */
	background-color: #f8f8ff;
	margin:10px 0px 5px;
}
table.equip{
	border-top: solid 1px #191970;
	border-left: solid 1px #191970;
	border-right: solid 1px #191970;
	border-collapse: collapse;
	margin: 10px auto;
}
tr.eqtitle {
	text-align:center;
	vertical-align:top;
	background-color: #f0f8ff;
	border-bottom: solid 1px #191970;
	font-weight: normal;
}

tr.eqcont{
	text-align:left;
	border-bottom: solid 1px #191970;
}
td.eq1 {
	padding:2px 4px;
	width: 220px;
	border-right: solid 1px #191970;
}
td.eq2 {
	padding:2px 4px;
	width: 150px;
	border-right: solid 1px #191970;
}
td.eq3 {
	padding:2px 4px;
	width: 150px;
	border-right: solid 1px #191970;
}
td.eq4 {
	padding:2px 4px;
	width: 150px;
	border-right: solid 1px #191970;
}
td.eq5 {
	padding:2px 4px;
	width: 50px;
	border-right: solid 1px #191970;
}

/* ■社員募集---------------------------------------------- */
table.recruit{
	border-top: solid 1px #191970;
	border-left: solid 1px #191970;
	border-right: solid 1px #191970;
	border-collapse: collapse;
	margin: 10px;
}

td.rectitle {
	width: 150px;
	padding:5px 10px ;
	text-align:center;
	vertical-align:top;
	border-bottom: solid 1px #191970;
	border-right: solid 1px #191970;
}

td.reccont{
	width: 730px;
	padding:5px 10px;
	text-align:left;
	border-bottom: solid 1px #191970;
}


/*========== お問い合わせ ==========*/
#toi_main{
	margin: 0 50px 0;
	background-color: #fff;
	text-align:left;
}

form{
 width: 90%;
 margin: 20px auto;
}

label{
 display: block;
 float: left;
 width: 20%;
 margin-bottom: 10px;
}

#mailform p{
 padding: 10px;
 clear: left;
}

#send{
 padding: 10px;
 background-color: #ccc;
 text-align: center;
}

/* ■サイトマップ---------------------------------------------- */
.sitemap{
	float: left;
	width:400px;
	margin:0px 30px;
	color: #000000;
}

.sitemap a{
	text-decoration: none;
	color: #000000;
}

.sitemap a:visited {
	text-decoration: none;
	color: #000000;
}

.sitemap a:hover{
	text-decoration: underline;
	color: #000000;
}

.sitemap a:active {
	text-decoration: none;
	color: #000000;
}

.sitemap p{
	font-size:0.8em;
	color: #808080;
	margin-left:10px;
	margin-bottom:10px;
}