@charset "shift_jis";

/* layout_nc_pc.css
====================================== */
img {
	font-size: 0;
	line-height: 0;
	backface-visibility: hidden;
}
.forPCTB {
	display: block !important;
}
.forSP,
.forTBSP {
	display: none !important;
}

/* pageContainer
--------------------------------- */
#pageContainer {
	background-color: #fff;
	text-align: left;
	width: 100%;
	position: relative;
	padding-top: 270px;
}

/* headContainer
--------------------------------- */
#headContainer .disclaimer{
	background-color: #fff2f2;
	color: #fd5c5c;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5;
	width: 100%;
}
#headContainer .disclaimer div{
	padding: 14px 0;
}
#headContainer .disclaimer div,
#headContainer #hdWrapBox{
	margin: 0 auto;
	max-width: 1208px;
}
#headContainer .disclaimer p{
	padding: 0 16px;
}
#headContainer .disclaimer a,
#headContainer .disclaimer a:link,
#headContainer .disclaimer a:visited{
	color: #fd5c5c;
}
#headContainer .disclaimer a:hover,
#headContainer .disclaimer a:active{
	opacity: 0.6;
}
#headContainer #hdWrapBox .flexWrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#headContainer #ppbLogo p.headLogo a{
	display: block;
	margin: 27px 16px;
}
#headContainer #ppbLogo p.headLogo img{
	width: auto;
	height: 36px;
}
#headContainer{
	position: fixed;
	background-color: #fff;
	padding: 0;
	width: 100%;
	top:0;
	left:0;
	z-index:998;
}
#headContainer .wrap01,
#headContainer .wrap02{
	max-width: 1208px;
	margin:0 auto;
	box-sizing:border-box;
}
#headContainer .wrap02{
	display:block;
}
#headBox{
	margin-bottom: 6px;
	border-bottom: 4px solid #1c3992;
}
#headBox  #identity{
	font-size: 3em;
	margin: 16px;
}
#headBox #identity a:hover{
	text-decoration: none;
}
#identity a,
#identity a:link,
#identity a:visited{
	color: #333;
}
#identity a:hover,
#identity a:active,
#headContainer #ppbLogo p.headLogo a:hover,
#headContainer #ppbLogo p.headLogo a:active{
	opacity: 0.6;
}
#headBox .loginBox{
	display: none;
}
#headContainer .utility{
	text-align: right;
}
#headContainer .utility li{
	margin-right: 15px;
	display: inline-block;
}
#headContainer .utility li.last{
	margin-right: 0;
}
#headContainer .utility li a{
	color: #333;
	background: url(/service/loan/net/common/images/com_ic001.png) no-repeat left 0.2em;
	padding: 2px 0 2px 14px;
	font-size:1.2em;
}

/* guidance */
.guidance {
	display: block;
	height: 1px;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 1px;
}

/* sideArea
--------------------------------- */
#sideArea {
	float: left;
	font-size: 1.6em;
	width: 208px;
}
#sideArea .accountBox{
	position: fixed;
	top: 150px;
	right: 2%;
	z-index: 999;
}
#sideArea #globalNavi{
	margin-top: 30px;
}
#sideArea #globalNavi li a {
	color: #fff;
	display:block;
	padding: 0 20px 0 10px;
	margin-top: 10px;
	line-height: 52px;
	background: #112d8e url(/service/loan/net/common/images/gnav_ic001.png) no-repeat 97% center;
	border: 4px solid #112d8e;
}
#sideArea #globalNavi li.navi06 a {
	margin-top: 30px;
	background-color: #228ce8;
	border: 4px solid #228ce8;
}
#sideArea .sideBnrArea{
	margin-top: 30px;
}
#sideArea .sideBnrArea li{
	margin-top: 10px;
}
#sideArea .sideBnrArea li img{
	display:block;
}
/* sideArea highlight */
#ncSp.apply #sideArea #globalNavi li.navi01 a,
#ncSp.init #sideArea #globalNavi li.navi02 a,
#ncSp.loan #sideArea #globalNavi li.navi03 a,
#ncSp.payment #sideArea #globalNavi li.navi04 a,
#ncSp.detail #sideArea #globalNavi li.navi05 a{
	border: 4px solid #5373c5;
}
#ncSp.contractor #sideArea #globalNavi li.navi06 a {
	border: 4px solid  #52acf6;
}

/* topicPath
--------------------------------- */
#topicPath {
	background-color: #e9f6fc;
	font-size: 1.4em;
	margin-top:5px;
}
#topicPath p{
	line-height: 30px;
	margin: 0 auto;
	max-width: 1208px;
}
#topicPath img{
	margin: 0 5px;
}

/* mainContainer
--------------------------------- */
#mainContainer {
	background-color: #fff;
	margin: 0 auto;
	position: relative;
	width: 1208px;
}

/* contents
--------------------------------- */
#mainContainer #contents {
	float: right;
	width: 970px;
	margin-top:30px;
}

/* toPageTop
--------------------------------- */
#toPageTop {
	background: #112d8e url(/service/loan/net/common/images/com_bg_pgtop001.png) no-repeat;
	background-size:23px auto;
	background-position:center 15px;
	border-radius: 50%;
	bottom: 15px;
	right: 15px;
	display: none;
	position: fixed;
}
#toPageTop.inFooter {
	background-position:center 10px;
	bottom: 85px;
	position: absolute;
}
#toPageTop a {
	display: block;
	width:70px;
	height:70px;
	box-sizing: border-box;
	padding-top: 32px;;
	color: #fff;
	text-align:center;
}
#toPageTop.inFooter a {
	padding-top: 25px;
}

/* footContainer
--------------------------------- */
#footContainer {
	background-color: #f7f7f7;
	color: #606060;
	font-size: 1.4em;
	clear: both;
	width: 100%;
}

/* siteInfo */
#footContainer .siteInfo {
	color: #606060;
	text-align: center;
	margin: 0 auto;
	padding: 64px 0 52px;
	width: 970px;
}
#footContainer .foot__link{
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
	margin: 0 auto;
}
#footContainer .foot__link_item a{
	display: block;
	line-height: 1.4;
	color: #606060;
	text-align: center;
	border-right: 1px solid #bababa;
	padding: 0 14px;
}
#footContainer .foot__link_item.last a{
	border-right: none;
}
#footContainer .foot__link_item a:link,
#footContainer .foot__link_item a:visited{
	color: #606060;
}
#footContainer .foot__link_item a:hover,
#footContainer .foot__link_item a:active{
	color: #909090;
}
#footContainer .foot__bottom_txt01 a:hover,
#footContainer .foot__bottom_txt01 a:active{
	opacity: 0.6;
}
#footContainer .foot__bottom{
	font-size: 0.8em;
	text-align: center;
}
#footContainer .foot__bottom_txt01{
	margin: 80px 0 40px;
}
#footContainer .foot__bottom_txt01 img{
	width: auto;
	height: 30px;
}
#footContainer .foot__bottom_txt03{
	padding-bottom: 40px;
}
#footContainer .siteInfo br {
	display: none;
}

/* spMenu */
#footContainer .spMenu{
	display:none;
}

/* clearFix
--------------------------------- */
#headContainer .wrap01,
#headContainer .wrap02,
#mainContainer{
	/zoom:1;
}
#headContainer .wrap01:after,
#headContainer .wrap02:after,
#mainContainer:after{
	content:'';
	display:block;
	clear:both;
}

/* PC small */
@media screen and (max-width:1279px){
	#sideArea,
	#mainContainer{
		width: 100%;
	}

	/* headContainer
	--------------------------------- */
	#headBox  #identity{
		margin: 10px 0 20px 16px;
	}
	#headContainer .disclaimer div{
		padding: 14px 0;
	}
	#headContainer .wrap02{
		padding: 0 10px 5px 5px;
	}

	/* sideArea
	--------------------------------- */
	#sideArea {
		float: none;
	}
	#sideArea .accountBox{
		top: 155px;
		right: 5px;
	}
	#sideArea #globalNavi{
		margin-top:5px;
	}
	#sideArea #globalNavi ul{
		display:table;
		table-layout:fixed;
		width:100%;
	}
	#sideArea #globalNavi li{
		display:table-cell;
		border-right:1px solid #fff;
	}
	#sideArea #globalNavi li.navi06{
		border-right:none !important;
	}
	#sideArea #globalNavi li a {
		margin-top:0;
		line-height: 35px;
	}
	#sideArea #globalNavi li.navi06 a {
		margin-top:0;
	}
	#sideArea .sideBnrArea{
		display:none;
	}
	/* topicPath
	--------------------------------- */
	#topicPath {
		display:none;
	}
	
	/* contents
	--------------------------------- */
	#mainContainer #contents {
		float: none;
		width:100%;
		max-width: 970px;
		margin:15px auto 152px;
	}
}

/* Tablet */
@media screen and (max-width:969px){
	.forPC {
		display: none !important;
	}
	.forTBSP {
		display: block !important;
	}
	#pageContainer{
		padding-top: 0;
	}
	#mainContainer.sAppBnr{
		margin-top: -80px;
	}
	#mainContainer #contents {
		width:auto;
		margin:15px 2%;
	}
	/* headContainer
	--------------------------------- */
	#headBox  #identity{
		margin: 10px 0 20px 16px;
	}
	#headContainer{
		position: relative;
	}
	#headContainer .disclaimer div{
		padding: 16px 14px;
	}
	#headContainer #ppbLogo p.headLogo a{
		margin: 14px 16px;
	}
	#sideArea .accountBox{
		position: absolute;
		top: -125px;
	}
	#sideArea .accountBox.sAppBnr{
		top: -120px;
	}
	/* footContainer
	--------------------------------- */
	#footContainer .siteInfo{
		width: auto;
		padding: 46px 16px 56px;
	}
	#footContainer .foot__link_item{
		margin-bottom: 20px;
	}
	#footContainer .foot__bottom_txt01{
		margin: 40px 0 28px;
	}
}