@charset "utf-8";
/* CSS Document */

/*-------------------------------------
	#main content
-------------------------------------*/

/* タイトル */
#lead { background:url(/images/creditcard/recommend/credit_list_img.png) no-repeat left top;}


.credit h2,
.credit h3{ background:url(/images/creditcard/common/bg_credit_ttl.png); }


/* カード一覧 共通 */

.cardInfo { clear:both; border:4px solid #F1C30E; margin:0 0 40px 0; background:#FDFDF7; padding: 0 0 25px; border-radius:5px;}
.cardInfo div.ttl { width:auto; height:53px; margin:0; padding:2px 0 0 0; background:#FFFCC2 url(/images/creditcard/common/bg_point_h.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:222px; border-right:1px dotted #A29276; }
.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:390px; }

.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/creditcard/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 0 5px 20px; padding:15px 0 0 0; border-top:1px dotted #A29276;}
.cardInfo .point ul li { float:left; padding:0 10px 10px 0;}


/* キャンペーン */
.cardInfo .campaign  { clear:both; margin:0 20px; }
.cardInfo .campaign .inner{ margin:0; padding:0; 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 p{ float:left; margin:0; padding:0; font-size:1.0rem; color:#C00; font-weight:bold; }

.cardInfo .campaign .inner p.icon { float:left; padding:15px 0 0 20px;}
.cardInfo .campaign .inner p.text1{ width:400px; height:50px; margin:0; padding:22px 0  0 15px; line-height:20px;}
.cardInfo .campaign .inner p.text1 strong { font-size:1.5rem; margin:0; padding:0 10px; line-height:5px;}
.cardInfo .campaign .inner p.text1 .unit { font-size:0.8rem; padding-right:15px;}
.cardInfo .campaign .inner p.text2 { margin:0; padding:0; }
.cardInfo .campaign .inner p.text2 strong { float:left; font-size:18px; width:200px; height:40px; margin:0 12px 0 15px; padding:7px 0 0 0; text-align:center; vertical-align:middle; background:url(/images/creditcard/common/bg-campaign-type.png) no-repeat left top; color:#FFF; display:block;}
.cardInfo .campaign .inner p.text2 span { position:relative; top:10px; height:40px; }

/* 機能表 */
.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; }