@CHARSET "UTF-8";



/*
YUI 3.6.0 (build 5521)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#333;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#333}#yui3-css-stamp.cssreset{display:none}
body{font:13px/1.231 "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}

html, body{
	background-color: #000000;
}
body{
	background: url(../img/bg.jpg) no-repeat 0 0 #CBD4FF;
}
body.night{	background: url(../../img/top_bg_night.jpg) no-repeat #000000;	}
body.noon{	background: url(../../img/top_bg_noon.jpg) no-repeat #1A41F6;	}

a img:hover {opacity:0.70;-ms-filter:"alpha( opacity=70)";filter:alpha(opacity=70);}

/* --------------------------------------------------------------------------------------------- Contents */
#Contents{
	background: url(..//img/contents_bg.png) repeat-y 0 0;
	padding: 0 0 0 216px;
	width: 764px;
}
/* ----------------------------------------------------------------------------------- head */
#Contents .head{
	padding: 50px 2px 40px;
}
#Contents .head p{
	margin: 30px 0 0;
	font-size: 108%;
	color: #3352FE;
	line-height: 1.5;
}
/* ----------------------------------------------------------------------------------- products */
#Contents .products{
	padding: 30px 2px 70px;
}
#Contents .products h2{
	border-bottom: 1px dotted #3355FE;
	margin: 0 0 25px;
	padding: 0 0 5px;
}
#Contents .products .section{
	padding: 0 0 30px;
}
#Contents .products .section .list{
	margin: 17px 0 0;
	overflow: hidden;
	zoom: 1;
}
#Contents .products .section .list .item{
	float: left;
	position: relative;
	margin: 0 0 1px 1px;
	background: url(..//img/mark01.gif) no-repeat 0 0 #ffffff;
	padding: 10px;
	width: 232px;
	height: 226px;
}
#Contents .products .section .list .item ul.icon1,
#Contents .products .section .list .item ul.icon2{
	position: absolute;
	left: 10px;
	top: 55px;
	overflow: hidden;
	zoom: 1;
}
#Contents .products .section .list .item ul.icon1 li,
#Contents .products .section .list .item ul.icon2 li{
	float: left;
	margin: 0 4px 4px 0;
	line-height: 0;
}
#Contents .products .section .list .item ul.icon2{
	width: 115px;
}
#Contents .products .section .list .item p.img1,
#Contents .products .section .list .item p.img2,
#Contents .products .section .list .item p.img3{
	position: absolute;
	right: 0;
	top: 0;
}
#Contents .products .section .list .item p.img2{
	top: 110px;
	width: 100%;
	text-align: center;
}
#Contents .products .section .list .item p.img3{
	top: 90px;
	width: 100%;
	text-align: center;
}
#Contents .products .section .list .item p.title{
	position: absolute;
	left: 12px;
	top: 12px;
}
#Contents .products .section .list .item p.title2{
	position: absolute;
	left: 12px;
	top: 5px;
}
#Contents .products .section .list .item p.txt1,
#Contents .products .section .list .item p.txt1s,
#Contents .products .section .list .item p.txt2,
#Contents .products .section .list .item p.txt3,
#Contents .products .section .list .item p.txt4,
#Contents .products .section .list .item p.txt5,
#Contents .products .section .list .item p.txt6{
	position: absolute;
	left: 10px;
	top: 88px;
	width: 125px;
	color: #3352FE;
	font-size: 93%;
	line-height: 1.4;
}
#Contents .products .section .list .item p.txt1s{
  	line-height: 1.0;
}
#Contents .products .section .list .item p.txt2{
	top: 55px;
	width: 160px;
}
#Contents .products .section .list .item p.txt3{
	width: 220px;
}
#Contents .products .section .list .item p.txt4{
	top: 115px;
}
#Contents .products .section .list .item p.txt5{
	top: 140px;
}
#Contents .products .section .list .item p.txt6{
	left: 50px;
	top: 55px;
	width: 175px;
}
#Contents .products .section .list .item p.btn{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#Contents .products .section .list .wide{
	padding: 10px;
	width: 740px;
	height: 286px;
}
#Contents .products .section .list .wide p.img1{
	left: 38px;
	top: 41px;
}
#Contents .products .section .list .wide ul.icon1{
	left: 534px;
	width: 192px;
	text-align: center;
}
#Contents .products .section .list .wide ul.icon1 li{
	float: none;
	border: 1px solid #3355FE;
	margin: 0 0 4px;
	padding: 6px;
}
/* ----------------------------------------------------------------------------------- lang */
#Contents .lang{
	position: absolute;
	right: 21px;
	top: 20px;
	overflow: hidden;
	zoom: 1;
}
#Contents .lang li{
	float: right;
}



/* --------------------------------------------------------------------------------------------- TopContents */
#TopContents{
	position: relative;
	border-bottom: 1px dotted #333333;
	width: 100%;
	min-width: 980px;
	height: 740px;
}
#TopContents h1{
	padding: 36px 40px 0;
}
#TopContents p.copy{
	padding: 34px 40px 0;
}
#TopContents ul.lang{
	position: absolute;
	right: 21px;
	top: 20px;
	overflow: hidden;
	zoom: 1;
}
#TopContents ul.lang li{
	float: right;
}
#TopContents dl.movie{
	position: absolute;
	right: 0;
	top: 61px;
	background: url(../../img/top_movie_bg.png) no-repeat 0 0;
	width: 451px;
	height: 132px;
	overflow: hidden;
	zoom: 1;
}
#TopContents dl.movie dt{
	float: left;
	padding: 19px 0 0;
}
#TopContents dl.movie dd{
	float: left;
	padding: 11px;
}
#TopContents ul.menu{
	overflow: hidden;
	zoom: 1;
}
#TopContents ul.menu li{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	float: left;
}
#TopContents ul.menu li.products{
	position: absolute;
	left: 36px;
	top: 244px;
}
#TopContents ul.menu li.service{
	position: absolute;
	left: 282px;
	top: 345px;
}
#TopContents ul.menu li.clean{
	position: absolute;
	left: 564px;
	top: 364px;
}
#TopContents ul.menu li.waste{
	position: absolute;
	left: 780px;
	top: 355px;
}
#TopContents ul.menu li.fluegas{
	position: absolute;
	left: 940px;
	top: 470px;
}
#TopContents ul.menu li.eco{
	position: absolute;
	left: 1118px;
	top: 510px;
}



/* --------------------------------------------------------------------------------------------- Sidemenu */
#Sidemenu{
	position: fixed;
	left: 0;
	top: 0;
	width: 180px;
	text-align: center;
}
#Sidemenu ul{
	padding: 10px 0 0;
}
#Sidemenu ul li{
	padding: 6px 0 0;
}
#Sidemenu p.logo{
	padding: 22px 0 0;
}
#Sidemenu p.banner{
	padding: 10px 0 0;
}



/* --------------------------------------------------------------------------------------------- Footer */
#Footer{
	position: relative;
	background-color: #000000;
	width: 100%;
	min-width: 980px;
	height: 58px;
	overflow: hidden;
	zoom: 1;
}
#Footer ul{
	position: absolute;
	right: 40px;
	top: 11px;
	font-size: 93%;
	overflow: hidden;
	zoom: 1;
}
#Footer ul li{
	float: left;
	color: #7F7F7F;
}
#Footer ul li a{
	color: #7F7F7F;
	text-decoration: none;
}
#Footer ul li a:hover{
	text-decoration: underline;
}
#Footer p.logo{
	position: absolute;
	left: 40px;
	top: 13px;
}
#Footer p.copyright{
	position: absolute;
	right: 40px;
	top: 37px;
	font-size: 77%;
	color: #CACACA;
}


/* --------------------------------------------------------------------------------------------- clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
/* WinIE7 MacIE5 */
.clearfix{
	display:inline-table;
	zoom:100%;
}
/* WinIE5-6 */
/* Hides from IE-mac \*/
* html html .clearfix{
	height:1px;
}
.clearfix{
	display:block;
}