@charset "utf-8";

#nWrap #contents #mainIndex{
	width: 1003px;
	position: relative;
	margin:70px 0 0 0;
	overflow: hidden;
	zoom : 1;
	}

#nWrap #contents #mainIndex .mainInr{
	width: 953px;
	margin: 0 auto;
	}


/*メイン画像*/
#nWrap #nMainvisual{
	width: 100%;
	height: 215px;
	background-color: #fff;
	}

/*大見出し*/
#nWrap #nMainvisual .ImageWrap{
	width: 1004px;
	height: 258px;
	background: url(../../../../../img/ss/products/auto_id/barcode_lecture/top_mv_img.jpg) left top no-repeat;
	margin: 0 auto;
  position: relative;
	}
#nWrap #nMainvisual .page_title{
  position: absolute;
  top: 60px;
  display: flex;
  flex-direction: column;
}
#nWrap #nMainvisual .lead_text{
  font-size: 22px;
	}
#nWrap #nMainvisual .title_text{
  font-size: 58px;
  font-weight: bold;
  color: #49BCF1;
  margin-top: 20px;
	}

#contents h2.indexHd {
	border-bottom: 2px solid #d2d2d2;
	font-size: 22px;
	font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif !important;
	margin-bottom: 20px;
	width: 600px;
}

#contents h2.indexHd span{
	display: inline-block;
}

#contents h2.indexHd i{
	display:inline-block;
	font-size: 35px;
	color: #5ebbf1;
	margin-right: 10px;
}



/*-- INDEX BOX --*/

#contents div.course {
	background-color: #fff;
	padding: 17px 0 0 17px;
	overflow: hidden;
}

#contents div.course a {
	color: #333;
	text-decoration: none;
	line-height: 1.4;
}

#contents div.course a:hover {
	text-decoration: underline;
}

#contents div.indexBox {
	background-color: #f2f2f2;
    	margin-right: 16px;
	margin-bottom: 17px;
	padding: 15px 15px 0;
	display: table;
	width: 920px;
	box-sizing: border-box;
}

#contents div.indexBox .lBox {
	float: left;
	width: 430px;
    	display: inline;
}

#contents div.indexBox .rBox {
	float: right;
	width: 430px;
    	display: inline;
}

#contents div.indexBox h3 {
	margin-bottom: 30px;
}

#contents div.indexBox dl {
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 1.4;
}

#contents div.indexBox dt {
	background: url(../../../../../img/ss/products/auto_id/barcode_lecture/blt_dt.gif) left 2px no-repeat;
	font-weight: bold;
	font-size: 0.9em;
    	border-bottom: 2px solid #D2D2D2;
    	margin-bottom: 15px;
	padding-left: 15px;
    	padding-bottom: 5px;
}

#contents div.indexBox dt span {
    	font-size: 115%;
	line-height: 1.4;
}

#contents div.indexBox dd {
	background: url(../../../../../img/ss/products/auto_id/barcode_lecture/blt_point.gif) 5px 8px no-repeat;
	padding: 0 0 5px 15px;
	font-size: 0.95em;
	line-height: 1.4;
}

/*-- coming soon --*/
#contents div.off {
	width: 416px;
	border: #d6d5d5 2px solid;
	background-color: #fafafa;
	position: relative;
}

#contents div.off p.comingsoon {
	position: absolute;
	left: 109px;
	top: 99px;
}

#contents div.off h3 {
	width: 401px;
}

#contents div.off h3.head02 {
    background-color: #a9a9a9;
}

#contents div.off h3.head02 span {
    border-left: 5px solid #c2e5f8;
}

#contents div.off dl {
	color: #adadad;
}

#contents div.off dt {
	background-image: url(../../../../../img/ss/products/auto_id/barcode_lecture/blt_dt_off.gif);
    	border-bottom: 2px solid #ededed;
}

#contents div.off dd {
	background-image: url(../../../../../img/ss/products/auto_id/barcode_lecture/blt_point_off.gif);
}


/*-- BANNER AREA --*/

#contents .indexBnrList li {
	float: left;
	line-height: 0;
	margin-right: 8px;
}

#contents .indexBnrList li.last {
	margin-right: 0;
}