@charset "Shift_JIS";
/* 要素リセット */
BODY {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	font-size: 75%;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	color: rgb(32, 32, 32);/* 標準文字色 */
	background-image: url(../img/footerBg_5Ea_01.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: white;
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
HTML:\66irst-child BODY
{
  font-size: 70%;
}
/* end */

IMG
{
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#hpb-container {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-image: url(../img/kabe.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	min-width: 860px;
}
#hpb-header {
	height: 155px;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-x;
	background-color: rgb(32, 32, 32);
}
#hpb-inner {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	width : 860px;
	background-color: white;
	margin-right: auto;
	margin-left: auto;
	clear: both;
  
  
}
#hpb-inner:after, #hpb-header:after, #hpb-aside:after {
	content: ".";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
}
#hpb-wrapper
{
  width: 605px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  float: left;
  margin-left: 23px;
}
#hpb-title
{
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0px;
}
#hpb-main
{
  width: 605px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0px;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: left;
}
#hpb-aside {
  padding-top: 486px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-bottom: 86px;
  padding-left: 6500px;
}
#hpb-footer {
  padding-bottom: 20px;
  clear: both;
  position: relative;
  width: 860px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: url(../img/footerBg_5Ea_01.gif);
  background-repeat: repeat-x;
  background-position: left center;
  background-color: rgb(255, 255, 255);
}
#hpb-nav
{
  width : 211px;
  position: absolute;
  top: 2px;
  left: 645px;
}
/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */
#hpb-headerMain
{
  margin-top: 0;
  margin-right: 3px;
  margin-bottom: 0;
  margin-left: 3px;
  height: 20px;
  overflow: hidden;
}
#hpb-headerMain H1
{
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 5px;
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 5px;
  padding-left: 0;
  text-align: left;
  font-weight: normal;
  line-height: 12px;
  font-size: 10px;
}
#hpb-headerLogo {
  width: 635px;
  float: left;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-left: 3px;
  background-image: url(../img/komaki-header.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
  height : 132px;
}
#hpb-headerExtra1 {
  width: 215px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  float: right;
}
/* 背景設定 */

/* コンテンツ配置領域 */

/* ナビゲーション */
#hpb-nav UL
{
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  height: 600px;
  overflow: hidden;
}
#hpb-nav LI
{
  display: block;
  width: 215px;
}
#hpb-nav LI A
{
  display: block;
  height: 80px;
  color: #FFFFFF;
  overflow: hidden;
}
#hpb-nav LI SPAN.en
{
  text-transform: capitalize;
  display: block;
  line-height: 80px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding-left: 12px;
  padding-top: 20px;
  display: block;
}
#hpb-nav LI SPAN.ja
{
  display: none;
}
#hpb-nav A:LINK, #hpb-nav A:VISITED {
  text-decoration: none;
  background-image: url(../img/nav_5Ea_01_01.png);
  background-position: left top;
  background-repeat: no-repeat;
}
#hpb-nav A:HOVER, #hpb-nav A:ACTIVE
{
  background-image : url(../img/nav_5Ea_01_01_on.png);
  background-position: left top;
  background-repeat: no-repeat;
  text-decoration: none;
}
#hpb-nav #nav-company A:LINK, #hpb-nav #nav-company A:VISITED
{
  background-image : url(../img/navside01.png);
}
#hpb-nav #nav-company A:HOVER, #hpb-nav #nav-company A:ACTIVE
{
  background-image : url(../img/navside01_on.png);
}
#hpb-nav #nav-history A:LINK, #hpb-nav #nav-history A:VISITED
{
  background-image : url(../img/navside02.png);
}
#hpb-nav #nav-history A:HOVER, #hpb-nav #nav-history A:ACTIVE
{
  background-image : url(../img/navside02_on.png);
}
#hpb-nav #nav-facil A:LINK, #hpb-nav #nav-facil A:VISITED
{
  background-image : url(../img/navside03.png);
}
#hpb-nav #nav-facil A:HOVER, #hpb-nav #nav-facil A:ACTIVE
{
  background-image : url(../img/navside03_on.png);
}
#hpb-nav #nav-policy A:LINK, #hpb-nav #nav-policy A:VISITED
{
  background-image : url(../img/navside04.png);
}
#hpb-nav #nav-policy A:HOVER, #hpb-nav #nav-policy A:ACTIVE
{
  background-image : url(../img/navside04_on.png);
}
#hpb-nav #nav-contribution A:LINK, #hpb-nav #nav-contribution A:VISITED
{
  background-image : url(../img/navside05.png);
}
#hpb-nav #nav-contribution A:HOVER, #hpb-nav #nav-contribution A:ACTIVE
{
  background-image : url(../img/navside05_on.png);
}
#hpb-nav #nav-envb A:LINK, #hpb-nav #nav-envb A:VISITED
{
  background-image : url(../img/navside06.png);
}
#hpb-nav #nav-envb A:HOVER, #hpb-nav #nav-envb A:ACTIVE
{
  background-image : url(../img/navside06_on.png);
}
/* サイドブロック内パーツ */

/* バナー */
#banner
{
  width : 863px;
  position: absolute;
  bottom: 10px;
  left: 3px;
  text-align : center;
}
#banner UL
{
  margin-top: 0;
  margin-right: 0px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  width: 860px;
  height: 70px;
  overflow: hidden;
}
#banner LI
{
  display: block;
  padding-bottom: 0px;
  float: left;
}
#banner LI A
{
  display: block;
  width: 215px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  overflow: hidden;
}
#banner A#banner-genba
{
  /* 現場の声バナー */
    background-image : url(../img/genba_report.png);
  background-position: top center;
  background-repeat: no-repeat;
}
#banner A#banner-genba-on
{
  /* 現場の声オンバナー */
    background-image : url(../img/genba_report_on.png);
  background-position: top center;
  background-repeat: no-repeat;
}
#banner A#banner-access
{
  /* アクセスバナー */
    background-image : url(../img/access.png);
  background-position: top center;
  background-repeat: no-repeat;
}
#banner A#banner-access-on
{
  /* アクセスオンバナー */
    background-image : url(../img/access_on.png);
  background-position: top center;
  background-repeat: no-repeat;
}
#banner A#banner-askus
{
  /* お問い合わせバナー */
    background-image : url(../img/askus.png);
  background-position: top center;
  background-repeat: no-repeat;
}
#banner A#banner-askus-on
{
  /* お問い合わせオンバナー */
    background-image : url(../img/askus_on.png);
  background-position: top center;
  background-repeat: no-repeat;
}
#banner A#banner-recruit
{
  /* 採用情報バナー */
    background-image : url(../img/recruit.png);
  background-position: top center;
  background-repeat: no-repeat;
}
#banner A#banner-recruit-on
{
  /* 採用情報オンバナー */
    background-image : url(../img/recruit_on.png);
  background-position: top center;
  background-repeat: no-repeat;
}
/* 会社情報 */
#compinfo
{
  padding-top : 0px;
  padding-bottom : 0px;
	background-color : rgb(255, 255, 255);  border-left-width : 0px;
  border-left-style : none;
  
  width : 220px;
  margin-left: auto;
  margin-right : 0px;
  padding-right : 0px;
}
#compinfo H3
{
  display: none;
}
#compinfo H4
{
  font-weight: bold;
  padding-left: 10px;
  font-size: 1em;
  padding-top: 5px;
  padding-bottom: 2px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #202020;
}
#compinfo P
{
  padding-top: 2px;
  padding-left: 10px;
  padding-bottom: 5px;
  margin-top: 0;
  margin-bottom: 0.1em;
}
#compinfo IMG
{
  display: none;
}
/* for ie6 */
* HTML #hpb-wrapper
{
  margin-left: 10px;
}
* HTML #hpb-nav
{
  width: 215px;
  position: relative;
  top: 0px;
  left: 0px;
}
* HTML #hpb-main
{
  margin-right: auto;
}
* HTML #hpb-aside
{
  width: 215px;
  float: right;
  padding-top: 0px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 86px;
  padding-left: 0px;
}
* HTML #banner
{
  width: 215px;
  position: relative;
  top: 0;
  left: 0;
}
* HTML #banner UL
{
  width: 215px;
  margin-left: 0;
  height: 280px;
}
* HTML #banner UL LI
{
  float: none;
}
* HTML #banner UL LI A#banner-genba, * HTML #banner UL LI A#banner-access, * HTML #banner UL LI A#banner-askus, * HTML #banner UL LI A#banner-recruit
{
  background-position: top left;
}
/* for ie7 */
*:first-child + html #hpb-main
{
  margin-right: auto;
}
*:first-child + html #hpb-aside
{
  padding-bottom: 10px;
}
*:first-child + html #banner
{
  width: 215px;
  position: relative;
  top: 0;
  left: 0;
}
*:first-child + html #banner ul
{
  width: 215px;
  margin-left: auto;
  height: 280px;
}
*:first-child + html #banner ul li
{
  float: none;
}
*:first-child + html #banner ul li a#banner-genba, *:first-child + html #banner ul li a#banner-access, *:first-child + html #banner ul li a#banner-askus, *:first-child + html #banner ul li a#banner-recruit
{
  background-position: bottom left;
}
/*--------------------------------------------------------
  共通パーツデザイン設定
--------------------------------------------------------*/
.hpb-layoutset-02 #hpb-wrapper #coupon H3
{
  padding-top: 25px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0px;
  margin-left: 0;
  border-left-style: none;
  float: left;
  width: 200px;
  text-align: center;
  font-size: 1.2em;
}
#pagetop
{
  display: none;
}
HR
{
  color: #202020;
}
/*--------------------------------------------------------
  トップページ デザイン設定
--------------------------------------------------------*/

.hpb-layoutset-01 #hpb-header
{
  height: 187px;
}
.hpb-layoutset-01 #hpb-headerLogo
{
  display: none;
}
.hpb-layoutset-01 #hpb-wrapper
{
  width: 860px;
  margin-left: 0;
}
.hpb-layoutset-01 #hpb-title H2 {
  margin-top: -167px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  overflow: hidden;
  text-indent: -9999px;
  height: 310px;
  background-image: url(../img/nishida.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
/* for ie6 */
* HTML .hpb-layoutset-01 #hpb-title
{
  position: absolute;
  top: -167px;
  left: 0;
  width: 645px;
}
* HTML .hpb-layoutset-01 #hpb-title H2 {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  overflow: hidden;
  text-indent: -9999px;
  height: 310px;
  background-image: url(../img/nishida.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
/* トップページナビゲーション */
.hpb-layoutset-01 #hpb-nav
{
  width: 860px;
  position: absolute;
  top: 0;
  left: 3px;
  height: 280px;
  overflow: hidden;
  background-color : rgb(32, 32, 32);
  border-left-width : 0;
  border-left-style : solid;
  border-left-color : rgb(32, 32, 32);
  border-right-width : 0;
  border-right-style : solid;
  border-right-color : rgb(32, 32, 32);
}
.hpb-layoutset-01 #hpb-nav LI
{
  float: left;
  margin-top: 140px;
}
.hpb-layoutset-01 #hpb-nav LI A
{
  height: 140px;
}
.hpb-layoutset-01 #hpb-nav LI SPAN.en
{
  line-height: 140px;
  padding-top: 50px;
}
.hpb-layoutset-01 #hpb-nav #nav-history SPAN.en
{
  text-align: right;
  padding-right: 12px;
  line-height: 1;
  padding-top: 12px;
}
.hpb-layoutset-01 #hpb-nav #nav-toppage
{
  display: none;
}
.hpb-layoutset-01 #hpb-nav #nav-contact
{
  float: right;
  margin-top: -280px;
}
.hpb-layoutset-01 #hpb-nav #nav-company A:LINK, .hpb-layoutset-01 #hpb-nav #nav-company A:VISITED {
  background-image: url(../img/navTop_company.png);
}
.hpb-layoutset-01 #hpb-nav #nav-company A:HOVER, .hpb-layoutset-01 #hpb-nav #nav-company A:ACTIVE
{
  background-image : url(../img/navTop_companys.png);
}
.hpb-layoutset-01 #hpb-nav #nav-contact A:LINK, .hpb-layoutset-01 #hpb-nav #nav-history A:VISITED
{
  background-image : url(../img/navTop_history.png);
}
.hpb-layoutset-01 #hpb-nav #nav-contact A:HOVER, .hpb-layoutset-01 #hpb-nav #nav-history A:ACTIVE
{
  background-image : url(../img/navTop_historys.png);
}
.hpb-layoutset-01 #hpb-nav #nav-facil A:LINK, .hpb-layoutset-01 #hpb-nav #nav-facil A:VISITED
{
  background-image : url(../img/navTop_facil.png);
}
.hpb-layoutset-01 #hpb-nav #nav-facil A:HOVER, .hpb-layoutset-01 #hpb-nav #nav-facil A:ACTIVE
{
  background-image : url(../img/navTop_facils.png);
}
.hpb-layoutset-01 #hpb-nav #nav-policy A:LINK, .hpb-layoutset-01 #hpb-nav #nav-policy A:VISITED
{
  background-image : url(../img/navTop_policy.png);
}
.hpb-layoutset-01 #hpb-nav #nav-policy A:HOVER, .hpb-layoutset-01 #hpb-nav #nav-policy A:ACTIVE
{
  background-image : url(../img/navTop_policys.png);
}
.hpb-layoutset-01 #hpb-nav #nav-contribution A:LINK, .hpb-layoutset-01 #hpb-nav #nav-contribution A:VISITED
{
  background-image : url(../img/navTop_contribution.png);
}
.hpb-layoutset-01 #hpb-nav #nav-contribution A:HOVER, .hpb-layoutset-01 #hpb-nav #nav-contribution A:ACTIVE
{
  background-image : url(../img/navTop_contributions.png);
}
.hpb-layoutset-01 #hpb-nav #nav-envb A:LINK, .hpb-layoutset-01 #hpb-nav #nav-envb A:VISITED
{
  background-image : url(../img/navTop_env.png);
}
.hpb-layoutset-01 #hpb-nav #nav-envb A:HOVER, .hpb-layoutset-01 #hpb-nav #nav-envb A:ACTIVE
{
  background-image : url(../img/navTop_envs.png);
}
/* トップページコンテンツ */

.hpb-layoutset-01 #hpb-main
{
  padding-top: 175px;
}
/* for ie6 */
* HTML .hpb-layoutset-01 #hpb-main
{
  padding-top: 300px;
}
/* トップページ デザイン定義 */

#toppage P
{
  line-height: 1.8;
  margin-bottom: 40px;
  margin-left: 5px;
}
#toppage-news
{
  padding-bottom: 10px;
  padding-left: 0px;
  padding-top: 20px;
  width: 860px;
}
#hpb-wrapper #toppage-news H3
{
  font-size: 1.0em;
  line-height: 1;
  font-weight: normal;
  width: 80px;
  float: left;
  margin-top: 0;
  margin-left: 15px;
}
#toppage-news SPAN.en
{
  display: none;
}
.news-photo
{
  display: none;
}
.news-comment
{
  margin-top: 0px;
  padding-top: 0px;
  margin-left: 115px;
  padding-right: 20px;
}
#toppage-news HR
{
  margin-bottom: 10px;
  margin-left: 110px;
  padding-top: 2px;
  clear: both;
  width: 735px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #353535;
}
#toppage-news DT
{
  width: 76px !important;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 5px;
  padding-right: 0;
}
#toppage-news DD
{
  padding-left: 77px;
  min-height: 63px;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom-width: 0px;
  border-bottom-style: none;
}
* HTML #toppage-news DD
{
  height: 68px;
/* for ie6 */
}
*:first-child + html #toppage-news dd
{
  height: 68px;
/* for ie7 */
}
*:first-child + html #toppage-news dd
{
  height: 68px;
}
#hpb-main DD:after
{
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#toppage-news SPAN.date
{
  color: #48BFF4;
  display: block;
  width : 10em;
  float: left;
}
#toppage-news BR
{
  display: none;
}
/* for ie6 */
* HTML .hpb-layoutset-01 #hpb-wrapper, * HTML #toppage-news
{
  width: 620px;
}
* HTML #hpb-wrapper #toppage-news H3
{
  float: none;
}
* HTML .news-comment
{
  margin-left: 25px;
}
* HTML #toppage-news HR
{
  margin-left: 25px;
  width: 585px;
}
/* for ie7 */
*:first-child + html .hpb-layoutset-01 #hpb-wrapper, *:first-child + html #toppage-news
{
  width: 645px;
}
*:first-child + html #hpb-wrapper #toppage-news h3
{
  float: none;
}
*:first-child + html .news-comment
{
  margin-left: 25px;
}
*:first-child + html #toppage-news hr
{
  margin-left: 25px;
  width: 585px;
}
/* トップページサブコンテンツ */
.hpb-layoutset-01 #hpb-aside
{
  padding-top: 280px;
  padding-left: 0;
}
.hpb-layoutset-01 #hpb-aside #compinfo
{
  width : 215px;
  position: absolute;
  top: 300px;
  left : 645px;
}
.hpb-layoutset-01 #hpb-aside #compinfo IMG
{
  display: block;
  float: right;
  margin-right: 0px;
}
/* for ie6 */
* HTML .hpb-layoutset-01 #hpb-aside
{
  width: 215px;
  float: right;
  padding-top: 290px;
}
* HTML .hpb-layoutset-01 #hpb-aside #compinfo
{
  width: 210px;
  position: relative;
  top: 0px;
  left: 0px;
  margin-left: 0;
}
* HTML .hpb-layoutset-01 #hpb-aside #compinfo IMG
{
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}
/* for ie7 */
*:first-child + html .hpb-layoutset-01 #hpb-aside
{
  width: 215px;
  float: right;
  padding-top: 290px;
}
*:first-child + html .hpb-layoutset-01 #hpb-aside #compinfo
{
  width: 210px;
  position: relative;
  top: 0px;
  left: 0px;
  margin-left: 0;
}
*:first-child + html .hpb-layoutset-01 #hpb-aside #compinfo img
{
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}