/*-----------------------------------------------------
コンテンツ領域 ベース
-----------------------------------------------------*/
h2 {
  margin: 16px auto;
}
a:link {
  COLOR: #CC3300;
  TEXT-DECORATION: underline
}
a:visited {
  COLOR: #CC3300;
  TEXT-DECORATION: underline
}
a:hover {
  COLOR: #CC3300;
  TEXT-DECORATION: none
}
a:active {
  COLOR: #CC3300;
  TEXT-DECORATION: none
}
/*-----------------------------------------------------
更新情報
-----------------------------------------------------*/
.update {
  margin: 0 0 1em;
  padding: 0;
  width: 230px;
  height: 100px;
  overflow: auto;
  font-size: 12px;
}
.update dl {
  margin: 0;
  padding: 0;
  width: 210px;
}
.update dt {
  margin: 3px 0 0 0;
  padding: 0;
  clear: both;
  width: 80px;
}
.update dd {
  margin: 0;
  padding: 0;
}
#update_kiso {
  padding: 1em 0 0;
  border-top: 1px solid #ccc;
  height: 50px;
}
/*-----------------------------------------------------
バナー
-----------------------------------------------------*/
#bana {
  width: 235px;
  height: auto;
  text-align: center;
}
/*-----------------------------------------------------
トップ_インフォメーション
-----------------------------------------------------*/
#info {
  font-size: 80%;
}
.info_ttl img {
  float: left;
}
.info_ttl a {
  float: left;
  display: block;
  width: 94px;
  line-height: 22px;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
}
#info .section {
  margin: 0 0 20px;
}
#info h4 {
  margin: 0;
  padding: 0;
  color: #0066cc;
  font-size: 100%;
}
#info p {
  margin: 5px 0;
  padding: 0;
}
/*-----------------------------------------------------
休暇情報
-----------------------------------------------------*/
#vacation {
  margin: 15px;
  padding: 5px;
  text-align: center;
}
#vacation p {
  margin: 5px 0;
  line-height: 120%;
}
#vacation .title {
  margin-bottom: 1em;
}
#vacation .period {
  font-weight: bold;
}
#vacation.summer {
  border: 3px #00b4ff double;
  background: #fcffff;
}
#vacation.summer .title {
  color: #f36304;
}
#vacation.summer .period {
  color: #f36304;
}
#vacation.winter {
  border: 3px #e6b422 double;
  background: #fffff9;
}
#vacation.winter .title {
  color: #ea5506;
}
#vacation.winter .period {
  color: #ea5506;
}

#vacation.gw {
	border:3px #4caf50 double;
	background:#fcffff;
}

#vacation.gw .title,
#vacation.gw .period {
	color: #ff5722;
}

/*-----------------------------------------------------
会社案内_
-----------------------------------------------------*/
.a_img {
  float: right;
  width: 180px;
  font-size: 11px;
}
.a_img p {
  text-align: left;
}
/*-----------------------------------------------------
トクトク情報
-----------------------------------------------------*/
#tok {
  font-size: 80%;
  color: #444444;
  text-align: center;
}
#tok h2 {
  margin: 20px auto;
}
#tok div {
  margin: 0 auto 30px;
  padding: 0;
  width: 470px;
  text-align: left;
}
#tok h3 {
  margin: 0 auto;
  padding: 0 0 0 5px;
  height: 20px;
  line-height: 20px;
  color: #ffffff;
  background: #ff6600;
  font-weight: bold;
  font-size: 100%;
}
#tok p {
  margin: 5px;
  padding: 0;
}
#tok p.last {
  margin-left: 30px;
}
#tok .more {
  text-align: right;
}
/*-----------------------------------------------------
トクトク詳細
-----------------------------------------------------*/
#tok_detail {
  font-size: 80%;
  color: #444444;
  text-align: center;
  margin-bottom: 50px;
}
#tok_detailgreen {
  font-size: 80%;
  color: #099;
  text-align: center;
}
#tok_detail h2 {
  margin: 20px auto;
}
#tok_detail div {
  margin: 30px auto;
  padding: 0;
}
#tok_detail h3 {
  margin: 0 auto 10px;
  padding: 0 0 0 5px;
  line-height: 1.3;
  color: #ff6600;
  font-weight: bold;
  font-size: 200%;
}
#tok_detail .contact h3 {
  color: #0066ff;
  font-size: 120%;
}
#tok_detail p {
  margin: 5px;
  padding: 0;
}
#tok_detail .more {
  text-align: right;
}
/*-----------------------------------------------------
施工事例集　詳細
-----------------------------------------------------*/
#jir_data {
  font-size: 80%;
  text-align: center;
}
#jir_data p {
  margin: 0;
  padding: 0;
}
#jir_data img {
  margin: 0;
  padding: 0;
}
/*-- 工事名称 --*/
#jir_data h3 {
  margin: 0 auto 15px;
  padding: 5px;
  border-left: 5px #aa0000 solid;
  width: 470px;
  clear: both;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
}
#jir_data h4 { /* 施工箇所・ポイントのタイトル */
  margin: 20px auto;
  padding: 5px 3px;
  clear: both;
  width: 490px;
  color: #000000;
  background: #eeeeee;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
}
#jir_data .section {
  margin: 30px auto;
  padding: 0;
  width: 450px;
  text-align: left;
}
#jir_data .section h4 {
  margin: 0 auto;
  padding: 3px;
  clear: both;
  width: 450px;
  color: #ff6600;
  background: #eeeeee;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
}
#jir_data .section h5 {
  margin: 3px;
  padding: 0;
  font-size: 100%;
}
#jir_data .section p {
  margin: 5px;
}
#jir_data .section ul {
  margin: 0;
  padding: 0;
  width: 450px;
  list-style-type: disc;
}
#jir_data .section li {
  margin: 5px 5px 5px 2em;
  float: none;
}
/*-- 写真 --*/
#jir_data ul {
  margin: 0;
  padding: 0 0 0 18px;
  width: 100%;
  text-align: left;
  min-height: 1px;
  list-style: none;
}
#jir_data li {
  margin: 0 0 20px;
  padding: 0 8px 0 0;
  float: left;
}
#jir_data li img {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
#jir_data .caption {
  margin: -15px 0 30px;
  clear: both;
  width: 100%;
}
/* モダンブラウザ（Firefox Opera Safari）対策 */
#jir_data ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
/* Win版IE7とMac版IE5対策 */
#jir_data ul {
  display: inline-block;
}
/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #jir_data ul {
  height: 1px;
}
#jir_data ul {
  display: block;
}
/* End hide from IE-mac */


#jir_data li p {
  margin: 0;
  padding: 0;
}
/*-- 施工ポイント --*/
#jir_data .point {
  margin: 0 0 30px;
  float: left;
  width: 280px;
}
#jir_data .point p {
  margin: 0 10px 10px;
}
#jir_data p.return {
  margin: 30px auto;
  clear: both;
}
/*-----------------------------------------------------
05_施工事例集　サムネイルページ
-----------------------------------------------------*/
#jir {
  font-size: 80%;
  text-align: center;
}
#jir h2 {
  margin: 0 auto;
}
/*-- カテゴリー --*/
#jir .section {
  margin: 30px 0;
  width: 100%;
  height: auto;
}
/* モダンブラウザ（Firefox Opera Safari）対策 */
#jir .section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
/* Win版IE7とMac版IE5対策 */
#jir .section {
  display: inline-block;
}
/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #jir .section {
  height: 1px;
}
#jir .section {
  display: block;
}
/* End hide from IE-mac */


#jir .section h3 {
  margin: 0 auto 20px;
  padding: 5px;
  border: 1px #666666 solid;
  width: 490px;
  background-color: #f1f1f1;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
}
/*-- 一件 --*/
#jir .article {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 8px;
  width: 160px;
  height: 280px;
  float: left;
  font-weight: bold;
  text-align: left;
}
#jir .article p {
  margin: 0.3em;
}
#jir .article .thumb {
  border: 1px #666666 solid;
  width: 160px;
  height: 160px;
}
#jir .article p.more {
  position: absolute;
  right: 0px;
  bottom: 2px;
  font-weight: normal;
  text-align: right;
}
/*-----------------------------------------------------	
休暇情報	
-----------------------------------------------------*/	
#vacation {
  margin: 10px auto;
  padding: 5px;
  border: 3px #00b4ff double;
  background: #fffffc;
  text-align: center;
}
#vacation p {
  margin: 5px 0;
  line-height: 120%;
}
#vacation .title {
  margin-bottom: 1em;
  color: #f36304;
}
#vacation .period {
  color: #f36304;
  font-weight: bold;
}
/*-----------------------------------------------------
採用情報
-----------------------------------------------------*/
table.recruit {
  width: 440px;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0px 5px;
  font-size: 12px;
}
table.recruit th, table.recruit td {
  padding: 10px;
}
table.recruit th {
  background: #7bb48a;
  vertical-align: middle;
  text-align: left;
  width: 90px;
  color: #fff;
  position: relative;
  font-weight: bold;
  font-size: 15px;
}
table.recruit th:after {
  left: 100%;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-style: solid;
  border-color: transparent transparent transparent #7bb48a;
  border-width: 10px;
  margin-top: -10px;
}
table.recruit td {
  background: #eee;
  width: 360px;
  padding-left: 20px;
}