@charset "utf-8";
/* CSS Document */


/* Asureのメイン画像です */
#m_productimgwrap_azure{
	width: 100%;
	height: 250px;
	background:url(../m_img/azure/azure_main_bg.jpg) top center;
	margin: 0px;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	text-indent:-9999px;
}


/* F-secureのメイン画像です */
#m_productimgwrap_fsecure{
	width: 100%;
	height: 250px;
	background:url(../m_img/fsecure/fsecure_main_bg.jpg) top center;
	margin: 0px;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	text-indent:-9999px;
}


/* IOTのメイン画像です */
#m_productimgwrap_iot{
	width: 100%;
	height: 250px;
	background:url(../m_img/iot/iot_main_bg.jpg) top center;
	margin: 0px;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	text-indent:-9999px;
}


/* #products_top_it_wrap用画像指定 */

#products_top_it_wrap a {
  color: #06C;
}
 
#products_top_it_wrap a:hover {
  color: #06C;
  text-decoration: none;
}
 
#products_top_it_wrap ul {
  list-style: none;
  top: 0;
  height: 180px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0;
}
 
 
#products_top_it_wrap ul {
  letter-spacing: -1em;
}
 
#products_top_it_wrap ul li {

  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0 5px;
  letter-spacing: 0;
}
 
#products_top_it_wrap ul dl {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  top: 0;
  margin: 0;
  padding: 15px 15px;
  color: #fff;
  background: rgba(169,169,169,.9);
}
 
#products_top_it_wrap ul dl dt {
	  color: #fff;
	  font-size: 15px;
  margin-bottom: 0.2em;
}
 
#products_top_it_wrap ul dl dd {
  margin: 0;
  font-size: 13px;
  color: #fff;
  line-height: 1.5;
  text-align: justify;
  word-break: break-all;
}
 
#products_top_it_wrap ul dl dd:last-of-type {
  margin-top: 10px;
  text-align: right;
}
 
#products_top_it_wrap ul a {
  padding: 0.3em 0.5em;
  background-color: #fff;
}

#products_top_it_wrap {
  width: 710px;
}
 

/* #products_top_handoutai_wrap用画像指定 */

#products_top_handoutai_wrap a {
  color: #06C;
}
 
#products_top_handoutai_wrap a:hover {
  color: #06C;
  text-decoration: none;
}
 
#products_top_handoutai_wrap ul {
  list-style: none;
  top: 0;
  height: 180px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0;
}
 
 
#products_top_handoutai_wrap ul {
  letter-spacing: -1em;
}
 
#products_top_handoutai_wrap ul li {

  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0 5px;
  letter-spacing: 0;
}
 
#products_top_handoutai_wrap ul dl {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  top: 0;
  margin: 0;
  padding: 15px 15px;
  color: #fff;
  background: rgba(169,169,169,.9);
}
 
#products_top_handoutai_wrap ul dl dt {
	  color: #fff;
	  font-size: 15px;
  margin-bottom: 0.2em;
}
 
#products_top_handoutai_wrap ul dl dd {
  margin: 0;
  font-size: 13px;
  color: #fff;
  line-height: 1.5;
  text-align: justify;
  word-break: break-all;
}
 
#products_top_handoutai_wrap ul dl dd:last-of-type {
  margin-top: 10px;
  text-align: right;
}
 
#products_top_handoutai_wrap ul a {
  padding: 0.3em 0.5em;
  background-color: #fff;
}

#products_top_handoutai_wrap {
  width: 710px;
}
 
 
 
/* type1 */

 
.type1 dl {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
}
 
.type1:hover dl {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


#products_top_it_left ul .type1,
ul .type1 dl {
  width: 295px;
  height: 296px;
}

#products_top_it_left {
  width: 230px;
  float:left;
}
 
 
 
/* type2 */

.type2 dl {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
}
 
.type2:hover dl {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


#products_top_it_right ul .type2,
ul .type2 dl {
  width: 193px;
  height: 138px;
}

#products_top_it_right {
  width: 410px;
  height: 296px;
  float:right;
  margin-bottom:90px;
  margin-left:5px;
}
 


 
/* type3 */
 
.type3 dl {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
}
 
.type3:hover dl {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


#products_top_handoutai_box ul .type3,
ul .type3 dl {
  width: 295px;
  height: 138px;
  float:left;
}




/* type4 */

.type4 dl {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
}
 
.type4:hover dl {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


#products_top_it_right ul .type4,
ul .type4 dl {
  width: 398px;
  height: 139px;
  margin-bottom:20px; 
}


/* type5 */
 
.type5 dl {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
}
 
.type5:hover dl {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


#products_top_handoutai_box ul .type5,
ul .type5 dl {
  width: 192px;
  height: 138px;
  float:left;
}