@charset "utf-8";


/* //////////////////////////////////////////

 “Seibu Electric Machinery Co., Ltd” 

 -----------------------------------------
  index.css
 -----------------------------------------
  
 

////////////////////////////////////////// */
#header{
	height:123px;
	position:relative;
	z-index:2;
}
@media (max-width: 768px) {
	#header{
		height: auto;
		position: fixed;
		z-index: 500;
	}
}

#slider{
	width: 100% !important;
	background-color:#FFFFFF;
	position:absolute;
	z-index:1;
	top:0;
}
#slider1,
#slider2,
#slider3,
#slider4{
	width: 100% !important;
	height: 560px;
	background-position:center top;
	position:relative;
}
/* Slider1 */
#slider1{
	background-image:url(../img/index_img/ph_earth.jpg);
}
#slider1 h2{
	width:910px;
	margin:0 auto;
	padding:270px 0 0 50px;
}
 
/* slider2 */
#slider2{
	background-image:url(../img/index_img/ph_sky.jpg);
}
#slider2 h2{
	width:393px;
	margin:0 auto;
	padding:265px 0 0 567px;
}
#slider2 h3{
	width:393px;
	margin:0 auto;
	padding:7px 0 0 567px;
}

/* slider3 */ 
#slider3{
	background-image:url(../img/index_img/ph_water.jpg);
}
#slider3 h2{
	width:920px;
	margin:0 auto;
	padding:260px 0 0 40px;
}
#slider3 h3{
	width:900px;
	margin:0 auto;
	padding:7px 0 0 60px;
}

/* slider4 */ 			
#slider4{
	background-image:url(../img/index_img/ph_thunder.jpg);
}
#slider4 h2{
	width:960px;
	margin:0 auto;
	padding:275px 0 0 0;
}
#slider4 h3{
	width:937px;
	margin:0 auto;
	padding:7px 0 0 23px;
}
@media (max-width: 768px) {
	#slider{
		top: 10%;
	}
	#slider img{
		width: 100%;
		height: auto;
	}
	#slider1,
	#slider2,
	#slider3,
	#slider4{
		height: 250px;
	}
	/* Slider1 */
	#slider1{
		background-size: cover;
		background-repeat: none;
	}
	#slider1 h2{
		width: 90%;
		margin: 0 auto;
		padding: 30% 0 0;
	}

	/* slider2 */
	#slider2{
		background-size: cover;
		background-repeat: none;
	}
	#slider2 h2{
		width: 90%;
		margin: 0;
		padding: 10% 0 5%;
	}
	#slider2 h3{
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}

	/* slider3 */ 
	#slider3{
		background-size: cover;
		background-repeat: none;
	}
	#slider3 h2{
		width: 90%;
		margin: 0;
		padding: 10% 0 5%;
	}
	#slider3 h3{
		width: 50%;
		margin: 0 0 0 5%;
		padding: 0;
	}

	/* slider4 */ 			
	#slider4{
		background-size: cover;
		background-repeat: none;
		background-position: 60% top;
	}
	#slider4 h2{
		width: 90%;
		margin: 0;
		padding: 10% 0 5%;
	}
	#slider4 h3{
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
}


#wrapper {
	padding:440px 0 0 0;
	overflow:hidden;
}
#article{
	width:946px;
	margin:0 auto;
	padding:2px 1px 4px 13px;
	background-image:url(../img/index_img/ln_h_double.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	overflow:auto;
}
@media (max-width: 768px) {
	#wrapper {
		padding: 320px 0 0 0;
	}
	#article{
		width: 94%;
		padding: 5% 3%;
		overflow: hidden;
	}
}


#article dl{
	width:290px;
	margin:0 16px 0 0;
	background-image:url(../img/index_img/ln_v_single_s.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
}
#article dl.r{
	margin:0;
	background-image:none;
}
#article dl dt{
	margin:5px 0 0 0;
	line-height:0;
}
#article dl dd.ph{
	margin:3px 7px 0 0;
	float:left;
}
#article dl dd.txt{
	margin:6px 12px 0 0;
	font-size:91.6%;
	line-height:1.25em;
}
@media (max-width: 768px) {
	#article dl{
		width: 100%;
		margin:0;
		background: none;
		float: none;
	}
}


h4{
	margin:16px 0 0 16px;
}
#info{
	width:960px;
	margin:0 auto;
	background-image:url(../img/index_img/ln_v_single_l.jpg);
	background-position:634px 15px;
	background-repeat:no-repeat;
	overflow:auto;
}
#info dl{
	width:619px;
	margin:4px 0 0 16px;
	font-size:91.6%;
	line-height:1.2em;
}
#info dl dt{
	margin:2px 0;
	padding:2px 0 2px 12px;
	background-image:url(../img/common_img/ic_arrow.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	width:6em;
	height:1em;
	float:left;
	display:block;
}
#info dl dd{
	margin:2px 0;
	padding:2px 0 2px 54px;
	width:460px;
	height:1em;
	float:left;
	display:block;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	background-position:12px 2px;
	background-repeat:no-repeat;
	}

#info dl dd.mh{
	background-image:url(../img/common_img/ic_news_mh.png);
}
#info dl dd.ea{
	background-image:url(../img/common_img/ic_news_ea.png);
}
#info dl dd.pm{
	background-image:url(../img/common_img/ic_news_pm.png);
}
#info dl dd.ir{
	background-image:url(../img/common_img/ic_news_ir.png);
}
#info dl dd.com{
	background-image:url(../img/common_img/ic_news_com.png);
}
#info dl dd.mh_pdf{
	background-image:url(../img/common_img/ic_news_mh_pdf.png);
	width:418px;
	padding:2px 0 2px 96px;
}
#info dl dd.ea_pdf{
	background-image:url(../img/common_img/ic_news_ea_pdf.png);
	width:418px;
	padding:2px 0 2px 96px;
}
#info dl dd.pm_pdf{
	background-image:url(../img/common_img/ic_news_pm_pdf.png);
	width:418px;
	padding:2px 0 2px 96px;
}
#info dl dd.ir_pdf{
	background-image:url(../img/common_img/ic_news_ir_pdf.png);
	width:418px;
}
#info dl dd.com_pdf{
	background-image:url(../img/common_img/ic_news_com_pdf.png);
	width:418px;
	padding:2px 0 2px 946px;
}
#info dl dd a{
	color: #333;
}
#info dl dd a:hover{
	color: #477fb8;
}
#info dl dt.link{
	height:11px;
	margin:4px 0 0 0;
	padding:0 0 25px 0;
	background-image:none;
	clear:both;
}
#info .r{
	margin:36px 12px 25px 0;
}
#info ul{
	line-height:0;
	float:left;
}
@media (max-width: 768px) {
	h4{
		margin: 2% 0 3%;
	}
	#info{
		background: none;
		width: 94%;
		padding: 5% 3%;
	}
	#info dl{
		width: 100%;
		margin: 2% 0 0;
	}
	#info dl dt{
		margin: 2px 0 0;
		padding: 2px 0 2px 3%;
		background-image:url(../img/common_img/ic_arrow.png);
		background-repeat:no-repeat;
		background-position:0 3px;
		width: 97%;
		height: auto;
		float: none;
		display:block;
	}
	#info dl dd{
		clear: both;
		margin: 0 0 2%;
		padding: 2px 0 2px 13%;
		width: 87%;
		height: auto;
		float: none;
		white-space: normal;
		background-position: 0 2px;
		background-repeat:no-repeat;
	}
	#info dl dd.mh{
		background-image:url(../img/common_img/ic_news_mh.png);
	}
	#info dl dd.ea{
		background-image:url(../img/common_img/ic_news_ea.png);
	}
	#info dl dd.pm{
		background-image:url(../img/common_img/ic_news_pm.png);
	}
	#info dl dd.ir{
		background-image:url(../img/common_img/ic_news_ir.png);
	}
	#info dl dd.com{
		background-image:url(../img/common_img/ic_news_com.png);
	}
	#info dl dd.mh_pdf{
		background-image:url(../img/common_img/ic_news_mh_pdf.png);
		width:418px;
		padding:2px 0 2px 96px;
	}
	#info dl dd.ea_pdf{
		background-image:url(../img/common_img/ic_news_ea_pdf.png);
		width:418px;
		padding:2px 0 2px 96px;
	}
	#info dl dd.pm_pdf{
		background-image:url(../img/common_img/ic_news_pm_pdf.png);
		width:418px;
		padding:2px 0 2px 96px;
	}
	#info dl dd.ir_pdf{
		background-image:url(../img/common_img/ic_news_ir_pdf.png) left top;
		width: 87%;
	}
	#info dl dd.com_pdf{
		background-image:url(../img/common_img/ic_news_com_pdf.png);
		width:418px;
		padding:2px 0 2px 946px;
	}
	#info dl dt.link{
		height:11px;
		margin: 3% 0 0;
		padding:0 0 5%;
	}
	#info .r{
		width: 100%;
		margin: 5% auto 0;
	}
	#info ul{
		width: 50%;
		text-align: center;
	}
}