@charset "utf-8";

/* --------------------------------------------------------
 * 
 * 		toppage styles
 * 
 * -------------------------------------------------------- */
 
 
 /* ----------------------------------------------
 * 		fontsize-selector
 * ---------------------------------------------- */

#fontsize-selector {
	position: absolute;
	top: 6px;
	right: 152px;
}
#fontsize-selector dd ul li {
	margin-right: 0;
}



/* ----------------------------------------------
 * 		main-contents
 * ---------------------------------------------- */

#contents-area #main-contents {
	width: 930px;
}





/* ----------------------------------------------
 * 		top-nav-area
 * ---------------------------------------------- */

#contents-area #top-nav-area {
	position: relative;
	width: 930px;
	height: 316px;
	margin-top: 15px;
	background: url(/images/index_bg001.gif) no-repeat 0 0;
}
#contents-area #top-nav-area .nav-kojin {
	width: 266px;
	height: 146px;
}
#contents-area #top-nav-area .nav-kojin h2 {
	position: absolute;
	top: 10px;
	left: 10px;
}
#contents-area #top-nav-area .nav-kojin ul {
	position: absolute;
	top: 39px;
	left: 0;
	margin: 0;
}
#contents-area #top-nav-area .nav-kojin ul li {
	font-size: 0;
	line-height: 0;
}

#contents-area #top-nav-area #saving {
	position: absolute;
	top: 3px;
	left: 101px;
}
#contents-area #top-nav-area #loan {
	position: absolute;
	top: 3px;
	left: 369px;
}
#contents-area #top-nav-area #insurance {
	position: absolute;
	top: 151px;
	left: 101px;
}
#contents-area #top-nav-area #convenience {
	position: absolute;
	top: 151px;
	left: 369px;
}
#contents-area #top-nav-area #saving h2 a,
#contents-area #top-nav-area #loan h2 a,
#contents-area #top-nav-area #insurance h2 a,
#contents-area #top-nav-area #convenience h2 a {
	display: block;
	position: absolute;
	width: 255px;
	height: 29px;
	top: -10px;
	left: -10px;
	padding: 10px 0 0 10px;
}


#contents-area #top-nav-area #saving ul li#general,
#contents-area #top-nav-area #loan ul li#housing,
#contents-area #top-nav-area #insurance ul li#pension,
#contents-area #top-nav-area #convenience ul li#consul {
	position: absolute;
	top: 11px;
	left: 10px;
}
#contents-area #top-nav-area #saving ul li#time,
#contents-area #top-nav-area #loan ul li#card,
#contents-area #top-nav-area #insurance ul li#medical,
#contents-area #top-nav-area #convenience ul li#seminar {
	position: absolute;
	top: 33px;
	left: 10px;
}
#contents-area #top-nav-area #saving ul li#installment,
#contents-area #top-nav-area #insurance ul li#lifelong,
#contents-area #top-nav-area #convenience ul li#himawari {
	position: absolute;
	top: 56px;
	left: 10px;
}
#contents-area #top-nav-area #saving ul li#foreign,
#contents-area #top-nav-area #loan ul li#mycar,
#contents-area #top-nav-area #insurance ul li#kakutei,
#contents-area #top-nav-area #convenience ul li#mailorder {
	position: absolute;
	top: 77px;
	left: 10px;
}

#contents-area #top-nav-area #saving ul li#investment {
		position: absolute;
	top: 11px;
	left: 115px;

}
#contents-area #top-nav-area #loan ul li#free {
	position: absolute;
	top: 33px;
	left: 125px;
}
#contents-area #top-nav-area #saving ul li#national-bond {
	position: absolute;
	top: 33px;
	left: 115px;
}
#contents-area #top-nav-area #loan ul li#reform {
	position: absolute;
	top: 56px;
	left: 125px;
}
#contents-area #top-nav-area #loan ul li#education {
	position: absolute;
	top: 55px;
	left: 10px;
}

/*小串追記*/
#contents-area #top-nav-area #insurance ul li#automobile {
	position: absolute;
	top: 33px;
	left: 150px;
}
#contents-area #top-nav-area #convenience ul li#credit{
	position: absolute;
	top: 33px;
	left: 145px;
}
#contents-area #top-nav-area #insurance ul li#travel {
	position: absolute;
	top: 56px;
	left: 150px;
}

/*2010/02/28　原田追記*/
#contents-area #top-nav-area #saving ul li#retirement {
	position: absolute;
	top: 77px;
	left: 115px;
}
/*2011/12/30　原田追記*/
#contents-area #top-nav-area #saving ul li#operating {
	position: absolute;
	top: 56px;
	left: 115px;
}

/*2011/05/10　原田追記*/
#contents-area #top-nav-area #insurance ul li#will-trust {
	position: absolute;
	top: 77px;
	left: 150px;
}

/* ----------------------------------------------
 * 		top-nav-area #other
 * ---------------------------------------------- */

#contents-area #top-nav-area #other {
	position: absolute;
	top: 3px;
	left: 638px;
	width: 289px;
}
#contents-area #top-nav-area #other ul {
	position: absolute;
	top: 7px;
	left: 7px;
	margin: 0;
}
#contents-area #top-nav-area #other ul li {
	float: left;
	margin: 0 3px 3px 0;
	font-size: 0;
	line-height: 0;
}
#contents-area #top-nav-area #other ul li#webeb {
	margin: 5px 0 12px;
}





/* ----------------------------------------------
 * 		important-info
 * ---------------------------------------------- */
/* 震災対応用に2を追加　2011/07/12原田 */
#contents-area #important-info,
#contents-area #important-info-2 {
	clear: both;
	margin: 15px 0 0;
	padding: 10px 10px 10px 8px;
	border: #ff8a8a 3px solid;
}
* html #contents-area #important-info {/* for IE6 */
	zoom: 1;
}
#contents-area #important-info dl dt {
	width: 134px;
}
#contents-area #important-info dl dd {
	margin: -17px 0 0 134px;
	font-size: 110%;
}

/* 震災臨時対応用　*/
#contents-area #important-info p.text {
	font-size: 110%;
}




/* ----------------------------------------------
 * 		#top-column-area
 * ---------------------------------------------- */

#contents-area #top-column-area {
	margin-top: 15px;
}




/* ----------------------------------------------
 * 		top-pr-area
 * ---------------------------------------------- */

#contents-area #top-column-area #top-pr-area {
	float: left;
	width: 295px;
}

/* ----- flash-block ----- */

#contents-area #top-column-area #top-pr-area #flash-block {
	padding: 2px;
	background-color: #cccccc;
}
#contents-area #top-column-area #top-pr-area #flash-block .flash-block-inner {
	padding: 0 12px 15px;
	border: #ffffff 3px solid;
	background-color: #eeeeee;
}
#contents-area #top-column-area #top-pr-area #flash-block .flash-block-inner p {
	margin-top: 15px;
}




/* ----------------------------------------------
 * 		top-info-area
 * ---------------------------------------------- */

#contents-area #top-column-area #top-info-area {
	float: right;
	width: 620px;
}





/* ----------------------------------------------
 * 		info-block-01
 * ---------------------------------------------- */

#contents-area #top-column-area #top-info-area .info-block-01 {
	margin-top: 0;
}
#contents-area #top-column-area #top-info-area #topics .info-body,
#contents-area #top-column-area #top-info-area #infomation .info-body {
	border-bottom: none;
}

#contents-area #top-column-area #top-info-area #caution .info-body ul.caution-list {
	float: left;
	width: 400px;
	padding-left: 12px;
}
#contents-area #top-column-area #top-info-area #caution .info-body ul.caution-list li {
	margin-bottom: 5px;
}
#contents-area #top-column-area #top-info-area #caution .info-body .caution-illust {
	float: right;
}

#contents-area #top-column-area #top-info-area #caution .info-body .caution-illust li {
	padding-bottom: 5px;
}




/* ----------------------------------------------
 * 		recommend-contents
 * ---------------------------------------------- */

#contents-area #top-column-area #recommend-contents {
	margin-top: 10px;
	padding: 8px 0 0 2px;
	border: #cccccc 1px solid;
	background: url(/images/index_bg002.gif) no-repeat 0 0;
}
*:first-child+html #contents-area #top-column-area #recommend-contents {/* for IE7 */
	width: 291px;
}
* html #contents-area #top-column-area #recommend-contents {/* for IE6 */
	zoom: 1;
}
#contents-area #top-column-area #recommend-contents dt {
	height: 10px;
	margin-left: 6px;
	font-size: 0;
	line-height: 0;
}
#contents-area #top-column-area #recommend-contents dd {
	padding-top: 10px;
}
#contents-area #top-column-area #recommend-contents dd ul {
	clear: both;
	margin-top: 0;
}
#contents-area #top-column-area #recommend-contents dd ul li {
	display: inline;
	float: left;
	width: 131px;
	margin: 0 7px 5px;
}
#contents-area #top-column-area #recommend-contents dd ul li p {
	margin-top: 1px;
}






/* ----------------------------------------------
 * 		mobile-banner
 * ---------------------------------------------- */

#contents-area #top-column-area #mobile-banner {
	clear: both;
	margin-top: 10px;
}





/* ----------------------------------------------
 * 		finance-banner
 * ---------------------------------------------- */

#contents-area #top-column-area #finance-banner {
	clear: both;
	margin-top: 10px;
}

/* ----------------------------------------------
 * 		sp-banner
 * ---------------------------------------------- */

#contents-area #top-column-area #sp-banner {
	clear: both;
	margin-top: 10px;
}





/* ----------------------------------------------
 * 		top-banner-area
 * ---------------------------------------------- */

#contents-area #top-banner-area {
	clear: both;
	margin-top: 26px;
	padding: 16px 0 0 15px;
	background: url(/images/index_bg003.gif) no-repeat 0 0;
}
* html #contents-area #top-banner-area {/* for IE6 */
	zoom: 1;
}
#contents-area #top-banner-area ul li {
	float: left;
	width: 200px;
	height: 50px;
	margin-right: 10px;
}




/* ----------------------------------------------
 * 		pdf-block-01
 * ---------------------------------------------- */

#contents-area .section {
	padding-left: 0;
}
#contents-area .pdf-block-01 {
	width: 680px;
}







/* ----------------------------------------------
 * 		Clear fix
 * ---------------------------------------------- */
#contents-area #top-column-area:after,
#contents-area #top-info-area #caution .info-body:after,
#contents-area #top-column-area #recommend-contents dd ul:after,
#contents-area #top-banner-area ul:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#contents-area #top-column-area,
#contents-area #top-info-area #caution .info-body,
#contents-area #top-column-area #recommend-contents dd ul,
#contents-area #top-banner-area ul {
	min-height: 1px;
}

* html #contents-area #top-column-area,
* html #contents-area #top-info-area #caution .info-body,
* html #contents-area #top-column-area #recommend-contents dd ul,
* html #contents-area #top-banner-area ul {/* for IE6 */
	height: 1px;
}

*:first-child+html #contents-area #top-column-area,
*:first-child+html #contents-area #top-info-area #caution .info-body,
*:first-child+html #contents-area #top-column-area #recommend-contents dd ul,
*:first-child+html #contents-area #top-banner-area ul {/* for IE7 */
	zoom: 1;
}