/* CSS Document SWAT */

.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 3px 5px;
	margin: 0px 5px 0px 0px;　　/*上右下左*/
}

.hoticon {
	background: #F80;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 3px 5px;
	margin: 0px 5px 0px 0px;　　/*上右下左*/
}

.infoicon {
	background: #08F;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 3px 5px;
	margin: 0px 5px 0px 0px;　　/*上右下左*/
}

.newsicon {
	background: #f60;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 3px 5px;
	margin: 0px 5px 0px 0px;　　/*上右下左*/
}

.recruiticon {
	background: #0c1;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 3px 5px;
	margin: 0px 5px 0px 0px;　　/*上右下左*/
}

.campaignicon {
	background: #fd0;	/*背景色*/
	color: #a00;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 3px 5px;
	margin: 0px 5px 0px 0px;　　/*上右下左*/
}

@media screen and (min-width: 740px) {  /*740から*/
table.renew {  /*index新着用*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 90%;
  
}
table.renew th {
  background-color: #fff;
  padding: 10px;
  font-size: 16px;
  border: 0;
  text-align: left;
  line-height:170%;
  width: 20%;
  border-bottom: 1px solid #aaa;
}
table.renew td {
  padding: 10px;
  font-size: 16px;
  line-height:170%;
  width:80%;
  border-bottom: 1px solid #aaa;
}

table.space {  /*スペース付きレイアウト用*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.space th {
  /*background-color: #fff;*/
  padding: 5px;
  font-size: 16px;
  border: 0;
  text-align: left;
  /*width: 34%;*/
  /*border-bottom: 1px solid #aaa;*/
}
table.space td {
  padding: 5px;
  font-size: 16px;
  width:auto;
  /*border-bottom: 1px solid #aaa;*/
}


table.renew-nochange {  /*index新着用-段組替なし*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 90%;
  
}
table.renew-nochange th {
  background-color: #fff;
  padding: 10px;
  font-size: 16px;
  border: 0;
  text-align: left;
  line-height:170%;
  width: 20%;
  border-bottom: 1px solid #aaa;
}
table.renew-nochange td {
  padding: 10px;
  font-size: 16px;
  line-height:170%;
  width:80%;
  border-bottom: 1px solid #aaa;
}


}

@media screen and (max-width: 739px) {  /*739まで*/
table.renew {  /*index新着用*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  }
  table.renew th {
    background-color: #fff;
  padding-left: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
  font-size: 14px;	/*文字サイズ*/
  text-align: left;
  line-height:170%;
  width: auto;
    display: block;
    border: 0;
    /*border-bottom: none;*/
    width: auto;
  }
  table.renew td {
    display: block;
	font-size: 14px;	/*文字サイズ*/
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height:170%;
	width: auto;
	border-top: none;
	border-bottom: 1px solid #aaa;
  }

table.space {  /*スペース付きレイアウト用*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  }
  table.space th {
  /*background-color: #fff;*/
  /*padding-left: 20px;*/
  /*padding-top: 10px;*/
  /*padding-bottom: 0px;*/
  padding: 5px;
  font-size: 14px;	/*文字サイズ*/
  text-align: left;
  width: auto;
    display: block;
    border: 0;
    /*border-bottom: none;*/
    width: auto;
  }
  table.space td {
    display: block;
	font-size: 14px;	/*文字サイズ*/
	padding: 5px;
	/*padding-left: 40px;*/
	/*padding-top: 5px;*/
	/*padding-bottom: 10px;*/
	width: auto;
	border-top: none;
	/*border-bottom: 1px solid #aaa;*/
  }

table.renew-nochange {  /*index新着用-段組替なし*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.renew-nochange th {
  background-color: #fff;
  padding: 10px;
  font-size: 14px;
  border: 0;
  text-align: left;
  line-height:170%;
  width: 40%;
  border-bottom: 1px solid #aaa;
}
table.renew-nochange td {
  padding: 10px;
  font-size: 14px;
  line-height:170%;
  width:60%;
  border-bottom: 1px solid #aaa;
}


}