@charset "utf-8";

/* =MV ------------------------------------------------------------------*/

#mv {
	height:378px;
	background-color:#eef3fa;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	padding-top:20px;
	margin:0 0 25px;
}
/* スライダー　メイン */
* html #slider {
	width:970px;
	margin:0 auto;
}
#slider ul.bxslider li.mv01,
#slider ul.bxslider li.mv02,
#slider ul.bxslider li.mv03{
	position:relative;
}
#slider ul.bxslider li.mv01 ul.btnGroup{
	position:absolute;
	left:40px;
	bottom:20px;
}
#slider ul.bxslider li.mv01 ul.btnGroup li{
	float:left;
}
#slider ul.bxslider li.mv02 p.btn{
	position:absolute;
	right:24px;
	bottom:20px;
}
#slider ul.bxslider li.mv03 ul.btnGroup li{
	position:absolute;
	bottom:28px;
}
#slider ul.bxslider li.mv03 ul.btnGroup li.left{
	left:250px;
}
#slider ul.bxslider li.mv03 ul.btnGroup li.right{
	right:250px;
}
/* スライダー　サムネイル */
#bx-pager ul.thumb{
	width:629px !important;
	margin:0 auto !important;
}
#bx-pager ul.thumb{
	height:69px;
	overflow:hidden;
}
#bx-pager ul.thumb li a{
	float:left;
	width:203px;
	display:inline;
}
#bx-pager ul.thumb li.center a{
	margin:0 10px; 
}
#bx-pager ul.thumb li a:hover{
	margin-top:-69px;
}
#bx-pager ul.thumb li a.active{
	margin-top:-69px;
}

/* IE6対応 */
* html #bx-pager ul.thumb li.center,
* html #bx-pager ul.thumb li.last{
	margin-top:-19px;
}

/* IE7対応 */
#bx-pager ul.thumb li.center{
	*margin-top:-14px;
}
#bx-pager ul.thumb li.last{
	*margin-top:-14px;
}

/* =boxGroup ------------------------------------------------------------------*/

#boxGroup {
	width:1000px;
	float:left;
}
#boxGroup div.box{
	width:230px;
	height:267px;
	border:1px solid #dbdbdb;
	border-top:4px solid #0265b2;
	padding:7px 7px 0;
	float:left;
	margin:0 1px 1px 0;
}
#boxGroup div.box.last{
	margin-right:0;
}
#boxGroup div.box div.title{
	padding:0 0 10px;
	border-bottom:1px dotted #0265b2;
	margin:0 0 15px;
	table-layout:fixed;
	width:100%;
	display:table;
}
#boxGroup div.box div.title p.icon{
	display:table-cell;
	width:65px;
	padding-right:7px;
}
#boxGroup div.box div.title p.subtitle{
	line-height:1.2;
	font-size:90%;
	margin:0 0 5px;
}
#boxGroup div.box div.title h2{
	font-weight:bold;
	display:table-cell;
	width:158px;
	vertical-align:middle;
}
#boxGroup div.box div.title h2.double{
	line-height:1.3;
}
#boxGroup div.box div.title h2 span{
	color:#999;
}
#boxGroup div.box ul li{
	margin:0 0 10px;
	text-indent:-0.7em;
	margin-left:1em;
	line-height:1.4;
	clear:both;
}
#boxGroup div.box ul li.cs span{
	background:url(../../../../img/ss/products/safetyknowledge/icon_list_off.gif) no-repeat left 50%;
	padding:0 0 0 10px;
	color:#BBB;
}
#boxGroup div.box ul li a{
	background:url(../../../../img/ss/products/safetyknowledge/icon_footer_list.gif) no-repeat left 50%;
	padding:0 0 0 10px;
}


/* =products_lineup ------------------------------------------------------------------*/
.products_lineup {
  margin: 40px 0 0;
}

.products_lineup .header {
  margin: 0 0 15px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #0265b2;
  line-height: 1.3;
}

.products_lineup ul {
  display: flex;
  justify-content: flex-start;
  margin: 0 -20px;
}

.products_lineup ul li {
  margin: 0 20px;
}

.products_lineup ul li a {
  background: url(../../../../img/ss/products/safetyknowledge/icon_footer_list.gif) no-repeat left 50%;
  padding: 0 0 0 10px;
}

/* =leftNav ------------------------------------------------------------------*/

#rightNav {
	float:right;
}
#rightNav ul li {
	margin:0 0 5px;
}
#rightNav ul li.last {
	margin-bottom:0;
}
#rightNav ul {
	margin:0 0 5px;
}
#rightNav ul.btn {
	text-align:center;
	background:url(../../../../img/ss/products/safetyknowledge/bg_sidenav.gif) repeat;
	padding:5px 0;
	margin-bottom:0;
}