@charset "utf-8";

/* *****************************************
/*+  topPage  +***************************
/***************************************** */
body#top {
	background:url(../img/top_bg.jpg) repeat-x left top;
	}
body#top div#wrapper {
	background:url(../img/top_mainimage_bg.jpg) no-repeat center 146px;
	}
	


div.topStep{
	margin-bottom:18px;
	position:relative;
	width:640px;
	height:116px;
	background:url(../img/top_stepimage.jpg) no-repeat left top;
	}
div.topStep li a {
	position:absolute;
	top:38px;
	}
div.topStep li.step01 a {
	background:url(../img/top_step1.jpg) no-repeat left top;
	left:8px;
	}
div.topStep li.step02 a {
	background:url(../img/top_step2.jpg) no-repeat left top;
	left:218px;
	}
div.topStep li.step03 a {
	background:url(../img/top_step3.jpg) no-repeat left top;
	left:429px;
	}
div.topStep li a {
	display:block;
	width:194px;
	height:62px;
	text-indent:-99999px;
	overflow:hidden;
	}
div.topStep li.step01 a:hover,
div.topStep li.step02 a:hover,
div.topStep li.step03 a:hover {
	background-position:0 -62px;
	}

div.coArea span {
	font-size:1.2em;
	color:#660099;
	}

div.coArea li {
	padding-left:10px;
	background:url(../cmn_img/listicon.gif) no-repeat left 0.7em;
	}





div.topCam{
	margin-bottom:18px;
	width:640px;
	height:243px;
	}
	
div.topCam a {
	display:block;
	width:640px;
	height:243px;
	background:url(../img/top_cambnr.jpg) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

div.topCam a:hover {
	background-position:0 -243px;
}