@charset "UTF-8";

/**************************************


メインコンテンツ


***************************************/
.maincontents-wrap{
	display:block;
	float: left;
	clear:both;
	width:700px;
	margin-bottom: 20px;
 }
.maincontents-title-wrap{
	display:block;
	float: left;
	clear:both;
	width:700px;
	margin-bottom: 5px;
	height: 31px;
 }
.maincontents-title-full{
	display:block;
	float: left;
	width:700px;
	height: 31px;
 } 
.maincontents-title-left{
	display:block;
	float: left;
	width:564px;
	height: 31px;
 }
.maincontents-title-full h2{
	width:700px;
	height: 31px;
	text-indent:-9999px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
 }  
/*.maincontents-title-left h2{
	width:564px;
	height: 31px;
	text-indent:-9999px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
 } */
h2.top01{
	background-image:url(../images/h2-title-top01.jpg);
	}
h2.top02{
	background-image:url(../images/h2-title-top02.jpg);
	}
h2.top02-2{
	background-image:url(../images/h2-title-top02-2.jpg);
	}	
h2.top03{
	background-image:url(../images/h2-title-top03.jpg);
	}
h2.top04{
	background-image:url(../images/h2-title-top04.jpg);
	}
h2.top05{
	background-image:url(../images/h2-title-top05.jpg);
	}
h2.top06{
	background-image:url(../images/h2-title-top06.jpg);
	}
h2.top07{
	background-image:url(../images/h2-title-top07.jpg);
	}
h2.top08{
	background-image:url(../images/h2-title-top08.jpg);
	}						 
/*.maincontents-title-right{
	display:block;
	float: left;
	width:136px;
	height: 31px;
 }*/
.main-full-wrap{
	display:block;
	float:left;
	clear:both;
	width:692px;
	border: 4px solid #EAE9EE;
	background-color: #FBFBF9;
	margin-bottom: 8px;
	position: relative;
	} 
.main-refine-search-wrap{
	display:block;
	float:left;
	clear:both;
	width:700px;
	margin-bottom: 8px;
	position: relative;
	}	
/**************************************


4～10位ボタン


***************************************/
.more-ranking-btn-wrap{
	display:block;
	float:left;
	clear:both;
	width:700px;
	position: relative;
	text-align:right;
	padding-top:9px;
	} 	   
/**************************************


メインコンテンツ　カード情報大


***************************************/ 
.full-cardinfo-upper{
	display:block;
	float:left;
	clear:both;
	width:692px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #EAE9EE;
	position: relative;
	padding-bottom: 10px;
	}
.card-img-area{
	display:block;
	float:left;
	width:200px;
	position: relative;
	}
.card-img{
	display:block;
	float:left;
	clear:both;
	width:160px;
	height:100px;
	padding-top: 26px;
	padding-left: 24px;
	}
.campaign-wrap{
	display:block;
	float:left;
	clear:both;
	width:165px;
	padding-top: 5px;
	padding-left: 24px;
	text-align:center;
	}	
.brand-icon-wrap{
	display:block;
	float:left;
	clear:both;
	width:165px;
	padding-top: 5px;
	padding-left: 24px;
	}
.brand-icon-wrap img{
	display:block;
	float:left;
	width:30px;
	height:24px;
	margin-right: 3px;
	}   			
.card-maininfo-area{
	display:block;
	float:left;
	width:482px;
	padding-top: 22px;
	}
.card-name-wrap{
	display:block;
	float:left;
	clear:both;
	width:477px;
	padding-left: 5px;
	}
.card-name-wrap h3{
    font-size:15px;
	font-weight:lighter;
	}
.card-catchcopy-wrap{
	display:block;
	float:left;
	clear:both;
	font-size: 13px;
	padding-left: 5px;
	padding-top: 5px;
	}
.card-catchcopy-wrap p{
	background-image:url(../images/card-catch-border.gif);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 4px;
  }	
.total-evaluation-wrap{
	display:block;
	float:left;
	clear:both;
	width:482px;
	padding-top: 5px;
	} 
.total-evaluation-wrap p{
	display:block;
	float:left;
	}
.total-evaluation-wrap img{
	display:block;
	float:left;
	}
.card-feature-wrap{
	display:block;
	float:left;
	clear:both;
	width:477px;
	padding-left: 5px;
	}	
.card-feature-wrap ul{
	display:block;
	float:left;
	clear:both;
	width:477px;
	padding-top: 10px;
	}	
.card-feature-wrap li{
	display:block;
	float:left;
	clear:both;
	width:477px;
	padding-bottom: 4px;
	}		 	 					
.full-cardinfo-lower{
	display:block;
	float:left;
	clear:both;
	width:692px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.card-infotable-area{
	display:block;
	float:left;
	width:222px;
	padding-left: 8px;
	}
.card-detaill-area{
	display:block;
	float:left;
	width:462px;
	}
table.cardinfo-s-upper{
	width:211px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
table.cardinfo-s-lower{
	width:211px;
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	}	
table.cardinfo-s-upper td,table.cardinfo-s-lower td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	}
td.title{
	background-color:#F1F3F1;
	}
td.sub-title{
	background-color:#F7F9F7;
	}	
.card-detaill-text-wrap{
	display:block;
	float:left;
	clear:both;
	width:452px;
	}
.card-detaill-text-wrap-head{
	display:block;
	float:left;
	clear:both;
	width:452px;
	}
.card-detaill-text-wrap-mid{
	display:block;
	float:left;
	clear:both;
	width:432px;
	background-color: #EFEEF2;
	padding-right: 10px;
	padding-left: 10px;
	}
.card-detaill-text-wrap-bottom{
	display:block;
	float:left;
	clear:both;
	width:452px;
	}
.card-btn-wrap{
	display:block;
	float:left;
	clear:both;
	width:452px;
	padding-top: 6px;
	}
.todetail-wrap{
	display:block;
	float:left;
	padding-right: 12px;
	}
.toofficial-wrap{
	display:block;
	float:left;
	}	
/**************************************


メインコンテンツ　カード情報3つ並び


***************************************/ 
.main-triple-wrap{
	display:block;
	float:left;
	clear:both;
	width:692px;
	border: 4px solid #EAE9EE;
	background-color: #FBFBF9;
	margin-bottom: 8px;
	position: relative;
	background-attachment: scroll;
	background-image: url(../images/card-triple-bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	} 
.triple-card-box1{
	display:block;
	float:left;
	width:231px;
	}
.triple-card-box2{
	display:block;
	float:left;
	width:231px;
	}
.triple-card-box3{
	display:block;
	float:left;
	width:230px;
	}
.triple-card-img-name-wrap{
	display:block;
	float:left;
	clear:both;
	width:230px;
	height:180px;
	position: relative;
	}			
.triple-card-img-area{
	display:block;
	float:left;
	clear:both;
	width:230px;
	position: relative;
	}
.triple-card-img{
	display:block;
	float:left;
	clear:both;
	width:160px;
	
	padding-top: 20px;
	padding-left:35px;
	padding-bottom: 5px;
	}
.triple-campaign-wrap{
	display:block;
	float:left;
	clear:both;
	width:230px;
	padding-top: 0px;
	padding-left: 0px;
	text-align:center;
	}	
.triple-card-info-area{
	display:block;
	float:left;
	width:220px;
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
	}
.triple-card-name-wrap{
	display:block;
	float:left;
	clear:both;
	width:200px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	text-align: center;
	}
.triple-card-name-wrap h3{
    font-size:15px;
	font-weight:lighter;
	line-height:15px;
	}
.triple-card-catchcopy-wrap{
	display:block;
	float:left;
	clear:both;
	width:206px;
	background-attachment: scroll;
	background-image: url(../images/triple-card-catch-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 8px;
	padding-right: 7px;
	padding-left: 7px;
	}
.triple-card-catchcopy-bottom{
	display:block;
	float:left;
	clear:both;
	width:220px;
	}
.triple-card-infotable-area{
	display:block;
	float:left;
	width:220px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	}
table.triple-cardinfo{
	width:220px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
	
table.triple-cardinfo td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	}
td.triple-title{
	background-color:#F1F3F1;
	width:108px;
	}	
.triple-card-btn-area{
	display:block;
	float:left;
	width:220px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 6px;
	}
/**************************************


クレジットカードとは


***************************************/ 	
.main-what-wrap{
	display:block;
	float:left;
	clear:both;
	width:672px;
	border: 4px solid #EAE9EE;
	background-color: #FBFBF9;
	margin-bottom: 8px;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
.main-what-wrap p{
	margin-bottom:10px;
	}	
/**************************************


特集


***************************************/ 	
.main-feature-wrap{
	display:block;
	float:left;
	clear:both;
	width:692px;
	border: 4px solid #EAE9EE;
	background-color: #FBFBF9;
	margin-bottom: 8px;
	position: relative;
	background-attachment: scroll;
	background-image: url(../images/feature-bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	}
.feature-box1{
	display:block;
	float:left;
	width:217px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	}
.feature-box2{
	display:block;
	float:left;
	width:217px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	}
.feature-box3{
	display:block;
	float:left;
	width:217px;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 7px;
	}
.feature-img-area{
	display:block;
	float:left;
	clear:both;
	width:217px;
	padding-bottom: 14px;
	}
.feature-title-area{
	display:block;
	float:left;
	clear:both;
	width:209px;
	font-size: 14px;
	background-color: #F1F3F1;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	}
.feature-text-area{
	display:block;
	float:left;
	clear:both;
	width:217px;
	padding-bottom: 10px;
	line-height: 18px;
	padding-top: 10px;
	}
.feature-link-area{
	display:block;
	float:left;
	clear:both;
	width:217px;
	padding-bottom: 10px;
	padding-top: 5px;
	font-size: 13px;
	text-align:right;
	}
/*.feature-link-area a{
	text-decoration:none;
	color:#333333;
}
.feature-link-area a:hover{
	text-decoration:none;
	color:#008DBB;
}*/
/**************************************


更新情報


***************************************/ 
.update-wrap{
	display:block;
	float:left;
	clear:both;
	width:692px;
	border: 4px solid #EAE9EE;
	background-color: #FBFBF9;
	margin-bottom: 8px;
	position: relative;
	}
.update-box{
	display:block;
	float:left;
	width:692px;
	height:45px;
	background-attachment: scroll;
	background-image: url(../images/dott.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
.update-last-box{
	background-image:none!important;
	}	
.update-box .date-wrap{
	display:block;
	float:left;
	padding-top: 14px;
	padding-left: 12px;
	}
.update-box .update-text-wrap{
	display:block;
	float:left;
	padding-top: 14px;
	padding-left: 12px;
	}
.update-box .new-icon-wrap{
	display:block;
	float:left;
	padding-top: 17px;
	padding-left: 12px;
	}
.update-wrap a{
	color:#333333;
	text-decoration:none;
}	
.update-wrap .bl-hover {
	cursor: pointer;
	background-color:#F5F5F1;
}
.update-wrap .bl-hover a{
	color:#333333;
	text-decoration:none;
}																				 												
/**************************************


フロートアイコン


***************************************/ 
.float-icon{
	display:block;
	position:absolute;
	width:45px;
	height:45px;
	z-index: 100;
	left: 7px;
	top: 7px;
	}
/**************************************


サブページの画像などタイトル部分


***************************************/
.page-imgtitle-wrap{
	display:block;
	float: left;
	clear:both;
	width:700px;
	margin-bottom: 8px;
	height: 182px;
 }
.page-imgtitle-wrap h2{
	width:700px;
	height: 182px;
	text-indent:-9999px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
 } 
/*h2.page-top01{
	background-image:url(../images/page-title001.jpg);
	}*/
.page-description-wrap{
	display:block;
	float:left;
	clear:both;
	width:672px;
	border: 4px solid #EAE9EE;
	background-color: #EFEEF2;
	margin-bottom: 8px;
	position: relative;
	padding: 10px;
	}	
/**************************************


ページ送り


***************************************/
 
div.pagebute-contents-pagenavi
{
	_zoom:1;
	overflow:hidden;
	display: block;
	clear: both;
	float: left;
	width: 700px;
	position: relative;
	padding-top:20px;
	padding-bottom: 20px;
	text-align:center;
} 
div.wp-pagenavi {
	color: #555;
	font-size: 12px;
	text-align: center;
	margin-top: 1.5em;
	margin-right: 0px;
	margin-bottom: 1.5em;
	margin-left: 0px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	margin: 0.25em;
	text-decoration: none;
	border: 1px solid #005DBA;
	color: #005DBA;
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
}
.wp-pagenavi a:visited {
    border: 1px solid #8f9da6;
    color: #8f9da6;
}
.wp-pagenavi a:hover {
	text-decoration: none;
	border: 1px solid #005DBA;
	color: #005DBA;
	background-color: #E3E3E3;
}
.wp-pagenavi a:active {
    border: 1px solid #005DBA;
    color: #005DBA;
}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
    margin: 0.25em;
    border: 1px solid #ddd;
}
.wp-pagenavi span.current {
    font-weight: bold;
}
/**************************************


画像について


***************************************/
img.left-img{
    float:left;
	margin-right:20px;
}
img.right-img{
    float:right;
	margin-left:20px;
}
img.full-img{
	clear:both;
}