  @charset "utf-8";


/*.icon_new_circle*/
.icon_new_circle{
	position: relative;
}
.icon_new_circle::after{
	content: "";
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	top:10px;
	right: -10px;
	background: url(/tech/indust_waste/images/icon_new_circle.png) no-repeat left top;
	box-sizing: content-box;
	border: rgba(255,255,255,0.8) 2px solid;
	border-radius: 22px;
	box-shadow: 1px 2px 8px -1px rgba(0,0,0,0.4);
}

/*feature_btn*/

.feature_btn a{
	display: block;
	position: relative;
}
.feature_btn a::before{
	content: "";
	display: block;
	width: 100%;
	height: calc(100% - 8px);
	box-sizing: border-box;
	border: #fff 2px solid;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.3);
	position: absolute;
	top:0px; left: 0px;
	opacity: 0;
	transition: all 0.3s;
}
.feature_btn a:hover::before{
	opacity: 0.7;
	border-width: 4px;
}

/*contact_area*/
.p-contact_area{
	border-top: #A8B6C8 1px solid;
	margin-top: 40px;
}
.p-contact_area .p-large_btn--green{
	background-image: none;
	display: inline-block;
	margin-top: 1rem;
	text-align: center;
	width: 16rem;
}
.p-contact_txt{
	font-size: 1.625rem;
	line-height: 1;
	font-weight: bold;
	margin-top: 2rem;
}
/*p-btn_large--green*/
.p-large_btn--green{ /*a tag*/
	display: block;
	flex: 0 0 auto;
	width: auto;
	margin: 2rem 0;
	border-radius: 6px;
	background: #32a05a;
	padding: 1.25rem 3.75rem;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.375rem;
	line-height: 1.2;
	box-shadow:1px 2px 12px -1px rgba(0,0,0,0.4);
	transition: background-color 0.3s; 
}
.p-large_btn--green:hover{color: #fff; background-color: #0d7b3c;}
.p-large_btn--green:visited{
	color: #fff;
}

.c-align_center{
	text-align: center;
}
.c-txt_green{
	color: #32a05a !important;
}

/*  index_page_slide
---------------------------------------------------------- */
#index_slide{
	background:url(/tech/indust_waste/images/bg_index_sl.jpg) no-repeat left top;
	float:left; width:960px; /*for_Firefox*/
	position:relative;
}

#index_slide .slide_ctrl{
	position:absolute;
	top:12px;
	left:670px;
	width:280px;
}

#index_slide .slide_btns {
	float:left;
	width:auto;
	line-height:1;
}

#index_slide .slide_btns li{
	/*clear:both;*/
	/*float:left;*/	
	width:280px;
	height:65px;
	margin-bottom:3px;
	line-height:1;
	_overflow:hidden;
}

#index_slide .slide_box {}

#index_slide .slide_box li{
	cursor:pointer;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}



/*main_lead*/
.main_lead {
	padding-bottom:30px;
}

/*  index_page_lead
---------------------------------------------------------- */
.main_lead .lead_txt{
	width:610px;  float:left;
	font-weight: normal;
}
.main_lead .feature_btn{
	width:300px; float:right;
}

.lead_txt ol.list{
	line-height: 1.5;
	margin: 5px 0;
}
.lead_txt h3{
	margin: 20px 0 15px !important;
	padding-bottom: 10px;
	border-bottom: #32A05A 1px solid;
	color: #32A05A;
}
.c-link_large--inline{
	display: inline-block;
	background: url(/common/image/arrow_red_large.png) no-repeat 5px 48%;
	padding-left: 18px;
	padding-right: 5px;
	text-decoration: none;
}


/*  index_page_topics
---------------------------------------------------------- */

div#main.tech_body.index .topics h2{
	margin:0; padding:0; float:left; width:80px; font-size:100%; line-height:1.7;
}
div#main.tech_body.index .topics .txt{
	float:right; width:520px;
}

div#main .topics ul.link li{
	margin-bottom: 10px;
	line-height:1.4;
	background: url(/common/image/arrow_red.gif) no-repeat 0 0.5em;
}
div#main .topics ul.link li a{
	text-decoration:none;
}
div#main .topics ul.link li a:hover{
	text-decoration:underline;
}

/*  topics_area
---------------------------------------------------------- */
div#main.tech_body.index div.topics_area{
	padding-bottom:15px;
	margin-bottom:20px;
	background:url(/common/image/bg_dot_line.gif) repeat-x left bottom;
}


/*  tech_menu
---------------------------------------------------------- */

div#main.tech_body.index ul.link li a{
	text-decoration:none;
}
div#main.tech_body.index ul.link li a:hover{
	text-decoration:underline;
}

/*.detail*/

#main li .detail{
	display:block;
	font-size:90%;
	padding:0.5em 0 0.5em 0;
	color:#333;
}


/*banner*/
.bn_indust_waste{
	padding-left:0px; margin:5px 0;
}

/*banner_area*/
.banner_area{
	margin-top:20px;
}

.banners li{
	width:230px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

.banners li.right{
	margin-right:0;
}

