@charset "UTF-8";

.box-area:after {
	content:"";
	display:block;
	clear:both;	
}
.box-l {float:left;}
.box-r {float:right;}

div#header {
  background: url(../img/bg-top-header.png) left top repeat-x;
  width:100%;
  height:98px;
}
.header-test {
  background: url(../img/bg-top-header.png) left top repeat-x;
  width:1140px;
  height:98px;
	margin-left:auto;
	margin-right:auto;	
}

div#header_inner h1 {
float: left;
height: 25px;
display: block;
font-size: 0.925em;
font-weight: normal;
margin: 30px 0 0 0;
	color:#fff;
	line-height:22px;
}

.tel {
	margin-top:16px;
	
}

.btn-offer {
	margin-top: 14px;
	margin-left:20px;	
}

.banking_main_gra {
	background:url('../img/banking-main-gra-bg.jpg') no-repeat center top;
	background-color:#000;
	width:100%;
	height:314px;
}

.banking_main_gra_inner {
width: 938px;
height:314px;
margin:0 auto;	
	
}

.banking_main_gra_inner p {
display: block;
width: 938px;
height: 0px;
padding-top:314px;
overflow: hidden;
background-image: url('../img/banking-main-gra.png');
background-repeat: no-repeat;

}

.contents-inner {
	width:1140px;
	margin:50px auto;	
}


.summary p {
display: block;
width: 879px;
height: 0px;
padding-top:238px;
overflow: hidden;
background-image: url('../img/banking-summary.png');
background-repeat: no-repeat;
line-height:1.2;
}

.gp-merit {
display: block;
width: 859px;
height: 0px;
padding-top:526px;
overflow: hidden;
background-image: url('../img/banking-merit.png');
background-repeat: no-repeat;
margin:50px auto 50px 10px;
line-height:1.3;

}

.article01,
.article02,
.article03,
.article04,
.article05 {
	width:940px;
}

.article01 h2 {
display: block;
width: 880px;
height: 0px;
padding-top:40px;
overflow: hidden;
background-image: url('../img/banking-article01-hl.png');
background-repeat: no-repeat;
line-height:1.2;
}

.article02 h2 {
display: block;
width: 880px;
height: 0px;
padding-top:37px;
overflow: hidden;
background-image: url('../img/banking-article02-hl.png');
background-repeat: no-repeat;
line-height:1.2;
}


.article03 h2 {
display: block;
width: 880px;
height: 0px;
padding-top:37px;
overflow: hidden;
background-image: url('../img/banking-article03-hl.png');
background-repeat: no-repeat;
line-height:1.2;
}

.article04 h2 {
display: block;
width: 880px;
height: 0px;
padding-top:38px;
overflow: hidden;
background-image: url('../img/banking-article04-hl.png');
background-repeat: no-repeat;
line-height:1.2;
}

.article05 h2 {
display: block;
width: 880px;
height: 0px;
padding-top:38px;
overflow: hidden;
background-image: url('../img/banking-article05-hl.png');
background-repeat: no-repeat;
line-height:1.2;
}

.article-list {
	margin-left:50px;
	margin-right:60px;
	margin-top:30px;
	margin-bottom:50px;
	line-height:1.8;
}

.forperson {
	background:url('../img/banking-forperson-bg.png') no-repeat left top;
	width:859px;
	height:985px;
	margin-left:10px;
	position:relative;
}

.forperson-hl {
	display: block;
	width: 459px;
	height: 0px;
	padding-top:29px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-hl.png');
	background-repeat: no-repeat;
	position:absolute;
	top:65px;
	left:200px;
	line-height:1.2;
}

.forperson-ph01 {
	display: block;
	width: 569px;
	height: 0px;
	padding-top:42px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-ph01.png');
	background-repeat: no-repeat;
	position:absolute;
	top: 140px;
  	left: 147px;
	line-height:1.2;
}

.forperson-ph02 {
	display: block;
	width: 498px;
	height: 0px;
	padding-top:62px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-ph02.png');
	background-repeat: no-repeat;
	position:absolute;
	top:530px;
	left:190px;
	line-height:1.2;
}

.forperson-list01 {
	position:absolute;
	top:210px;
	left:60px;
}

.forperson-list02 {
	position:absolute;
	top:620px;
	left:60px;
}

.forperson-list01 li,
.forperson-list02 li {
	margin-right:10px;
}

.person01 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:264px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-01.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

.person02 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:264px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-02.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

.person03 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:264px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-03.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

.person04 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:293px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-04.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

.person05 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:293px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-05.png');
	background-repeat: no-repeat;
	line-height:1.2;
}

.person06 {
	display: block;
	width: 240px;
	height: 0px;
	padding-top:293px;
	overflow: hidden;
	background-image: url('../img/banking-forperson-06.png');
	background-repeat: no-repeat;
	line-height:1.2;
}


.margin_top_30 {
margin-top:30px;
}
.bg_eee { background: #eee; }
.border_top { border-top : solid 1px #02478d; padding-top: 20px; }

table.company {
	margin: 0 auto;
	margin-top: 20px;
	border-collapse: collapse;
	border-spacing: 0;
	line-height:1.6;
	font-size:14px;
	margin-left:0px;
	}

table.price th,
table.company th {
/*	width: 210px;
*/	padding: 10px;
	background: #eee;
	}

.margin_top_10 {
margin-top:10px;
}

.wid300{	
	width:50%;
}

.width100 {
	width:100px;	
}

.width900 {
	width:850px;	
}
	
table.company th { text-align: left; }

table.company td { padding: 10px; vertical-align:top; }

table.company td.bt {  border-top: solid 1px #02478d; }

table.price td { text-align: center; }


.aside {
	width:200px;
	float:right;
}

.aside ul {
	list-style:none;
	padding:0;
	margin:0;	
}

.aside li {
	padding:0;
	margin:0;
	height:30px;	
}

.bnr-area01 {
	margin-top:10px;
	margin-bottom:10px;
}
.bnr-area02 img {
vertical-align: bottom;
/*margin-top:10px;*/	
}

.bnr-area03,.bnr-area04 {
	margin-bottom:10px;
}

footer {
	
}

.footer-inner {
	width:1140px;
	margin:20px auto;
}

.copy { font-size: 0.825em; text-align: center;}







/*
-----------------------------------------------------------------------
common
-----------------------------------------------------------------------
*/

a {
	color: #3159a8;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.3s ease-out;
}
a:visited {
	color: #3159a8;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.3s ease-out;
}
a:active {
	color: #3159a8;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.3s ease-out;
}
a:hover {
	color: #F99;
	text-decoration: underline;
	opacity: 0.7;
}

li {
	list-style: none;
}

/*-- スペース共通 --*/

.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.mr55{margin-right:55px;}
.mr60{margin-right:60px;}
.mr65{margin-right:65px;}
.mr70{margin-right:70px;}
.mr75{margin-right:75px;}
.mr80{margin-right:80px;}
.mr85{margin-right:85px;}
.mr90{margin-right:90px;}
.mr95{margin-right:95px;}
.ml0{margin-left:0;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml60{margin-left:60px;}
.ml65{margin-left:65px;}
.ml70{margin-left:70px;}
.ml75{margin-left:75px;}
.ml80{margin-left:80px;}
.ml85{margin-left:85px;}
.ml90{margin-left:90px;}
.ml95{margin-left:95px;}
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb70{margin-bottom:70px;}
.mb75{margin-bottom:75px;}
.mb80{margin-bottom:80px;}
.mb85{margin-bottom:85px;}
.mb90{margin-bottom:90px;}
.mb95{margin-bottom:95px;}
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt30{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt70{margin-top:70px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt90{margin-top:90px;}
.mt95{margin-top:95px;}

.pr0{padding-right:0;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pl0{padding-left:0;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pb0{padding-bottom:0;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pb55{padding-top:55px;}
.pb60{padding-top:60px;}
.pb65{padding-top:65px;}
.pb70{padding-top:70px;}
.pb75{padding-top:75px;}
.pb80{padding-top:80px;}
.pb85{padding-top:85px;}
.pb90{padding-top:90px;}
.pt0{padding-top:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt30{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt55{padding-top:55px;}
.pt60{padding-top:60px;}
.pt65{padding-top:65px;}
.pt70{padding-top:70px;}
.pt75{padding-top:75px;}
.pt80{padding-top:80px;}
.pt85{padding-top:85px;}
.pt90{padding-top:90px;}

.wd5{width:5%;}
.wd10{width:10%;}
.wd15{width:15%;}
.wd20{width:20%;}
.wd25{width:25%;}
.wd30{width:30%;}
.wd30{width:35%;}
.wd40{width:40%;}
.wd45{width:45%;}
.wd50{width:50%;}
.wd55{width:55%;}
.wd60{width:60%;}
.wd65{width:65%;}
.wd70{width:70%;}
.wd75{width:75%;}
.wd80{width:80%;}
.wd85{width:85%;}
.wd90{width:90%;}

/*-- 回り込み解除 --*/

.clear{clear:both;}
.clearbox {clear:both;}

/*-- テキスト --*/

.red-txt {color:#FF0000;}
.small-txt {font-size:1em;}
.bold-txt {font-weight:bold;}
.al-c {text-align:center;}
.al-l {text-align:left;}
.al-r {text-align:right;}
.fwb {font-weight: bold;}
.fwn {font-weight: normal;}
.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs28 {font-size:28px;}
.fs30 {font-size:30px;}

.img-bg {
	display:block;
	height:0;
	overflow:hidden;
}
a.img-bg.hover:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.js-link {cursor:pointer;}

/*
----------------------------------------
huckclearfix
----------------------------------------
*/
.box-area:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/*\*/

* html .box-area {
  height:1%;
}

* html .box-area {
  display:block;
}

/**/

/*
----------------------------------------
pageトップボタン
----------------------------------------
*/
#page-top {
	position: fixed;
	bottom: 80px;
	right: 60px;
	font-size: 77%;
}
#page-top a {
	background: #052F68;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 18px 0;
	text-align: center;
	display: block;
	border-radius: 50%;
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;  /* Firefox用 */  
	font-size: 14px;
}