@charset "utf-8";
/* CSS Document */
/********************************************************************
	news.css
*********************************************************************/
/*==========================================================================
	ニュース
============================================================================*/
.news_Area {
  padding: 20px 0px 0px;
}
.news_Area .news_Areainnr {
  padding: 0px 10px;
  font-size: 16px;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .news_Area {
    padding: 20px 0px 0px;
  }  
  .news_Area .news_Areainnr {
    padding: 0px 25px 20px;
  }
  .news_Area .news_Areainnr .mainArea {
    float: left;
    width: 100%;
    margin-right: -230px;
    padding-right: 230px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .news_Area .news_Areainnr .sideArea {
    float: left;
    width: 200px;
    padding-left: 30px;
    margin-bottom: 10px;
  }

}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .news_Area .news_Areainnr {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 45px 20px;
  }
  .news_Area .news_Areainnr .mainArea {
    float: left;
    width: 100%;
    margin-right: -300px;
    padding-right: 300px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .news_Area .news_Areainnr .sideArea {
    float: left;
    width: 260px;
    padding-left: 40px;
    margin-bottom: 10px;
  }
}

/*==========================================================================
	ニュースエリア
============================================================================*/
.newsArea {
  padding: 0px 20px 10px 20px;
  background-color: #FFFFFF;
}
.newsArea dl {
  margin-bottom: 12px;
  padding: 16px;
  line-height: 1.6;
  font-size: 14px;
}
.newsArea dl dt {
  width: 100%;
  font-weight: bold;
}
.newsArea dl dt.news1::after {
  content: '技術情報';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news2::after {
  content: '活用事例';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news3::after {
  content: '導入事例';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news4::after {
  content: '製品情報';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news5::after {
  content: 'ニュースリリース';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news6::after {
  content: 'プレスリリース';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news7::after {
  content: '更新履歴';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}

.newsArea dl dt.news8::after {
  content: 'サービス';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}



.newsArea dl dd {
  width: 100%;
  padding-top: 14px;
}
.newsArea dl dd a {
  display: block;
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .newsArea {
    padding: 40px 25px 20px;
  }
  .newsArea .newsmore {
    right: 25px;
    font-size: 14px;
    text-align:left;
    margin: 0px;
  } 
  /*-- タブ --*/
  .newsArea .tab li {
    font-size: 14px;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .newsArea {
    max-width: 1200px;
    margin: 0px auto 8px;
    padding: 40px 45px 20px;
  }
  .newsArea .newsmore {
    position: absolute;
    right: 45px;
  } 
  .newsArea dl {
    
  }
  .newsArea dl dt {
    width: 100%;
  }
  .newsArea dl dd {
    width: auto;
  }
}





/*==========================================================================
	下層ページタイトル
============================================================================*/

#pagettl_NEWS {
	background-image: url(../../img/news/02_h1.jpg);
	background-size:cover;
	background-position: center top;
	margin: 0px auto;
	padding-top: 8%;
	padding-bottom: 8%;
}
#pagettl_NEWS .pagettl_NEWS_innr {
	display: block;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0px auto;
	font-size: 14px;
	color: #FFF !important;
	}

#pagettl_NEWS h2 {
  font-size: 26px;
  color: fff !important;
  line-height: 1.4;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (max-width: 767px) {
#pagettl_NEWS h2 {
	margin-left: 20px !important;
}
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
#pagettl_NEWS {

}
#pagettl_NEWS .pagettl_NEWS_innr {
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	box-sizing: border-box;
	max-width: 1200px;
	}
}
/*****************************************************
	1024px以上【tablet】
******************************************************/
@media print, screen and (min-width: 1024px) {
#pagettl_NEWS {
}
#pagettl_NEWS .pagettl_NEWS_innr {
	max-width: 1200px;
	display: block;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 14px;
	}
}



/*==========================================================================
	記事タイトル
============================================================================*/
.article_Area {
  padding: 20px 0px 0px;
  background-color: #333;
}
.article_Area .article_Areainnr {
  padding: 0px 10px;
  font-size: 14px;
}
.article_Area .article_Area .mainArea {
  margin-bottom: 20px;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .article_Area {
    padding: 20px 0px 0px;
  }  
  .article_Area .article_Areainnr {
    padding: 0px 25px 20px;
  }
  .article_Area .article_Areainnr .mainArea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
  }


}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .article_Area .article_Areainnr {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 45px 20px;
  }
  .article_Area .article_Areainnr .mainArea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
}

/*==========================================================================
	記事タイトルエリア
============================================================================*/
.articleArea {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.articleArea h2 {
  padding: 0px;
  font-size: 22px;
  font-weight: normal;
  color: #FFF;
}
.articleArea dl {
  margin-bottom: 12px;
  color: #FFF;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 15px;
}
.articleArea dl dt {
  font-weight: bold;
  float: left;
}
.articleArea dl dt.news1::after {
  content: '技術情報';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  margin-right: 30px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.news2::after {
  content: '動画';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.news3::after {
  content: '事例';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.news4::after {
  content: '製品情報';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.news5::after {
  content: 'ニュースリリース';
  margin-right: 30px;
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.news6::after {
  content: 'プレスリリース';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.news7::after {
  content: '更新履歴';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.news8::after {
  content: 'サービス';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}

.articleArea dl dd {
	margin-left: 30px !important;
	padding-left: 30px;
	overflow: hidden;
 
}
.articleArea dl dd a {
  display: block;
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .articleArea {
    padding: 30px 25px 20px;
  }
  .articleArea .newsmore {
    right: 25px;
    font-size: 14px;
    text-align:left;
    margin: 0px;
  } 
  /*-- タブ --*/
  .articleArea .tab li {
    font-size: 14px;
  }
}

/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .articleArea {
    max-width: 1200px;
    margin: 0px auto 8px;
    padding: 30px 45px 20px;
  }
  .articleArea .newsmore {
    position: absolute;
    right: 45px;
  } 
  .articleArea dl {
    
  }
  .articleArea dl dt {
	    float: left;
  }
  .articleArea dl dd {
    width: auto;
  }
}

/* 記事  */
 .newsArea .titel01 {
	font-size: 24px;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;		 
	 }
 .newsArea .titel02 {
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;		 
	 }
 .newsArea .img_titel {
	 padding-left:0px;
	 margin-left: 0px;}
.newsArea .img_titel dt {
	font-size:18px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;		
	 
}
.newsArea .img_titel dd {
	font-size:16px;
}
.newsArea .img_titel dd a {
	display:inline;
}


/*****************************************************
	技術情報TOPページ
******************************************************/
#notice_top {
	display: block;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0px auto;
	}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
#notice_top {
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	box-sizing: border-box;
	max-width: 1200px;
	}
}
/*****************************************************
	1024px以上【tablet】
******************************************************/
@media print, screen and (min-width: 1024px) {
#notice_top {
	max-width: 1200px;
	display: block;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	}
}
.col_3_styl3_3_2 .col_3innr a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.col_3_styl3_3_2 .col_3innr a:hover dd {
	color:#C00;
}
.col_3_styl3_3_2 .col_3innr a .case_img {
	border: 1px solid #999;
	width: 100%;
	margin-bottom:15px;
}
#cese_top .col_3_styl3_3_2 .col_3innr a dl {
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
}
.col_3_styl3_3_2 .col_3innr a dl dt {
	width:60%;
	background-color: #C00;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left:20%;
	font-size:14px;
}
.col_3_styl3_3_2 .col_3innr a dl dd {
	padding-top:10px;
	text-align: center;
	color: #000;
	font-size:16px;
}
.col_3_styl3_3_2 .col_3innr a dl dd:hover {
  color:  #C00;
}.contents_Areainnr.cf p {
	font-size: 16px;
}
.v_con {
	padding: 15px;
	border: 1px solid #999;
	margin-top:20px;
	margin-bottom:20px;
}

.newsArea .press_txtttile {
	margin-left: 30px;
}
.newsArea .press_txtttile .none {
	list-style-type: none;
}