@charset "utf-8";

body{ background-image:url(../img/bg_01.gif); color:#565656; line-height:160%; }

#flg-top{
	border-bottom:1px solid #bfb79a;
}

#campaign p {color:#4d4d4d;}
#campaign ul li{color:#4d4d4d;}

#jbk-frame-main { margin-top: 0; }
#jbk-frame-main .frame-content { max-width:996px; *max-width:976px; }
.frame-content { width:996px!important; }
#jbk-frame-main .c-ground-01 {
	margin: 0;
	border: none;
	box-shadow: none;
}
.c-ground-01 {
	margin: 0;
	padding: 30px 60px 54px;
	*width:856px!important;
}
.c-ground-01.ie {
	*padding-top: 90px;
	*background: #fff;
	*overflow: hidden;
	*zoom:1;
}

.c-infoBlock-01 {
	margin: 25px 40px 0;
	padding: 20px;
	background: #f2f2f2;
	border: none;
}
.c-noteList-01 li {
	color: #4d4d4d;
	font-size: 12px;
	line-height: 1.6;
}

.bg01 .c-noteList-01 li {
	color: #7b3d14;
}
.bg01 .relative .c-noteList-01 {
	margin-top: 0;
}
.bg01 .relative .c-noteList-01 li {
	color: #7b3d14;
}
.c-noteList-01 strong {
	color: #e50000;
}
.c-noteList-01 em, .dtl em {
	font-size: 160%;
	line-height: 0.8;
	vertical-align: middle;
	margin: 0 0 0 -0.2em;
}
.c-noteList-01.inline {
	margin: 1.375em 0 60px 0;
}
.c-noteList-01.inline li {
	display: inline;
}

.c-noteList-03 li:before, .c-rightLink-02 a:before { top: 2px; }
.c-rightLink-02 a { margin: 0 auto; }
.c-linkList-01 a, .c-rightLink-02 a { text-decoration: underline; }
.c-linkList-01 a:hover, .c-rightLink-02 a:hover { text-decoration: none; }
.c-linkList-01 a:before {
  width: 18px;
  height: 100%;
  background-image: url(../img/marker_01_@2x.png);
  background-repeat: no-repeat;
  background-size: auto 18px;
  -moz-background-size: auto 18px;
  -webkit-background-size: auto 18px;
  -o-background-size: auto 18px;
  position: absolute;
  left: 0;
  top: 3px;
  content: "";
}

.ent{
	text-align:center; 
	margin:20px 0;
	}


/*  */
p { margin: 0; }
strong{ font-weight:bold; color:#eb6100; }
.relative { position: relative; }

.bg01 {
	background: #eeeeee;
}
.bg02 {
	background:#ff6c00;
}
.bg03 {
	background:#ffffff;
}
.wrap01 {
	width: 856px;
	margin-left: auto;
	margin-right: auto;
}
.wrap02 {
	width: 776px;
	margin-left: auto;
	margin-right: auto;
}
.pnc01 { padding: 80px 0; }
.pnc02 { padding: 60px 0; }
.pnc03 { margin-top: 40px; }
.pnc04 { padding: 60px 0 80px; }
.pnc05 { margin-top: 80px; }
.pnc06 { padding: 40px 0 80px; }
.pnc07 { margin: 80px 0; }
.pnc08 { padding: 80px 0 0; }

.cur { text-align: right; }
.ctr { text-align: center; margin-bottom:20px;}
.att { text-align: left; font-size: 14px;}

ul.clearfix {
	margin: 0;
	padding: 0;
}
ul.clearfix li {
	list-style: none;
	float: left;
}
.cv {
	padding: 35px 0;
	background: #ff7e00;
}
.cv .cv-btn {
	width: 856px;
	margin-left: auto;
	margin-right: auto;
}
.cv-btn {
	margin-bottom: 25px!important;
}
.cv-btn li {
	margin-left: 20px;
}
.cv-btn li:first-child {
	margin-left: 0;
}
.lp-btn a:hover, .nav a:hover, .anchor a:hover, .bg01 .relative .lp-btn a:hover {
	opacity:.7;
	filter:alpha(opacity=70);
}
.cv a:hover, .cv-btn a:hover, .fv .lp-btn a:hover, .bg01 .lp-btn a:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}

h3, h4 {
	font-size: 0;
	text-align: center;
	margin: 0;
}
h5 {
	font-size: 0;
	margin: 0;
}

/* fv */
.fv {
	position: relative;
	height:800px;
	background:#fff2f0;
	text-align:center;
}
.fv-top {
	display: block;
	height: 302px;
	background: #ffd236;
}
.fv .abs {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.fv .cv-btn {
	margin: 25px 0 25px;
}

/* nav */
.nav {
	padding-bottom: 10px;
	background: url(../img/nav_bg02.png) repeat-x left bottom;
}
.nav .clearfix {
	width: 976px;
	margin: 0 auto;
	background: url(../img/nav_bg01.png) no-repeat left 10px;
}
.nav .clearfix li {
	text-align: center;
	width: 244px;
	height: 60px;
	padding: 18px 2px 0 0;
	background: url(../img/nav_bg01.png) no-repeat right 10px;
}
.nav .clearfix li.even {
	width: 243px;
}
.nav .clearfix li.wallet {
	padding: 14px 2px 0 0;
}

/* コンテンツ */
.sec01 h3, .sec02 h3 {
	margin: 60px auto;
}
.sec01 h3:first-child {
	margin: 0 auto 60px;
}
.sec01 h4 {
	margin-bottom: 30px;
}
.sec01 .clearfix .blc {
	float: left;
	margin-left: 19px;
}
.sec01 .clearfix .blc:first-child {
	margin-left: 0;
}
.sec01 .abs04 {
	position: absolute;
	top: 403px;
	left: 34px;
}
.sec01 .abs05 {
	position: absolute;
	top: 358px;
	left: 30px;
}
.sec01 .abs01 {
	position: absolute;
	top: 78px;
	left: 30px;
}
.sec01 .abs02 {
	position: absolute;
	left: 30px;
	bottom: 160px;
}
.sec01 .abs03 {
	position: absolute;
	right: 42px;
	bottom: 130px;
}

.sec01 .abs08 {
	position: absolute;
	left: 35px;
	bottom: 38px;
}

.sec01 .abs09 {
	position: absolute;
	left: 35px;
	bottom: 20px;
}

.sec01 .abs10 {
	position: absolute;
	bottom: 20px;
	left: 35px;
}

.sec02 .detail {
	font-size:10px;
}


.anchor {
	padding: 0;
}
.anchor li {
	list-style: none;
	margin-bottom: 36px;
}
.sec02 .clearfix li {
	color: #7b3d14;
	font-size: 14px;
	width:160px;
}
.sec02 .clearfix li a {
	color: #ff7e00;
}
.sec02 .clearfix li a:hover {
	text-decoration: none;
}
.sec02 .abs06 {
	width: 100%;
	position: absolute;
	top: 215px;
	left: 80px;
}
.sec02 .abs01 {
	width: 100%;
	position: absolute;
	top: 100px;
	left: 8px;
}
.sec02 .abs01 li {
	margin-left: 36px;
}
.sec02 .abs01 li:first-child {
	margin-left: 50px;
}
.sec02 .abs02 {
	width: 100%;
	position: absolute;
	top: 280px;
	left: 0;
}
.sec02 .abs02 li {
	margin-left: 36px;
}
.sec02 .abs02 li:first-child {
	margin-left: 51px;
}
.sec02 .abs03 {
	width: 100%;
	position: absolute;
	top: 315px;
	left: 0;
}
.sec02 .abs03 li {
	margin-left: 36px;
}
.sec02 .abs03 li:first-child {
	margin-left: 51px;
}
.sec02 .abs04 {
	width: 100%;
	position: absolute;
	top: 210px;
	left: 0;
}
.sec02 .abs05 {
	width: 100%;
	position: absolute;
	top: 130px;
	left: 0;
}
.sec02 .abs04 li, .sec02 .abs05 li {
	margin-left: 64px;
}
.sec02 .abs04 li:first-child, .sec02 .abs05 li:first-child {
	margin-left: 125px;
}
.sec02 .abs05 li.thd {
	margin-left: 70px;
}

.sec02 .abs07 {
	position: absolute;
	left: 30px;
	bottom: 20px;
}

.sec02 .abs08 {
	position: absolute;
	right: 90px;
	top: 12px;
}

.sec02 .abs09 {
	position: absolute;
	width:760px;
	left: 30px;
	bottom: 30px;
}


.sec03 h4, .sec04 h4 {
	margin-bottom: 40px;
}
.sec03 h5, .sec04 h5 {
	margin-bottom: 25px;
}
.sec03 p, .sec04 p {
	font-size: 14px;
}
.sec03 ul.clearfix li {
	margin: 20px 0 0 20px;
}
.sec03 ul.clearfix li:first-child {
	margin: 0;
}
.sec03 ul.clearfix li.even {
	margin-left: 0;
}
.sec03 .clearfix .blc {
	width: 350px;
	margin-left: 76px;
	float: left;
}
.sec03 .clearfix .blc:first-child {
	margin-left: 0;
}
.sec03 .blc .img01 {
	padding: 38px 0 40px;
}
.sec03 .blc h5 {
	margin: 25px 0 25px;
}
.sec03 .blc p {
	min-height: 103px;
}
.sec03 .txt, .sec04 .txt {
	width: 350px;
	float: left;
}
.sec03 .img02, .sec04 .img02 {
	text-align: center;
	width: 390px;
	margin-left: 36px;
	float: left;
}
ul.cle {
	position: absolute;
	margin: 20px 58px 0;
}

ul.cle02 {
	margin: 20px 6px 0;
}

.sec04 .img03 {
	margin: 50px 0 10px;
}
.sec04 .abs01 {
	position: absolute;
	right: 14px;
	bottom: 10px;
}
.sec04 .img04 {
	text-align: center;
	width: 350px;
	margin-right: 76px;
	float: left;
}

/* キャンペーン概要 */
#campaign .blc {
	color: #4d4d4d;
	border-top: solid 1px #b4b4b4;
	margin: 0 38px;
	padding: 16px 0;
}
#campaign .blc.top {
	border-top: none;
	padding: 30px 0 16px;
}
#campaign .blc p {
	margin: 0;
}
#campaign .blc .cap {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.9;
	width: 8em;
	margin-right: 25px;
	float: left;
}
#campaign .blc .dtl {
	font-size: 12px;
	overflow: hidden;
}
#campaign .dtl p {
	padding-top: 15px;
}
#campaign .dtl p:first-child {
	padding-top: 0;
}
#campaign .dtl .c-noteList-01 {
	margin-top: 0;
}
#campaign .dtl .c-noteList-01 li {
	font-size: 100%;
	line-height: 1.8;
}


/* 問い合わせ */
.pnc01 .lp-info-box-01:first-child {
	margin-top: 0;
}
.lp-info-box-01 hr {
	display: block;
	height: 1px;
	margin: 30px 32px 25px;
	background: #eb5505;
	border: none;
}
.lp-telBlock-01 .text {
	color: #eb5505;
	font-size: 24px;
	font-weight: bold;
}
.lp-telBlock-01 .text em {
	font-size: 36px;
}
.lp-heading-lv3-01 h3.loan {
	margin-top: 0;
}
.lp-heading-lv3-01 p.loan {
	margin: 0;
}
.lp-telBlock-01 .text-01,
.lp-telBlock-01 .text-02,
.lp-telBlock-01 .text-03 {
	*line-height: 1.4;
	*display: inline;
	*zoom: 1;
}
.lp-info-box-01 .c-copy-01 {
	text-align: center;
}

/* ヘッダー */
#jbk-header-area .frame-content {
	padding: 20px 10px 12px;
}
#jbk-header-area h1 {
	font-size: 0;
	margin: 0 21px 14px 0;
	*padding: 0 21px 14px 0;
	width: 197px;
}
#jbk-header-area h2 {
	font-size: 0;
	padding-top: 20px;
	width: 274px;
	float: left;
}
#jbk-header-area h2 img {
	width: 100%;
	height: auto;
}
.btn-bank {
	list-style: none;
	margin: 9px 0 0;
	padding: 0;
}
#jbk-header-area #header-accessary .btn-bank li.btn-01 a.c-btn-login {
    margin: 0;
    padding: 13px 36px 10px 56px;
}
#jbk-header-area #header-accessary .btn-bank li a {
    display: inline-block;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 0 rgba(0,0,0,0.2);
    color: #fff;
    font-size: 1.125em;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}
a.c-btn-login:before {
    width: 17px;
    top: 12px;
    left: 32px;
    background-size: auto 28px;
    -moz-background-size: auto 28px;
    -webkit-background-size: auto 28px;
    -o-background-size: auto 28px;
    background-position: -16px 0;
}
a.c-btn-login {
    border: 0;
    border-top: 1px solid #9f9f9f;
    border-bottom: 1px solid #191818;
    background: #605f5f;
    background: -moz-linear-gradient(top,#605f5f 0,#484747 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#605f5f),color-stop(100%,#484747));
    background: -webkit-linear-gradient(top,#605f5f 0,#484747 100%);
    background: -o-linear-gradient(top,#605f5f 0,#484747 100%);
    background: -ms-linear-gradient(top,#605f5f 0,#484747 100%);
    background: linear-gradient(to bottom,#605f5f 0,#484747 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#605f5f',endColorstr='#484747',GradientType=0);
    filter: none\9;
    padding: 16px 38px 16px 60px;
    position: relative;
    text-align: left;
}
#jbk-header-area #header-accessary .btn-bank li a:hover{
	opacity:.7;
	filter:alpha(opacity=70);
	*background: #605f5f;
}
@media only screen and (max-width:1024px){
	#jbk-header-area #header-accessary .btn-bank li a:hover{
		opacity:1;
		filter:alpha(opacity=100);
	}
}
@media only screen and (max-width:640px){
	#jbk-header-area .frame-content {
		padding: 10px 10px 12px;
		overflow: hidden;
	}
	#jbk-header-area h1 {
		margin: 0 11px 0 0;
		padding-top: 9px;
		width: 111px;
	}
	#jbk-header-area h2 {
		padding-top: 21px;
		width: 154px;
	}
	@media only screen and (max-width:476px){
		#jbk-header-area .hd-logo {
			width: 111px;
		}
		#jbk-header-area h1 {
			margin: 0;
			padding-top: 0;
			width: 111px;
			height: auto;
		}
		#jbk-header-area h2 {
			padding-top: 6px;
			width: 111px;
		}
	}
	#jbk-header-area #header-accessary .btn-bank li.btn-01 {
		position: absolute;
		top: 12px;
		right: 10px;
		height: 50px;
		width: 110px;
		margin: 0;
	}
	#jbk-header-area #header-accessary .btn-bank li a {
		-webkit-box-shadow: none;
		box-shadow: none;
		height: 50px;
		width: 110px;
	}
	#jbk-header-area #header-accessary .btn-bank li a span {
		font-weight: normal;
		line-height: 1;
		position: absolute;
		top: 19px;
		left: 43px;
		font-size: 11px;
		letter-spacing: -0.5px;
		white-space: nowrap;
	}
	#jbk-header-area #header-accessary .btn-bank li.btn-01 a.c-btn-login:before {
		top: 12px;
		left: 23px;
		width: 15px;
		background-size: auto 25px;
		-moz-background-size: auto 25px;
		-webkit-background-size: auto 25px;
		-o-background-size: auto 25px;
		background-position: -14px 0;
	}
}
/* フッター */
.pb-link-01 {
    background-color: #4e4d4d;
}
.c-topLink-01 { padding-top: 10px; }
.c-topLink-01 a {
    padding: 1px 0 1px 24px;
    color: #535252;
    text-decoration: none;
    position: relative;
    display: inline-block;
}
.c-topLink-01 a:before {
    width: 18px;
    height: 100%;
    background-image: url(../img/marker_07_@2x.png);
    background-repeat: no-repeat;
    background-position: -18px 0;
    background-size: auto 18px;
    -moz-background-size: auto 18px;
    -webkit-background-size: auto 18px;
    -o-background-size: auto 18px;
    position: absolute;
    left: 0;
    top: 3px;
    content: "";
}
ul.c-linkList-01 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pb-link-01 .c-linkList-01 li {
    padding: 12px 0 10px;
    text-align: center;
}
.pb-link-01 .c-linkList-01 a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.pb-link-01 .c-linkList-01 a:before {
    width: 18px;
    height: 100%;
    background-image: url(../img/marker_01_@2x.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    -moz-background-size: auto 18px;
    -webkit-background-size: auto 18px;
    -o-background-size: auto 18px;
    background-position: -216px 0;
    position: absolute;
    left: 0;
    top: 3px;
    content: "";
}
.js-area {
	height: 0;
	overflow: hidden;
}
/*for IE7↓*/
h1.logo a{*margin-left:25px;}
#header-accessary{*margin-right:25px;}


/*レイアウトクリアオブジェクト
=========================================================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	zoom:1;
	overflow:hidden;
}

/* \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* */


/*=========================================================================
style.css 2016.7.8
=========================================================================*/

.alertBlock {
    width: 976px;
    margin: 1em auto;
    background-color: #ffdede;
    border: 1px solid #e50000;
    padding: 24px;
}

.end {
    margin: 0;
    padding: 0;
    padding-left: 24px;
    position: relative;
    color: #e50000;
    font-weight: normal;
}

.end li:before {
    width: 18px;
    height: 100%;
    background-image: url(../img/marker_04_@2x.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    position: absolute;
    left: 0;
    content: "";
	list-style:none;
}