@charset "utf-8";
/*
■アイコン
■タグ
■ラベル
■矢印
■ボタン
■リスト
■テーブル
■ボックス
■その他
■スキン
*/

/* ■アイコン
---------------------------------------------*/
.icon{
  padding-left:2em !important;
  position: relative !important;
  border:none !important;
}
.icon:before{
  position:absolute;
  display: block;
  width:2em;
  top:50%;
  left:0;
  margin-top:-18px;
  text-align:center;
}
.icon-news:before{
  content:url(/tatekae-lab/resources/img/common/icon-news.png);
}
.icon-cases:before{
  content:url(/tatekae-lab/resources/img/common/icon-cases.png);
}
.icon-support:before{
  content:url(/tatekae-lab/resources/img/common/icon-support.png);
}
.icon-mail:before{
  content:url(/tatekae-lab/resources/img/common/icon-mail.png) !important;
  position:relative !important;
  display: inline-block !important;
  margin-right: .5em !important;
}
.icon-event:before{
  content:url(/tatekae-lab/resources/img/common/icon-event.png) !important;
  position:relative !important;
  display: inline-block !important;
  margin-right: .5em !important;
  top:4px;
}
.icon-freedial:before{
  content:url(/tatekae-lab/resources/img/common/icon-freedial.png) !important;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  top:-2px;
}
.newwindow{
  background: url(/tatekae-lab/resources/img/common/icon_newwindow.png) 0 8px no-repeat;
  background-position: right;
    padding-right: 15px;
}


/* ■タグ
---------------------------------------------*/
.tag:after{
  font-size:11px;
  line-height:16px;
  margin-left:15px;
  color:#fff;
  padding:2px 5px;
  text-align:center;
  line-height: 1;
  display: inline-block;
  height: 11px;
  width: 109px;
}
.tag.rebuild:after{
  content:"建替え関連ニュース";
  background-color:#3ea0d9;
}
.tag.update:after{
  content:"サイト更新情報";
  background-color: #ff7f58;
}
.tag.seminar:after{
  content:"イベント情報";
  background-color: #61b344;
}
.tag.lab:after{
  content:"研究所トピックス";
  background-color: #1558a0;
}

/* タグ - シングルページ*/
.type-single .tag:after{
  display: none;
}
.type-single .tag:after{
  content:"" !important;
  margin-left:0;
  padding:0;
}
.type-single .tag:before{
  font-size:11px;
  line-height:16px;
  margin-right:15px;
  color:#fff;
  padding:3px 5px;
  text-align:center;
  line-height: 1;
  display: inline-block;
  height: 11px;
  width: 109px;
}
.type-single .tag.rebuild:before{
  content:"建替え関連ニュース";
  background-color:#3ea0d9;
}
.type-single .tag.update:before{
  content:"サイト更新情報";
  background-color: #ff7f58;
}
.type-single .tag.seminar:before{
  content:"イベント情報";
  background-color: #61b344;
}
.type-single .tag.lab:before{
  content:"研究所トピックス";
  background-color: #1558a0;
}

/* ■ラベル
---------------------------------------------*/
.label{
  display: inline-block;
  color:#fff;
  font-size:14px;
  font-weight:normal;
  background-color:#1558a0;
  padding:1px .2em;
  width:5.5em;
  text-align:center;
  margin-right:1.5em;
}
@media screen and (max-width: 640px){
.label{
  display: inline-block;
  position: absolute;
  top:50%;
  left:.5em;
  margin-top:-1em;
}
}

/* ■矢印
---------------------------------------------*/
.arrow1:after{
  content:url(/tatekae-lab/resources/img/common/arrow-01.png);
  display: inline-block;
  margin-left:10px;
}
.arrow1-2{position: relative;}
.arrow1-2:before{
  content:url(/tatekae-lab/resources/img/common/arrow-01.png);
  display: block;
  position: absolute;
  left:23px;
  top:50%;
  margin-top:-5px;
}
.arrow1-3:before{
  content:url(/tatekae-lab/resources/img/common/arrow-01.png);
  display: inline-block;
  margin-right:.2em;
}
.arrow1-4{position: relative;}
.arrow1-4:before{
  content:url(/tatekae-lab/resources/img/common/arrow-01-4.png);
  display: block;
  position: absolute;
  left:23px;
  top:50%;
  margin-top:-5px;
}
.arrow2:after{
  /*content:url(/tatekae-lab/resources/img/common/arrow-02.png);*/
  content:url(/image.jsp?id=333621);
  position: absolute;
  display: inline-block;
  top:5px;
  right:6px;
}
.arrow3:after{
  /*content:url(/tatekae-lab/resources/img/common/arrow-03.png);*/
  content:url(/image.jsp?id=333622);
  position: absolute;
  display: inline-block;
  top:14px;
  right:22px;
}
.arrow4:after{
  /*content:url(/tatekae-lab/resources/img/common/arrow-04.png);*/
  content:url(/image.jsp?id=333623);
  display: inline-block;
  position: relative;
  top:4px;
  left:5px;
}
.arrow4-2{position: relative;}
.arrow4-2:before{
  /*content:url(/tatekae-lab/resources/img/common/arrow-04.png);*/
  content:url(/image.jsp?id=333623);
  display: inline-block;
  position: absolute;
  top:50%;
  left:15px;
  margin-top:-10px;
}
.arrow4-3:before{
  /*content:url(/tatekae-lab/resources/img/common/arrow-04-3.png);*/
  content:url(/image.jsp?id=333624);
  display: inline-block;
  position: absolute;
  top:50%;
  right:85px;
  margin-top:-13px;
}
.arrow4-3-long:before{
  /*content:url(/tatekae-lab/resources/img/common/arrow-04-3.png);*/
  content:url(/image.jsp?id=333624);
  display: inline-block;
  position: absolute;
  top:50%;
  right:65px;
  margin-top:-13px;
}
.arrow5:after{
  /*content:url(/tatekae-lab/resources/img/common/arrow-05.png);*/
  content:url(/image.jsp?id=333625);
  display: inline-block;
  position: absolute;
  top:50%;
  right:30px;
  margin-top:-10px;
}
.arrow5-4:before{
  /*content:url(/tatekae-lab/resources/img/common/arrow-05-3.png);*/
  content:url(/image.jsp?id=343202);
  display: inline-block;
  position: absolute;
  top:50%;
  right:85px;
  margin-top:-13px;
}
.arrow9-3:after{
  /*content:url(/tatekae-lab/resources/img/common/arrow-09-3.png);*/
  content:url(/image.jsp?id=343205);
  display: inline-block;
  position: absolute;
  top:50%;
  right:30px;
  margin-top:-7px;
}
.arrow9-1:before {
  /*content: url(/tatekae-lab/resources/img/common/arrow-09-1.png);*/
  content:url(/image.jsp?id=343203);
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 85px;
  margin-top: -6px;
}
.arrow9-1-long:before {
  /*content: url(/tatekae-lab/resources/img/common/arrow-09-1.png);*/
  content:url(/image.jsp?id=343203);
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 65px;
  margin-top: -6px;
}
@media screen and (max-width: 640px){
.arrow5:after{
  right:1.5%;
}
.arrow9-3:after{
  right:1.5%;
}
.pageLink-list .arrow4-3-long:before{
  right: 10%;
}
.pageLink-list .arrow4-3:before{
  right: 10%;
}
.pageLink-list .arrow5-4:before{
  right: 10%;
}
.pageLink-list .arrow9-1-long:before{
  right: 10%;
}
.pageLink-list .arrow9-1:before{
  right: 5%;
}
}
.arrow5-2:before{
  /*content:url(/tatekae-lab/resources/img/common/arrow-05-2.png);*/
  content:url(/image.jsp?id=333626);
  display: inline-block;
  position: absolute;
  top:50%;
  left:15px;
  margin-top:-10px;
}
.arrow5-3:before{
  /*content:url(/tatekae-lab/resources/img/common/arrow-05-2.png);*/
  content:url(/image.jsp?id=333626);
  display: inline-block;
  position: absolute;
  top:50%;
  right:-30px;
  margin-top:-9px;
}
.arrow6:after{
  /*content:url(/tatekae-lab/resources/img/common/arrow-06.png);*/
  content:url(/image.jsp?id=333627);
  display: inline-block;
  vertical-align: middle;
  margin:-2px 0 0 .5em;
}
.arrow6-2{
  position: relative;
  padding-left: 2.3em !important;
}
.arrow6-2:before{
  /*content:url(/tatekae-lab/resources/img/common/arrow-06.png);*/
  content:url(/image.jsp?id=333627);
  position: absolute;
  display: block;
  top:12px;
  left:13px;
}
.arrow7{position: relative;}
.arrow7:before{
  /*content:url(/tatekae-lab/resources/img/common/arrow-07.png);*/
  content:url(/image.jsp?id=333628);
  display: inline-block;
  position: absolute;
  top:50%;
  left:15px;
  margin-top:-10px;
}
.toggleIcon{position: relative;padding-left:1.5em;}
.toggleIcon:before{
  /*content:url(/tatekae-lab/resources/img/common/toggleIcon_plus.png);*/
  content:url(/image.jsp?id=343210);
  display: inline-block;
  position: absolute;
  top:50%;
  margin-top:-10px;
  left:0;
}
.toggleIcon.minus{position: relative;padding-left:1.5em;}
.toggleIcon.minus:before{
  /*content:url(/tatekae-lab/resources/img/common/toggleIcon_minus.png);*/
  content:url(/image.jsp?id=343209);
  display: inline-block;
  position: absolute;
  top:50%;
  margin-top:-10px;
  left:0;
}


/* ■ボタン
---------------------------------------------*/
/*　ボタン - 基本　*/
.btn{
  width:400px;
  margin:0 auto;
  font-size:20px;
  text-align: center;
}
.btn a{
  display: block;
  width: 100%;
  height: 100%;
  padding:25px 0;
  background-color:#1558a0;
  border-radius: 3px;
  color:#fff;
  text-decoration: none !important;
}
.btn:hover{
  filter:alpha(opacity=85);
  -ms-filter:"alpha(opacity=85)";
  opacity:0.85;
}
.btn .subTxt{
  color:#000;
  display: inline-block;
  margin-top: 10px;
}
@media screen and (max-width: 640px){
.btn{
  width:100%;
}
}

/* ボタン - スモール　*/
.btn-small{
  width:305px;
  font-size:16px;
  text-align: center;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  bottom:0;
}

.btn-small a{
  display: inline-block;
  width: 100%;
  height: 100%;
  padding:7px 0;
  background-color:#1558a0;
  border-radius: 3px;
  color:#fff;
  text-decoration: none !important;
}

.btn-small  a.comingsoon,
.btn-small  a.comingsoon:hover{
  display: inline-block;
  width: 100%;
  height: 100%;
  padding:7px 0;
  background-color:#999;
  border-radius: 3px;
  color:#fff;
  text-decoration: none !important;
	opacity: 1;
 filter: alpha(opacity=100);
	cursor: default;
}

.btnBox{
  display: block;
  width:305px;
  margin:0 auto !important;
}
.btnBox>.btn-small a{
  text-align:left;
}
@media screen and (max-width: 640px){
.btnBox{
  width: 100%;
}
.btn-small{
  width: 100%
}
}

/*　ボタン - ページ内リンクボックス　*/
.pageLink-list{
  width:100%;
}
.pageLink-list:after{
  content:"";
  display: block;
  clear: both;
}
.pageLinkBoxWrap{
  margin:0 auto 40px;
  width:1040px;
  padding:0 30px;
}
.pageLinkBoxWrap .pageLinkBox{
  margin-top:0;
}
.pageLinkBox .btn{
  float:left;
  width: 440px;
  margin:0 15px;
}
.pageLinkBox.clm3 .btn{
  width: 283px;
}
.pageLinkBox.clm3 .btn .arrow9-1:before {
    right: 5px;
    margin-top: -6px;
}
.pageLinkBox .btn a{
  background-color:#e0f3f1;
  color:#1558a0;
  position: relative;
  font-size:18px;
  font-weight:bold;
  text-indent:-2em;
  padding:18px 0;
}
.pageLinkBox .btn1_2line a{
  padding:31px 0;
}
.pageLinkBox .btn2line a{
  text-indent:-4em;
}
.pageLinkBox .btn br{
  display: none;
}
.pageLinkBox .btn2line br{
  display: block;
}
@media screen and (max-width: 640px){
.pageLinkBoxWrap{
  margin:0 auto 40px;
  width:100%;
  padding:0;
}
.pageLinkBox .btn:first-child{
  margin-top: 0;
  }
.pageLinkBox .btn{
  float:none;
  width: 100%;
  margin:10px 0 0;
  display:table;
}
.pageLinkBox.clm3 .btn{
  width: 100%;
}
.pageLinkBox.clm3 .btn .arrow9-1:before {
    right: 15px;
}
.pageLinkBox .btn a{
  text-indent: 0;
  padding:5%;
  vertical-align: middle;
  text-align:center;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.pageLinkBox .btn1_2line a{
  padding:18px 0;
  height: 63px;
}
.pageLinkBox .btn .linkTxt{
  position: static;
  display: inline-block;
  width: 100%;
}
.pageLinkBox .btn1_2line .linkTxt{
  padding:13px 0;
}
.pageLinkBox .pageLink-list .arrow4-3:before{
  right:6%;
}
.pageLinkBox .btn br{
  display: block;
}
}
/* ■リスト
---------------------------------------------*/
/*ノーマルリスト*/
.normal-list li{
  margin-bottom:.5em;
}
.normal-list li:before{
  content:"・";
}
.normal-list.no-bullet li:before{
  content:"";
}

/* インタビューリスト */
.interview-list{
  padding:25px 30px;
  font-weight:bold;
  margin-bottom:60px;
}
.interview-list .head{
  color:#1558a0;
  margin-top: 15px;
}
.interview-list .head:first-child{
  margin-top: 0;
}
.interview-list .item{
  font-size:18px;
}

/* ニュースリスト */
.news-list{
  color:#222;
}
.news-list .head{
  padding:15px 0 5px 15px;
  font-size:14px;
  line-height:18px;
}
.news-list .item{
  padding: 0 0 15px 15px;
  border-bottom:1px dotted #a9a9a9;
}

/* イベントリスト */
.event-list .item{
  margin: 1.5em 0;
}
.event-list .event-info{
  position: relative;
  color:#1558a0;
  border-radius: 3px;
  background-color:#e3f5f2;
  padding:17px 30px;
  font-size:20px;
  font-weight:bold;
  margin-bottom: 1em;
}
.event-list .event-info a{
  text-decoration: none;
}
.event-list .event-info .date{
  display: inline-block;
  margin-right:1em;
}
.event-list .event-description{
  border-bottom:1px dotted #a9a9a9;
  padding-bottom:1.5em;
}
/* インフォリスト */
.infoArea{
  margin-bottom:30px;
}
.info-list{
  font-weight: bold;
}
.info-list:after{
  content:"";
  display: block;
  clear: both;
}
.info-list .head{
  float:left;
  clear:left;
  margin-bottom: 5px;
}
.info-list .head:after{
  display: inline-block;
  content:"：";
}
.info-list .item{
  float:left;
  margin-bottom: 5px;
}
@media screen and (max-width: 640px){
.event-list .event-info{
  padding:2% 8% 2% 2%;
}
.event-list .event-info .place,
.event-list .event-info .date,
.event-list .event-info .theme{
  display: block;
}
.event-list .event-info .place{
  position: static;
  margin-top: 2%;
}
}

/*目次リスト(index-list)*/
.index-list{
  padding:25px 30px;
  font-weight:bold;
  margin-bottom:60px;
  font-size:18px;
}
@media screen and (max-width: 640px){
.index-list{
  margin-bottom:1.5em;
}
}
.index-list .item{
  margin-top: 10px;
  padding-left: 1em;
  text-indent: -1em;
}


}
.index-list .item:first-child{
  margin-top: 0;
}
.index-list .item:before{
  content:"・";
}

.headdingIndent{
  padding-left: 1em !important;
  text-indent: -.7em;
}
.buttonIndent {
  text-indent: -1.4em;
  padding-left: 2.8em !important;
}
.buttonIndent.arrow6-2:before {
  margin: -2px 0 0 1em;
}

/* ■テーブル
---------------------------------------------*/
.event-table{
  width:100%;
  border:1px solid #d8d8d8;
  margin-bottom: 40px;
}
.event-table tr{
  border-top:1px solid #d8d8d8;
  border-bottom:1px solid #d8d8d8;
}
.event-table th{
  background-color:#f5f5f5;
  width: 150px;
  padding:20px 30px;
  vertical-align: top;
}
.event-table td{
  padding:20px 25px;
}
@media screen and (max-width: 640px){
.event-table{
  width:100%;
  border:1px solid #d8d8d8;
}
.event-table tr{
  border-top:1px solid #d8d8d8;
  border-bottom:1px solid #d8d8d8;
}
.event-table th{
  background-color:#f5f5f5;
  width: 20%;
  padding:2% 3%;
  vertical-align: top;
}
.event-table td{
  padding:2% 2.5%;
}
}



/* ■背景有りのボックス
---------------------------------------------*/
/*ページ内リンクのボックス*/
.pageLinkBoxWrap .pageLinkBox.bg-gray{
  margin:0 auto;
}
.pageLinkBox{
  width: 960px;
  margin: 30px 0 30px 16px;
  padding:20px 10px;
}
/*イベントインフォのボックス*/
.infoBox{
  text-align:center;
  padding:20px;
  margin-bottom: 60px;
}
@media screen and (max-width: 640px){
  .pageLinkBox{
    width: 100%;
    margin:0 0 30px;
  }
  .infoBox{
    margin-bottom: 1.5em;
  }
}
.infoBox p{
  margin: 0;
}
.infoBox .fax{
  margin-top: 1em;
  font-weight:normal;
}
.infoBox .fax p{
  display: inline-block;
  padding:0 20px;
}
.infoBox.finished{
  width:800px;
  margin:0 auto 40px;
  font-weight:18px;
  line-height:28px;
  padding:25px 20px;
}
@media screen and (max-width: 640px){
.infoBox.finished{
  width: 100%;
}
}


/* ■その他
---------------------------------------------*/
/*フリーダイアル*/
.freedial{
  text-align: center;
  color:#1558a0;
  margin: 150px auto ;
  width: 504px;
}
@media screen and (max-width: 640px){
.freedial{
  width: 100%;
  margin: 0 auto;
}
}

/*次の20件*/
.readMoreArea{
  width: 100%;
  text-align:center;
  margin:60px 0 40px;
}
@media screen and (max-width: 640px){
.readMoreArea{
  margin:1.5em 0 0;
}
}
.readMore{
  display: inline-block;
  font-size:18px;
  line-height:24px;
}
@media screen and (max-width: 640px){
.readMore{
  margin-bottom: 0 !important;
}
}
.readMore a{
  text-decoration: underline;
}

/*次のページへ*/
.nextPageBox{
  width: 100%;
  padding:35px;
  text-align: center;
  background-color:#e0f3f1;
}
.nextPageBox p{
  display: inline-block;
  margin: 0;
  position: relative;
}

/* 前後の記事へのリンク */
.article-link{
  padding: 35px 30px;
  overflow: hidden;
}
.article-link .link-item-pre{
  max-width: 50%;
  float: left;
  margin-bottom: 0;
  padding-right: 2em;
  display: inline-block;
}
.article-link .link-item-pre a{
  display: block;
  padding-left: 30px;
  /*background: url("/tatekae-lab/resources/img/common/arrow-09-2.png") 5% center no-repeat;*/
  background: url("/image.jsp?id=343204") 5% center no-repeat;
  
}
.article-link .link-item-next{
  max-width: 50%;
  float: right;
  text-align: left;
  margin-bottom: 0;
  padding-left:2em;
  display: inline-block;
}
.article-link .link-item-next a{
  display: block;
  padding-right: 30px;
  /*background: url("/tatekae-lab/resources/img/common/arrow-09-3.png") 94% center no-repeat;*/
  background: url("/image.jsp?id=343205") 94% center no-repeat;
}
/*新着情報ページ*/
.btn-small button{
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 7px 0;
  background-color: #1558a0;
  border-radius: 3px;
  color: #fff;
  text-decoration: none !important;
  border: none;
}

.request_form{
  width: 550px;
}
.request_form button{
  padding: 22px 0;
  font-size: 20px;
  position: relative;
}
.request_form button:hover{
  cursor:pointer;
  opacity: 0.8;
}

.form_area input, .form_area textarea{
  width: 20px;
  height: 20px;
}
.formbtn_area button input[type="submit"]{
  background-color:transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  border:none;
  cursor:pointer;
}

/* ■スキン
---------------------------------------------*/
/*フォントサイズ*/
.fontSmall{
  font-size:13px;
  line-height:1.6;
}
.sup{
  vertical-align: middle;
}

/*ボーダー*/
.borderB-d1{border-bottom:1px dotted #a9a9a9;}
.border-s1{border:1px solid #a9a9a9}

/*角丸*/
.radius10{border-radius:10px;}

/*フォントウェイト*/
.fontW-normal{font-weight:normal;}
.fontW-bold{font-weight:bold;}

/*テキストカラー*/
.txt-green{color:#1558a0;}

/*背景カラー*/
.bg-green{background-color:#e0f3f1;}
.bg-gray{background-color:#f5f5f5;}


/*クリア*/
.clearL{clear:left;}
.spBrake{display:none;}
@media screen and (max-width: 640px){
  .spBrake{
    display: block;
  }
}