@charset "utf-8";

/* -----------------------------------------------
 スライドショー
----------------------------------------------- */

.slideWrap {
	background:url(../../img/index/bg_slideimg.gif) center bottom repeat;
	width:100%;

}
.slideImage,
.slideImage li {
	width: 100% !important;
}
/* TOPスライド背景 */
.slideImage .mainImgTopWrap {
	background-color: #307bba;
	background-image: url(../../img/index/bg_slideimg_top.png);
	background-repeat: no-repeat;
	background-position: top center; 
}

/* スライド領域 */
.slideImage li span {
	display: block;
	margin: 0 auto;
	width: 980px;
}

/* スライド領域 */
.slideImage li span img {
	display: block;
	height: 490px;
	margin-left: -110px;
	width: 1200px;
	overflow:hidden;/*210202追加CLS対策*/
}

/* pager */
.slideWrap .sliderPagerWrap {
	margin: 0 auto;
}

.slideWrap .sliderPagerWrap .sliderPagerInnerWrap {
	margin: 0 auto;
	position: relative;
	width: 105px;
}

.slideWrap .sliderPagerWrap .sliderPagerInnerWrap .sliderPager {
	bottom: 8px;
	position: absolute;
	width: 100%;
	z-index: 200;
}
.slideWrap .sliderPagerWrap .sliderPagerInnerWrap .sliderPager span:hover{
	cursor: pointer;
}
.slideWrap .sliderPagerWrap .sliderPagerInnerWrap .sliderPager span {
	background: url(../../img/index/slide_pointer.png)  no-repeat 0 0;
	display: table-cell;
	height: 11px;
	outline: none;
	padding: 0 12px;
	text-indent: -9999px;
	width: 11px;
}
.slideWrap .sliderPagerWrap .sliderPagerInnerWrap .sliderPager span.cycle-pager-active {
	background: url(../../img/index/slide_pointer_act.png) no-repeat 0 0;
}

/* -----------------------------------------------
 メインメニュー
----------------------------------------------- */

#mainMenu {
	background: url(../../common/img/bg_menu.gif) repeat;
	margin-bottom: 45px;
	width: 100%;
}

#mainMenu ul {
	margin: 0 auto;
	height: 360px;
	width: 980px;
}

#mainMenu ul li {
	float: left;
	width: 19.18%;
}
#mainMenu ul .mgLR {
	margin: 0 1%;
}

#mainMenu ul li p {
	text-align: center;
}

#mainMenu ul li .title {
	border-bottom: dotted #bdbdbd 1px;
	font-size: 138.5%;
	padding: 11px 0;
}
#mainMenu ul li .comment {
	padding: 10px 0;
}

/* -----------------------------------------------
 バナー
----------------------------------------------- */

.bannerArea {
	margin-bottom: 35px;
}

.bannerArea .bannerList li {
	margin-bottom: 10px;

}

/* -----------------------------------------------
 芦森工業を知る
----------------------------------------------- */

.iKnow .title {
	margin-bottom: 15px;
}
.iKnow .menuWrap {
	border-top: solid #ccc 1px;
}

.iKnow .menu {
	border-bottom: solid #ccc 1px;
	padding: 15px 2px 15px 5px;
}

.iKnow .menu .imgArea {
	float: left;
}

.iKnow .menu .textArea {
	float: right;
	font-size: 77%;
	width: 158px;
	width: calc(100% - 95px);
}

.iKnow .menu .textArea .titleBtn {
	padding: 15px 0;
}

@media all and (max-width: 768px) {
	.slideImage li span img,.slideImage li span,
	.slideWrap .sliderPagerWrap{
	width: 100%;
	height: auto
	}
	.slideImage li span img{
	margin: 0;
	}
	#mainMenu{
	padding: 2%;
	margin-bottom: 2%
	}
	#mainMenu ul{
	width: 100%;
	box-sizing: border-box;
	height: auto;
	}
	.bannerArea{
	margin: 3% 0;
	text-align: right;
	}
	.iKnow .menuWrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}
	.iKnow .menu {
	width: 48%;
	float: left;
	}
	.iKnow .menu:nth-child(2n){
	margin-left: 4%
	}
}
@media all and (max-width: 425px) {
	.slideWrap .sliderPagerWrap .sliderPagerInnerWrap .sliderPager {
	bottom: 0;
	}
	.slideWrap .sliderPagerWrap .sliderPagerInnerWrap .sliderPager span {
	background: url(../../img/index/slide_pointer.png)  no-repeat 0 0;
	background-size: 40% auto;
	}
	.slideWrap .sliderPagerWrap .sliderPagerInnerWrap .sliderPager span.cycle-pager-active {
	background: url(../../img/index/slide_pointer_act.png) no-repeat 0 0;
	background-size: 40% auto;
	}
	#mainMenu ul{
	padding-left: 3%;
	}
	#mainMenu ul li{
	width: 48%;
	}
	.iKnow .menu {
	width: 100%;
	float: none;
	}
	.iKnow .menu:nth-child(2n){
	margin-left: 0
	}
}