@charset "utf-8"; 

/* =========================================================
 main
========================================================= */
/* arrowBox
--------------------------------------------------------- */
ul.arrowBox li {
	background: url(../images/common/icon03.gif) no-repeat 0 1px;
	padding-left: 20px;
	margin-bottom: 5px;
}

/* divide2
--------------------------------------------------------- */
ul.divide2 {
	width: 640px;
	padding: 0 20px;
}
	ul.divide2 li {
		float: left;
		width: 300px;	
	}

		/* ----- アイコン ----- */
		dl.remarksLWide img {
			vertical-align: baseline;
			margin: 0 0 0 3px;
		}


/* earthquake
--------------------------------------------------------- */
	div#earthquake ul {
		margin-top: 25px;
	}
	div#earthquake li {
		list-style: square;
		margin-left: 15px;
		margin-bottom: 15px;
		padding-left: 5px;
	}

	/* ----- アイコン ----- */
	div#earthquake .pdf {
		padding-left: 5px;
		vertical-align: text-bottom;
	}

/* h2
--------------------------------------------------------- */
h2.ttl {
	width: 705px;
	height: 42px;
	padding: 18px 0 0 15px;
	background: url(../images/info/h2_back01.jpg) no-repeat 0 0;
	color: #333;
	font-size: 130%;
}
	h2.ttl span {
		font-size: 60%;
		padding-left: 10px;
	}

/* =========================================================
 sub
========================================================= */
/* subBox
--------------------------------------------------------- */
div.subBox {
	background: #E3E3E3;
	border: 1px solid #CCC;
	padding: 5px;
	margin-bottom: 30px;
}

ul.subMenu {
}
	ul.subMenu li {
		margin-bottom: 5px;
	}
	ul.subMenu li.end {
		margin-bottom: 0;
	}
	ul.subMenu a {
		display: block;
		width: 178px;
		height: 60px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	/* ----- 入会案内 ----- */
	ul.subMenu a#join {
		background: url(../images/top/btn01.gif) no-repeat 0 0;
	}
	ul.subMenu a#join:hover {
		background: url(../images/top/btn01.gif) no-repeat -178px 0;
	}
	/* ----- 協会未加入の方に支援制度のご案内 ----- */
	ul.subMenu a#support {
		background: url(../images/top/btn01.gif) no-repeat 0 -60px;
	}
	ul.subMenu a#support:hover {
		background: url(../images/top/btn01.gif) no-repeat -178px -60px;
	}
	/* ----- 新着情報配信サービス ----- */
	ul.subMenu a#mail {
		background: url(../images/top/btn01.gif) no-repeat 0 -120px;
	}
	ul.subMenu a#mail:hover {
		background: url(../images/top/btn01.gif) no-repeat -178px -120px;
	}
	/* ----- 消費行動診断 家計管理診断 ----- */
	ul.subMenu a#diagnosis {
		background: url(../images/top/btn01.gif) no-repeat 0 -180px;
	}
	ul.subMenu a#diagnosis:hover {
		background: url(../images/top/btn01.gif) no-repeat -178px -180px;
	}
	/* ----- 悪質業者検索 ----- */
	ul.subMenu a#malicious {
		background: url(../images/top/btn01.gif) no-repeat 0 -240px;
	}
	ul.subMenu a#malicious:hover {
		background: url(../images/top/btn01.gif) no-repeat -178px -240px;
	}
	/* ----- 貸金業法について ----- */
	ul.subMenu a#law {
		background: url(../images/top/btn01.gif) no-repeat 0 -300px;
	}
	ul.subMenu a#law:hover {
		background: url(../images/top/btn01.gif) no-repeat -178px -300px;
	}