@charset "utf-8";
/* ====================================================
 * business.css
 * 企業向けサービス
 * ====================================================*/ 

/*
-------------------------
LOCALNAVI
------------------------- */
div#contents div#contentsInner div#mainContents div#lnav dl dt a{
	background:url('../image/business/lnav_business_on.gif') no-repeat;
}
div#contents div#contentsInner div#mainContents div#lnav dl dd#lnavBusiness001 a{
	background:url('../image/business/lnav_business_001_on.gif') no-repeat;
}
div#contents div#contentsInner div#mainContents div#lnav dl dd#lnavBusiness002 a{
	background:url('../image/business/lnav_business_002_on.gif') no-repeat;
}
div#contents div#contentsInner div#mainContents div#lnav dl dd#lnavBusiness003 a{
	background:url('../image/business/lnav_business_003_on.gif') no-repeat;
}
/*
-------------------------
CONTENTS - INDEX
------------------------- */
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents{
	margin: 0 0 40px;
}
html*div#contents div#contentsInner div#mainContents div#pageContents div#businessContents {
	font-size:11px;/* フォントサイズ統一のため、IE6&7対策 */
}
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents div.businessIndexList{
	margin: 0 0 30px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents div.businessIndexList dl{
	width: 323px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents div.businessIndexList dl.businessIndex{
	width: 553px;
	margin:0 auto;
	margin-bottom: 30px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents div.businessIndexList dl.businessIndexLeft{
	float: left;
}
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents div.businessIndexList dl.businessIndexRight{
	float: right;
}
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents div.businessIndexList dl dt{
	padding: 5px 0 0;
	margin: 0 0 10px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents div.businessIndexList dl dd.businessIndexDesc{
	line-height: 1.8em;
	margin: 0 0 10px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents div.businessIndexList dl dd.businessIndexLink{
	text-align: right;
	background:url('../image/business/line_business.gif') repeat-x left bottom;
	padding-bottom:15px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents div.businessIndexList dl dd.businessIndexLink a{
	text-decoration: underline;
	color: #331468;
}
div#contents div#contentsInner div#mainContents div#pageContents div#businessContents div.businessIndexList dl dd.businessIndexLink a:hover{
	text-decoration: none;
}
#business div#businessContents div.sub_area{
	margin: 0 58px 30px 58px;	
}
#business div#businessContents img.small_ttl{
	margin-left: 10px;
	margin-bottom: 10px;	
}
#business div#businessContents p.small_text{
	line-height: 1.6;
	margin-bottom: 20px;
	padding-left: 20px;	
}
/*
-------------------------
CONTENTS - SERVICE
------------------------- */
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents h3{
	margin:0 0 15px;
}
html*div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents {
	font-size:11px;/* フォントサイズIE6・7対策*/
}
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents p{
	line-height:1.8em;
}
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents p.graph01{
	margin:63px 0 0 0 ;
}

div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents p.graph02{
	margin:38px 0 0 0 ;
}

div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList{
	padding:35px 0 0;
}
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow{
	margin:0 0 15px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceBlc{
	background:url('../image/business/bg_service_top_long.gif') no-repeat;
	width:670px;
	padding:16px 0 0;
	margin:0 0  20px 0;
}
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceLeftLine{
	float:left;
}
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceRightLine{
	float:right;
}
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceBlc div.serviceBlcInner{
	background:url('../image/business/bg_service.gif');
	padding:12px 0 20px 20px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceBlc div.serviceBlcInner h4{
	margin:0 0 7px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceBlc div.serviceBlcInner div.servicePht{
	float:left;
	width:200px;
}

div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceBlc div.serviceBlcInner ul {
width:450px;
float:left;
}

div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceBlc div.serviceBlcInner ul li {
	background:url('../image/common/icon_list.gif') no-repeat left 2px;
	line-height:1.8em;
	padding:0 5px 0 10px;
	display:inline;
}
html*div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceBlc div.serviceBlcInner ul li {
	font-size:11px;/* IE6 & 7対策 */
}
div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceBlc div.serviceBlcInner ul li.clear {
	
}

div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceBlc div.serviceBlcInner p.outline {
width:280px;
float:left;
line-height:160%;
margin:18px 0 0 0;
letter-spacing:-1px;
}

div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div#serviceList div.serviceRow div.serviceBlc div.serviceBlcInner a.voice {
width:160px;
float:right;
margin:30px 0 0 0;
}

div#contents div#contentsInner div#mainContents div#pageContents div#serviceContents div.btn {
margin:10px 0 0 0;
text-align:center;
}

/*
-------------------------
CONTENTS - WORKS
------------------------- */
html*div#contents div#contentsInner div#mainContents div#pageContents div#worksContents {
	font-size:11px;/* フォントサイズ統一のため、IE6&7対策 */
}
div#contents div#contentsInner div#mainContents div#pageContents div#worksContents h3{
	margin:0 0 10px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#worksContents div#worksList{
	margin:0 0 35px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#worksContents div#worksList ul{
	width:315px;
}
div#contents div#contentsInner div#mainContents div#pageContents div#worksContents div#worksList ul#worksLeft{
	float:left;
}
div#contents div#contentsInner div#mainContents div#pageContents div#worksContents div#worksList ul#worksRight{
	float:right;
}
div#contents div#contentsInner div#mainContents div#pageContents div#worksContents div#worksList li{
	background:url('../image/common/line_dot.gif') repeat-x left bottom;
	padding:15px 0;
}
div#contents div#contentsInner div#mainContents div#pageContents div#worksContents div#worksList li span{
	border-left:3px solid #331468;
	padding:0 0 0 7px;
}