@charset "utf-8";

/* =========================================================
 gnavi
========================================================= */
div#gnavi {
	margin-bottom: 20px;
}

/* =========================================================
 main
========================================================= */
div#main {
	float: left;
}

/* =========================================================
 メインバナー
========================================================= */
div#mainBnr {
	margin-bottom: 20px;
}

/* =========================================================
 お知らせ
========================================================= */
div#information {
	background: #FFF;
	padding: 5px 8px 5px;
	margin-bottom: 20px;
	font-weight: bold;
	border: 1px solid #CCC;
}
	div#information p {
		font-size: 90%;
	}
		div#information p#caution {
			background: url(../images/top/icon02.gif) no-repeat 0 0;
			padding-top: 3px;
			padding-left: 2.5em;
			margin-bottom: 1em;
		}
	div#information li {
		display: inline;
		float: left;
		background: url(../images/top/btn_base01.jpg) no-repeat 0 0;
		margin: 0 15px;
	}
		div#information li a {
			display: block;
			height: 25px;
			width: 270px;
			padding-top: 5px;
			padding-left: 50px;
		}
		/* ----- アイコン ----- */
		div#information li a.pdf {
			background: url(../images/common/icon_pdf.gif) no-repeat 45px 7px;
			padding-left: 65px;
			width: 255px;
		}

/* =========================================================
 重要なお知らせ
========================================================= */
div#important {
	background: #FFF;
	padding: 5px 6px 5px;
	margin-bottom: 20px;
	font-weight: bold;
	border: 1px solid #CCC;
}
	div#important h3 {
		margin-bottom: 0.5em;
	}
	div#important p {
		font-size: 90%;
		margin-left: 0.5em;
	}
		div#important p#caution {
			background: url(../images/top/icon02.gif) no-repeat 0 0;
			padding-top: 3px;
			padding-left: 2.5em;
			margin-bottom: 1em;
		}
	div#important li {
		display: inline;
		float: left;
		background: url(../images/top/btn_base01.jpg) no-repeat 0 0;
		margin: 0 15px;
	}
		div#important li a {
			display: block;
			height: 25px;
			width: 270px;
			padding-top: 5px;
			padding-left: 50px;
		}
		/* ----- アイコン ----- */
		div#important li a.pdf {
			background: url(../images/common/icon_pdf.gif) no-repeat 45px 7px;
			padding-left: 65px;
			width: 255px;
		}



/* ---- ---- */
div#important_update {
	font-weight: normal;

	height: 150px;
	overflow: auto;
}

	/* ----- 更新情報内容記載 ----- */
	div#important_update dl {
		border: none;
		clear: both;
		margin: 0;
		padding: 8px;
	}
		div#important_update dt {
			float: left;
			background: url(../images/top/icon03.gif) no-repeat 2px 12px;
			padding: 8px 0 0 1.5em;
		}
			div#important_update dt img {
				padding-right: 1em;
			}
		div#important_update dd {
			border-bottom: 1px dotted #999999;
			padding: 8px 8px 8px 18em;
		}
		
		
		/* ----- アイコン ----- */
		div#important_update dl dd img {
			vertical-align: baseline;
			margin: 0 0 0 3px;
		}
/* ---- ---- */


/* =========================================================
 更新情報
========================================================= */
div#update {
	margin-bottom: 20px;
		position: relative;
}
	div#update h3 {
		margin-bottom: 0;
	}
	/* ----- バックナンバー ----- */
	div#update div#backNumber {
		position: absolute;
		top: 13px;
		right: 10px;
	}
		div#update div#backNumber a {
			color: #FFF;
			font-weight: bold;
		}
		div#update div#backNumber a:hover {
			color: #CC3300;
			text-decoration: underline;
		}

	/* ----- 更新情報内容記載 ----- */
	div#update dl {
		border: solid 1px #CCC;
		border-top: none;
		clear: both;
		margin: 0;
		padding: 8px 12px;
		
		height: 400px;
		overflow: auto;
	}
		div#update dt {
			float: left;
			background: url(../images/top/icon03.gif) no-repeat 2px 12px;
			padding: 8px 0 0 1.5em;
		}
		div#update dd {
			border-bottom: 1px dotted #999999;
			padding: 8px 8px 8px 10em;
		}
		div#update dd.new {
			background: url(../images/top/icon01.gif) no-repeat 7.5em 1em;
		}
		
		/* ----- 一般向け情報 ----- */
		div#update div.personal {
			background: url(../images/top/img_personal.gif) no-repeat 0 0;
			padding-left: 130px;
		}
		/* ----- 貸金業者向け情報 ----- */
		div#update div.moneylender {
			background: url(../images/top/img_moneylender.gif) no-repeat 0 0;
			padding-left: 130px;
		}
		/* ----- 会員向け情報 ----- */
		div#update div.member {
			background: url(../images/top/img_member.gif) no-repeat 0 0;
			padding-left: 130px;
		}
		/* ----- 貸金業務取扱主任者情報 ----- */
		div#update div.chief {
			background: url(../images/top/img_chief.gif) no-repeat 0 0;
			padding-left: 130px;
			
			min-height: 30px;
			height: auto !important;
			height: 30px;
		}
		/* ----- ニュースリリース ----- */
		div#update div.news {
			background: url(../images/top/img_news.gif) no-repeat 0 0;
			padding-left: 130px;
		}
		/* ----- お知らせ ----- */
		div#update div.info {
			background: url(../images/top/img_info.gif) no-repeat 0 0;
			padding-left: 130px;
		}
		/* ----- 貸金業関連資料 ----- */
		div#update div.material {
			background: url(../images/top/img_material.gif) no-repeat 0 0;
			padding-left: 130px;
		}
		
		/* ----- アイコン ----- */
		div#update dl#info img {
			vertical-align: baseline;
			margin: 0 0 0 3px;
		}
		
/* =========================================================
 otherMenu
========================================================= */
div#otherMenu {
	margin: 0 0 30px 0;
	background: #E3E3E3;
	border: 1px solid #CCC;
	padding: 0 10px 10px;
}
	div#otherMenu h3 {
		margin-bottom: 0;
	}
	div#otherMenu div#lBox {
		float: left;
		margin-top: 10px;
		width: 340px;
		background: #FFF;
	}	
	div#otherMenu div#rBox {
		float: right;
		margin-top: 10px;
		width: 340px;
		background: #FFF;
	}
	div#otherMenu ul {
		padding: 5px;
		border: 1px solid #CCC;
	}
	div#otherMenu li {
		padding: 4px 4px 4px 20px;
		background: url(../images/common/icon03.gif) no-repeat 0 6px;
	}
		
/* =========================================================
 banner
========================================================= */
div#banner {
	margin-bottom: 20px;
}
	div#banner li {
		float: left;
		display: inline;
		margin: 0 10px;
	}

/* =========================================================
 sub
========================================================= */
/* subBox
--------------------------------------------------------- */
div.subBox {
	background: #E3E3E3;
	border: 1px solid #CCC;
	padding: 5px;
	margin-bottom: 30px;
}
/* subMenu
--------------------------------------------------------- */
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;
	}
	/* ----- 金融ADR手続実施基本契約締結 業者について ----- */
	ul.subMenu a#adr {
		background: url(../images/top/btn01.gif) no-repeat 0 -360px;
	}
	ul.subMenu a#adr:hover {
		background: url(../images/top/btn01.gif) no-repeat -178px -360px;
	}
	/* ----- 東日本大震災に伴う協会からのお知らせ ----- */
	ul.subMenu a#earthquake {
		background: url(../images/top/btn01.gif) no-repeat 0 -420px;
	}
	ul.subMenu a#earthquake:hover {
		background: url(../images/top/btn01.gif) no-repeat -178px -420px;
	}
	/* ----- 貸金業界に対するご意見・ご要望 ----- */
	ul.subMenu a#feedback {
		background: url(../images/top/btn01.gif) no-repeat 0 -480px;
	}
	ul.subMenu a#feedback:hover {
		background: url(../images/top/btn01.gif) no-repeat -178px -480px;
	}

/* consult (相談窓口)
--------------------------------------------------------- */
p#consult {
	margin-bottom: 10px;
}
/*
	p#consult a {
		display: block;
		width: 178px;
		height: 209px;
		background: url(../images/top/btn02.gif) no-repeat 0 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	p#consult a:hover {
		background: url(../images/top/btn02.gif) no-repeat -180px 0;
	}
*/
	p#consult a {
		display: block;
		width: 178px;
		height: 290px;
		background: url(../images/top/btn02.jpg) no-repeat 0 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	p#consult a:hover {
		background: url(../images/top/btn02.jpg) no-repeat -180px 0;
	}

		
/* =========================================================
 bottomMenu
========================================================= */
div#bottomMenu {
	background: #F9F9F9;
	border: 1px solid #C4C5A6;
	clear: both;
	margin: 0;
	padding: 10px;
	width: 920px;
}
	div#bottomMenu div.box {
		clear: none;
		float: left;
		font-size: 85%;
		padding: 0 10px 10px;
		width: 130px;
	}
	div#bottomMenu h5 {
		font-size: 110%;
		margin-bottom: 5px;
	}