@charset "UTF-8";

@import url("hack.css");

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	color: #000;
}
/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む block からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 15px; /* block 自体ではなく block 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した block をネストして使用することもできます。 */
}
a img {border: none;}
a:link {
	color: #222222;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	font-weight:bold;
	color:#1e2678;
	text-decoration: none;
}
section{
	padding:0;
	margin:0 0 20px 0;
	width:670px;
}

/* ----------------------------------------------------------------------- */
.linecolor{background-color:#1e2678;}
/* 全体 */
.container {
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}
/* ヘッダーStart*/
.header-wrapper{
	background-color:#f9f8f8;
	width:100%;
}
header {
	margin:0 auto;
	padding:0 100px;
	width:960px;
	height:90px;
}
header .logo{
	margin:17px 0;
}


header #iso-mark {
	float:right;
	margin-top:5px;
}


/* ISOマーク変更_150421*/
header #iso-mark ul{
	font-size:12px;
	text-align:right;
	float:left;
	list-style-type:none;
	/*padding:25px 15px 0 0;*/
	padding:16px 15px 0 0;
}
header #iso-mark img{
	float:left;
	margin-top: 14px;
}
/* ここまで* /


/*ヘッダー下のライン*/
.headerline{
	/*background:#1e2678;*/
	height:15px;
	width:100%;
}
/* ヘッダーEnd*/
/* グローバルナビStart*/
.nav-wrapper{
	background-color: #f9f8f8;
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 3px 5px #aaaaaa;
	box-shadow: 0px 3px 5px #aaaaaa;
}
.gNavi{
	width:960px;
	margin:0 auto;
	padding:0 100px;
}
.gNavi li { display:inline; list-style:none;}
.gNavi img{margin:0; padding:0;}
.gNavi a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
/* グローバルナビEnd*/
/* ビッグイメージとコンテンツタイトルStart */
.BigImage-wrapper{
	width:1160px;
	margin:0 auto;
}
.BigImage{width:1160px; height:280px; padding:0; margin:0;}
.BigImage img{margin:0;}
.BigTag{
	margin:0 0 35px 0;
	width:1160px;
	height:100px;
	-webkit-box-shadow: 0px 3px 5px #555555;
	box-shadow: 0px 3px 5px #555555;
}
.BigTag p{
	padding:25px 0;
	text-align:center;
	font-size:18px;
	font-weight:normal;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	color:#FFFFFF;
	line-height:25px;
}
.BigContWrapper{
	width:960px;
	margin:22px 100px 30px 100px;
	height:103px;
	border-bottom:#1E2678 solid 1px;
}
.BigContTBox{
	height:90px;
	margin-bottom:12px;
	border-left:#1E2678 solid 5px;
	color:#1E2678;
}
.BigContTBox h2{
	font-size:31px;
	letter-spacing:0.4em;
	padding:12px 0 0 22px;
	margin:0;
}
.BigContTBox p{
	font-size:16px;
	margin:0;
	padding:0 0 0 22px;
}
/* ビッグイメージとコンテンツタイトルEnd */
/* メインコンテンツStart */
.maincont{
	margin:0 auto;
	padding:0 100px;
	width:960px;
}
/* メインコンテンツEnd */
/* HOME用Start*/
.home-cont{
	width:960px;
}
/*製品紹介*/
.home-prod{
	width: 960px;
	height: 300px;
	margin: 0 0 35px 0;
	border: #C1C1C1 solid 1px;
	border-radius: 4px;
	background:url(../images/home-prod.png) #FFFFFF;
}
.home-prodt{
	height:90px;
	width:100%;
	font-size:22px;
	font-weight:bold;
	color:#1e2678;
	text-align:center;
	line-height:75px;
	letter-spacing:0.3em;
}
.home-prodbox{
	width:933px;
	padding:25px 0 30px 27px;
}
.home-prodpr{
	float:left;
	width:466px;
	height:155px;
}
.home-prodpr img{
	margin:0;
}
.hp-l{
	float:left;
	width:190px;
}
.hp-r{
	float:right;
	width:234px;
	margin:0 27px 0 15px;
}
.hp-r h5{
	font-size:10px;
	font-weight:normal;
	margin:3px 0 0 0;
	padding:0;
}
.hp-r h3{
	height:40px;
	font-size:17px;
	margin:7px 0 0 0;
	padding:0 0 3px 0;
	line-height:1.2em;
	border-bottom:#CCCCCC solid 1px;
}
.hp-r p{
	height:32px;
	font-size:12px;
	margin:7px 0 20px 0;
	padding:0;
}
.home-news{
	width:960px;
	height:245px;
	border: #C1C1C1 solid 1px;
	margin: 0 0 35px 0;
}

/*NEWS*/
.news-title{
	height:50px;
	border-bottom:#1e2678 solid 5px;
}
.news-t1{
	float:left;
	font-size:20px;
	font-weight:bold;
	margin:12px 30px 12px 30px;
}
.news-t2{
	float:left;
	width:350px;
	font-size:15px;
	margin:15px 30px 9px 20px;
}
#newslist-wrapper{
	overflow: auto;
	width: 960px;
	height: 190px;
	margin:0;
	padding: 0 0 0 0;
	border-top: none;
	background: #fff;
}
#newslist{
	width: 951x;
	margin: 0 0 0 0;
	border-bottom: 1px solid #b5b5b5;
}
dl#newslist dt {
	float: left;
	width: 130px;
	padding: 10px 0 10px 40px;
	border-top: 1px solid #b5b5b5;
	font-size:11px;
}
dl#newslist dd {
	width:825px;
	margin: 0 0 0 60px;
	padding: 10px 0 10px 60px;
	border-top: 1px solid #b5b5b5;
	font-size:11px;
}
dl#newslist dd a{
	color: #494949;
}
/* HOME用End*/
/* ローカルナビStart*/
.LocalNaviBox {
	float: left;
	width: 240px;
	background-color: #ffffff;
	padding: 0;
	border-bottom:#1E2678 solid 2px;
}
ul.LocalNavi {
	list-style: none; 
	border-top: 1px solid #1E2678; 
}
ul.LocalNavi a, ul.LocalNavi a:visited { 
	padding: 0 0 0 0;
	height:35px;
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。 */
	width: 240px;  /*この幅により、IE6 でボタン全体をクリックできるようになります */
	text-decoration: none;
	/*background-color: #ffffff;*/
}
ul.LocalNavi li {
	height:35px;
	border-bottom: 1px solid #1E2678; 
	display: -webkit-box; /* safari, Chrome */
	display: -moz-box;    /* Firefox */
	display: -o-box;      /* Opera */
	display: -ms-box;     /* IE */
	display: box;         /* ベンダープレフィックスなし */
 -webkit-box-align: center; /* safari, Chrome */
  -moz-box-align: center;    /* Firefox */
  -o-box-align: center;      /* Opera */
  -ms-box-align: center;     /* IE */
  box-align: center;         /* ベンダープレフィックスなし */
}
ul.LocalNavi a:hover, ul.LocalNavi a:active, ul.LocalNavi a:focus { 
	background-color: #1E2678;
	color: #FFF;
	font-weight:normal;
}
li.LNavi1{
	font-size:16px;
	color:#FFFFFF;
	background:#1E2678;
	padding-left:15px;
}
li.LNavi2{
	font-size:12px;
	color:#333333;
	background:#ffffff;
}
li.LNavi2 p{padding:10px 0 0 7px;}
/* ローカルナビEnd*/
/* 共通コンテンツStart*/
.content {
	margin-left:50px;
	padding: 0;
	width: 670px;
	float: left;
	font-size:12px;
}
.content h4{ /*コンテンツ内小項目*/
	font-size:16px;
	margin:0;
	padding:0;
}
.content p{
	font-size:12px;
	color:#333333;
	padding:0;
}
/*ローカルナビ無し用（Ⅰカラム用）*/
.content2 {
	padding: 0;
	width: 960px;
	font-size:12px;
	color:#333333;
}
.content2 section{width: 960px;}

/* コンテンツ中タイトル*/
.conSTBox{
	height:45px;
	margin-bottom:25px;
	border-left:#1E2678 solid 5px;
	color:#1E2678;
}
.conSTBox h5{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:2px 0 0 7px;
}
.conSTBox h2{
	font-size:18px;
	letter-spacing:0.2em;
	padding:2px 0 0 7px;
	margin:0;
}
.conSTBoxS{ /*1カラム用（個人情報保護方針）*/
	height:30px;
	margin-bottom:15px;
	border-left:#1E2678 solid 20px;
	color:#1E2678;
}
.conSTBoxS h3{
	font-size:18px;
	letter-spacing:0.2em;
	line-height:1.8em;
	/*padding:2px 0 0 7px;*/
	margin:0;
}
/*section内*/
.secBoxBorder{
	border-bottom:#B4B4B4 solid 1px;
}
.toTop{
	text-align:right;
	width:670px;
	margin-bottom:30px;
}
.toTop a{
	font-size:10px;
	color:#1E2678;
}
/*テーブル用*/
.secListBox1{
	width:670px;
	margin: 10px 0 25px 0;
}
dl.secListBox1 dt,dl.secListBox1 dd{
	border-top: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	text-align:center;
}
dl.secListBox1 dt {
	float: left;
	width: 240px;
	background:#eeefef;
}
dl.secListBox1 dd {
	width:630px;
}
.secListT01{
	height:22px;
	margin-bottom:5px;
	padding-top:5px;
}
.secListT02t{
	height:32px;
	margin-bottom:5px;
	padding-top:16px;
}
.secListT02{
	height:40px;
	margin-bottom:5px;
	padding-top:8px;
}
.secListT03t{
	height:53px;
	margin-bottom:5px;
	padding-top:45px;
}
.secListT03{
	height:90px;
	margin-bottom:5px;
	padding-top:8px;
}
.secListT03 p{
	text-align:left;
	margin-left:230px;
}
.secListT04t{
	height:42px;
	margin-bottom:5px;
	padding-top:22px;
}
.secListT04{
	height:56px;
	margin-bottom:5px;
	padding-top:8px;
}
/*社長ご挨拶兼技術開発社*/
.FloatBox1{margin-bottom:30px;}
.box-left{
	float:left;
	width:225px;
	margin-right:15px;
}
.box-right{
	float:right;
	width:430px
}
#greesign{
	font-size:13px; 
	margin-top:25px;
	margin-left:15px;
	}
/* 共通コンテンツEnd*/
/*------------------製品情報用-------------------Start*/
article#products{}
article#products h3{
	height:35px;
	background-color:#1E2678;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	line-height:2.5em;
	margin-bottom:5px;
}

#products dl dt {
	font-size:11px;
}
#products dl dd {
	font-size:11px;
}

#products .text-box{
	line-height:1.2em;
	margin-top:15px;
}

/*間隔が空いているテーブル用*/
article#products .syosaiBox1{
	width:670px;
	margin: 0 0 5px 0;
}
#products dl.syosaiBox1 dt,#products dl.syosaiBox1 dd{
	border-top: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	text-align:center;
	padding:5px 0;
}
#products dl.syosaiBox1 dt {
	float: left;
	width: 240px;
	background:#eeefef;
}
#products dl.syosaiBox1 dd {
	width:630px;
}

/*間隔が空いているテーブルで下のテーブルが空いてないテーブル用*/
article#products .syosaiBox1-sita{
	width:670px;
	margin: 0;
}
#products dl.syosaiBox1-sita dt,#products dl.syosaiBox1-sita dd{
	border-top: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	text-align:center;
	padding:5px 0;
}
#products dl.syosaiBox1-sita dt {
	float: left;
	width: 240px;
	background:#eeefef;
}
#products dl.syosaiBox1-sita dd {
	width:630px;
}

/*間隔が空いているテーブルで上のテーブルが空いてないテーブル用*/
article#products .syosaiBox1-ue{
	width:670px;
	margin: 0 0 5px 0;
}
#products dl.syosaiBox1-ue dt,#products dl.syosaiBox1-ue dd{
	border-bottom: 1px solid #b5b5b5;
	text-align:center;
	padding:5px 0;
}
#products dl.syosaiBox1-ue dt {
	float: left;
	width: 240px;
	background:#eeefef;
}
#products dl.syosaiBox1-ue dd {
	width:630px;
}

/*間隔がないテーブル用*/
article#products .syosaiBox2{
	width:670px;
	margin: 0 0 0 0;
}
#products dl.syosaiBox2 dt,#products dl.syosaiBox2 dd{
	text-align:center;
	padding:5px 0;
}
#products dl.syosaiBox2 dt {
	float: left;
	width: 240px;
	border-bottom: 1px solid #b5b5b5;
	/*background:#eeefef;*/
}
#products dl.syosaiBox2 dd {
	width:630px;
	border-bottom: 1px solid #b5b5b5;
}
.prod-dt1{background-color:#eeefef;}

.prod-img1{margin:0;}/*画像２つ並び用*/
.prod-img1 img{margin:0 20px 0 0;}

.prod-img2{margin:0;
	text-align:center
}

#products table.prod-tb{width: 100%; border: 1px solid #B5B5B5; border-collapse: collapse; border-spacing: 0;}
#products table.prod-tb th,#products table.prod-tb td{vertical-align: middle; height: 20px;}
#products table.prod-tb th{text-align: center; font-weight: normal; border: 1px solid #B5B5B5; background-color:#eeefef;}
#products table.prod-tb td{text-align: center; border: 1px solid #B5B5B5;}

#products span{color:#E60012}/*赤字テキスト*/

/*-----------------製品情報用----------------------End*/
/*-----------------品質環境方針----------------------Start*/
#QuaEnvPo{}
#QuaEnvPo p,#QuaEnvPo li{
	font-size:14px;
	line-height:1.8em;}
#QuaEnvPo .guid li{
	font-weight:bold;}
#QuaEnvPo .sign{text-align:right;font-size:16px;}
#QuaEnvPo .sign span{margin-left:3em;}
/*-----------------品質環境方針----------------------End*/
/*--------------個人情報保護方針-----------------------Start*/
#Privacy p{
	padding-left:40px;
	padding-right:0;
	line-height:1.8em;
	font-size:14px;
}
#Privacy li{
	line-height:2em;
	margin-left:2.5em;
	font-size:16px;
	font-weight:bold;
}
#Privacy .toTop{
	text-align:right;
	width:960px;
	margin-bottom:30px;
}
#Privacy h6{
	font-size:16px;
	margin:0 0 0 0;
}
#Privacy .sign{text-align:right;font-size:14px;}
#Privacy .sign span{margin-left:3em;}
#Privacy .addmail{text-align:right;font-weight:bold;}
/*--------------個人情報保護方針-----------------------End*/
/*--------------お問い合せフォーム-----------------------Start*/
#contact{}
#contact .setumei{
	margin:0 150px;}
#contact .contactForm{
	width:630px;
	margin:0 auto;
	border-bottom:#1E2678 solid 1px;
	border-top:#1E2678 solid 1px;
	padding:15px 0 15px 80px;
}
#contact dt{
	margin-bottom:10px;
	width:120px;
	float:left;
}
#contact dd{
	margin-bottom:10px;
	width:560px;
}
#contact .contactForm ul{
	list-style-type: none;
}
#contact .ankeBox{
	height:145px;
}
#contact .t_c{
	text-align:center;
}
#contact .toTop{
	width:740px;
	text-align:right;
	margin-bottom:30px;
}
/*送信確認が面*/
#formWrap table{margin-bottom:10px;}
/*--------------お問い合せフォーム-----------------------End*/
aside {
	float: left;
	width: 180px;
	background-color: #EADCAE;
	padding: 10px 0;
}

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}


/* ~~ フッター ~~ */
footer {
	padding: 5px 0 0 0;
	background-color:#1e2678;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}
.gFNavi{
	height:65px;
	line-height:65px;
	text-align:center;
	font-size:12px;
	background:#FFFFFF;
}
.gFNavi li{ display:inline; list-style:none;}
address{
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:10px;
	font-style:normal;
	color:#FFFFFF;
}


/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、footer が .container から削除されているか取り出されている場合に、<br />または空の block エレメントで、フローティングさせる最後の block に続く最後のエレメントとして (.container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*HTML5 サポート - 新しい HTML5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, section, footer, aside, article, figure {
	display: block;
}
body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}