@charset "UTF-8";
/* CSS Document */

/*GENERAL STYLE*/
html {
  background: #3975de;
}
body {
  /*min-width: 980px;*/
  background: #FFFFFF;
  margin: 0;
  font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif;
  -webkit-text-size-adjust: 100%;
}
img {
  max-width: 100%;
  height: auto;
  width /***/: auto;
　/*IE8のみ適用*/
}
a {
  text-decoration: underline;
  font-weight: bold;
}
a:link {
  color: #00389d
}
a:visited {
  color: #00389d
}
a:hover {
  color: #3975de
}
a:active {
  color: #3975de
}
a img {
  border: none;
}
p, pre {
  line-height: 1.5;
  margin: 5px 0 15px 10px;
  font-size: 14px;
  color: #363636;
  clear: both;
}
hr {
  border: none;
  border-top: solid 1px #888888;
  height: 1px;
  margin: 10px 0px 10px 5px;
  clear: both;
}
blockquote {
  line-height: 1.5;
  margin: 15px 0 15px 10px;
  padding: 15px;
  font-size: 14px;
  border: #3975de solid 1px;
  color: #3975de;
  text-align: left;
}
h1 {
  font-size: 22px;
  font-weight: bold;
  margin: 5px 0 15px 0;
  padding: 10px 0 10px 10px;
  color: #000000;
  border-left: #00389d solid 10px;
  clear: both;
}
h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0 15px 0;
  padding: 9px 0 7px 10px;
  color: #000000;
  border-left: #888888 solid 7px;
  clear: both;
}
h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0 10px 5px;
  padding: 3px 0 5px 5px;
  line-height: 1.5;
  color: #000000;
  border-bottom: #3975de solid 1px;
  clear: both;
}
h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 10px 5px;
  padding: 7px 10px 5px 10px;
  line-height: 1.5;
  color: #ffffff;
  background: #6ca0fa;
  clear: both;
}
h5 {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 10px 5px;
  padding: 7px 10px 5px 10px;
  line-height: 1.5;
  color: #000000;
  background: #eeeeee;
  clear: both;
}
h6 {
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 10px 5px;
  padding: 7px 0 5px 10px;
  line-height: 1.5;
  color: #3975de;
  clear: both;
}
ul {
  list-style-type: disc;
  font-size: 14px;
  line-height: 1.2;
  margin: 5px 0 10px 60px;
  padding: 0;
}
ol {
  list-style-type: decimal;
  font-size: 14px;
  line-height: 1.2;
  margin: 5px 0 10px 60px;
  padding: 0;
}
li {
  margin: 5px;
}
table {
  font-size: 14px;
  line-height: 1.2;
  border-collapse: collapse;
  border: 1px solid #999999;
  margin: 10px;
}
th {
  border: 1px solid #999999;
  text-align: center;
  padding: 5px;
  background: #eeeeee;
  color: #333333;
}
td {
  border: 1px solid #999999;
  text-align: left;
  padding: 5px;
}
/*GENERAL STYLE END*/

/*LAYOUT*/
/* -----header要素----- */
#wrapperHeader {
  width: 980px;
  height: 100px;
  margin: 0 auto;
  padding: 0 0 0 0;
}
#headLeft {
  width: 165px;
  height: 90px;
  float: left;
}
#headRight {
  float: right;
}
#navigation {
  width: 525px;
  height: 20px;
  margin: 20px 0 0 0;
}
/*ホーム*/
.naviFocus01 {
  width: 80px;
  height: 20px;
  float: left;
  background-image: url(../../../content/m_images/n_home_a.png);
  background-size: 80px 20px;
}
.navi01 a {
  width: 80px;
  height: 20px;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/n_home_n.png);
  background-size: 80px 20px;
}
.navi01 a:hover {
  background-image: url(../../../content/m_images/n_home_a.png);
  background-size: 80px 20px;
}
/*企業情報*/
.naviFocus02 {
  width: 120px;
  height: 20px;
  float: left;
  background-image: url(../../../content/m_images/n_kgc_a.png);
  background-size: 120px 20px;
}
.navi02 a {
  width: 120px;
  height: 20px;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/n_kgc_n.png);
  background-size: 120px 20px;
}
.navi02 a:hover {
  background-image: url(../../../content/m_images/n_kgc_a.png);
  background-size: 120px 20px;
}
/*アクセス*/
.naviFocus03 {
  width: 90px;
  height: 20px;
  float: left;
  background-image: url(../../../content/m_images/n_access_a.png);
  background-size: 90px 20px;
}
.navi03 a {
  width: 90px;
  height: 20px;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/n_access_n.png);
  background-size: 90px 20px;
}
.navi03 a:hover {
  background-image: url(../../../content/m_images/n_access_a.png);
  background-size: 90px 20px;
}
/*お問い合わせ*/
.naviFocus04 {
  width: 120px;
  height: 20px;
  float: left;
  background-image: url(../../../content/m_images/n_contact_a.png);
  background-size: 120px 20px;
}
.navi04 a {
  width: 120px;
  height: 20px;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/n_contact_n.png);
  background-size: 120px 20px;
}
.navi04 a:hover {
  background-image: url(../../../content/m_images/n_contact_a.png);
  background-size: 120px 20px;
}
/*サイトマップ*/
.naviFocus05 {
  width: 115px;
  height: 20px;
  float: left;
  background-image: url(../../../content/m_images/n_sitemap_a.png);
  background-size: 115px 20px;
}
.navi05 a {
  width: 115px;
  height: 20px;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/n_sitemap_n.png);
  background-size: 115px 20px;
}
.navi05 a:hover {
  background-image: url(../../../content/m_images/n_sitemap_a.png);
  background-size: 115px 20px;
}
/*サイト内検索*/
#searchbox {
  width: 275px;
  height: 25px;
  margin: 15px 0 0 250px;
}
#sb_icon {
  width: 25px;
  height: 25px;
  float: left;
}
form.FSF_form {
  margin: 0;
  padding: 0;
  width: auto;
  text-align: right !important;
}
input.FSF_input {
  border: 0;
  padding: 5px;
  font-size: 13px;
  color: #333;
  border: solid 1px #ccc;
  margin: 0 3px 0;
  width: 170px;
}
input.FSF_submit {
  margin: 0 0 0;
  padding: 5px 10px;
  font-size: 13px;
  color: #FFF;
  background-color: #054fd3;
  border-style: none;
}
/* -----mainmenu要素----- */
#wrapperMenu {
  width: auto;
  margin: 0 auto;
  background: #3975de;
}
#mainmenu {
  width: 970px;
  height: 60px;
  margin: 0 auto;
  background: #054fd3;
  padding: 5px;
}
/*環境計測*/
.m_menuFocus01 {
  width: 210px;
  height: 60px;
  margin: 0 5px 0 0;
  float: left;
  background-image: url(../../../content/m_images/m_env_a.png);
  background-size: 210px 60px;
}

.m_menuFocus01 a {
  width: 210px;
  height: 60px;
  margin: 0 5px 0 0;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/m_env_a.png);
  background-size: 210px 60px;
}
.m_menuFocus01 a:hover {
  background-image: url(../../../content/m_images/m_env_a.png);
  background-size: 210px 60px;
}

.m_menu01 a {
  width: 210px;
  height: 60px;
  margin: 0 5px 0 0;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/m_env_n.png);
  background-size: 210px 60px;
}
.m_menu01 a:hover {
  background-image: url(../../../content/m_images/m_env_a.png);
  background-size: 210px 60px;
}
/*オートモーティブ*/
.m_menuFocus02 {
  width: 210px;
  height: 60px;
  margin: 0 5px 0 0;
  float: left;
  background-image: url(../../../content/m_images/m_aut_a.png);
  background-size: 210px 60px;
}

.m_menuFocus02 a {
  width: 210px;
  height: 60px;
  margin: 0 5px 0 0;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/m_aut_a.png);
  background-size: 210px 60px;
}
.m_menuFocus02 a:hover {
  background-image: url(../../../content/m_images/m_aut_a.png);
  background-size: 210px 60px;
}

.m_menu02 a {
  width: 210px;
  height: 60px;
  margin: 0 5px 0 0;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/m_aut_n.png);
  background-size: 210px 60px;
}
.m_menu02 a:hover {
  background-image: url(../../../content/m_images/m_aut_a.png);
  background-size: 210px 60px;
}
/*ITソリューション*/
.m_menuFocus03 {
  width: 210px;
  height: 60px;
  margin: 0 5px 0 0;
  float: left;
  background-image: url(../../../content/m_images/m_it_a.png);
  background-size: 210px 60px;
}

.m_menuFocus03 a {
  width: 210px;
  height: 60px;
  margin: 0 5px 0 0;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/m_it_a.png);
  background-size: 210px 60px;
}
.m_menuFocus03 a:hover {
  background-image: url(../../../content/m_images/m_it_a.png);
  background-size: 210px 60px;
}

.m_menu03 a {
  width: 210px;
  height: 60px;
  margin: 0 5px 0 0;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/m_it_n.png);
  background-size: 210px 60px;
}
.m_menu03 a:hover {
  background-image: url(../../../content/m_images/m_it_a.png);
  background-size: 210px 60px;
}
/*製品・サービス*/
.m_menuFocus04 {
  width: 170px;
  height: 60px;
  float: left;
  background-image: url(../../../content/m_images/m_seihin_a.png);
  background-size: 170px 60px;
}
.m_menu04 a {
  width: 170px;
  height: 60px;
  float: left;
  display: block;
  background-image: url(../../../content/m_images/m_seihin_n.png);
  background-size: 170px 60px;
}
.m_menu04 a:hover {
  background-image: url(../../../content/m_images/m_seihin_a.png);
  background-size: 170px 60px;
}
/*サポート情報*/
.m_menuFocus05 {
  width: 150px;
  height: 60px;
  float: left;
  margin: 0 0 0 5px;
  background-image: url(../../../content/m_images/m_sup_a.png);
  background-size: 145px 60px;
}
.m_menu05 a {
  width: 150px;
  height: 60px;
  float: left;
  margin: 0 0 0 5px;
  display: block;
  background-image: url(../../../content/m_images/m_sup_n.png);
  background-size: 150px 60px;
}
.m_menu05 a:hover {
  background-image: url(../../../content/m_images/m_sup_a.png);
  background-size: 150px 60px;
}
/* -----footer要素----- */
/*プライバシー・ポリシー、このサイトについて、ロゴ*/
#wrapperFooter01 {
  width: auto;
  background: #054fd3;
}
#footer01 {
  width: 980px;
  height: 40px;
  margin: 0 auto;
  color: #ffffff;
}
#footer01Left {
  width: 350px;
  margin: 10px 0;
  float: left;
  color: #FFFFFF;
  font-size: 12px;
}
#footer01Left a {
  text-decoration: none;
  font-weight: 100;
}
#footer01Left a:link {
  color: #FFFFFF
}
#footer01Left a:visited {
  color: #FFFFFF
}
#footer01Left a:hover {
  color: #6ca0fa
}
#footer01Left a:active {
  color: #6ca0fa
}
#footer01Right {
  width: 160px;
  height: 35px;
  margin: 3px 0 2px 0;
  float: right;
}
/*サイトマップ*/
#wrapperFooter02 {
  width: auto;
  background: #3975de;
}
#footer02 {
  width: 980px;
  padding: 15px 0 10px 0;
  margin: 0 auto;
}
.footer02Text {
  width: 175px;
  margin: 0 20px 0 0;
  color: #ffffff;
  float: left;
}
.footer02Text a {
  text-decoration: none;
  font-weight: 100;
}
.footer02Text a:link {
  color: #FFFFFF
}
.footer02Text a:visited {
  color: #FFFFFF
}
.footer02Text a:hover {
  color: #6ca0fa
}
.footer02Text a:active {
  color: #6ca0fa
}
.footer02L {
  width: 160px;
  padding: 0 0 0 15px;
  margin: 0 0 5px 0;
  background-image: url(../../../content/m_images/f_point.png);
  background-size: 10px 15px;
  background-repeat: no-repeat;
  font-size: 14px;
}
.footer02S {
  font-size: 12px;
  line-height: 1.8;
  padding: 0 0 0 0;
}
.clear {
  height: 5px;
  margin: 0 auto;
  clear: both;
}
/*住所、コピーライト*/
#wrapperFooter03 {
  width: auto;
  background: #3975de;
}
#footer03 {
  width: 980px;
  height: 40px;
  margin: 0 auto;
  color: #ffffff;
}
#footer03Left {
  margin: 10px 0;
  float: left;
  color: #FFFFFF;
  font-size: 12px;
}
#footer03Right {
  margin: 10px 0;
  float: right;
  font-size: 12px;
}
/*clear*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*LAYOUT END*/

/*table-style*/
.ge_list {
  width: 97.22222222%;
  margin-left: 1.38888888%;
  margin-right: 1.38888888%;
}
.ge_list th {
}
.ge_list td {
  text-align: left;
  vertical-align: top;
}
/*column-style*/
.row {
  margin-top: 0;
  margin-bottom: 0;
}
.row p {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 1.2;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
.col2 {
  width: 356px;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
}
.col3 {
  width: 236px;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
}
.col4 {
  width: 176px;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
}
.col5 {
  width: 140px;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
}
.col2_wide {
  width: 476px;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
}
.col3_wide {
  width: 316px;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
}
.col4_wide {
  width: 236px;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
}
.col5_wide {
  width: 188px;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
}
/*mailform*/
form#mailform {
  padding: 5px;
}
table.mailform {
  width: 90%;
}
table.mailform tr th, table.mailform tr td {
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  border-bottom: solid 1px #999999;
  padding: 7px 5px 7px 5px;
}
table.mailform tr th {
  width: 160px;
}
table.mailform tr th span {
  color: #CC0000;
  font-size: 10px;
}
table.mailform tr th p {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  color: #999999;
}
table.mailform tr td textarea {
  width: 99%;
  height: 120px;
}
/*borderNone*/
.borderNone {
  border: none;
  border-collapse: separate;
}

.borderNone th {
  border: none;
}

.borderNone td {
  border: none;
}

/*pagenavi*/
.pageno {
	width: auto;
	height: auto;
	font-size: 13px;
	text-align: center;
	line-height: 1.4;
}

.pagenavi {
	width: auto;
	height: auto;
	font-size: 13px;
	text-align: center;
	line-height: 1.4;
	background-color: #eeeeee;
}
/*button*/
.btn_frame {
  margin-top: 10px;
  float: right;
  clear: both;
}

.btnBox a {
  color: #ffffff;
}
.btnBox  a:hover {
  background-color: #666666;
}

.btn_common01 {
  display: inline-block;
  margin: 5px 5px;
  padding: 0px 20px;
  width: auto;
  height: auto;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  outline: none;
  background-color: #054fd3;
  color: #fff;
}
.btn_common02 {
  display: inline-block;
  margin: 5px 5px;
  padding: 0px 20px;
  width: auto;
  height: auto;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  outline: none;
  background-color: #3e79e4;
  color: #fff;
}
.btn_common03 {
  display: inline-block;
  margin: 5px 5px;
  padding: 0px 20px;
  width: auto;
  height: auto;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  outline: none;
  background-color: #b24fa6;
  color: #fff;
}
.btn_common04 {
  display: inline-block;
  margin: 5px 5px;
  padding: 0px 20px;
  width: auto;
  height: auto;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  outline: none;
  background-color: #e8a7e1;
  color: #fff;
}

.cellTitle {
  background-color: #6692de;
  color: #FFFFFF;
}

.cellTitle a:link {
  color: #FFFFFF;
}
.cellTitle a:visited {
  color: #FFFFFF; 
}
.cellTitle a:hover {
  color: #054fd3; 
}
.cellTitle a:active {
  color: #054fd3; 
}

.cellTitle >p {
  color: #FFFFFF !important; 
}
.cellTitle >p >a:link {
  color: #FFFFFF; 
}
.cellTitle >p >a:hover {
  color: #054fd3; 
}
.cellTitle >p >a:visited {
  color: #FFFFFF; 
}
.cellTitle >p >a:active {
  color: #054fd3; 
}

.cellDetail {
  background-color: #FFFFFF; 
}

/*mailform 改訂*/

form{
width: 99%;
margin: 0 0 0 10px;
padding: 0;
}

button {
background-color: #CAFFE4;
border: 0px;
padding: 0px;
}

#form{
width: 99%;
margin: 10px 0;
padding: 10px 0;
text-align: left;
}

#form input{
margin: 2px 0 2px 5px;
height: 18px;
}

#form select{
margin: 2px 0 2px 5px;
height: 18px;
}

#form textarea{
margin: 2px 0 2px 5px;
}

#formcenter{
width: 99%;
margin: 10px 0;
padding: 10px 0;
text-align: center;
}

.question {
display: block;
width: 180px;
float: left;
margin: 2px 0 2px 0;
font-size: 13px;
}

.question p{
margin: 5px 0;
}

.frmEn {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  color: #999999;
}

.css_btn_class {
	font-size:14px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	padding:6px 12px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#444444;
	display:inline-block;
	text-shadow:0px 0px 0px #ffffff;
 	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
 	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
 	box-shadow:inset 0px 0px 0px 0px #ffffff;
}
.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}
.css_btn_class:active {
	position:relative;
	top:1px;
}

/*DECORATION END*/

/*style_add MCE*/
/*news list*/
dl {
  font-size: 13px;
  font-weight : normal;
  margin: 10px 5px 5px 5px;
  clear: both;
}
dl a {
  text-decoration: underline;
  font-weight: normal;
}
dl a:link {
  color: #333333
}
dl a:visited {
  color: #00389d
}
dl a:hover {
  color: #3975de
}
dl a:active {
  color: #3975de
}
dt {
  background-color : #ffffff;
  padding-top : 0px;
  padding-bottom : 10px;
  padding-left : 15px;
  width : 115px;
  color: #333333;
  float : left;
  clear : both;
}
dd {
  background-color : #ffffff;
  padding-top : 0px;
  padding-left : 30px;
  padding-right : 10px;
  padding-bottom : 10px;
  width : 525px;
  margin-left : 130px;/* DTの幅分の設定 */
  color: #333333;
}
.infoTitleBox {
  width: auto;
}
.infoTitle {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 15px 0;
  padding: 5px 5px 5px 30px;
  color: #000000;
  border-left: none;
  background-image: url(../../../content/m_images/mrk_info.gif);
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
}
.infoSelect {
  font-size: 12px;
  padding: 10px 0;
  float: right;
}
.infoSelect a {
  text-decoration: none;
  font-weight: normal;
}
.infoSelect a:link {
  color: #333333
}
.infoSelect a:visited {
  color: #00389d
}
.infoSelect a:hover {
  color: #3975de
}
.infoSelect a:active {
  color: #3975de
}
.infoList_env {
  height: 15px;
  padding: 0 15px 0 15px;
  margin: 0 10px 0 0;
  background-image: url(../../../content/m_images/mrk_env.gif);
  background-repeat: no-repeat;
  background-position: left center;
  border-right: #000000 solid 1px;
  float: left;
}
.infoList_auto {
  height: 15px;
  padding: 0 15px 0 15px;
  margin: 0 10px 0 0;
  background-image: url(../../../content/m_images/mrk_auto.gif);
  background-repeat: no-repeat;
  background-position: left center;
  border-right: #000000 solid 1px;
  float: left;
}
.infoList_it {
  height: 15px;
  padding: 0 15px 0 15px;
  margin: 0 10px 0 0;
  background-image: url(../../../content/m_images/mrk_it.gif);
  background-repeat: no-repeat;
  background-position: left center;
  border-right: #000000 solid 1px;
  float: left;
}
.infoList_gen {
  height: 15px;
  padding: 0 15px 0 15px;
  margin: 0 10px 0 0;
  background-image: url(../../../content/m_images/mrk_general.gif);
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
}

.infoList_all {
  height: 15px;
s  padding: 0 0 0 5px;
  float: left;
}
.infoInline {
  width: 720px;
  height: 290px;
  padding-bottom: 10px;
  border: none;
}
.infoInlinebox {
  width: 700px;
  padding: 10px 10px 10px 10px;
}
.mrk_env {
  background: #FFFFFF url(../../../content/m_images/mrk_env.gif) 10px 3px no-repeat;
}
.mrk_auto {
  background: #FFFFFF url(../../../content/m_images/mrk_auto.gif) 10px 3px no-repeat;
}
.mrk_it {
  background: #FFFFFF url(../../../content/m_images/mrk_it.gif) 10px 3px no-repeat;
}
.mrk_general {
  background: #FFFFFF url(../../../content/m_images/mrk_general.gif) 10px 3px no-repeat;
}