@charset "Shift_JIS";
/* ========================================
	クレディセゾン 永久不滅.com
	クーポンで貯める 
	[coupon.css]
======================================== */

.rankArea img,
.sideRanking img {vertical-align:top;}

/*  =========================================== */
.rankArea {
	margin-bottom:30px;
	margin-left:3px;
	padding:0;
	width:736px;
	background:url(../imgs/cpnr_bg_rank02.gif) left top repeat-y;
	}
.rankArea dl {
	padding-bottom:20px;
	background:url(../imgs/cpnr_itembg_rank01.gif) left bottom no-repeat;
	}

.txtPoint {
	margin:12px 15px 0;
	width:700px;
	}

.rankArea .txt {
	width:540px;
	float:left;
	}
.rankArea .times {
	width:150px;
	float:right;
	}

.rankArea .times span a {
	padding-left:20px;
	background: url(/saison/common/imgs/blt/blt-cmn-q4.gif) left top no-repeat;
	font-weight:normal;
    color: #0066cc;
    display: block;
	float:right;
	}

.rankArea ul {
	margin-top:12px;
	margin-left:15px;
	}
.rankArea dd li {
	margin:0 4px;
	width:343px;
	float:left;
	_display:inline;
	background-color:#ffffff;
	border:1px solid #dddddd;
	}
.rankArea dd li dl {
	padding:0;
	background:none;
	}
.rankArea dd li dt {padding-bottom:9px;}
.rankArea dd li dt .place {
	padding:12px 0 0 5px;
	display:block;
	float:left;
	}
.rankArea dd li dt img {
	display:block;
	}
.rankArea dd li dt .logo {
	float:left;
	}
.rankArea dd li dd {
	padding:18px 17px 10px 19px;
	width:307px;
	background:url(../imgs/cpnr_img_bgline.gif) center top no-repeat;
	clear:both;
	}

.rankArea dd li dd .point {margin-top:10px;}
.rankArea dd li dd .point img {
	display:block;
	width:118px;
	float:left;
	border:1px solid #dddddd;
	}
.rankArea dd li dd .point .pointR {
	padding-top:8px;
	width:175px;
	float:right;
	color:#000000;
	}
.rankArea dd li dd .point .pointR p {
	margin-bottom:3px;
	color:#000000;
	line-height:1.5;
	}

.rankArea dd li dd .btn01,
.rankArea dd li dd .btn02 {
	margin:18px 0;
	clear:both;
	}
.rankArea dd li dd .btn01 a,
.rankArea dd li dd .btn02 a {
	margin-left:18px;
	display:block;
	width:270px;
	height:40px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	}
.rankArea dd li dd .btn01 a {
	background:url(../imgs/cpnr_btn_01.gif) center top no-repeat;
	color:#ffffff;
	}
.rankArea dd li dd .btn02 a {
	background:url(../imgs/cpnr_btn_02.gif) center top no-repeat;
	color:#ffffff;
	}
.rankArea dd li dd .btn01 a:visited,
.rankArea dd li dd .btn02 a:visited {color:#ffffff;}
.rankArea dd li dd .btn01 a:hover {
	background:url(../imgs/cpnr_btn_01_ov.gif) left top no-repeat;
	color:#ffffff;
	}
.rankArea dd li dd .btn02 a:hover {
	background:url(../imgs/cpnr_btn_02_ov.gif) left top no-repeat;
	color:#ffffff;
	}

.rankArea dd .note {
	margin-top:10px;
	clear:both;
	}
.rankArea dd .note li {
	width:auto;
	float:none;
	_display:block;
	border:none;
	line-height:1.4;
	background-color:transparent;
	clear:both;
	}
.rankArea dd .btn01 {
	margin:18px 0;
	clear:both;
	}

.rankArea dd .btn01 a {
	margin-left:18px;
	display:block;
	width:270px;
	height:40px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	}	
.rankArea dd .btn01 a {
	background:url(../imgs/cpnr_btn_01.gif) center top no-repeat;
	color:#ffffff;
	}
		
.rankArea dd .btn01 a:hover {
	background:url(../imgs/cpnr_btn_01_ov.gif) left top no-repeat;
	color:#ffffff;
	}
	
/* sideContent ========================================== */
.sideRanking {
	margin-bottom:20px;
    background:url(../imgs/side_bg_body.gif) left top repeat-y;
	width:180px;
}
.sideRanking .rankListArea {
    background: url(../imgs/side_bg_bottom.gif) center bottom no-repeat;
    padding-bottom: 10px;
	width:180px;
	}
.rankListArea .rankList {
	margin:0 10px;
	padding-top:5px;
	width:160px;
	background:url(../imgs/cpnr_img_bgline.gif) 0 0 no-repeat;
	}
.rankListArea .rankList li {
	padding-top:13px;
	padding-bottom:18px;
	width:160px;
	background:url(../imgs/cpnr_bg_dash.gif) left bottom repeat-x;
	}
.rankListArea .rankList .rankLast {
	padding-bottom:8px;
	background:none;
	}

.rankListArea .rankList dt {text-align:left;}
.rankListArea .rankList dd .area {
	margin:5px 0;
  	background-color:#eeeeee;
	font-weight:bold;
	}
.rankListArea .rankList dd dl {
	margin:5px 0 5px 20px;
	width:120px;
	text-align:center;
	}
.rankListArea .rankList dd dt {margin-bottom:5px;}
.rankListArea .rankList dd dt img {border:1px solid #dddddd;}

.rankListArea .btnRanking {
	margin:0 11px;
	width:158px;
	height:40px;
	}
.rankListArea .btnRanking a {
	display:block;
	width:158px;
	height:40px;
	background:url(../imgs/cpnr_btn_ranklist_ov.gif) left top no-repeat;
	}
.rankListArea .btnRanking a:hover {background-color:#FFFFFF;}
.rankListArea .btnRanking a:hover img {visibility:hidden;}

/* other ========================================== */

.block {display:block;}


.txtL {text-align:left;}
.txtR {text-align:right;}
.txtC {text-align:center;}

.txtB {font-weight:bold;}

.fs77 {font-size: 77%;}
.fs85 {font-size: 85%;}
.fs93 {font-size: 93%;}
.fs108 {font-size: 108%;}
.fs116 {font-size: 116%;}
.fs123 {font-size: 123.1%;}
.fs131 {font-size: 131%;}
.fs138 {font-size: 138.5%;}
.fs146 {font-size: 146.5%;}
.fs153 {font-size: 153.9%;}
.fs161 {font-size: 161.6%;}
.fs167 {font-size: 167%;}
.txt23 {font-size: 174%;}
.fs182 {font-size: 182%;}

.orange {color:#fd7814;}
.red {color:#ff3956;}