@charset "utf-8";

/*------------------------------------------------------------------------------
ニッセン・ジー・イー・クレジット株式会社 - CSS Modules Import
Date: 2014-03-15
Copyright (C) GE Nissen Credit. All Rights Reserved.
------------------------------------------------------------------------------*/

.note,
a.note {
	color: #d24a4a;
}
p strong {
	font-weight: 700;
}
p.logo {
	float: left;
	margin: 0 15px 20px 0;
}


/* index
------------------------------- */

#placeList {
	margin-bottom: 20px;
	background: url(../img/guide/bg_placeList.png) repeat-y center 0;
}
#placeList li {
	float: left;
	width: 220px;
	padding-left: 20px;
}
#placeList li h3 {
	margin-bottom: 15px;
}
#placeList li h3 span {
	font-size: 115.4%;
	font-weight: 700;
	padding-left: 20px;
	background: url(../img/common/icon_circle_01.png) no-repeat 0 center;
}
#placeList li p {
	margin-bottom: 0;
	font-size: 92.4%;
}
#placeList li p a {
	padding-left: 20px;
	background: url(../img/common/icon_arrw_01.png) no-repeat 0 50%;
}

.box01 h3 {
	margin-bottom: 15px;
	color: #347c9f;
	font-size: 115.4%;
	font-weight: 700;
}
#methodList li {
	float: left;
}
#methodList li a.btnStl02 {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	margin: 0 11px 0 0;
}
#methodList li.meth01 a.btnStl02,
#methodList li.meth04 a.btnStl02 {
	width: 160px;
}
#methodList li.meth02 a.btnStl02 {
	width: 130px;
}
#methodList li.meth03 a.btnStl02 {
	width: 195px;
}
#methodList li.meth04 a.btnStl02 {
	margin-right: 0;
}


/* cashingTop
------------------------------- */

.methNav li {
	padding-left: 15px;
	background: url(../img/common/icon_arrw_03.png) no-repeat 0 8px;
}
.cashingTop,
.cashingSec {
	margin-bottom: 40px;
}
.cashingTop h2,
.cashingSec h2 {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #dfdfdf;
}
.cashingTop p,
.cashingSec p {
	margin-bottom: 1em;
}
.cashingTop li {
	min-height: 82px;
	height: auto !important;
	height: 82px;
	padding: 10px 10px 0 97px;
	background: url(../img/guide/icon_cashing_pc.png) no-repeat 0 0;
	border-bottom: 1px solid #dfdfdf;
}
.cashingTop li#mobile {
	background: url(../img/guide/icon_cashing_mobile.png) no-repeat 0 0;
}
.cashingTop li#smart {
	background: url(../img/guide/icon_cashing_smart.png) no-repeat 0 0;
	border-bottom: none;
}
.cashingTop li h3 {
	margin-left: 25px;
	font-size: 138.5%;
	font-weight: 700;
}

.cashingSec dl {
	margin-bottom: 20px;
}
.cashingSec dt {
	clear: both;
	float: left;
	width: 120px;
	font-weight: 700;
}
.cashingSec dd {
	float: left;
	width: 500px;
	display: block;
	margin-bottom: 5px;
}
.cashingSec .box01 li li {
	margin-bottom: 0;
	padding-left: 0;
	background: none;
}

.cashingSec .box04 {
	border: 5px solid #e5e5e5;
	margin: 0 0 10px;
	padding: 15px 15px 0;
	text-align: center;
	width: 100%;
}
.cashingSec .box04 .title02 {
	font-size: 123.1%;
}
.cashingSec .box04 p span {
	font-weight: 700;
	font-size: 153.9%;
}

.cell01{
	padding-left: 26px;
}


/* payment
------------------------------- */

.payment .alnR a,
.payment .alnL a,
.payment .list01 li {
	padding-left: 22px;
	background: url(../img/common/icon_arrw_01.png) no-repeat 0 50%;
}
.payment .list03 li {
	margin-left: 1em;
	text-indent: -1em;
}

.payment .tbl01 th,
.payment .tbl01 td {
	vertical-align: middle;
	padding: 10px 0;
}
.payment .tbl01 th.course {
	background-color: #e6f3fa;
	color: #357da0;
	border-color: #d2dce1;
}
.payment .tbl01.example td {
	padding: 10px 20px;
	text-align: left;
}
.payment .tbl01 caption {
	margin-bottom: 5px;
	font-weight: 700;
}
.payment .tbl01 caption span {
	font-weight: 300;
}
.payment .methLead01 {
	margin-bottom: 20px;
	padding-left: 165px;
	background: url(../img/guide/fig_cont01-2.gif) no-repeat 0 5px;
}
.payment .methLead02 {
	margin-bottom: 20px;
	padding-left: 195px;
	background: url(../img/guide/fig_cont02-2.gif) no-repeat 0 0;
	min-height: 121px;
	height: auto !important;
	height: 121px;
}
.payment .methLead01 p,
.payment .methLead02 p,
.payment .blockStl01 p {
	margin-bottom: 5px;
}
.payment .methLead01 li,
.payment .methLead02 li {
	margin-left: 1em;
	text-indent: -1em;
}
.payment .blockStl01 li,
.payment ul.note li {
	margin-left: 1em;
	text-indent: -1em;
}
.payment .blockStl01 .list01 li {
	margin-left: 0;
	text-indent: 0;
}
.payment h5 {
	font-weight: 700;
}

.payment .col01 h2,
.payment .col02 h2 {
	float: left;
	width: 100px;
}
.payment .col01 div,
.payment .col02 div {
	float: right;
	width: 230px;
}
.payment .col01 p,
.payment .col02 p {
	margin-bottom: 1em;
}

/* revolving
------------------------------- */

.revolving h3 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dfdfdf;
}
.revolving #revolving_error,
.revolving #monthly_revolving {
	font-size: 123.1%;
	font-weight: 700;
	color: #ff6600;
}
.revolving td p {
	margin-bottom: 0;
}
.revolving p.note {
	color: #ff6600;
}

p.area {
	margin-bottom: 15px;
}

/* cashing/atm
------------------------------- */
.box01 {
	border: 5px solid #e5e5e5;
	padding: 15px 20px 0;
}
.box01 li {
	margin-bottom: 1em;
	background: url(../img/common/icon_square.png) no-repeat 0 .5em;
	padding-left: 14px;
}
.pdt10 {
	padding-top: 10px;
}
.date {
	text-align: right;
}


/* cashing/addition
------------------------------- */

.box02 {
	border: 5px solid #e5e5e5;
	padding: 15px 20px;
}
.box02 dl dd {
	margin-left: 1em;
}
.box02 dl dd.last {
	margin-bottom: 1em;
}


/* cashing/condition
------------------------------- */

.important strong {
	font-size: 123.1%;
}


/* cashing/epayment
------------------------------- */

.epLead {
	margin-bottom: 10px;
	padding-right: 165px;
	background: url(../img/guide/fig_cont01-2.gif) no-repeat right 0;
}
.epLead img {
	float: left;
	margin: 0 15px 10px 0;
}
.epInTxt{
	width: 450px;
	float: right;
}
.epInTxt ul{
	margin-top: 5px;
}
.epInTxt ul li{
	  margin-left: 1em;
    text-indent: -1em;
}


/* cashing/simulation
------------------------------- */

table.tdLeft td {
	text-align: left;
}
table.tdLeft td span {
	background: none;
	padding: 0;
}

p#resultArrow {
	height: 20px;
	margin: 10px 0;
	background: url(../img/common/img_next_01.png) no-repeat center center;
}

div#result {
	margin-bottom: 10px;
}
div#result h4 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
}
div#result p#unit {
	float: right;
	font-weight: bold;
}
div#result table {
	width: 100%;
	margin: 10px 0 20px;
	border-collapse: collapse;
	background-color: #fff;
}
div#result table th,
div#result table td {
	padding: 6px 10px;
	border: 1px solid #a5d2cc;
	text-align: center;
}
div#result table th {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #b3d8d3;
	font-weight: normal;
}
div#result table th.last {
	border-right: 1px solid #a5d2cc;
}
div#result table td.total {
	font-weight: bold;
}
div#result table td.balance {
	text-align: right;
}
div#result table td.type1 {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #d2e8e5;
}
div#result table td.last {
	border-bottom: 1px solid #a5d2cc;
}


/* payment/phone
------------------------------- */
.tbl01 td.logo {
	text-align: center;
}

/*span.popup {
	padding-right: 13px;
	background: url(../img/common/icon_popup.gif) no-repeat 100% 50%;
}*/
.tbl01 td span {
	padding-left: 13px;
	background: url(../img/common/icon_arrw_02.png) no-repeat 0 50%;
}

table.vtMid th,
table.vtMid td {
	vertical-align: middle;
}


/* cashing/law/
------------------------------- */

#tabNav {
	margin: 0 0 30px;
}
#tabNav li {
	display: inline;
	margin: 0;
}
.contactSec01 {
	margin: 10px 0 30px;
	border-top: 2px solid #dfdfdf;
	padding-top: 10px;
}
.contactSec01 h3 {
	margin-bottom: 20px;
	color: #357d9f;
	font-size: 123.1%;
	font-weight: 700;
}
ul.telList {
	margin-bottom: 20px;
}
ul.telList li {
	font-size: 107.7%;
}
ul.telList li span {
	font-size: 142.9%;
	font-weight: 700;
}
.contactSec01 p {
	margin-bottom: 20px;
}


/* cashing/law/index
------------------------------- */

.cntUnit01 {
	margin-bottom: 20px;
	text-align: center;
}
.cntUnit01:before {
	content: '';
	display: inline-block;
}
.cntUnit01 div {
	display: inline-block;
	/margin-left: 50px;
}
/* Firefox */
.cntUnit01 div, x:-moz-any-link {
	margin-right: 160px;
}
/* Safari&Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.cntUnit01 div {
		margin-right: 160px;
	}
}
.cntUnit01 div img {
	float: left;
	margin: 3px 15px 10px 0;
}
.cntUnit01 div p {
	margin-bottom: 0;
	white-space: nowrap;
	text-align: left;
	line-height: 51px;
}


/* cashing/law/index2
------------------------------- */

.index2 p.note {
	color: #ff6600;
	font-weight: 700;
	margin-bottom: 10px;
}
.index2 div.box03 {
	margin: 0 0 25px;
	padding: 20px;
	border: 1px solid #eae3cf;
	background-color: #faf6ea;
}
.index2 div.box02 ul,
.index2 div.box03 ul,
.index2 div.box03 ol,
.index2 div.box03 p {
	margin: 0;
}
.index2 div.box03 li {
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../img/common/line_dotted_yoko.png) 0 bottom repeat-x;
	zoom: 1;
}
.index2 div.box03 li.end {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}
.index2 div.box03 li div {
	float: right;
	width: 540px;
	margin: 2px 0 0;
}
.index2 div.box03 li a {
	float: left;
	width: 108px;
}
.index2 div.box03 ol li {
	margin: 0;
	padding: 0;
	background: none;
}
.index2 .btnUnit02 p {
	margin: 0 0 10px;
	color: #ff6600;
	font-weight: 700;
	font-size: 107.7%;
}


/* cashing/law/index3
------------------------------- */

.index3 p.nowrap {
	color: #cc3300;
	margin: 0 auto 10px;
	width: 40em;
}

.index3 .type1 {
	color: #066;
}
.index3 .type2 {
	color: #360;
}
.index3 .type3,
.index4 .type3 {
	color: #f60;
}


/* cashing/law/index4
------------------------------- */

.index4 td {
	vertical-align: middle;
}
.index4 p strong {
	color: #f60;
	font-weight: 700;
}
.index4 .imgR {
	float: right;
	margin: 3px 0 10px 25px;
}
.index4 .sendSec {
	clear: both;
	padding: 10px 0 0;
	background: url(../img/common/line_dotted_yoko.png) 0 0 repeat-x;
}
.index4 h4 {
	color: #f60;
	font-weight: 700;
}
.index4 span.number {
	font-size: 142.9%;
	font-weight: 700;
}

/* cashing/bank
------------------------------- */
.tblBank01 th.th01{
	vertical-align: middle;
	background: #fff;
	color: #000;
}

.flowListBank01{
	border: 5px solid #e5e5e5;
	padding: 20px;
	text-align: center;
}

.flowListBank01 .flowBox ul li{
	text-align: left;
}

.flowListBank01 .imgflowNext{
	margin: 15px 0 30px;
}

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */

#placeList:after,
#methodList:after,
.section02:after,
.cashingSec dl:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */

#placeList,
#methodList,
.section02,
.cashingSec dl {
	*zoom: 1;
}