@charset "shift_jis";

/*  reset
---------------------------------------------------------- */

div#footer div,
div#footer span,
div#footer h1,
div#footer h2,
div#footer h3,
div#footer h4,
div#footer h5,
div#footer h6,
div#footer p,
div#footer em,
div#footer img,
div#footer strong,
div#footer dl,
div#footer dt,
div#footer dd,
div#footer ol,
div#footer ul,
div#footer li,
div#footer form,
div#footer label,
div#footer table,
div#footer tbody,
div#footer tr,
div#footer th,
div#footer td,
div#bottomBar div,
div#bottomBar span,
div#bottomBar h1,
div#bottomBar h2,
div#bottomBar h3,
div#bottomBar h4,
div#bottomBar h5,
div#bottomBar h6,
div#bottomBar p,
div#bottomBar em,
div#bottomBar img,
div#bottomBar strong,
div#bottomBar dl,
div#bottomBar dt,
div#bottomBar dd,
div#bottomBar ol,
div#bottomBar ul,
div#bottomBar li,
div#bottomBar form,
div#bottomBar label,
div#bottomBar table,
div#bottomBar tbody,
div#bottomBar tr,
div#bottomBar th,
div#bottomBar td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
nav ul {
	list-style:none;
}
div#footer a,
div#bottomBar a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
div#footer table,
div#bottomBar table {
	border-collapse:collapse;
	border-spacing:0;
}
div#footer hr,
div#bottomBar hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
div#footer input,
div#footer select,
div#bottomBar input,
div#bottomBar select {
	vertical-align:middle;
}
div#footer li,
div#bottomBar li {
	list-style: none;
}
div#footer img,
div#bottomBar img {
	border: 0;
	vertical-align: top;
}


/*  bottomBar
---------------------------------------------------------- */

div#bottomBar {
	padding:13px 0 9px;
	background: #e60000;
}

	div#bottomBar div.barWrapper {
		margin: 0 auto;
		width: 950px;
	}

	div#bottomBar ul.procedure,
	div#bottomBar ul.report {
		float: right;
	}

		div#bottomBar ul.procedure li,
		div#bottomBar ul.report li {
			float: left;
			margin-top: 2px;
		}

		div#bottomBar ul.procedure li:first-child,
		div#bottomBar ul.report li:first-child {
			float: left;
			margin: 0 15px 0 0;
		}

			div#bottomBar ul.procedure li.list {
				width: 164px;
				background: url(/common_v2/img/footer/btn_btm_bar_procedure.png) left top no-repeat;
				text-indent: -999em;
				overflow: hidden;
			}

			div#bottomBar ul.procedure li.list:hover {
				background-position: left -57px;
			}

				div#bottomBar ul.procedure li.list a {
					display: block;
					height: 57px;
				}

			div#bottomBar ul.report li.list {
				width: 214px;
				background: url(/common_v2/img/footer/btn_btm_bar_report.png) left top no-repeat;
				text-indent: -999em;
				overflow: hidden;
			}

			div#bottomBar ul.report li.list:hover {
				background-position: left -57px;
			}

				div#bottomBar ul.report li.list a {
					display: block;
					height: 57px;
				}



	div#bottomBar ul.btnList {
		float: left;
	}

		div#bottomBar ul.btnList li {
			float: left;
			margin-top: 3px;
			width: 162px;
			text-indent: -999em;
			overflow: hidden;
		}

			div#bottomBar ul.btnList li a {
				display: block;
				height: 55px;
			}

		div#bottomBar ul.btnList li.branch {
			margin-right: 10px;
			background: url(/common_v2/img/footer/btn_btm_bar_branch.png) left top no-repeat;
		}

			div#bottomBar ul.btnList li.branch:hover {
				background-position: left -55px;
			}

		div#bottomBar ul.btnList li.request {
			background: url(/common_v2/img/footer/btn_btm_bar_request.png) left top no-repeat;
		}

			div#bottomBar ul.btnList li.request:hover {
				background-position: left -55px;
			}

		div#bottomBar ul.btnList li.login {
			margin-right: 10px;
			background: url(/common_v2/img/footer/btn_internet_trade_login.png) left top no-repeat;
		}

			div#bottomBar ul.btnList li.login:hover {
				background-position: left -55px;
			}

		div#bottomBar ul.btnList li.account {
			background: url(/common_v2/img/footer/btn_opening_account.png) left top no-repeat;
		}

			div#bottomBar ul.btnList li.account:hover {
				background-position: left -55px;
			}

		div#bottomBar ul.btnList li.branch .device,
		div#bottomBar ul.btnList li.request .device,
		div#bottomBar ul.procedure .device {
			display: none;
		}

	div#bottomBar div.trade {
		margin: 0 auto;
		width: 950px;
		padding: 3px 0 6px;
	}

		div#bottomBar div.trade ul {
			float: none;
		}

			div#bottomBar div.trade ul li {
				float: right;
				margin: 0;
			}

			div#bottomBar div.trade ul li:first-child {
				float: left;
				margin-top: 7px;
			}

				div#bottomBar div.trade ul li.trade {
					width: 254px;
					height: 35px;
					background: url(/common_v2/img/footer/btn_btm_bar_trade.png) left top no-repeat;
					text-indent: -999em;
					overflow: hidden;
				}

				div#bottomBar div.trade ul li.trade:hover {
					background-position: left -35px;
				}

					div#bottomBar div.trade ul li.trade a {
						display: block;
						height: 35px;
					}

/*  footer
---------------------------------------------------------- */

div#footer {
	padding: 20px 0;
	/padding: 10px 0 20px;
	background: #2a2b2f;
	font-size: 12px;
	line-height: 1.5;
}

	div#footer a {
		text-decoration: none;
	}

	div#footer a:link,
	div#footer a:visited {
		color: #959597;
	}

	div#footer a:hover,
	div#footer a:active {
		color: #e60000;
	}

	div#footer > div {
		margin: 16px auto 0;
		width: 950px;
		color: #727274;
	}

	div#footer > div:first-child {
		margin: 0 auto;
		/padding-top: 10px;
	}

	div#footer div#association {
		color: #727274 !important;
	}

	div#footer div#siteMapHead {
		margin: 10px auto 15px;
		padding: 0 0 0 1px;
		width: 949px;
		background: #1E1F22;
	}

	div#footer div#siteMapHead a:link,
	div#footer div#siteMapHead a:visited {
		color: #F6F6F6;
	}

	div#footer div#siteMapHead a:hover,
	div#footer div#siteMapHead a:active {
		color: #e60000;
	}

		div#footer div#siteMapHead > ul {
			padding: 8px 10px 6px 16px;
			width: 160px;
		}

				div#footer div#siteMapHead > ul > li > a {
					display: block;
					padding-left: 8px;
					background: url(/common_v2/img/icon_arrow_white.gif) left 5px no-repeat;
				/zoom: 1;
				}

				div#footer div#siteMapHead > ul > li > a:active,
				div#footer div#siteMapHead > ul > li > a:hover {
					background-image: url(/common_v2/img/icon_arrow_hover.gif);
				}

	div#footer div#siteMap {
		margin: -10px auto 10px;
		padding: 0 0 0 1px;
		width: 949px;
		background: url(/common_v2/img/footer/bg_footer_site_map.gif) left center no-repeat;
	}

		div#footer div#siteMap a:link,
		div#footer div#siteMap a:visited {
			color: #F6F6F6;
		}

		div#footer div#siteMap a:hover,
		div#footer div#siteMap a:active {
			color: #e60000;
		}

		div#footer div#siteMap > ul {
			float: left;
			padding: 12px 10px 12px 16px;
			width: 163px;
			background: url(/common_v2/img/footer/bg_footer_site_map.gif) right center no-repeat;
		}

			div#footer div#siteMap > ul.last {
				width: 167px;
			}

			div#footer div#siteMap > ul > li {
				margin-top: 24px;
				font-weight: bold;
			}


				div#footer div#siteMap > ul > li > a {
					display: block;
					padding-left: 8px;
					padding-bottom: 2px;
					background: url(/common_v2/img/icon_arrow_white.gif) left 5px no-repeat;
					border-bottom: 1px solid #666666 ;
					/zoom: 1;
				}

				div#footer div#siteMap > ul > li > a:active,
				div#footer div#siteMap > ul > li > a:hover {
					background-image: url(/common_v2/img/icon_arrow_hover.gif);
				}

			div#footer div#siteMap > ul > li:first-child {
				margin-top: 0;
			}

				div#footer div#siteMap > ul > li ul {
					margin-top: 10px;
				}

					div#footer div#siteMap > ul > li ul li {
						margin-top: 3px;
						font-weight: normal;
					}

						div#footer div#siteMap > ul > li ul li a {
							display: block;
							padding-left: 12px;
							background: url(/common_v2/img/icon_arrow_s_white.gif) 3px 6px no-repeat;
							/zoom: 1;
						}

						div#footer div#siteMap > ul > li ul li a:active,
						div#footer div#siteMap > ul > li ul li a:hover {
							background-image: url(/common_v2/img/icon_arrow_s_hover.gif);
						}

	div#footer div#siteMapFoot {
		margin: 10px auto 20px;
		padding: 20px 0 0 1px;
		width: 949px;
		background: url(/common_v2/img/bg_shadow_top_950.png) top center no-repeat;
	}

		div#footer div#siteMapFoot a:link,
		div#footer div#siteMapFoot a:visited {
			color: #F6F6F6;
		}

		div#footer div#siteMapFoot a:hover,
		div#footer div#siteMapFoot a:active {
			color: #e60000;
		}

			div#footer div#siteMapFoot > ul {
				width: 310px;
				margin: 0 auto;
				overflow: hidden;
			}

				div#footer div#siteMapFoot > ul > li {
					float: left;
					padding: 0 10px;
					font-weight: bold;
				}

					div#footer div#siteMapFoot > ul > li > a {
						display: block;
						padding-left: 8px;
						background: url(/common_v2/img/icon_arrow_white.gif) left 5px no-repeat;
					/zoom: 1;
					}

					div#footer div#siteMapFoot > ul > li > a:active,
					div#footer div#siteMapFoot > ul > li > a:hover {
						background-image: url(/common_v2/img/icon_arrow_hover.gif);
					}


	div#footer div#utility {
	}

		div#footer div#utility ul {
			margin: 0;
		}

		div#footer div#utility ul li {
			float: left;
			padding-left: 10px;
			background: url(/common_v2/img/bg_footer_utility.gif) 5px center no-repeat;
		}

		div#footer div#utility ul li:first-child {
			padding-left: 0;
			background: none;
		}

		div#footer div#utility ul li.sitemap {
			clear: left;
			padding-left: 0;
			background: none;
		}

		div#footer div#utility ul li.top {
			display: none;
		}

		body#report div#footer div#utility ul li.top {
			display: block;
		}

	div#footer div#copyright {
	}

		div#footer div#copyright p {
			float: right;
		}

		div#footer div#copyright p:first-child {
			float: left;
		}

		div#footer div#copyright p.logo {
			width: 222px;
			height: 15px;
			background: url(/common_v2/img/footer/logo.gif) left top no-repeat;
			text-indent: -999em;
			overflow: hidden;
		}

			div#footer div#copyright p.logo a {
				display: block;
				height: 15px;
				color: #fff;
			}

.ml10 {
	margin-left: 10px !important;
}
/*  pagetop
--------------------------------------------- */
.pagetop {
	position: fixed;
	display: block!important;
	z-index: 22;
	right: 20px;
	bottom: 50px;
	background-image: url(/img_v2/smp/icon_pagetop.png);
	background-repeat: no-repeat;
	width: 53px;
	height: 62px;
	-webkit-background-size: 30px 20px;
	background-size: 30px 20px;
	background-color: #6b6b6b;
	border-radius: 5px;
	background-position: 50% 15%;
	opacity: 0;
}

.pagetop  span {
    font-size: 9.5px;
    font-weight: bold;
    color: #fff;
    padding-top: 30px;
    position: absolute;
    bottom: 8.3px;
    padding-left: 8px;
    text-align: center;
    line-height: 1.25;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;

}

.pagetop.active {
	animation-name: fadeIn;
	animation-duration: 0.4s;
	animation-fill-mode:forwards;
}

@keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/*  clearfix
---------------------------------------------------------- */

div#bottomBar,
div#bottomBar > div,
div#footer div#utility ul,
div#footer div#siteMap,
div#footer div#copyright {
	/zoom:1;
}

div#bottomBar:after,
div#bottomBar > div:after,
div#footer div#utility ul:after,
div#footer div#siteMap:after,
div#footer div#copyright:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}