@charset "UTF-8";

.indexPage{

}

/*　Clearfix-----------------　*/

.cf{ overflow: hidden;}

.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .cf{
	height: 1em;
	overflow: visible;
}
/**/

	


/* FLASH AREA
//////////////////////////////////////////////////////////////////// */
.indexPage .flash{
	clear:both;
	position:relative;
}
	/* Z-index for IE6 */
	.indexPage .flash{
		z-index:10;
	}
	.indexPage #nav{
		z-index:20;
	}

	/* Btn ///
	---------------------------------------------- */
	.indexPage .flash p.Btn{
		position:absolute;
		top:146px;
		left:9px;
		margin:0;
		padding:0;
	}


/* SERVICE AREA
//////////////////////////////////////////////////////////////////// */

/* 代行サービス(3column style) ///
---------------------------------------------- */
.indexPage .serviceArea{
	margin-bottom:14px;
	background:url(../images/index/bg_3column-bl.gif) no-repeat left bottom;
}
/* backgounrd 上書き */
.indexPage .serviceAreaNoBg{
	background:none;
}

	/* Box */
	.indexPage .serviceArea .serviceBox{
		float:left;
		margin:0 11px 0 0;
		padding:0 8px;
		width:218px;/* Full 234px */
	}
	/* right Box */
	.indexPage .serviceArea .serviceBoxRight{
		margin:0 0px 0 0;
	}
	
	
		/* Block(---line) */
		.indexPage .serviceArea .serviceBlock{
			padding:7px 0px 0px;
		}/* bottom Block(---line) */
		.indexPage .serviceArea .serviceBlockBtm{
			padding-bottom:8px;
			background:none;
		}
	
	
		/* <h3> */
		.indexPage .serviceArea .serviceBox h3{
			margin:0 -8px;
			font-size:0px;
		}
		/* illust */
		.indexPage .serviceArea .serviceBox .illust{
			margin:0 -6px 0;
			padding:0;
		}
		/* outline */
		.indexPage .serviceArea .serviceBox .outline{
			margin:0 0px 5px;
			padding:0;
		}
		
		/* <h4> */
		.indexPage .serviceArea .serviceBox h4{
			margin:0 -7px 4px 0;
		}
			
		/* <ul> link style */
		.indexPage .serviceArea .serviceBox ul{
			list-style:none;
		}
			.indexPage .serviceArea .serviceBox ul li{
				margin-bottom:1px;
				padding:0 0 0 25px;
				background:url(../images/item/arr_s-ore.gif) no-repeat 12px;
				line-height:1;
			}

/* その他のサービス(2column style) ///
---------------------------------------------- */
.indexPage #otherServiceArea{
	float:left;
	width:490px;
	margin-bottom:18px;
}

	/* ▼サポート との 高さ揃え */
	.indexPage #otherServiceArea .serviceBox{
		margin-bottom:12px;
		height:144px;
		background:url(../images/index/bg_3column-wh.gif) no-repeat left bottom;
	}
	
	.indexPage #otherServiceArea h4.link{
		margin-top:8px;
		padding:0px 0px 0px 11px;
		background:url(../images/item/arr_m-ore.gif) no-repeat 0px 2px;
		color:#006;
		line-height:1;
	}
	


/* Soon Contents
//////////////////////////////////////////////////////////////////// */
/* font color -----------------　*/
.indexPage .soonCnt{
	color:#8c8cba !important;
}

/* <H4> Link -----------------　*/
.indexPage .soonCnt h4.link,
.indexPage .serviceBox h4.link{
		margin-right:0px;
		color:#8c8cba !important;
		background:url(../images/item/arr_m-ore.gif) no-repeat 0px 2px !important;
	}
	

/* サブリア(SubArea) ///
---------------------------------------------- */
.indexPage #subArea{
	float:left;
	width:234px;
}
	/* サポート ///
	---------------------------------------------- */
	.indexPage #subArea #supportArea{
		margin-bottom:18px;
	}
	
		.indexPage #subArea #supportArea .supportBox{
			position:relative;
			background:url(../images/index/bg_supportbox.gif) no-repeat left top;
			height:66px;
			margin-bottom:12px;
		}/* TOP Box */
		.indexPage #subArea #supportArea .supportBoxBtm{
			margin-bottom:0px;
		}
		
		
			/* <H4> link */
			.indexPage #subArea #supportArea .supportBox h4{
				position:absolute;
				top:26px;
				left:91px;
			}
			/* illust */
			.indexPage #subArea #supportArea .supportBox .illust{
				position:absolute;
				top:2px;
				left:2px;
			}
			
			
	/* トピックス ///
	---------------------------------------------- */
	.indexPage #subArea #topicsArea{
		margin-bottom:18px;
	}
	
		.indexPage #subArea #topicsArea .topicsBox{
			
		}/* TOP Box */
		.indexPage #subArea #topicsArea ul{
			margin-bottom:18px;
			list-style:none;
		}
			.indexPage #subArea #topicsArea ul li{
				margin-bottom:8px;
				font-size:0px;
			}


		
/* BANNER AREA
//////////////////////////////////////////////////////////////////// */

/* 3column style ///
---------------------------------------------- */

#bannerArea{
	clear:both;
	margin-bottom:24px;
	padding:13px 0 0 0;
	background:url(../images/item/bg_dot-ccc.gif) repeat-x top;
}	

	#bannerArea ul{
		list-style:none;
	}
		#bannerArea ul li{
			display:inline;
			margin:0 11px 0 0;
			padding:0;
			font-size:0px;
		}
		/* RIGHT banner */
		#bannerArea ul li#rightBanner{
			margin:0;
			padding:0;
			font-size:0px;
		}

			#bannerArea ul li img{
				margin:0;
			padding:0;
			font-size:0px;
			vertical-align:bottom;
			}