@charset "UTF-8";

/**/
h2#pt-cardlist { background: url(../image/cardlist/title_cardlist.jpg) no-repeat left top; }

h3 { background: no-repeat left top; height: 58px; text-indent: -9999px; }
h3#rrpromo { background-image: url(../image/cardlist/bullet_promo.jpg); }
h3#rrsofubi { background-image: url(../image/cardlist/bullet_sofubi.jpg); }
h3#rrgoods { background-image: url(../image/cardlist/bullet_goods.jpg); }
h3#rr1st { background-image: url(../image/cardlist/bullet_1st.jpg); }
h3#rr2nd { background-image: url(../image/cardlist/bullet_2nd.jpg); }
h3#rr3rd { background-image: url(../image/cardlist/bullet_3rd.jpg); }
h3#rr4th { background-image: url(../image/cardlist/bullet_4th.jpg); }
h3#rr5th { background-image: url(../image/cardlist/bullet_5th.jpg); }
h3#rr6th { background-image: url(../image/cardlist/bullet_6th.jpg); }

.checklist {
	display: block;
	margin: 10px auto 0 auto;
	background: url(../image/cardlist/btn_checklist.jpg) no-repeat left top;
	width: 602px;
	height: 42px;
	text-indent: -9999px;
}

dl.frame-g, dl.frame-c, dl.frame-p, dl.frame-n, dl.frame-ng {
	position: relative;
	margin: 20px auto 0 auto;
	background: no-repeat left top;
	width: 604px;
	height: 338px;
	z-index: 1;
}
dl.frame-g dt, dl.frame-c dt, dl.frame-p dt, dl.frame-n dt, dl.frame-ng dt { display: none; }
dl.frame-g dd, dl.frame-c dd, dl.frame-p dd, dl.frame-n dd, dl.frame-ng dd { position: absolute; }

dl.frame-g { background-image: url(../image/cardlist/bg_gu.jpg); }
dl.frame-c { background-image: url(../image/cardlist/bg_choki.jpg); }
dl.frame-p { background-image: url(../image/cardlist/bg_par.jpg); }
dl.frame-n { background-image: url(../image/cardlist/bg_non.jpg); }
dl.frame-ng { background-image: url(../image/cardlist/bg_nongray.jpg); }

dl.frame-g dd.cl-dummy, dl.frame-c dd.cl-dummy, dl.frame-p dd.cl-dummy, dl.frame-ng dd.cl-dummy { behavior: url("../css/csshover.htc"); left: 23px; top: 26px; width: 120px; height: 174px; z-index: 2; }
dl.frame-n dd.cl-dummy { behavior: url("../css/csshover.htc"); left: 23px; top: 70px; width: 120px; z-index: 2; }
dl.frame-g dd.cl-name, dl.frame-c dd.cl-name, dl.frame-p dd.cl-name, dl.frame-n dd.cl-name, dl.frame-ng dd.cl-name, dl.frame-n dd.cl-name { left: 161px; top: 29px; width: 410px; height: 30px; font-weight: bold; line-height: 1; padding-top: 5px; }
dl.frame-g dd.cl-spattack, dl.frame-c dd.cl-spattack, dl.frame-p dd.cl-spattack, dl.frame-n dd.cl-spattack, dl.frame-ng dd.cl-spattack { left: 215px; top: 66px; width: 356px; font-weight: bold; line-height: 1; }
dl.frame-g dd.cl-power, dl.frame-c dd.cl-power, dl.frame-p dd.cl-power, dl.frame-n dd.cl-power, dl.frame-ng dd.cl-power,
dl.frame-g dd.cl-janken, dl.frame-c dd.cl-janken, dl.frame-p dd.cl-janken, dl.frame-n dd.cl-janken dl.frame-ng dd.cl-janken { top: 107px; width: 100px; height: 24px; line-height: 24px; font-weight: bold; text-align: center; }
dl.frame-g dd.cl-power, dl.frame-c dd.cl-power, dl.frame-p dd.cl-power, dl.frame-n dd.cl-power, dl.frame-ng dd.cl-power { left: 251px; }
dl.frame-g dd.cl-janken, dl.frame-c dd.cl-janken, dl.frame-p dd.cl-janken, dl.frame-n dd.cl-janken, dl.frame-ng dd.cl-janken { left: 453px; }
dl.frame-g dd.cl-roulette01, dl.frame-c dd.cl-roulette01, dl.frame-p dd.cl-roulette01, dl.frame-n dd.cl-roulette01, dl.frame-ng dd.cl-roulette01,
dl.frame-g dd.cl-roulette02, dl.frame-c dd.cl-roulette02, dl.frame-p dd.cl-roulette02, dl.frame-n dd.cl-roulette02, dl.frame-ng dd.cl-roulette02,
dl.frame-g dd.cl-roulette03, dl.frame-c dd.cl-roulette03, dl.frame-p dd.cl-roulette03, dl.frame-n dd.cl-roulette03, dl.frame-ng dd.cl-roulette03,
dl.frame-g dd.cl-roulette04, dl.frame-c dd.cl-roulette04, dl.frame-p dd.cl-roulette04, dl.frame-n dd.cl-roulette04, dl.frame-ng dd.cl-roulette04 { top: 173px; width: 100px; height: 24px; line-height: 24px; text-align: center; }
dl.frame-g dd.cl-roulette01, dl.frame-c dd.cl-roulette01, dl.frame-p dd.cl-roulette01, dl.frame-n dd.cl-roulette01, dl.frame-ng dd.cl-roulette01 { left: 161px; }
dl.frame-g dd.cl-roulette02, dl.frame-c dd.cl-roulette02, dl.frame-p dd.cl-roulette02, dl.frame-n dd.cl-roulette02, dl.frame-ng dd.cl-roulette02 { left: 264px; }
dl.frame-g dd.cl-roulette03, dl.frame-c dd.cl-roulette03, dl.frame-p dd.cl-roulette03, dl.frame-n dd.cl-roulette03, dl.frame-ng dd.cl-roulette03 { left: 367px; }
dl.frame-g dd.cl-roulette04, dl.frame-c dd.cl-roulette04, dl.frame-p dd.cl-roulette04, dl.frame-n dd.cl-roulette04, dl.frame-ng dd.cl-roulette04 { left: 470px; }
dl.frame-g dd.cl-affinity, dl.frame-c dd.cl-affinity, dl.frame-p dd.cl-affinity, dl.frame-n dd.cl-affinity, dl.frame-ng dd.cl-affinity { left: 112px; top: 221px; width: 460px; height: 40px; line-height: 1.5;}
dl.frame-g dd.cl-flaver, dl.frame-c dd.cl-flaver, dl.frame-p dd.cl-flaver, dl.frame-n dd.cl-flaver, dl.frame-ng dd.cl-flaver { left: 32px; top: 271px; width: 540px; height: 40px; line-height: 1.5;}

dl.frame-g dd.cl-name img, dl.frame-c dd.cl-name img, dl.frame-p dd.cl-name img, dl.frame-n dd.cl-name img, dl.frame-ng dd.cl-name img { vertical-align: text-bottom; }

dl.frame-g dd.cl-dummy:hover, dl.frame-c dd.cl-dummy:hover, dl.frame-p dd.cl-dummy:hover, dl.frame-ng dd.cl-dummy:hover { left: -17px; top: -32px; width: 200px; height: 291px; }
dl.frame-n dd.cl-dummy:hover { left: -30px; top: 0; width: 291px; height: 200px; }
dl.frame-g dd.cl-dummy:hover img, dl.frame-c dd.cl-dummy:hover img, dl.frame-p dd.cl-dummy:hover img, dl.frame-ng dd.cl-dummy:hover img { width: 200px; height: 291px; }
dl.frame-n dd.cl-dummy:hover img { width: 291px; height: 200px; }
.txt-spattack { font-size: 123.1%; }
.txt-attackpoint { color: #ff0000; font-size: 138.5%; }


/* インデックス */
ul.list-cardbtn { margin: 0 auto; width: 600px; list-style-type: none; height: 545px; }
ul.list-cardbtn li { position: relative; padding: 9px 0 6px 0; height: 48px; text-indent: -9999px; background: no-repeat left top; }
ul.list-cardbtn li div.newest{
	position: absolute;
	left: -3px;
	top: 1px;
	behavior:url(../css/iepngfix.htc);
	background: url(../image/common/img_new.png) no-repeat left top;
	width: 67px;
	height: 18px;
	text-indent: -9999px;
}
ul.list-cardbtn li a { display: block; width: 600px; height: 48px; }
ul.list-cardbtn li a.btnpromo { background-image: url(../image/cardlist/btn_promo.jpg); }
ul.list-cardbtn li a.btnsofubi { background-image: url(../image/cardlist/btn_sofubi.jpg); }
ul.list-cardbtn li a.btngoods { background-image: url(../image/cardlist/btn_goods.jpg); }
ul.list-cardbtn li a.btn1st { background-image: url(../image/cardlist/btn_1st.jpg); }
ul.list-cardbtn li a.btn2nd { background-image: url(../image/cardlist/btn_2nd.jpg); }
ul.list-cardbtn li a.btn3rd { background-image: url(../image/cardlist/btn_3rd.jpg); }
ul.list-cardbtn li a.btn4th { background-image: url(../image/cardlist/btn_4th.jpg); }
ul.list-cardbtn li a.btn5th { background-image: url(../image/cardlist/btn_5th.jpg); }
ul.list-cardbtn li a.btn6th { background-image: url(../image/cardlist/btn_6th.jpg); }


/* 配布ポップアップ */
a img { border: 0; }
#dis { background-color: #333333; height: auto; width: 500px; margin: 0 auto; padding: 15px; color:#CCCCCC;}
#dis dt { margin-bottom: 15px; color:#FFFFFF; font-weight: bold; font-size: 100%; }
#dis dd { line-height: 1.2em; margin-bottom: 15px; font-size: 80%;}
/*#dis dd ul { padding-top: 15px; width: 500px; list-style-type: none;}*/
/*#dis dd ul li { display: block; list-style-type: none; width: 83px; margin: 0 auto;}*/

.close { display: block; width: 83px; margin: 0 auto; padding-top: 5px;}
/*.close { display: block; background: url(../image/cardlist/btn_close.gif) no-repeat left top; width: 83px; height: 27px;}*/
/*.close a { text-indent: -9999px;}*/

/**/