@charset "utf-8";

/*サブメニュー改修*/

#snavi dl dd ul li.shopList {
	background: url(../image/common/ico_camshoplist.gif) no-repeat 0 3px;
	padding-left: 13px;
	display: block;
	width: 165px;
	margin: 2px 0 9px 13px;
	line-height: 1.1;
	}

#snavi dl dd ul li.shopList a { height: auto; display: block; color: #FC0; text-decoration: none;}


#snavi dl dd ul li.shopList a:visited { text-decoration: none; color: #FC0;} 
#snavi dl dd ul li.shopList a:hover { color: #FF0;}

.shopList-current a:link, .shopList-current a:visited, .shopList-current a:hover { 
	color: #ffffff !important;
	} 

/*キャンペーン
-------------------------------------------------------------*/
.camp_column img {
	display: block;
}

.column_xrea {
	width: 728px;
	margin: 0 auto;
}

.end {
	width: 100%;
	filter: Alpha(style=0, opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	-ms-filter : alpha(opacity=20);
}

.fin {
	position: relative;
	z-index: 1;
}

.fin img {
	border: 0px;
	position:absolute;
	top: 136px;
	left: 90px;
}

.fin2 {
	position: relative;
	z-index: 1;
}

.fin2 img {
	border: 0px;
	position:absolute;
	top: 136px;
	left: 10px;
}

/*Xレアキャンペーン*/
a.btn_club{
	display: block;
	background: url(../image/campaign/btn_xcamp.gif) 0 0 no-repeat;
	width:260px;
	height:30px;
	text-indent: -9999px;
	margin:0 auto;}

a.btn_club:hover{background-position: 0px -30px;}

/*ポイントキャンペーン*/
a.btn_club90{
	display: block;
	background: url(../image/campaign/btn_90p.gif) 0 0 no-repeat;
	width:260px;
	height:30px;
	text-indent: -9999px;
	margin:15px auto;}

a.btn_club90:hover{background-position: 0px -30px;}

a.btn_club30{
	display: block;
	background: url(../image/campaign/btn_30p.gif) 0 0 no-repeat;
	width:260px;
	height:30px;
	text-indent: -9999px;
	margin:15px auto;}

a.btn_club30:hover{background-position: 0px -30px;}

div.campIn{width:757px;overflow:hidden;clear:left;}

.btn-dammy { display:block;margin:15px auto; width:260px;}

/*パーツ
-------------------------------------------------------------*/
#contents_evolve {
	background: url(../image/common/bg_contents_evolve.jpg) no-repeat center top;
	height: 20px;
}

#contents_union {
	background: url(../image/campaign/union/bg_contents_union.jpg) no-repeat center top;
	height: 20px;
}

#contents_ds {
	background: url(../image/campaign/ds/ds_campaign_top.jpg) no-repeat center top;
	height: 20px;
}

#contents_sunbrave {
	background: url(../image/campaign/sun_brave/bg_contents_sunbrave.jpg) no-repeat center top;
	height: 20px;
}

#contents_rise {
	background: url(../image/campaign/rise/bg_contents_rise.jpg) no-repeat center top;
	height: 20px;
}

.club_btn_back {
	width: 425px;
	height: auto;
	margin: 0 auto;
}

.club_btn_back img {
	width: 171px;
	height: 117px;
	margin: 10px 30px 0 10px;
}

.ds_text {
	width: 450px;
	height: auto;
	display:block;
	margin: 0;
	padding: 0 0 0 35px;
	float: left;
}

.ds_btn {
	width: 233px;
	height: 100px;
}

.ds_stext {
	width: 400px;
	height: auto;
	display:block;
	margin: 7px auto 0 auto;
	text-align: center;
}

.vspcer15 {
	margin-bottom: 15px;
}

.vspcer25 {
	margin-bottom: 25px;
}

/*---終了告知---*/
.eve_end{
	width: 100%;
	filter: Alpha(style=0,opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	-ms-filter : alpha(opacity=20);
}
.eve_fin{
	position: relative;
	z-index: 1;
	}
.eve_fin_cm{
	width: 800px;
	position: relative;
	z-index: 1;
	}
.eve_fin img{
	width: 496px;
	height: 189px;
	behavior: url(../css/iepngfix.htc);
	border: 0px;
	position:absolute;
	top: 31px;
	left: 24px;
	}
	
.eve_fin_cm img{
	width: 496px;
	height: 189px;
	behavior: url(../css/iepngfix.htc);
	border: 0px;
	position:absolute;
	margin: 31px 0 0 0;
	left: 156px;
	top: -16px;
	} 

/*重要なお知らせ*/
#notice {
	margin: 0 auto 2em auto;
	padding: 10px;
}

#notice span.noticetitle {
	color: #ff0000;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.2;
}

.camp_column_max {
	margin: 0 auto;
	width: 800px;
	text-align: center;
}

.contents_cmp  {
	padding: 0px 0 20px 0;
	background: url(../image/common/bg_contents.jpg) no-repeat left top;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

.centering_cmp { display: block; margin-left: 13px; }

.imgbar { margin-left: 13px; background: url(../image/campaign/img_bar.jpg) no-repeat left top; width: 800px; height: 50px; }

.pad_l15 { padding-left: 15px; width: 770px; height: auto; }

.imgbarSunmoonX { background: url(../image/campaign/img_bar.jpg) no-repeat left top; width: 800px; height: 50px; }

/*太陽と月Xレア*/

.copyright {
	width: 758px;
	height: auto;
	display:block;
	margin: 0 auto 0 auto;
	text-align: right;
}

div.BgSunmoonX{ background:url(../image/campaign/sun_moon_x/sun_moon_03.jpg) no-repeat; width:737px; height:80px; padding:0 0 0 60px;}

a.btn_camp { display: block; background: url(../image/campaign/sun_moon_x/btn_camp.gif) no-repeat; width:621px; height:81px;}
a.btn_camp:hover { background-position: 0px -81px;}


/*アポロドラゴン12宮進化キャンペーン*/

.btn_evo12_map {
	position: relative;
	width: 757px;
	height: 249px;
	background: url(../image/campaign/evo_12/img_12evo_03.jpg) no-repeat left top;
}

.btn_evo12_map .btn_campaign {
	position: absolute;
	width: 490px;
	height: 50px;
	background: url(../image/campaign/evo_12/btn_shop.jpg) no-repeat left top;
	left:100px;
	top: 15px;
	text-indent: -9999px;
}

.btn_evo12_map .btn_campaign:hover {
	background-position: 0 -50px;
}

/*12宮ライフカウンター*/
.btn_life12{
	width: 490px;
	height: 50px;
	display:block;
	background: url(../image/campaign/evo_12/btn_shop.jpg) no-repeat left top;
	margin: 20px auto;
}

.btn_life12:hover {
	background-position: 0 -50px;
}

.pagenavi {
	width: 700px;
	margin: 10px auto;
}

.pagenavi td {
	padding: 3px 5px;
}

.resultlist {
	width: 700px;
	margin: 5px auto;
}

.resultlist th {
	background: #990000;
	width: 80px;
	text-align: center;
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
	padding: 3px 5px;
}

.resultlist td {
	background: #ffffff;
	color: #000000;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	padding: 3px 5px;
}

.th_area {
	background: #666666;
	font-weight: bold;
	text-align: center;
	padding: 3px 5px;
}

/*時空を超えたXレア*/
.btn_tower{
	width: 490px;
	height: 50px;
	display:block;
	background: url(../image/campaign/beyondtime/btn_tower.jpg) no-repeat left top;
	margin: 20px auto 0;
}

.btn_tower:hover {
	background-position: 0 -50px;
}
.beyondtime-popup li.btn_shop2{ position:relative; padding:90px 0 0 6px; height:60px; float:left;}

.beyondtime-popup li a.btn_shop2{
	width: 220px;
	height: 40px;
	display:block;
	background: url(../image/campaign/beyondtime/btn_shop2.jpg) no-repeat left top;
	margin: 0;
}

.beyondtime-popup li a.btn_shop2:hover { background-position: 0 -40px;}

.beyondtime-popup li.btn_shop3{ position:relative; padding:50px 0 0 38px; height:70px; float:left;}
.beyondtime-popup li.btn_space{ display:block; width:230px; float:left; height:70px;}
.beyondtime-popup li a.btn_aeon-list{
	width: 220px;
	height: 40px;
	display:block;
	background: url(../image/campaign/beyondtime/btn_aeon-list.jpg) no-repeat left top;
	margin: 0;
}
.beyondtime-popup li a.btn_lawson-list{
	width: 220px;
	height: 40px;
	display:block;
	background: url(../image/campaign/beyondtime/btn_lawson-list.jpg) no-repeat left top;
	margin: 0;
}

.beyondtime-popup li a.btn_aeon-list:hover { background-position: 0 -40px;}
.beyondtime-popup li a.btn_lawson-list:hover { background-position: 0 -40px;}

.beyondtime-popup li.btn_tower{ position:relative; padding:90px 0 0 6px; height:60px; float:left;}

.beyondtime-popup li a.btn_tower{
	width: 220px;
	height: 40px;
	display:block;
	background: url(../image/campaign/beyondtime/btn_tower.jpg) no-repeat left top;
	margin: 0;
}

.beyondtime-popup li a.btn_tower:hover {
	background-position: 0 -40px;
}

.Btn_for_top {
	margin: 15px auto ;
	width:160px;
	height:35px;
	background:url(../image/common/btn_pagetop.jpg) no-repeat;
	text-indent:-9999px;
	
}
.Btn_for_top a {
	display:block;
	width:160px;
	height:35px;
	background:url(../image/common/btn_pagetop.jpg) no-repeat;
	text-indent:-9999px;
	
}

ul.popup_1{ display:block; width:757px; height:660px; background:url(../image/campaign/beyondtime/beyondtime05.jpg) no-repeat;}
ul.popup_2{ display:block; width:757px; height:580px; background:url(../image/campaign/beyondtime/beyondtime06.jpg) no-repeat;}
.beyondtime-popup li{ position:relative; padding:96px 0 0 0; height:335px; float:left;}
.beyondtime-popup li a{ display:block; width:230px; height:335px;}
.beyondtime-popup li.pdl-25{padding-left:25px;}
.beyondtime-popup li a .large-card{
	display:block;
	width:1px;
	height:1px;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}

.beyondtime-popup li a.X012popup-l:hover .large-card{
	display:block;
	width:300px;
	height:419px;
	position:absolute;
	top:50px;
	left:0px;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.beyondtime-popup li a.X012popup-c:hover .large-card{
	display:block;
	width:300px;
	height:419px;
	position:absolute;
	top:50px;
	left:0px;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.beyondtime-popup li a.X012popup-r:hover .large-card{
	display:block;
	width:300px;
	height:419px;
	position:absolute;
	top:50px;
	left:-30px;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/*2nd*/
div.BT2nd_01{ background:url(../image/campaign/beyondtime2nd/beyondtime01.jpg) no-repeat; width:757px; height:707px; position:relative;}

div.BT2nd_01 span {
	position:absolute;
	left: 248px;
	top: 495px;
	width: 490px;
}

/*ヤマトXレア*/
div.yamato_01{ background: url(../image/campaign/yamatoxrea/beyondtime01.jpg) no-repeat; width:757px; height:707px; position:relative;}

div.yamato_01 span {
	position:absolute;
	left: 248px;
	top: 495px;
	width: 490px;
}

/*お正月バースト*/
div.oshougatsu_01{ background:url(../image/campaign/oshougatsu_burst/campaign01.jpg) no-repeat; width:757px; height:785px; position:relative;}

div.oshougatsu_01 span {
	position:absolute;
	left: 250px;
	top: 583px;
	width: 490px;
}

/*コアキャンペーン*/
div.coacmp_01{ background:url(../image/campaign/coa-cmp/campaign01.jpg) no-repeat; width:757px; height:875px; position:relative;}

div.coacmp_01 span {
	position:absolute;
	left: 250px;
	top: 570px;
	width: 490px;
}