@charset "utf-8";

/* CSS Document */
/**********************************************************
	index.css
***********************************************************/

#mainimgWap {
	background-color: #c1e0ff;
	margin-bottom:50px;
}
#mainimg {
	margin:0px auto;
	max-width:1200px;
	padding: 0px;	
}
/*#mainimg img {
	max-width: 100%;
	vertical-align:bottom;
}*/

.slider {
}
/*-----------------------------------
  slickテーマカスタム
------------------------------------- */
/*左右の矢印の色を変える*/
.slider .slick-prev:before,
.slider .slick-next:before {
    color: #666666;
    font-size: 24px;
}
.slider .slick-prev:before {
  /*font-family: "Font Awesome 5 Free";
  content: "\f104";
  font-weight: 900;*/
	color: #FFF;
}
.slider .slick-next:before {
  /*font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;*/
	color: #FFF;
}
/*左右の矢印の位置を変える*/
.slider .slick-next {
  right: 10px;
  z-index: 99;
  height: 22px;
}
.slider .slick-prev {
  left: 10px;
  z-index: 99;
  height: 22px;
}
/******************************************************************************
	メッセージ領域
*******************************************************************************/
#msgBox {
	padding: 40px 0;
	margin-bottom: 40px;
	background-color:#f5f4f4;
}
#msgBox h2 {
	text-align: center;
	font-size: 16px;
	line-height: 1.6;
}
#msgBox h2 span {
	font-size: 22px;
}

/******************************************************************************
	タブメニュー【新着情報】
*******************************************************************************/

#menu1 {
	width:960px;
	margin:0px auto;
	display: none;
}
/*-- タブ --*/
#menu1 ul.tab {
	width:960px;
	height:33px;
	list-style:none;
	background-image: url(../img/tab_bg_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom:15px;
}
#menu1 ul.tab li {
	width:207px;
	float:left;
	margin-right:10px;
}
#menu1 ul.tab li.fst {
	width:207px;
	float:left;
	margin-left:20px;
}
#menu1 ul.tab li img {
	vertical-align:bottom;
}
/*-- パネル --*/
#menu1 ul.panel {
	clear:both;
	width:958px;
	margin-bottom:50px;
	list-style:none;
	border: 1px solid #CCC;
}
#menu1 ul.panel li {
	width:958px;
}

/******************************************************************************
	新着情報
*******************************************************************************/

/*-- 新着情報部 --*/
.news {
	/*margin-bottom:35px;*/
	width:898px;
	padding:30px;
}

/* ifreame 廃止 20151209
.news iframe {
	width:958px;
	height:128px;
}
*/


/*-- 新着情報 --*/
.news dl {
	margin:0px;
	padding:0px;
}
.news dl dt {
	font-weight: bold;
	width:105px;
	float:left;
}
.news dl dd {
	margin-bottom:8px;
	margin-left:115px;
}
.iconNo {
	padding-left:80px;
}
.icon01 {
	padding-left:80px;
	background-image: url(../img/news_icon01.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.icon02 {
	padding-left:80px;
	background-image: url(../img/news_icon02.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.icon03 {
	padding-left:80px;
	background-image: url(../img/news_icon03.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

/******************************************************************************
	製品メニューのラッパー
*******************************************************************************/
#prodMenuWap {
	background-color:#f5f4f4;
	margin-bottom:50px;
}
/******************************************************************************
	製品メニュー[新製品]のラッパー
*******************************************************************************/
#prodMenuNewWap {
	/*background-color:#c1e0ff;*/
	margin-bottom:50px;
}

/*******************************************************************************
	事例
********************************************************************************/
#jireiArea {
	width:960px;
	margin:0px auto 40px;
	overflow:hidden;
}
#jireiArea .jireiALeft {
	float:left;
	width:460px;
	padding:0px 20px 0px 0px; 
	display: none;
}
#jireiArea .jireiARight {
	float:right;
	width:480px;
}
#jireiArea h3 {
	font-size:22px;
	font-weight:bold;
	margin-bottom:5px;
}