@charset "UTF-8";
#dropmenu{
  list-style-type: none;
  width: 966px;
  height: 40px;
  padding: 0;
}
#dropmenu li{
  position: relative; /*サブメニュー表示基準*/
  width: 14.28%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 10px 0 11px;
  color: black;		/*サブメニュー文字色*/
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: blue;
  color: white;
}
#dropmenu > li:hover > a{
  /*border-radius: 3px 3px 0 0;*/
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#dropmenu li:last-child ul{
  width: 100%
;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: black;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 9px 9px;
  background: white;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 30px;
    border-left: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F2;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  /*border-radius: 0 0 3px 3px;
  border-bottom: 1px solid #F2F2F2;*/
}
#dropmenu li:first-child{
    /*margin-top: 1px;*/
}

/*1文字下げる*/
p.mozi_1{
	padding-left:1em;
	font-size : 15px;
  color : blue;
  font-style : normal;
  margin-top : 5px;
  margin-bottom : 2px;
  padding-bottom : 0px;
  font-weight : normal;
}

/*2文字下げる*/
p.mozi_2{
	padding-left : 3em;
  font-size : 13px;
  margin-top : 5px;
}
/*製品紹介用*/
/*説明太文字 1字下げる*/
p.mozi_setu{
  /*padding-left : 0.5em;*/
  font-weight:bold;  
  font-size : 14px;
  margin-top : 5px;
  margin-bottom : 10px;
}
/*内容 1字下げる*/
p.mozi_nai{
	/*padding-left : 1em;*/
  font-size : 13px;
  margin-top : 5px;
  margin-bottom : 10px;
}
/*対象ワーク*/
p.mozi_work{
	/*padding-left : 1em;*/
  font-size : 13px;
  margin-top : 5px;
  color : #0054a8;
}

/*自作見出し1*/
p.mymidashi1{
	font-size : 17px;
  font-weight : bold;
  color : #0000cc;
}
/*テーブル仕様表示*/
table.tb_shiyou td{
	font-size: 14px;
	text-align: center;
}

/*テーブル仕様カラー*/
td.Tshiyo_bCol{
	background-color: #e3eefd;
}

/*写真リンク画像操作*/
a img{
  padding: 2px;
  border: 1px solid #fff;
  transition: 0.2s;
  opacity: 1;
}
a:hover img{
  border: 1px solid #ee4026;
  background: #ee4026;
  opacity: .75;
/*#ee4026*/
}

/*製品紹介、会社紹介、お問い合わせバーナー透過*/
a#banner-service, a#banner-recruit, a#banner-access{
  opacity: 1;
  transition: 0.3s;
}
a:hover#banner-service, a:hover#banner-recruit, a:hover#banner-access{
  opacity: .7;
}

/*メールアドレスマウスオーバー*/
.address{
  cursor : pointer;
}


/*画像マウスオーバーツールチップ表示*/
.tooltips a{
  position:relative;
}
.tooltips a:hover{
  /*background: #deb3ba;*/
}
.link_tooltips{
  display: none;
  position: absolute;
  bottom: -2.8em;
  left: 0.3em;
  z-index: 9999;
  padding: 0.3em 0.5em;
  color: #FFFFFF;
  background: #c72439;
  border-radius: 0.5em;
  opacity: .90;
}
.link_tooltips::after{
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: -8px;
  border-top:8px solid transparent;
  border-left:8px solid #c72439;
}

.tooltips a:hover .link_tooltips{
  display: block;
}

/* フローティングメニュー用 */
div#floating-menu {
    position: fixed;
    width: 120px;
    bottom: 3%;
    right: 1.5%;
    border: 1px solid #000000;
    border-radius: 10px; /* 角を丸める */
    background: rgba(255, 255, 255, 0.8); /* 背景色を白に指定して不透明度を0.5に指定 */
 
   /* 影を入れる。指定のピクセルは前から順に横方向のズレ、縦方向のズレ、ぼかし具合、 */
    /* 影の色を指定している。 */
    -moz-box-shadow: 0px 0px 7px #454545; /* Firefox用 */
    -webkit-box-shadow: 0px 0px 7px #454545; /* Google ChromeやSafari用 */
    box-shadow: 0px 0px 7px #454545; /* CSS3対応ブラウザ用 */

    z-index: 9999;
}
/*topボタン、×ボタン横並び*/
.flonting-top-batu li {
	float: left;
}

/*TOPへ戻るボタンの変更*/
#pagetop {
/*jscriptはkotei.jquery.jsに記載*/
	display: none;
    position: fixed;
    bottom: 1.5%;
    right: 2%;
}

#pagetop a img{
  padding: 0px;
  border: 0px solid #ccc;
  transition: 0.2s;
  opacity: 1;
}
#pagetop a:hover img{
  border: 0px solid #ee4026;
  background: #ee4026;
  opacity: 1;
/*#ee4026*/
	transform: translate(0px,-5px);
}

/* 主な取扱い機種 リンク文字色 */
#menutable a:link{
	color: #000000;
	text-decoration: none;
}
#menutable a:visited{
	color: #000000;
	text-decoration: underline;
}
#menutable a:hover{
	color: #0000ff;
	text-decoration: none;
}
#menutable a:active{
	color: #000000;
	text-decoration: none;
}
#menutable a:hover img{
  border: 0px solid #ee4026;
  background: #ee4026;
  opacity: 0.7;
/*#ee4026*/
-	transform: translate(2px,-2px);
}
#menutable a img{
  padding: 0px;
  border: 0px solid #ccc;
  transition: 0.2s;
  opacity: 1;
}