@charset "UTF-8";

.environment{
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
.environment #contents {
	font-size:14px;
	line-height:26px;
	color:#815957;
	width:100%;
	padding:20px 0px 25px;
	background:#f8d8d5;
}
.environment footer {
	background:#f8d8d5;
}
.environment #contents .wrap {
	width:910px;
	padding:15px 25px 25px;
	margin:0 auto;
	background:#fff;
	border-radius:14px;
}
.environment h1.main_title {
    margin: 0;
    padding: 0;
}
.environment #contents .lead {
    margin: 16px 0 0;
    padding: 0;
	line-height:21px;
	font-weight:bold;
}
.environment #contents .bg {
    margin: 20px 0 0;
    padding:25px 12px 0;
	width:886px;
	background:url(/jp/activity/environment/eco/img/environmentalad_bg.jpg) center 0 repeat-y;
}
.environment #contents p.mainimg01{width:886px;margin:0 auto 25px 0;text-align:center;}

.environment #contents ul {
	width:886px;
}
.environment #contents li {
	float:left;
	padding:0 13px 0;
	margin:0 0 25px;
	cursor:pointer;
}
.environment #pop_bg {
    display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.70;
	filter:alpha(opacity=70);
	z-index:12000;
	cursor:pointer
}
.environment #pop_layer{
	display:none;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -455px;
	z-index:12001;
	width:910px;
}
.environment #pop_layer.smp{
	padding:60px 0 0;
}
.environment #pop_close{
	display:none;
	position:absolute;
	top:0;
	right:0;
	z-index:12002;
	cursor:pointer;
}
.environment #pop_layer .popup{
	display:none;
	width:910px;
}
.environment #pop_layer .popup .left{
	width:395px;
	padding:30px;
	margin:0;
	background:#fff;
}
.environment #pop_layer.smp .popup .left {
    width: 850px !important;
}
.environment #pop_layer .popup .left h2{
	font-size:25px;
	line-height:1.2em;
	font-weight:bold;
	color:#000;	
}
.environment #pop_layer .popup .left h2 sub{
	font-size:18px;
}
.environment #pop_layer .popup .left .year{
	font-size:18px;
	line-height:1.0em;
	font-weight:bold;
	margin:12px 0 0;
	padding:0;
}
.environment #pop_layer .popup .left .detail{
	font-size:16px;
	line-height:24px;
	margin:12px 0 0;
	padding:0;
}
.environment #pop_layer .popup .left .detail span{
	font-weight:bold;
}
.environment #pop_layer .popup .left .detail span.small{
	font-weight:normal;
	font-size:0.6em;
}
.environment #pop_layer .popup .left .detail p.small{
	text-align:right;
	font-size:0.6em;
}
.environment #pop_layer .popup .left .thum{
	margin:18px 0 0;
	padding:0;
	cursor:move;
}
.environment #pop_layer.smp .popup .left .thum img{
	width:100% !important;
}
.environment #pop_layer .popup .left .attention{
	font-size:12px;
	line-height:1.0em;
	font-weight:bold;
	margin:5px 0 0;
	padding:0;
}
.environment #pop_layer.smp .popup .left .attention{
	display:none;
}
.environment #pop_layer .popup .left .btn_mv{
	margin:12px 0 0;
	padding:0;
}
.environment #pop_layer .popup .left .btn_pdf{
	margin:12px 0 0;
	padding:0;
}
.environment #pop_layer.smp .popup .left .btn_mv{
	text-align:center;
}
.environment #pop_layer.smp .popup .left .btn_pdf{
	text-align:center;
}
.environment .zoomContainer{
	position:absolute !important;
	z-index:12003 !important;
	cursor:move !important;
}
.environment .zoomLens{
	cursor:move !important;
}
.environment .zoomWindow{
	margin:-50px 0 0 63px !important;
}

/* popup
--------------------------------------------------------------*/
.environment {
	background:url("/company/jp/activity/environment/eco/img/ad/environmentalad_pop_04.gif") left top;
}
.environment .pop {
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}
.environment .pop img{vertical-align:bottom;}

.environment .pop .closebtn {
	position:absolute;
	top:15px;
	right:25px;
	z-index:100;
}
.environment .bgc {
	background-color:#fbf8cf;
	margin:0;
	padding:0;
}
.environment .pop .btnarea{width:835px;background-color:#FFF;margin:0 auto;padding:30px 45px;}

.environment .pop .btnarea li{float:left;list-style:none;}

.environment .pop .btnarea li:first-child{margin:0 40px 0 0px;}

@media screen and (max-width: 768px) {
	.environment #pop_layer{
		left:0;
		margin:0;
		width:100%;
	}
	.environment #pop_layer div{
		box-sizing: border-box;
	}
	.environment #pop_layer.smp{
		padding:40px 0 0;
	}
	.environment #pop_layer .popup{
		display:none;
		width:100%;
	}
	.environment #pop_layer .popup .left{
		width:100%;
		padding: 15px;
	}
	.environment #pop_layer.smp .popup .left {
			width: 100% !important;
	}
	.environment #pop_layer .popup .left h2{
		font-size:25px;
		line-height:1.2em;
		font-weight:bold;
		color:#000;	
	}
	.environment #pop_layer .popup .left h2 sub{
		font-size:18px;
	}
	.environment #pop_layer .popup .left .year{
		font-size:18px;
		line-height:1.0em;
		font-weight:bold;
		margin:12px 0 0;
		padding:0;
	}
	.environment #pop_layer .popup .left .detail{
		font-size:16px;
		line-height:24px;
		margin:12px 0 0;
		padding:0;
	}
	.environment #pop_layer .popup .left .detail span{
		font-weight:bold;
	}
	.environment #pop_layer .popup .left .detail span.small{
		font-weight:normal;
		font-size:0.6em;
	}
	.environment #pop_layer .popup .left .detail p.small{
		text-align:right;
		font-size:0.6em;
	}
	.environment #pop_layer .popup .left .thum{
		margin:18px 0 0;
		padding:0;
		cursor:move;
	}
	.environment #pop_layer.smp .popup .left .thum img{
		width:100% !important;
	}
	.environment #pop_layer .popup .left .attention{
		font-size:12px;
		line-height:1.0em;
		font-weight:bold;
		margin:5px 0 0;
		padding:0;
	}
	.environment #pop_layer.smp .popup .left .attention{
		display:none;
	}
	.environment #pop_layer .popup .left .btn_mv{
		margin:12px 0 0;
		padding:0;
	}
	.environment #pop_layer .popup .left .btn_pdf{
		margin:30px 0 0;
	}
	.environment #pop_layer .popup .left .btn_pdf img{
		width: 100%;
	}
	.environment .zoomWindow{
		margin:-50px 0 0 63px !important;
	}
}

/* つながり */
.img img{
	cursor: pointer;
}
.txtbox{
	text-align: center;
}
.btnbox{
	margin: 0;
	padding: 0 20px 20px 0;
	text-align: right;
}
.pictbox{
	width: 860px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.pictbox p{
	margin-bottom: 20px;
}
.tngr{
	width: 100%;
	overflow: auto;
}
.tngr img{
	height: 750px;
}
.tngrbtn{
	background: #000000;
}