@charset "utf-8";

/*============================================================================
	
	5.キャッシングサービス
		5-0 共通スタイル
		5-1 キャッシングサービス
		5-2 キャッシングのご利用方法
		5-3 返済シミュレーション
		5-4 収入証明書・ご本人様確認書類のご返送
		5-5 「キャッシングご利用可能枠」増枠お申込みのご案内
		5-6 お支払いコースのご案内
		5-7 改正賃金業法についてのご案内
=============================================================================*/

/* @group 5-0 共通
---------------------------------------------------------------------- */
ul.size11 {
	font-size: 85% !important;
	line-height: 1.5;
}
/* @end -------------------------------------------------------------- */

/* @group 5-1 キャッシングサービス
---------------------------------------------------------------------- */

div#caching-japan,
div#revoCourse,
div#cashingExample,
div#cachingBank,
div#cachingATM {
	margin-bottom: 20px;
}

div#caching-japan h4,
div#revoCourse h4,
div#cashingExample h4,
div#cachingBank h4,
div#revoChange h4,
div#cachingATM h4 {
	color: #ef7e00;
}

div#caching-japan {
	border-bottom: 1px solid #a9a9a9;
}

div#caching-japan dl {
	border-top: 1px solid #a9a9a9;
	padding: 7px 10px;
}

div#caching-japan dl dt {
	font-size: 108%;
	font-weight: bold;
	padding-bottom: 5px;
}

div#caching-japan dl ul {
	margin-bottom: 0;
	padding-bottom: 3px;
}

div#caching-japan table.sheet {
	border-top: 1px solid #a9a9a9;
	margin: 5px 0 10px;
}

div#caching-japan table.sheet th {
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #a9a9a9;
	font-weight: normal;
}

div#caching-japan table.sheet td {
	border: none;
	border-bottom: 1px solid #a9a9a9;
	text-align: center;
}

div#caching-japan span {
	color: #ef7e00;
}

div#caching-japan .bg td {
	background: transparent url(../images/index/bg_arrowB.gif) no-repeat 50% 50%;
}

div#revoCourse ol {
	list-style: none;
	margin: 0 0 5px;
}

div#revoCourse ol:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#revoCourse ol {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#revoCourse ol {
	height: 1%;
}

div#revoCourse ol {
	display: block;
}
/**/

div#revoCourse ul.revoLong {
	font-size: 85%;
	width: 200px;
}

div#revoCourse ol li {
	float: left;
	width: 220px;
	margin: 0 5px 0 0;
	padding-bottom: 4px;
	background: transparent url(../images/index/bg_revo.gif) no-repeat 50% 100%;
}

div#revoCourse ol li p {
	border-right: 1px solid #ea823b;
	border-left: 1px solid #ea823b;
	margin-bottom: 0;
	padding: 5px;
}

div#cashingExample dl {
	width: 330px;
}

div#cashingExample dl dt {
	margin-bottom: 5px;
}

div#cashingExample em,
div#cashingExample span {
	color: #ef7e00;
}

div#revoChange p {
	margin-bottom: 5px;
}

div#revoChange ul.request {
	text-align: right;
	margin-bottom: 20px;
}

div#cachingATM {
	border: 1px solid #a9a9a9;
	padding: 10px;
	width: 658px;
}
/* @end -------------------------------------------------------------- */

/* @group 5-2 キャッシングのご利用方法
---------------------------------------------------------------------- */

div.hours table img {
	vertical-align: middle;
}

div.hours table caption {
	padding-top: 3px;
	font-weight: normal;
	font-size: 85%;
}

div.hours table {
	border-top: 1px solid #a9a9a9;
	width: 100%;
	margin-bottom: 20px;
}

div.hours th {
	border-bottom: 1px solid #a9a9a9;
	text-align: center;
	vertical-align: middle;
	padding: 10px 5px;
}

div.hours th.name {
	width: 270px;
}

div.hours th.weekday {
	width: 205px;
}


div.hours table td {
	border-bottom: 1px solid #a9a9a9;
	text-align: center;
	vertical-align: middle;
	padding: 10px 5px;
}

div.hours td,
div.hours td {
	border-bottom: 1px solid #a9a9a9;
	vertical-align: middle;
	padding: 10px 5px;
}

div.bank ul {
	width: 696px;
	list-style: none;
	margin: 0 0 0 -16px;
}

div.bank ul li {
	float: left;
	margin: 0 0 16px 16px;
	padding: 0;
	display: inline;
}

ol.step {
	list-style: none;
	margin: 0;
}

ol.step li {
	width: 176px;
	float: left;
	margin: 0 0 20px;
	padding: 0;
	background: transparent url(../../common/images/ico_arrowR.gif) no-repeat 99% 50%;
}

ol.step li.last {
	width: 150px;
	background: none;
}

ol.step li p {
	width: 138px;
	height: 4.2em;
	margin: 0;
	padding: 5px;
	border: 1px solid #a9a9a9;
	border-top: none;
}

div#convenience table {
	width: 100%;
	margin-bottom: 10px;
	
}

div#convenience table th {
	text-align: center;
}

div#convenience table td {
	padding: 5px 10px 20px 10px;
	font-size: 93%;
	border-bottom: 1px solid #a9a9a9;
}

div#convenience table td ul.link {
	margin-top: 7px;
}

/* @end -------------------------------------------------------------- */

/* @group 5-3 返済シミュレーション
---------------------------------------------------------------------- */

div#simulation div.fl,
div#simulation div.fr {
	width: 340px;
	margin-bottom: 20px;
}

div#simulation ul.list {
	font-size: 93%;
	border-bottom: 1px solid #a9a9a9;
	padding-bottom: 10px;
}

/* @end -------------------------------------------------------------- */

/* @group 5-5 「キャッシングご利用可能枠」増枠お申込みのご案内
---------------------------------------------------------------------- */
p.increase {
	width: 680px;
	margin: 0 auto 40px;
}

div.increase ol.step {
	width: 680px;
}

div.increase ol.step li {
	width: 678px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	float: none;
	clear: both;
	background: url(../../common/images/ico_arrowB.gif) no-repeat 50% 100%;
}

div.increase ol.step li.last {
	background: none;
}

div.increase ol.step li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.increase ol.step li dl {
	zoom: 1;
	width: 678px;
	border: 1px solid #a9a9a9;
}

div.increase ol.step li dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.increase ol.step li dl dt {
	float: left;
	padding-right: 10px;
}

div.increase ol.step li dl dd {
	padding: 10px;
	line-height: 1.2;
}

div.increase ol.step li#step2 dd {padding-top: 26px}
div.increase ol.step li#step3 dd {padding-top: 19px}
div.increase ol.step li#step4 dd {padding-top: 19px}

div.increase ul.square {
	margin-left: 0;
	padding: 10px;
	border: 1px solid #aaa;
}

div.increase ul.square li {
	margin-left: 15px;
	margin-bottom: 5px;
}
/* @end -------------------------------------------------------------- */

/* @group 5-6 お支払いコースのご案内
---------------------------------------------------------------------- */
div#payment div.course_col{
	padding: 0 10px;
	margin: 0 0 30px 0;
}

div#payment div.course_col table{
	margin: 0 0 5px 0;
}

div#payment div.course_col table caption{
	color: #ef7e00;
	font-size: 110%;
}

div#payment div.course_col table tr th{
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	border-bottom: 1px dotted #cccccc;
}

div#payment div.course_col table tr th.balance{
	width: 190px;
}

div#payment div.course_col table tr th.pay{
	width: 130px;
}

div#payment div.course_col table tr td{
	border-bottom: 1px dotted #cccccc;
	text-align: center;
	padding: 5px 0;
}

div#payment div.course_col table tr td.condition{
	text-align: left;
}

div#payment div.course_col div.course_l{
	width: 320px;
	float: left;
}

div#payment div.course_col div.course_r{
	width: 320px;
	float: right;
}

div#payment div.course_col ul{
	list-style: disc;
	padding-left: 15px;
	font-size: 90%;
}

div#payment div.course_col p.detail_btn{
	text-align: right;
	margin: 0;
}

div#payment div.half_sec{
	width: 341px;
}

/* @end -------------------------------------------------------------- */

/* @group 5-7 改正賃金業法についてのご案内
---------------------------------------------------------------------- */
div#revision{
	padding: 0 0 0 10px;
}

div#revision p.lead{
	margin-bottom: 30px;
}

div#revision div.inner{
	padding: 0 10px;
	margin-bottom: 30px;
}

div#revision div.inner ul{
	margin-left: 1em;
}

div#revision div.inner ul li{
	text-indent: -1em;
	margin-bottom: 1em;
}

div#revision div.inner div.revision_2col{
	margin-bottom: 20px;
}

div#revision div.inner div.revision_2col div.left{
	width: 320px;
	float: left;
}

div#revision div.inner div.revision_2col div.left p.point{
	padding: 10px;
	border: 1px solid #cdcdcd;
	background-color: #f9c982;
	margin: 0;
}

div#revision div.inner div.revision_2col img.right{
	float: right;
}

div#revision div.inner .attention{
	font-size: 77%;
}

div#revision div.inner div.possibility h4{
	margin: 0;
}

div#revision div.inner div.possibility div.inner2{
	padding: 5px 9px 0 9px;
	border-bottom: 1px solid #f47208;
	border-left: 1px solid #f47208;
	border-right: 1px solid #f47208;
}

div#revision div.inner div.possibility div.inner2 dl{
	margin-bottom: 1em;
}

div#revision div.inner div.possibility div.inner2 dl dt{
	margin-bottom: 5px
}

div#revision div.inner div.possibility div.inner2 dl dd{
	padding-left: 10px;
}

div#revision div.inner div.possibility div.inner2 ul{
	margin: 0 0 1em 10px;
}

div#revision div.inner div.possibility div.inner2 ul li{
	text-indent: 0;
	padding-left: 15px;
	background: url(../images/revision/arrow.gif) center left no-repeat;
	margin: 0;
}

div#revision div.inner div.last{
	margin-bottom: 10px;
}