@charset "utf-8";


/* ----------------------------------------------------------　life 共通-*/


/* BODY
---------------------------------------------*/
#life {
	width: 940px;
	height: 100%;
	min-height: 1000px;
	margin:0 auto;
	background: url(../images_sec/sec_secbg.jpg) repeat-y center top;
}

/* header ---------------------------------*/

#life h1.lifeh1{
	width: 284px;
	height: 69px;
	position: absolute;
	left: 656px;
	top: 94px;
	text-indent: -9999px;
	background: url(images/h1.gif) no-repeat right bottom;
}

#life h1.eco{
	width: 284px;
	height: 69px;
	position: absolute;
	left: 656px;
	top: 94px;
	text-indent: -9999px;
	background: url(images/h1_eco.gif) no-repeat right bottom;
}

#life h1.policy{
	width: 284px;
	height: 69px;
	position: absolute;
	left: 656px;
	top: 94px;
	text-indent: -9999px;
	background: url(images/h1_policy.gif) no-repeat right bottom;
}


#life h1.qa{
	width: 284px;
	height: 69px;
	position: absolute;
	left: 656px;
	top: 94px;
	text-indent: -9999px;
	background: url(images/h1_qa.gif) no-repeat right bottom;
}

#life h1.report{
	width: 284px;
	height: 69px;
	position: absolute;
	left: 656px;
	top: 94px;
	text-indent: -9999px;
	background: url(images/h1_report.gif) no-repeat right bottom;
}



#life .repocate {
margin:20px 0;
}

#life .repocate li{
margin-left:16px;
margin-bottom:7px;
background: url(../images_sec/pankuzu_icon1-trans.png) no-repeat left top;
padding-left:16px;
float:left;
}


.goto_top{
border-top: 0.2em solid #ddd3c0;
padding-top:5px;
	text-align: right;
	line-height:24px;
	margin: 20px 10px 30px 0;
}

#life .story a {
color: #115aa7;
text-decoration:underline;
}

#life .story a:hover {
color: #115aa7;
text-decoration:none;
}



/* subtitle---------------------------------*/

#life .sub_title {
	width: 204px;
	height: 33px;
	margin: 0 0 15px 18px;
}


#sub_menu li.ecog a:link {
color: #ffffff;
font-size: 14px;
line-height: 28px;
font-weight: bold;
background: url(images/submenu02_bg_off.gif) no-repeat right top;
border-style : none ;
}

#sub_menu li.ecog a:visited {
color: #ffffff;
font-size: 14px;
line-height: 28px;
font-weight: bold;
background: url(images/submenu02_bg_off.gif) no-repeat right top;
border-style : none ;
}

#sub_menu li.ecog a:hover {
color: #ffffff;
font-size: 14px;
line-height: 28px;
font-weight: bold;
background: url(images/submenu02_bg_on.gif) no-repeat right top;
border-style : none ;
}

#sub_menu li.ecog a:active {
color: #ffffff;
font-size: 14px;
line-height: 28px;
font-weight: bold;
background: url(images/submenu02_bg_on.gif) no-repeat right top;
border-style : none ;
}





/* content ---------------------------------*/

#life .story{
	width: 655px;
	height: auto;
	margin: 0 auto 10px auto;
}


#life h2.nml {
	width: 655px;
	height: 38px;
	background: url(images/h2bg.gif) no-repeat left top;
	margin-bottom: 20px;
	text-indent: 25px;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.1em;
	margin-top: 55px;
	padding-top: 8px;
	font-weight: bold;
}

#life h2.h2top {
	width: 655px;
	height: 38px;
	background: url(images/h2bg.gif) no-repeat left top;
	margin-bottom: 20px;
	text-indent: 25px;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.1em;
	padding-top: 8px;
	font-weight: bold;
}



#life h3.nml{
width:635px;
margin:0 auto 17px auto;
color:#e86200;
font-size:14px;
font-weight:bold;
padding:2px 0 0 15px;
background: url(images/h3_bar.gif) repeat-y left top;
}

#life h3.h3top{
width:635px;
margin:20px auto 17px auto;
color:#e86200;
font-size:14px;
font-weight:bold;
padding:2px 0 0 15px;
background: url(images/h3_bar.gif) repeat-y left top;
}


#life .qacate {
margin-left:10px;
}

#life .qacate li{
margin-left:16px;
margin-bottom:7px;
background: url(../images_sec/pankuzu_icon1-trans.png) no-repeat left top;
padding-left:16px;
}

#life .q{
font-weight:bold;
font-size:13px;
background: url(images/q.gif) no-repeat left top;
width:85%;
margin-left:10px;
padding-left:60px;
padding-top:7px;
min-height:40px;
}

#life .a{
background: url(images/a.gif) no-repeat left top;
width:80%;
margin-left:56px;
margin-bottom:45px;
padding-left:60px;
padding-top:7px;
min-height:30px;

}

#life .a_photo{
background: url(images/a.gif) no-repeat left top;
width:570px;
margin-left:56px;
margin-bottom:45px;
min-height:145px;
}

#life .a_photo_img{
width:190px;
height:145px;
margin: 20px 15px 15px 60px;
float: left;
}

*html #life .a_photo_img{
width:190px;
height:145px;
margin: 20px 15px 15px 30px;
float: left;
}

#photoboxif{
width:100%;
text-align:center;
margin: 0 auto;
}


/* --------------------------------------------------------　life 共通ココまで*/
#life .lifecon{
}

#life .lifecon p{
margin-top:16px;
line-height: 150%;

}

#life .lifecontop{
margin-top:16px;
margin-left:17px;
line-height: 150%;
}

*html #life .lifecontop{
margin-top:16px;
margin-left:34px;
line-height: 150%;
}

#life .story table{
margin-bottom:25px;

}
#life .story{

}

#life .story td{
padding:5px;

}

#life .copy_index{
margin-bottom:30px;
}

#life .photo{
padding:0;
width:147px;
height:101px;
background: url(images/photo_bg.gif) no-repeat left top;
}

#life .adv{
text-align:right;

}

#life .lifeftm{
margin-top:50px;
}

#life .eco_main{
width:100%;
text-align:center;
margin-bottom:30px;
}

#life .eco_01{
display:inline;
float:right;
margin:15px 0 15px 30px;
font-size:11px;
text-align:center;
}

#life .a_text{
	width: 290px;
	float: right;

}


/* bnr all ----------------------------- */

#bnr {
width:655px;
margin:35px auto;
}

#bnr li {
float:left;
margin:0 17px 17px 0;
}

#bnr li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#bnr a:link img{
visibility : visible ;
border-style : none ;
}

#bnr a:visited img{
visibility : hidden ;
border-style : none ;
}

#bnr a:hover img{
visibility : hidden ;
border-style : none ;
}

#bnr a:active img{
visibility : hidden ;
border-style : none ;
}

/* bnr01 ----------------------------- */

.bnr01 {
width: 302px;
height: 102px;
}

.bnr01 a{
display : block ;
width: 302px;
height: 102px;
background-repeat : no-repeat ;
background-position : left top ;
}

.bnr01 a:link {
background-image : url(images/bnr_01.jpg) ;
}

.bnr01 a:visited{
background-image : url(images/bnr_01.jpg) ;
}

.bnr01 a:hover{
background-image : url(images/bnr_01_on.jpg) ;
}

.bnr01 a:active{
background-image : url(images/bnr_01_on.jpg) ;
}


/* bnr02 ----------------------------- */

.bnr02 {
width: 302px;
height: 102px;
}

.bnr02 a{
display : block ;
width: 302px;
height: 102px;
background-repeat : no-repeat ;
background-position : left top ;
}

.bnr02 a:link {
background-image : url(images/bnr_02.jpg) ;
}

.bnr02 a:visited{
background-image : url(images/bnr_02.jpg) ;
}

.bnr02 a:hover{
background-image : url(images/bnr_02_on.jpg) ;
}

.bnr02 a:active{
background-image : url(images/bnr_02_on.jpg) ;
}

/* bnr03 ----------------------------- */

.bnr03 {
width: 302px;
height: 102px;
}

.bnr03 a{
display : block ;
width: 302px;
height: 102px;
background-repeat : no-repeat ;
background-position : left top ;
}

.bnr03 a:link {
background-image : url(images/bnr_03.jpg) ;
}

.bnr03 a:visited{
background-image : url(images/bnr_03.jpg) ;
}

.bnr03 a:hover{
background-image : url(images/bnr_03_on.jpg) ;
}

.bnr03 a:active{
background-image : url(images/bnr_03_on.jpg) ;
}


/* bnr04 ----------------------------- */

.bnr04 {
width: 302px;
height: 102px;
}

.bnr04 a{
display : block ;
width: 302px;
height: 102px;
background-repeat : no-repeat ;
background-position : left top ;
}

.bnr04 a:link {
background-image : url(images/bnr_04.jpg) ;
}

.bnr04 a:visited{
background-image : url(images/bnr_04.jpg) ;
}

.bnr04 a:hover{
background-image : url(images/bnr_04_on.jpg) ;
}
      
.bnr04 a:active{
background-image : url(images/bnr_04_on.jpg) ;
}
 

/* bnr05 ----------------------------- */

.bnr05 {
width: 621px;
height: 102px;
}

.bnr05 a{
display : block ;
width: 621px;
height: 102px;
background-repeat : no-repeat ;
background-position : left top ;
}

.bnr05 a:link {
background-image : url(images/bnr_05.jpg) ;
}

.bnr05 a:visited{
background-image : url(images/bnr_05.jpg) ;
}

.bnr05 a:hover{
background-image : url(images/bnr_05_on.jpg) ;
}

.bnr04 a:active{
background-image : url(images/bnr_05_on.jpg) ;
}



