@charset "utf-8";

/*	community */
div#contents div#contents-left .area-nav{
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}

div#contents div#contents-left .area-nav li{
	box-sizing: border-box;
	width: 100%;
	padding: 0 2px 12px;
	text-align: center;
}

div#contents div#contents-left .area-nav li a{
	display: block;
	background-color: #DCEFFD;
	color: #1d6ca9;
	padding: 5px;
	text-decoration: none;
}

div#contents div#contents-left .area-nav li a:visited{
	color: #1d6ca9 !important;
}

div#contents div#contents-left .area-nav li a:hover{
	background-color: #007CD3;
	color: #fff !important;
}

div#contents div#contents-left .area-nav li.select{
	background-image: url("../images/ico01.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#contents div#contents-left .area-nav li.select a{
	background-color: #007CD3;
	color: #fff !important;
}

div#contents div#contents-left .area-table-block{
	margin-bottom: 15px;
}

div#contents div#contents-left .area-table{
	display: none;
}

div#contents div#contents-left .area-table.select{
	display: block;
}

div#contents div#contents-left .area-table table{
	width: 100%;
	text-align: center;
	color: #7d7d7d;
	border-collapse: separate;
	border-spacing: 2px;
}

div#contents div#contents-left .area-table thead th{
	background-color: #006ABB;
	font-weight: normal;
	border-bottom: 3px solid #fff;
	color: #fff;
	padding: 5px;
}

div#contents div#contents-left .area-table tbody td{
	background-color: #F0F0F0;
	padding: 5px;
	vertical-align: middle;
}

div#contents div#contents-left .area-table_w_size01{
	width: 13%
}

div#contents div#contents-left .area-table.txt_c_t thead th,
div#contents div#contents-left .area-table.txt_c_t tbody td{
  text-align: center;
}

div#contents div#contents-left .community-list{
  padding-bottom:0px;
}

div#contents div#contents-left .community-list li{
	background: #4293d5;
	padding: 10px;
  width: 47%;
}

div#contents div#contents-left .community-list li h6{
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
	color: #fff;
}

div#contents div#contents-left .community-list-txt{
	overflow: hidden;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
}

div#contents div#contents-left .community-list-txt .community-list-img{
	float:left;
	width: 26%;
}

div#contents div#contents-left .community-list-txt p{
	float:right;
	width: 72%;
}


div#contents div#contents-left .subboxhight {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  flex-direction: column;
  }

  div#contents div#contents-left .contentsheight {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -moz-flex-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    }

div#contents div#contents-left .interviewBox{
	overflow: hidden;
	background: #F0F0F0;
	padding: 20px;
	margin-bottom: 20px;
}

div#contents div#contents-left .interviewBox.col1{background: #DAE8F2;}

div#contents div#contents-left .interviewBox h5.int-tit{
  font-size: 18px;
  padding: 10px 0px;
  margin-bottom: 15px;
  font-weight: bold;
  border-bottom: dotted 2px #0068b9;
   border-left: none;
   text-align: left;
   color:#0068b9;
 }

 div#contents div#contents-left .interviewBox .int-con{
  background: #fff;
  padding: 15px;
}

div#contents div#contents-left .interviewBox	.int-fig{
  font-size: 0.813em;/*13px*/
  margin-top:5px;
}

div#contents div#contents-left .interviewBox .int-fukidashi {
  padding: 0px 0px 0px 80px;
  }

  div#contents div#contents-left .comint{
    background: #fdf3f3;
  }

  div#contents div#contents-left .interviewBox.comint h5.int-tit{
    border-bottom: none;
    color:#2fa2cf;
  }

  div#contents div#contents-left .interviewBox p.intcome{
    background: #fff;
    border:2px solid #2fa2cf;
    border-radius: 10px;
    padding:10px;
    margin-bottom:20px;
    color: #2fa2cf;
    font-weight: bold;
    width:300px;
    text-align: center;
  }

  div#contents div#contents-left .img_flexarea {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-flex-pack: justify;
    -moz-flex-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    }

    div#contents div#contents-left .boxheight {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 15px;
      }

      div#contents div#contents-left .safetystationtab th{
        text-align: left;
      }

      div#contents div#contents-left .safetystationtab{
        border-top:1px solid #ccc;
        border-left:1px solid #ccc;
      }

      div#contents div#contents-left .safetystationtab tbody td{
        border-right:1px solid #ccc;
      }

      div#contents div#contents-left .safetystationtab.td-vl th,
      div#contents div#contents-left .safetystationtab.td-vl td{
	vertical-align: middle;
}

figure {
  margin:0;
  padding:0;
}