@charset "utf-8";
/* CSS Document カードローン */

/*-------------------------------------
	#main content　メインコンテンツ
-------------------------------------*/

/* タイトル */
#lead { background:url(/images/cardloan/common/bg-header.png) no-repeat left top;}
#lead .txt { margin:5px 90px 0 10px; float:right; }
#lead .list { margin:5px 0 0 25px; float:left; }


#title.full h2{ margin:20px 0 0 250px;}

/*.cardInfo h2,
.cardInfo h3{ background:url(/images/cardloan/common/bg-loanname.png); }*/

#title.others { border-bottom:1px dotted #AF9D7E; margin-bottom:30px; padding-bottom:20px;}
#title.others p{  margin:15px 10px 0; font-size:14px; line-height:1.6;}


#usage { background:url(/images/common/bg-box02-bottom.png) left bottom no-repeat; margin-bottom:40px; padding-bottom:35px; font-size:14px;}
#usage h3{ margin-top:30px;}
#usage .header{ background:url(/images/common/bg-box02-read2.jpg) left top no-repeat; max-height:680px;}
#usage .read { width:540px; margin:55px 0 0 40px; line-height:1.6; }

#usage .body { background:url(/images/common/bg-box02.png) left top repeat-y; margin:0; padding:10px 0 0 0;}
#usage h4 { clear:both; background:url(/images/common/bg-caption01.png) 11px 8px no-repeat; margin:13px 0 ; padding:0 0 0 40px; color:#66C; font-size:16px; font-weight:bold;}
#usage h5 { font-weight:bold; margin:0; color:#463F33;}

#usage .body p{ padding:0 40px 0 ; line-height:1.6;}
#usage .body p img { float:left; padding:10px 20px 10px 0;}
#usage .body p strong { color:#C33;}
#usage .body p.last{ padding-bottom:0;}


/* カード一覧 共通 */

.cardInfo { clear:both; border:4px solid #99CC33; margin:0 0 40px 0; background:; padding: 0 0 25px; border-radius:5px;}
.cardInfo div.ttl { width:auto; height:53px; margin:0; padding:2px 0 0 0; background:#F4F9B5 url(/images/cardloan/common/bg-loanname.png ) repeat-x left bottom; }
.cardInfo .ttl img { float:left; margin:0; padding:2px 10px 0 8px;}
.cardInfo .ttl h3 { float:left; width:600px; margin:0; padding:0; background:none;color:#523F26; font-size:18px; font-weight:bold; line-height:1.2; text-align:left;}
.cardInfo .ttl h3 a{ color:#523F26;}


.cardInfo .inner { clear:both; margin:20px 25px 0; }

.cardInfo .inner .card { float:left; width:200px; padding-right:22px; }
.cardInfo .inner .card .offical { margin:10px 0 0; text-align:center; width:200px;}
.cardInfo .inner .card .icons { margin:10px 0 0 -10px; }
.cardInfo .inner .card .icons li { float:left; margin:0 0 0 10px; }
.cardInfo .inner .card .addList { margin:12px 0 0; }
.cardInfo .inner .card .addList a { background:url(/images/common/ico_add.png) no-repeat left center; padding:1px 0 0 20px; font-weight:bold; }
.cardInfo .inner .card .addList a:hover { background:url(/images/common/ico_add_ov.png) no-repeat left center;}

.cardInfo .inner .info { float:right; width:388px; padding-left:20px; border-left:1px dotted #A29275; }

.cardInfo .pickup { margin: 5px 0 0;}
.cardInfo .pickup li { margin:3px 0 0; padding:0 0 0 16px; font-size:16px; font-weight:bold; color:#463F33; background:url(/images/common/dot-brown01.png) 3px 7px no-repeat;}
.cardInfo .ttl { font-size:16px; font-weight:bold; color:#767225; margin:10px 0 0; }
.cardInfo .txt{ font-size:14px; line-height:1.5; }

/* カードの特徴 */
.cardInfo div.point{ clear:both; background:url(/images/cardloan/common/bg-point.png) 15px 10px no-repeat; height:170px;}
.cardInfo .point p{ padding:71px 165px 0 38px; font-size:14px; line-height:1.5;}

/* ポイントアイコン */
.cardInfo .point ul{ margin:15px 11px 5px 21px; padding:15px 0 0; border-top:1px dotted #A29276;}
.cardInfo .point ul li { float:left; padding:0 10px 10px 0; width: 20%; box-sizing: border-box;}
.cardInfo .point ul li img { max-width: 100%; }

/* キャンペーン */
.cardInfo .campaign  { clear:both; margin:0 20px; }
.cardInfo .campaign .inner{ margin:0; padding:10px; border:solid 5px #FFCCCC; background:#FFF;}
.cardInfo .campaign p.info{ clear:both;  margin:5px 0 0 0; padding:0; font-size:11px;}

.cardInfo .campaign .inner #campaign-text{ height:90px; margin:0; padding:0 0 0 110px; background:url(/images/cardloan/common/icon-campaign.png) left top no-repeat;}
.cardInfo .campaign .inner #campaign-text div{ height:90px; width:80%; margin:0; padding:0 0 0 20px; font-size:16px; color:#C00; border-left:1px dotted #FCC; line-height:1.6; }
.cardInfo .campaign .inner #campaign-text div p { font-weight:bold;}

/* 機能表 */
.cardInfo .table{ margin:15px 22px 0; }
.cardInfo .table th,
.cardInfo .table td{ width:20%; font-size:14px; }
.cardInfo .btn{ margin:20px 0 0; }
.cardInfo .btn ul{ text-align:center; }
.cardInfo .btn li{ display:inline; margin: 0 10px; }
.cardInfo .btn li img { width: 240px; }


/*-------------------------------------
	#main content　サイドカラム
-------------------------------------*/

.cardLoan .bnrList2{ border-top:1px dotted #A29276; margin:0; padding-top:10px; }
.cardLoan .bnrList2 li{ padding-top:10px; }

.cardLoan .cardList { margin: 20px 0; }
.cardLoan .cardList h2,
.cardLoan .cardList p a {
	padding: 0;
    height: 41px;
    color: #523F27;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.2px;
    line-height: 42px;
    text-align: center;
    background: url("/images/common/bg-subtitle01.png") left top repeat-x;
}
.cardLoan .cardList ul.category{ margin: 0; padding: 13px 5px 5px 20px; background:#FFF;}
.cardLoan .cardList ul.category li{ background:url("/images/common/dot-brown01.png") 3px 5px no-repeat; padding-left:15px; min-height:26px;}
.cardLoan .cardList p { clear: both; }
.cardLoan .cardList p a { display: block; font-size: 13px; letter-spacing: 0; }
.cardLoan .cardList p a:hover { opacity: .8; }
.cardLoan .cardList p span { display: inline-block; position: relative; top: -1px; margin: 0 5px 0 0; width: 16px; height: 16px; background: #887c5e; border-radius: 10px; vertical-align: middle; }
.cardLoan .cardList p span:after { content: ""; position: absolute; top: 5px; left: 4px; width: 4px; height: 4px; border-top: 2px solid #e4e2d1; border-right: 2px solid #e4e2d1; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


.cardLoan #yourCheckingCard h2 { margin:0; background:url("/images/common/bg-subtitle01.png") left top repeat-x; height:32px; padding-top:9px; text-align:center; }

.cardLoan .btn-inspection { border:none; }

#sideRecommend h2{
	padding: 0;
    height: 41px;
    color: #523F27;
    font-size: 11px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    background: url("/images/common/bg-subtitle01.png") left top repeat-x;}