@charset "Shift_JIS";


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

 reset
 
******************************************************/
*{margin:0;padding:0;}
img,a,a img{border:none;}
img {vertical-align: bottom;}
ul{list-style:none;}
html {overflow-y: scroll;}
q:before, q:after {content: '';}
abbr, acronym {
	border: 0;
	font-variant: normal;
}


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

 main
 
******************************************************/
#main{
	width:100%;
	height:601px;
	background:url(../img/main/life.jpg) no-repeat top center;
	/*position:absolute;*/
}

.main_title{padding:50px 0 0 60px;}
.main_txt{padding-left:94px;}
.main_btn{
	width:340px;
	height:94px;
	margin:22px 0 0 329px;
	background:url(../img/main/main_btn_on.jpg) no-repeat;
	cursor:pointer;
}



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

 eco
 
******************************************************/
#eco{
	width:100%;
	height:601px;
	/*position:absolute;*/
}

.eco_title{padding:49px 0 0 222px;}
.eco_txt img{margin:-31px 0 0 151px; position:relative;}
.eq{
	width:680px;
	margin:7px auto 0;
}
.eq ul{
	width:700px;
	margin-right:-20px;
	overflow:hidden;
}
.eq ul li{float:left; margin:0 20px 16px 0;}
.caption{text-align:center; clear:both; margin-top:10px;}
	




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

 header
 
******************************************************/
#header{
	background:url(../img/common/header_bg.gif) repeat-x;
	height:81px;
}
#header #header_innner{
	width:980px;
	margin:0 auto;
}
#header #header_innner h2{
	margin:13px 0 0 0;
	float:left;
	cursor:pointer;
}
#header #header_innner h1{
	font-size:10px;
	float:left;
	margin:30px 0 0 20px;
	font-weight:normal;
	color:#2d2929;
}
#header #header_innner .sumitomo{
	margin:23px 0 0 0;
	float:right;
}


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

 headLine
 
******************************************************/

#container{
	width:100%;
	height:601px;
	background:url(../img/common/container_bg.gif) repeat-x;
}
#container_inner{
	width:100%;
	height:601px;
	background:url(../img/common/container_inner_bg.jpg) no-repeat center;
	position:relative;
}
.contents{
	width:980px;
	margin:0 auto;
}
	


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

 footer
 
******************************************************/

#footer{
	clear:both;
	width:100%;
	height:101px;
	background:url(../img/common/footer_bg.gif) repeat-x;
	border-bottom:1px solid #ececec;
}
#footer_inner{
	width:980px;
	padding-top:20px;
	margin:0 auto;
	font-size:10px;
}
#footer_inner ul li{float:left;}
#footer_inner ul li a{
	border-left:1px solid #CCC;
	color:#696969;
	text-decoration:none;
	padding:0 10px;
}
#footer_inner ul li a:hover{color:#111;}

#footer_inner ul li.last{float:right;}

#footer_inner #copyright{
	text-align:right;
	clear:both;
	color:#999;
	padding-top:10px;
}


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

 clearfix
 
******************************************************/

.eq ul:after,
div.section div.sectionInner:after {
  content: '';
  display: block;
  clear: both;
}
.eq ul,
div.section div.sectionInner{ zoom: 1; }