/* ***************************************************
* CSS file For nexta.co.jp
	FileName: service.css
	data:2009/5/2 koyama

■目次 ==========================================
■[00]:暮らしを彩る
■[01]:暮らしを彩る 詳細ページ1
**************************************************** */

/*-----------------------------------------------------------
■[00]:暮らしを彩る
------------------------------------------------------------*/
div.serviceDetail div.serviceBox div.lifeProduct{
	width: 610px;
	float: left;
	padding: 0 0 15px 0;
	margin-top : 10px;
	background: url(/img/service/earth/index/dot_line.gif) repeat-x left bottom;
}
div.serviceDetail div.serviceBox div.lifeProduct p.image{
	float: left;
	padding: 0px;
	width: 194px;
}
div.lifeProduct dl{
	float: left;
	width: 406px;
	display:inline;
	margin-left : 5px;
}

div.lifeProduct dl dt{
	background: url(/img/service/earth/index/bg_dot_title.gif) no-repeat left top;
	life: #4f3f2e;
	font-weight: bold;
	padding: 13px 0 6px 0;
	text-indent: 10px;
}

div.lifeProduct dl dd{
	background: url(/img/service/earth/index/bg_dot.gif) repeat-x left bottom #f5f5f5;
	padding: 8px 10px 9px 10px;
}

div.lifeProduct dl a{
	float: right;
	width: 157px;
	display:inline;
	margin-right : 5px;
	margin-top : 8px;
}

div.lifeProduct dl dd.PlusTxt{
	background: none;
	padding: 0;
}


div.lifeProduct dl dd.lifeProductImage3{
	position: relative;
}

div.lifeProduct dl dd.lifeProductImage3 div{
	position: absolute;
	top: 8px;
	right: 0px;
}

/*-----------------------------------------------------------
■[01]:暮らしを彩る 詳細ページ1
------------------------------------------------------------*/

div.serviceDetail div.serviceBox div.lifeDetailTitle{
	float: left;
	width: 610px;
	margin-top : -5px;
	margin-bottom : 10px;
}
div.serviceDetail div.serviceBox div.lifeDetailTitle img{ float: left; }
div.serviceDetail div.serviceBox div.lifeDetailTitle a img{ float: right; }

div.serviceDetail div.serviceBox p.lifeDetailSubTitle{
	background: url(/img/service/life/bg_title.gif) no-repeat left top;
	float: left;
	margin-top : 10px;
	life: #4f3f2e;
	font-size: 14px;
	font-weight: bold;
	text-indent:15px;
	padding: 14px 0 6px 0;
}

div.serviceDetail div.serviceBox div.lifeAboutBox{
	width: 610px;
	float: left;
	margin-bottom : 10px;
}

div.serviceDetail div.serviceBox div.lifeAboutBox div{
	width: 349px;
	height: 120px;
	float: left;
	padding: 10px 10px 0px 10px;
	background: url(/img/service/life/bg_a.gif) no-repeat left top;
}
/* IE6のみに適用させる */
* html div.serviceDetail div.serviceBox div.lifeAboutBox div { width: 349px;}

div.serviceDetail div.serviceBox div.lifeAboutBox div p{ width: 340px; padding: 0px; margin-bottom : 8px; }
div.serviceDetail div.serviceBox div.lifeAboutBox p.image{ width: 238px; float: right; padding: 0px; }


div.serviceDetail div.serviceBox div.lifeDetailBox{
	float: left;
	width: 610px;
	margin-bottom : 5px;
}

div.serviceDetail div.serviceBox div.lifeDetailBox p.image{
	float: left;
	width: 157px;
}

div.serviceDetail div.serviceBox div.lifeDetailBox div{
	float: right;
	width: 436px;
	padding-top: 10px;
	
}

div.serviceDetail div.serviceBox div.lifeDetailBox div.Illust{ padding-top: 0px; }
div.serviceDetail div.serviceBox div.lifeDetailBox div.Illust img{ float: right; }



div.serviceDetail div.serviceBox div.lifeDetailBox div p.title{
	life: #4f3f2e;
	width: 436px;
	font-weight: bold;
	padding: 0px;
}

div.serviceDetail div.serviceBox div.lifeDetailBox div ul li{
	background: url(/img/service/life/arrow.gif) no-repeat 0px 4px;
	padding-left:14px;
	font-size: 10px;
}

div.serviceDetail div.serviceBox div.lifeDetailBox div ul img{float: right;}

div.serviceDetail div.serviceBox div.lifeDetailBox div div.note{
	background: url(/img/service/life/bg_line.gif) repeat-y left top;
	padding: 5px 8px;
	width: 420px;
	font-size: 10px;
	border-top: 1px solid #dad4cf;
	border-bottom: 1px solid #dad4cf;
	line-height: 15px;
	margin-top : 5px;
}


div.serviceDetail div.serviceBox div.lifeDetailBox div div.product4Image{ position: relative; }
div.serviceDetail div.serviceBox div.lifeDetailBox div div.product4Image img{ position: absolute; top: -28px; right: 0px; }
div.serviceDetail div.serviceBox div.product5Image{ position: relative; }
div.serviceDetail div.serviceBox div.product5Image p.image5{ position: absolute; top: 0px; left: 496px; }