@charset "euc-jp";

/*================================
[bank.css][euc-jp]
[tanaka@n-di.co.jp]
=================================*/

@import url("../share/default.css");
@import url("../share/common.css");
@import url("../share/color.css");

@import url("../share/single_narrow.css");
@import url("../share/single_long.css");

/* Clearfix
=================================*/

.bankFlowArea:after,
.BankTwo:after,
.title:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.bankFlowArea,
.BankTwo,
.title {
	display: inline-block;
}

/* Hide from Mac IE \*/

.bankFlowArea,
.BankTwo,
.title {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */

/* =========================================
*  COMMON
* ========================================= */

/* =========================================
*  CONTENTS
* ========================================= */

/* 2ndList
=================================*/
div#cont {
	padding: 0 0 3.5em;
}

	div#cont p {
		padding-left: 15px;
	}

div#cont ol.BankTwo {
	margin: 15px 0 0 0;
}

	div#cont ol.BankTwo li {
		float: left;
		margin-right: 22px;
		padding: 0;
	}
	
		div#cont ol.BankTwo li.last_child {
			float: left;
			margin: 0;
			padding: 0;
		}
		
		div#cont ol.BankTwo li.hSize {
			margin-top: 15px;
		}
	
			div#cont ol.BankTwo li h2.atit01 {
				padding: 14px 0 0 15px;
				background: url(../../img/bank/atit_base01.gif) no-repeat;
				width: 429px;
				height: 27px;
			}
			
			div#cont ol.BankTwo li p {
				margin: 0;
				padding: 10px 15px 0 10px;
				background: url(../../img/bank/atit_base02.gif) no-repeat left bottom;
				width: 414px;
				height: auto !important;
				height: 7em;
				min-height: 7em;
			}
			
				div#cont ol.BankTwo li p img.bankButton {
					margin-top: 10px;
					padding-left: 350px;
				}

/* 2ndList
=================================*/
.pageTitleBank {
	padding: 10px 0 12px 14px;
	border: 2px solid #2C9E50;
}

/* Subtitle
=================================*/
.bankTit {
	margin-top: 50px;
}

.bankTit02 {
	margin-top: 50px;
	background: url(../../img/bank/bank_tit03.gif) no-repeat left top;
	height: 54px;
	line-height: 54px;
}

	.bankTit02 img {
		padding: 18px 0 0 19px;
	}

/* flow
=================================*/
ol.flow li {
	background: url(../../img/bank/bank_flowico.gif) no-repeat left bottom;
}

	ol.flow li.last-child {
		background: url(../../img/share/flow_bg_lastchild.gif) no-repeat left bottom;
	}

ol.bankFlow {
	padding-top: 30px;
	padding-bottom: 5px;
}

	ol.bankFlow li {
		text-align: center;
		background: url(../../img/bank/bank_flow_bg.gif) no-repeat 145px center;
		height: 60px;
		line-height: 60px;
	}
	
		ol.bankFlow li img {
			margin-top: 15px;
		}
		*+html body ol.bankFlow li img {
			margin-top: -5px;
		}
		
div#cont p.bankFlow02Top {
	background: url(../../img/bank/bank_flow_bgtop.gif) no-repeat 145px center;
	height: 30px;
	line-height: 28px;
	text-align: center;
}

	div#cont p.bankFlow02Top img {
		padding-top: 15px;
		text-align: center;
	}

.bankFlowArea {
	padding-top: 15px;
	padding-left: 220px;
	padding-bottom: 12px;
	background: url(../../img/bank/bank_flow_bgbottom.gif) no-repeat 145px bottom;
	height: auto !important;
	height: 2em;
	min-height: 2em;
}

ul.bankFlow02 {
	float: left;
}

	ul.bankFlow02 li {
		padding-left: 1.2em;
		padding-right: 30px;
		background: url(../../img/share/ico_arrow01.gif) no-repeat left top;
		line-height: 1.8em;
	}

	ul.bankFlow03 li img {
		padding-left: 1.2em;
		background: url(../../img/share/ico_arrow01.gif) no-repeat left top;
		line-height: 1.8em;
	}


/* InqArea
=================================*/
div#cont .bankInq {
	margin: 45px 10px 0 5px;
	padding: 30px 10px 40px 10px;
	text-align: center;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

div#cont .bankInq p.inqButton {
	margin: 15px auto 0;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	background: url(../../img/bank/bank_inq_button.gif) no-repeat center top;
	line-height: 35px;
	width: 222px;
	height: 35px;
}

	div#cont .bankInq p.inqButton a {
		display: block;
		height: 35px;
		color: #fff;
		text-decoration: none;
	}

/* InqArea
=================================*/
div#cont p.bankComment {
	padding-top: 20px;
	color: #666;
	line-height: 1.2em;
	text-align: center;
}

div#cont div.bankKiyaku {
	margin: 2em auto -1em;
	border-bottom: dotted #ccc 1px;
	padding-bottom: 1.5em;
	width: 650px;
	color: #666;
}

	div#cont div.bankKiyaku p {
	}
	
	div#cont div.bankKiyaku h3 {
		margin-top: 1.5em;
	}
	
	div#cont div.bankKiyaku ol {
		margin: 1.5em 0 0 2em;
		list-style: decimal;
	}
	
		div#cont div.bankKiyaku ol li {
		}