@charset"utf-8";

.company-list { width:100%;border:1px #ccc solid;/*width:45%;*/margin-bottom:20px;
padding-bottom:15px!important }

@media screen and (max-width: 600px) {
  .company-list { width:100%;border:1px #ccc solid; }
}


#list { background-color:#fff;
/* margin:10px; */
/*  width: 610px;*/
/*  margin: 0 0 0 20px; */
  text-align: left;
}

#list ul {
	margin-top: 7px;
	margin-left:5px;
	padding-bottom:20px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#list li {
	list-style: none;
	float:left;
	position:relative;
	padding:3px 15px 3px 30px;
	width:33.333333%;
	line-height:1.7;
}

#list li::before {
position:absolute;
  font-family: "FontAwesome";
  content: "\f013";
  left:10px;
  top:5px;
  color: #036;
}

#list li a {
	color: #0000FF;
	text-decoration: none;
	border-bottom: 1px dotted #0000FF;
  position:relative;
}

#list li a:visited {
	color: #0000FF;
	text-decoration: none;
	border-bottom: 1px dotted #0000FF;
}
#list li a:hover {
	color: #FF6600;
	border-bottom-style: none;
}

@media screen and (max-width:820px) {
#list li {
	list-style: none;
	float:left;
	width:50%;
}
}

@media screen and (max-width:767px) {
#list {
	margin:0 2px;
}
	
#list li {
	list-style: none;
	float:none;
	font-size:15.5px;
	padding:3px 15px 3px 25px;
	width:100%;
	line-height:1.5;
}
#list li::before {
  left:3px;
}
}
/* #list table { width: 100%; margin: 0 auto 2em 0; font-size:14px;letter-spacing:0.1em; background-color:#FFF; } */
/* #list td { vertical-align: top; border: 1px solid #CCCCCC; padding: 0.3em; } */


/* 企業一覧リスト トップページ
---------------------------------*/
.list_midasi_kb,.list_midasi_sdk,.list_midasi_kgki,.list_midasi_js,.list_midasi_sk,.list_midasi_sd {
	width:90%;
	margin:15px 5px;
	font-size:16px;
	color: #FFFFFF;
	padding:5px 10px;
	line-height:2; }

/* 金属製品、部品 */
.list_midasi_kb {
	background: -ms-linear-gradient(right, #FFF 0%, #00509F 50%);
	background: -moz-linear-gradient(right, #FFF 0%, #00509F 50%);
background: -webkit-gradient(linear, left top, right bottom, from(#00509F), color-stop(0.5, #00509F), to(#FFF));
}

/* 産業機械、電気機械 */
.list_midasi_sdk {
	background: -ms-linear-gradient(right, #FFF 0%, #005F3C 50%);
	background: -moz-linear-gradient(right, #FFF 0%, #005F3C 50%);
background: -webkit-gradient(linear, left top, right bottom, from(#005F3C), color-stop(0.5, #005F3C), to(#FFF));
line-height:2;
}

/* 化学　合成樹脂 */
.list_midasi_kgki {
	background: -ms-linear-gradient(right, #FFF 0%, #E73F5D 50%);
	background: -moz-linear-gradient(right, #FFF 0%, #E73F5D 50%);
background: -webkit-gradient(linear, left top, right bottom, from(#E73F5D), color-stop(0.5, #E73F5D), to(#FFF));
}

/* 情報　通信サービス */
.list_midasi_js {
	background: -ms-linear-gradient(right, #FFF 0%, #E7C23D 50%);
	background: -moz-linear-gradient(right, #FFF 0%, #E7C23D 50%);
background: -webkit-gradient(linear, left top, right bottom, from(#E7C23D), color-stop(0.5, #E7C23D), to(#FFF));
}

/* 生活関連製品　建設 */
.list_midasi_sk {
	background: -ms-linear-gradient(right, #FFF 0%, #E75E00 50%);
	background: -moz-linear-gradient(right, #FFF 0%, #E75E00 50%);
background: -webkit-gradient(linear, left top, right bottom, from(#E75E00), color-stop(0.5, #E75E00), to(#FFF));
}

/* 産業支援・団体 */
.list_midasi_sd {
	background: -ms-linear-gradient(right, #FFF 0%, #661785 50%);
	background: -moz-linear-gradient(right, #FFF 0%, #661785 50%);
background: -webkit-gradient(linear, left top, right bottom, from(#661785), color-stop(0.5, #661785), to(#FFF));
}

/* 業種別見出し　色 */

.categoryBox table { width: 615px; margin: 0 auto 0 4em; border: 1px solid #CCCCCC;}

.categoryBox a {
	display: block;
	width: 205px;
	height: 25px;
	text-indent: 1em;
	text-decoration: none;
	line-height: 2.0;
	color: #ffffff;
	letter-spacing: 0.1em;;
	margin-bottom: 1px;
/*	border-bottom: 1px solid #ccc;*/
}
.categoryBox a:hover {
 color: #666666;
	background-color: #efefef;
}

.list_top {
	background-color: #666666; display: none;
}
.kb {
	background-color: #00509F;
}

.kb_light {
	background-color: #cce7ff;
}

.sdk {
	background-color: #005F3C;
}

.sdk_light {
	background-color: #9BDBB5;
}

.kgki {
	background-color: #E73F5D;
}

.kgki_light {
	background-color: #FFE8E8;
}
.sk {
	background-color: #E75E00;
}

.sk {
	background-color: #E75E00;
}

.sk_light {
	background-color: #FFDFDB;
}

.jsss {
	background-color: #E7C23D;
}

.jsss_light {
	background-color: #FFF5D8;
}


.sd {
	background-color: #663399;
}

.sd_light {
	background-color: #E0DDFF;
}


/*　業種別ボタン　*/
.business-b { /* background:#ffd65e ; */
text-align: center;
margin:30px auto 0;
display: table;   border-collapse:separate;
border-spacing:10px 0;
}
.business-b a {
width:17%;
min-height:70px;
display: table-cell; /* IE8から使用可能 */
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
letter-spacing:0.8px;
padding: 10px 6px;
font-size:13px;
-webkit-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
border-radius: 3px;
background-color: white;
box-shadow:0px 0px 10px 1px #ddd;
-moz-box-shadow:0px 0px 10px 1px #ddd;
-webkit-box-shadow:0px 0px 10px 1px #ddd;
}

.business-b a:hover {	
 filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  	background-image:none;
}

.business-b a.kb {
	color:#fff!important;
	background-color: #00509F!important;
}
.business-b a.sdk {
	color:#fff!important;
	background-color: #005F3C!important;
}
.business-b a.kgki {
	color:#fff!important;
	background-color: #E73F5D!important;
}

.business-b a.sk {
	color:#fff!important;
	background-color: #E75E00!important;
}
.business-b a.jsss {
	color:#fff!important;
	background-color:#E7C23D!important;
}

.business-b a.sd {
	color:#fff!important;
	background-color:#663399!important;
}

.business-b a.current {   background-color:#f5fffa!important;
  	background-image:none!important; }


@media screen and (max-width: 600px) {
.business-b {
border-spacing:5px 3px;
}
.business-b a {
width:30%;
padding: 5px 0;
display: inline-block;
font-size: 14px;
margin:5px;
min-height: 53px;
box-shadow:none;
}
}
@media screen and (max-width:375px) {
.business-b a {
font-size:13px;
min-height:50px;
}
}