@charset "UTF-8";
/* CSS Document */
.nm {
	margin-bottom: 0;
	padding-bottom: 0;
}
.nm img {
	vertical-align: bottom;
}
.txt {
	line-height: 25px;
}
#greeting,
#top_link,
#guide {
	margin:auto 20px;
}

/*--------------------------------------------------
  トップページ
--------------------------------------------------*/
#top h1 {
	font-size:38px;
	color: #18597B;
	background: url(../images/top/title_line.png) repeat-x bottom left;
	background-size: 70%;
	padding-bottom: 5px;
	margin-bottom: 50px;
	margin-left: 20px;
}
#top #top_link ul {
	clear: both;
}
#top #top_link li {
	list-style: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	font-size: 16px;
	text-align: center;
	padding: 2px 15px;
	width: auto;
	border-radius: 15px;
}
#top_link a {
	color: #FFFFFF;
	text-decoration: none;
}
/*あいさつ*/
#greeting {
	line-height: 2.5;
}
#greeting strong {
	font-size: 120%;
}
/*データベース*/
#guide {
	clar:both;
	margin-top: 50px;
}
#guide table {
	width: 100%;
	margin: 20px 0 50px;
word-break:break-all;
line-break:nomal;
}
#guide th,
#guide td {
	border:1px solid #999;
	border-left: none;
	border-right: none;
	padding: 10px;
	line-height: 1.2;
}
#guide th{
	font-weight:700;
}

/*建設業*/
#kensetsu {background: #7fbe26;}
#guide th.kensetsu{background: #deecc4;}
#top #top_link li.kensetsu {background: #7fbe26;}
/*製造業*/
#seizou {background: #d0121b;}
#guide th.seizou{background: #f3cdba;}
#top #top_link li.seizou {background: #d0121b;}
/*電気・ガス・熱供給・水道事業*/
#denki {background: #00b9ef;}
#guide th.denki{background: #d1e8f7;}
#top #top_link li.denki {background: #00b9ef;}
h2#denki {
	width:250px;
}
/*運輸業*/
#unyu {background: #0054a7;}
#guide th.unyu{background: #c7cfe9;}
#top #top_link li.unyu {background: #0054a7;}
/*卸売業・小売業*/
#oroshi {background: #00a5aa;}
#guide th.oroshi{background: #cee9ea;}
#top #top_link li.oroshi {background: #00a5aa;}
/*金融業*/
#kinyu {background: #fac03d;}
#guide th.kinyu{background: #fde0a5;}
#top #top_link li.kinyu {background: #fac03d;}
/*教育・学習支援業*/
#kyoiku {background: #b062a3;}
#guide th.kyoiku{background: #d5cfe7;}
#top #top_link li.kyoiku {background: #b062a3;}
/*医療・福祉*/
#iryohukushi {background: #f08300;}
#guide th.iryohukushi{background: #fce2c4;}
#top #top_link li.iryohukushi {background: #f08300;}
/*サービス業*/
#service {background: #00a43e;}
#guide th.service{background: #d3e9ce;}
#top #top_link li.service {background: #00a43e;}




#guide td img {
	vertical-align:text-top;
}
#guide table a {
	color: #3E3A39;
	text-decoration: none;
}
#guide td.bg a {
	background: url("../images/top/link_arrow2.svg");
	width: 16px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
/*h2タイトル*/
h2 {
	font-size: 16px;
	color: #FFF;
	text-align: center;
	padding: 2px;
	width: 160px;
	border-radius: 15px;
}
/*ボタン*/
.bottom {
	width: 100%;
	margin: 30px 0;
}
.bottom .bottom_box {
	width: 1000px;
	margin: auto;
}
.bottom p {
	text-align: center;
	font-weight: bold;
}
.border_spread_btn1,
.border_spread_btn2{
	float: left;
	margin: 30px 20px;
  display: inline-block;
  width:40%;
  padding: 0.8em;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .2s ease-out;
}
.border_spread_btn1:hover,
.border_spread_btn2:hover{
	 cursor: pointer;
	 text-decoration: none;
	 transform: translateY(-4px);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
}
.border_spread_btn1 {
  background-color: #036EB7;
}
.border_spread_btn2 {
  background-color: #E85A70;
}
/*h2行タイトル
#guide h2 {
  position: relative;
  display: inline-block;
  padding: 0 45px;
}
#guide h2:before, h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#guide h2:before {
  left:0;
}
#guide h2:after {
  right: 0;
}*/