@charset "UTF-8";
body {
	background-color: #fff;
	text-align: center;
	margin:           0;
	width:            auto; }
/*バグ修正*/
.clearfix {zoom: 100%;}
.clearfix:after {
    content: " ";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac ¥*/
* html .clearfix {
	height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */
#wrapper {
	text-align: left;
	width: 850px;
	margin: 0 auto;
	padding: 0;
	display: block; }
/*▼▼▼▼▼▼ ヘッダー ▼▼▼▼▼▼*/
#header {
	text-align: left;
	width: 850px;
	margin: 0 auto 0;
	padding: 0;
	display: block; }
#head_ph {
	width: 850px;
	height: 150px;
	margin: 0; }

#shadow {
	background-color: #fff;
	background-image: url(../img/h1_shadow.png);
	background-repeat: repeat-x;
	width: auto;
	height: 20px;
	margin: 0; }
/*▼▼▼▼▼▼ メインナビゲーション ▼▼▼▼▼▼*/
#navi_main {
	width: 180px;
	float: left;
	margin: 0; }
#navi_main .login_fb a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -41px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              67px; }
#navi_main .login_fb a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -41px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              67px; }

#navi_main .login_banking a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -118px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              67px; }
#navi_main .login_banking a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -118px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              67px; }

#navi_main .multi a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -195px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 15px 0;
	width:               180px;
	height:              35px; }
#navi_main .multi a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -195px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 15px 0;
	width:               180px;
	height:              35px; }

#navi_main .interest a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -245px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 4px 0;
	width:               180px;
	height:              51px; }
#navi_main .interest a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -245px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 4px 0;
	width:               180px;
	height:              51px; }

#navi_main .atm a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -300px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 4px 0;
	width:               180px;
	height:              51px; }
#navi_main .atm a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -300px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 4px 0;
	width:               180px;
	height:              51px; }

#navi_main .card a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -355px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 4px 0;
	width:               180px;
	height:              51px; }
#navi_main .card a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -355px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 4px 0;
	width:               180px;
	height:              51px; }

#navi_main .recruit a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -410px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              51px; }
#navi_main .recruit a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -410px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              51px; }

/* 20101117 追加 */
#navi_main .gaika a {	background-image:    url(../img/navi_main1.png);
	background-repeat:   no-repeat;
	background-position: 0 -224px;
	text-indent:         -9999px;
	display:             block;
	margin:              4px 0 0 0;
	width:               180px;
	height:              51px; }
#navi_main .gaika a:hover {	background-image:    url(../img/navi_main1.png);
	background-repeat:   no-repeat;
	background-position: -180px -224px;
	text-indent:         -9999px;
	display:             block;
	margin:              4px 0 0 0;
	width:               180px;
	height:              51px }


#navi_main .research a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -471px;
	text-indent:         -9999px;
	display:             block;
	margin:              10px 0 0 0;
	width:               180px;
	height:              29px; }
#navi_main .research a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -471px;
	text-indent:         -9999px;
	display:             block;
	margin:              10px 0 0 0;
	width:               180px;
	height:              29px; }

#navi_main .areainfo a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -500px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              28px; }
#navi_main .areainfo a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -500px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              28px; }

#navi_main .policy a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -538px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              29px; }
#navi_main .policy a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -538px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              29px; }

#navi_main .privacy a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -567px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              28px; }
#navi_main .privacy a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -567px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              28px; }

#navi_main .personaldata a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -595px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              43px; }
#navi_main .personaldata a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -595px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              43px; }

#navi_main .insurance a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -638px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              28px; }
#navi_main .insurance a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -638px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              28px; }

#navi_main .profit a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -666px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              28px; }
#navi_main .profit a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -666px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              28px; }

#navi_main .area a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -694px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              28px; }
#navi_main .area a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -694px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              28px; }

/* 20111102 変更 */
#navi_main .sme-ff a {	background-image:    url(../img/navi_main2.png);
	background-repeat:   no-repeat;
	background-position: 0 -1px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              43px; }
#navi_main .sme-ff a:hover {	background-image:    url(../img/navi_main2.png);
	background-repeat:   no-repeat;
	background-position: -180px -1px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              43px; }

/* 20100928 追加 */
#navi_main .adr a {	background-image:    url(../img/navi_main2.png);
	background-repeat:   no-repeat;
	background-position: 0 -44px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              43px; }
#navi_main .adr a:hover {	background-image:    url(../img/navi_main2.png);
	background-repeat:   no-repeat;
	background-position: -180px -44px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              43px; }

#navi_main .compliance a {	background-image:    url(../img/navi_main2.png);
	background-repeat:   no-repeat;
	background-position: 0 -87px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              28px; }
#navi_main .compliance a:hover {	background-image:    url(../img/navi_main2.png);
	background-repeat:   no-repeat;
	background-position: -180px -87px;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               180px;
	height:              28px; }
/* 20101018 追加 */
#navi_main .anti a {	background-image:    url(../img/navi_main2.png);
	background-repeat:   no-repeat;
	background-position: 0 -115px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              43px; }
#navi_main .anti a:hover {	background-image:    url(../img/navi_main2.png);
	background-repeat:   no-repeat;
	background-position: -180px -115px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              43px; }

/*▼▼▼▼▼▼ 地域貢献活動　H21/11/30追加 ▼▼▼▼▼▼*/
#navi_main .tikikoken a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -790px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              28px; }
#navi_main .tikikoken a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -790px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              28px; }
/*▼▼▼▼▼▼ END 地域貢献活動▼▼▼▼▼▼*/

#navi_main .simulation a {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: 0 -732px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              51px; }
#navi_main .simulation a:hover {	background-image:    url(../img/navi_main.png);
	background-repeat:   no-repeat;
	background-position: -180px -732px;
	text-indent:         -9999px;
	display:             block;
	margin:              0 0 10px 0;
	width:               180px;
	height:              51px; }

#navi_main .deposit a {
	text-decoration: none;
	display:             block;
	margin:              0;
	padding: 5px 3px;
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa; }
#navi_main .deposit a:hover {
	color: #0068b7;
	text-decoration: none;	 }
#navi_main .link a {
	text-decoration: none;
	display:         block;
	margin:          0;
	padding:         5px 3px;
	border-bottom:   1px dashed #aaa; }

#navi_main .link a:hover {	color:           #0068b7;
	text-decoration: none; }

/*▼▼▼▼▼▼ 上部ナビゲーション ▼▼▼▼▼▼*/
#navi_top {
	margin: 0 0 15px; }
#navi_top li {
	float: left; }
#navi_top .top a {
	background-image:    url(../img/navi_top.png);
	background-repeat:   no-repeat;
	background-position: 0 0;
	text-indent:         -9999px;
	width:               103px;
	height:              30px;
	margin: 0;
	display: block; }
#navi_top .top a:hover {	background-image:    url(../img/navi_top.png);
	background-repeat:   no-repeat;
	background-position: 0 -30px; }

#navi_top .business a {	background-image:    url(../img/navi_top.png);
	background-repeat:   no-repeat;
	background-position: -103px 0;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               165px;
	height:              30px; }

#navi_top .business a:hover {	background-image:    url(../img/navi_top.png);
	background-repeat:   no-repeat;
	background-position: -103px -30px; }

#navi_top .fee a {	background-image:    url(../img/navi_top.png);
	background-repeat:   no-repeat;
	background-position: -268px 0;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               93px;
	height:              30px; }

#navi_top .fee a:hover {	background-image:    url(../img/navi_top.png);
	background-repeat:   no-repeat;
	background-position: -268px -30px; }

#navi_top .outline a {	background-image:    url(../img/navi_top.png);
	background-repeat:   no-repeat;
	background-position: -361px 0;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               139px;
	height:              30px; }

#navi_top .outline a:hover {	background-image:    url(../img/navi_top.png);
	background-repeat:   no-repeat;
	background-position: -361px -30px; }

#navi_top .disclosure a {	background-image:    url(../img/navi_top.png);
	background-repeat:   no-repeat;
	background-position: -500px 0;
	text-indent:         -9999px;
	display:             block;
	margin:              0;
	width:               140px;
	height:              30px; }

#navi_top .disclosure a:hover {	background-image:    url(../img/navi_top.png);
	background-repeat:   no-repeat;
	background-position: -500px -30px; }

/*▼▼▼▼▼▼ 本文 ▼▼▼▼▼▼*/
#main {
	width: 640px;
	float: right;
	margin: 0; }

#content {
	margin: 0 0 20px; }
/*▼▼▼▼▼▼ フッター ▼▼▼▼▼▼*/
#go_top {
	clear: both;
	text-align: right;
	margin: 0 0 10px; }
#footer {
	background-color: #1d7fb8;
	margin: 0 0 5px;
	padding: 8px 12px; }
#footer #name {
	float: left;
	margin: 0 8px 0 0; }

#footer #address {
	float: left;
	margin-right: 30px;
	padding: 0 0 0 8px;
	border-left: 1px solid #fff; }

#footer a {
	color: #fff;
	font-size: 1em;
	text-decoration: none; }
#footer a:hover {
	text-decoration: underline;	 }

#copyright {
	color: #1d7fb8;
	text-align: right;
	margin: 0 0 20px; }
/*▼▼▼▼▼▼ 共通 ▼▼▼▼▼▼*/
p   {
	margin: 0 0 10px; }
.container_L {
	clear: both;
	margin: 0 0 30px;
	display: block; }
.container_M {	display: block;
	margin:  0 0 20px;
	clear:   both; }
.container_S {	display: block;
	margin:  0 0 10px;
	clear:   both; }
.container {	display: block;
	margin:  0 0 0;
	clear:   both; }
.orange {
	color: #de9223; }
.green {
	color: #6eb562; }
.lightblue {	color: #1d7fb8; }
.red {
	color: #c8151d; }
.blue {
	color: #013c87; }
.wine {	color: #b81d3e; }

.purple {	color: #571db8; }

.white {	color: #fff; }

.large {
	font-size: 1.2em; }
.small {
	font-size: 0.8em; }
.strong {
	font-weight: bold; }
.normal {
	font-weight: normal; }