@charset "utf-8";

/*==========================================
 body
===========================================*/

body#event {
	background: url(../img/bg_02.jpg) no-repeat top center #000 fixed;
}


/*==========================================
 コンテンツ内のスタイル
===========================================*/

body#event section#h2Box h2 {
	position: absolute;
	left: 215px;
	top: 25px;
}

body#event ul#btnList {
	overflow: hidden;
	margin-bottom: 30px;
}

body#event ul#btnList li {
	padding: 0 11px 20px 0;
	float: left;
	line-height: 0;
}

body#event div#summary {
	background: #b9dddd;
	width: 680px;
	border: #000 solid 3px;
	border-radius: 10px;
	margin-bottom: 30px;
	margin-left: 7px;
	font-size: 16px; font-size:1.6rem;
	line-height: 170%;
}

body#event div#summary dl {
	padding: 10px;
}

body#event div#summary dt {
	background: url(../event/img_01segaam/ico_maru.png) no-repeat left 2px;
	padding-left: 30px;
	clear:left;
	float: left;
	width: 8em;
	margin-bottom: 5px;
}

body#event div#summary p {
	padding: 10px;
}

body#event div#summary dd {
	margin-left: 8em;
	padding-left: 30px;
	margin-bottom: 5px;
}

body#event div#summary dd ul.basic {
	list-style: disc;
	margin-left: 25px;
	line-height: 160%;
	margin-bottom: 0;
}

body#event div#summary dd ul.basic li {
	margin-bottom: 0;
}

body#event div.box {
	border-radius: 5px;
	padding: 10px;
	background: #d1e7fd;
	margin: 30px 10px;
}

body#event div.box p {
	font-size: 16px; font-size: 1.6rem;
	margin-bottom: 20px;
	line-height: 140%;
}

body#event div.box h5 {
	font-size: 16px; font-size: 1.6rem;
	border-left: solid 10px #0d3ef3;
	border-bottom: solid 1px  #0d3ef3;
	padding-left: 5px;
	font-weight: bold;
	margin-bottom: 15px;
}

body#event div.movie02 {
	margin-bottom: 30px;
	overflow: hidden;
}

body#event div.movie02 div {
	float: left;
	margin-right: 10px;
	width: 345px;
}

body#event div.movie02 div:nth-child(2) {
	margin-right: 0;
}

/*==========================================
 イベント01 コロコロHOBBYフェスタ in SUZUKA with ぷっちぐみ
===========================================*/

body#event p#qrBtn {
	text-indent: -9999px;
	margin-bottom: 30px;
}

body#event p#qrBtn a {
	display: block;
	width: 240px;
	height: 80px;
	background: url(../event/img/btn_qr.gif);
	margin-left: 230px;
}

body#event p#qrBtn a:hover {
	background: url(../event/img/btn_qr.gif) 0 80px;
}


/*==========================================
 キャンペーン02 NEOヒーロー着デザインコンテスト
===========================================*/

body#event p#btnOubo {
	text-indent: -9999px;
	margin-left: 200px;
}

body#event p#btnOubo a {
	display: block;
	width: 300px;
	height: 45px;
	background: url(../event/img_02neodesign/btn_oubo.gif);
}

body#event p#btnOubo a:hover {
	background: url(../event/img_02neodesign/btn_oubo.gif) 0 -45px;
}


/*==========================================
 次世代ワールドホビーフェア '14 Summer
===========================================*/

body#event p#repo {
	text-indent: -9999px;
	margin-left: 266px;
	margin-bottom: 5px;
}

body#event p#repo a {
	display: block;
	width: 167px;
	height: 50px;
	background: url(../event/img_ev02whf14s/btn_repo.jpg);
}

body#event p#repo a:hover {
	background: url(../event/img_ev02whf14s/btn_repo.jpg) 0 -50px;
}


/*==========================================
 『ヒーローバンク』最新ホビー先行販売
===========================================*/

body#event p#toy {
	text-indent: -9999px;
	margin-left: 177px;
	margin-bottom: 5px;
}


body#event p#toy a {
	display: block;
	width: 345px;
	height: 50px;
	background: url(../event/img_ev03hobby/btn_toy.jpg);
}

body#event p#toy a:hover {
	background: url(../event/img_ev03hobby/btn_toy.jpg) 0 -50px;
}


/*==========================================
 コロツアー2014
===========================================*/

body#event div#coroMap {
	position: relative;
	height: 375px;
	margin-bottom: 30px;
	background: url(../event/img_ev04coro/bg_map.jpg);
}

body#event div#coroMap li {
	text-indent: -9999px;
}

body#event div#coroMap li a {
	display: block;
	width: 150px;
	height: 24px;
}

body#event div#coroMap li.shop01 a {
	background: url(../event/img_ev04coro/btn_shop01.gif);
	position: absolute;
	right: 25px;
	top: 193px;
}

body#event div#coroMap li.shop01 a:hover {
	background: url(../event/img_ev04coro/btn_shop01.gif) 0 -24px;
}

body#event div#coroMap li.shop02 a {
	background: url(../event/img_ev04coro/btn_shop02.gif);
	position: absolute;
	left: 109px;
	top: 39px;
}

body#event div#coroMap li.shop02 a:hover {
	background: url(../event/img_ev04coro/btn_shop02.gif) 0 -24px;
}

body#event div#coroMap li.shop03 a {
	background: url(../event/img_ev04coro/btn_shop03.gif);
	position: absolute;
	right: 65px;
	top: 344px;
}

body#event div#coroMap li.shop03 a:hover {
	background: url(../event/img_ev04coro/btn_shop03.gif) 0 -24px;
}

body#event div#coroMap li.shop04 a {
	background: url(../event/img_ev04coro/btn_shop04.gif);
	position: absolute;
	left: 90px;
	top: 114px;
}

body#event div#coroMap li.shop04 a:hover {
	background: url(../event/img_ev04coro/btn_shop04.gif) 0 -24px;
}

body#event div#coroMap li.shop05 a {
	background: url(../event/img_ev04coro/btn_shop05.gif);
	position: absolute;
	right: 5px;
	top: 44px;
}

body#event div#coroMap li.shop05 a:hover {
	background: url(../event/img_ev04coro/btn_shop05.gif) 0 -24px;
}

body#event div#coroMap li.shop06 a {
	background: url(../event/img_ev04coro/btn_shop06.gif);
	position: absolute;
	left: 69px;
	top: 189px;
}

body#event div#coroMap li.shop06 a:hover {
	background: url(../event/img_ev04coro/btn_shop06.gif) 0 -24px;
}

body#event div#coroMap li.shop07 a {
	background: url(../event/img_ev04coro/btn_shop07.gif);
	position: absolute;
	right: 5px;
	top: 120px;
}

body#event div#coroMap li.shop07 a:hover {
	background: url(../event/img_ev04coro/btn_shop07.gif) 0 -24px;
}

body#event div#coroMap li.shop08 a {
	background: url(../event/img_ev04coro/btn_shop08.gif);
	position: absolute;
	right: 46px;
	top: 268px;
}

body#event div#coroMap li.shop08 a:hover {
	background: url(../event/img_ev04coro/btn_shop08.gif) 0 -24px;
}

body#event div#coroMap span#shop07New {
	position: absolute;
	top: 73px;
	right: 128px;
	line-height: 0;
}

body#event div#coroMap span#shop08New {
	position: absolute;
	top: 223px;
	right: 168px;
	line-height: 0;
}

/*==========================================
 LINEスタンプ
===========================================*/

body#event p.btnLine,body#event p.btnLine2 {
	text-indent: -9999px;
	margin-left: 185px;
	margin-bottom: 30px;
}
body#event p.btnLine a,body#event p.btnLine2 a {
	display: block;
	width: 330px;
	height: 100px;
}

body#event p.btnLine a {
	background: url(../event/img_en02line/btn_line.gif);
}

body#event p.btnLine a:hover {
	background: url(../event/img_en02line/btn_line.gif) 0 -100px;
}

body#event p.btnLine2 a {
	background: url(../event/img_en04line/btn_line2.gif);
}

body#event p.btnLine2 a:hover {
	background: url(../event/img_en04line/btn_line2.gif) 0 -100px;
}


/*==========================================
 かべがみ
===========================================*/

body#event div.wpBox {
	overflow: hidden;
	padding-bottom: 30px;
}

body#event div.wpBox h5 {
	display: none;
}

body#event div.wpBox div.pcBox {
	background: url(../event/img_en01wp/bg_pc.gif) no-repeat;
	width: 340px;
	margin: 0 20px 20px 0;
	padding-top: 30px;
	float: left;
}

body#event div.wpBox div.mobileBox {
	background: url(../event/img_en01wp/bg_mobile.gif) no-repeat;
	width: 340px;
	margin: 0 0 20px 0;
	padding-top: 30px;
	float: left;
}

body#event div.wpBox p {
	text-align: center;
	margin-bottom: 15px;
}

body#event div.wpBox li {
	text-indent: -9999px;
}

body#event div.wpBox li.btnDl01,body#event div.wpBox li.btnDl03 {
	float: left;
	margin-right: 10px;
}

body#event div.wpBox li.btnDl02,body#event div.wpBox li.btnDl04 {
	float: left;
	margin-right: 0;
}

body#event div.wpBox li a {
	display: block;
	width: 165px;
	height: 30px;
}

body#event div.wpBox div.pcBox li.btnDl01 a {
	background: url(../event/img_en01wp/btn_dl01.gif);
}

body#event div.wpBox div.pcBox li.btnDl01 a:hover {
	background: url(../event/img_en01wp/btn_dl01.gif) 0 -30px;
}

body#event div.wpBox div.pcBox li.btnDl02 a {
	background: url(../event/img_en01wp/btn_dl02.gif);
}

body#event div.wpBox div.pcBox li.btnDl02 a:hover {
	background: url(../event/img_en01wp/btn_dl02.gif) 0 -30px;
}

body#event div.wpBox div.mobileBox li.btnDl03 a {
	background: url(../event/img_en01wp/btn_dl03.gif);
}

body#event div.wpBox div.mobileBox li.btnDl03 a:hover {
	background: url(../event/img_en01wp/btn_dl03.gif) 0 -30px;
}

body#event div.wpBox div.mobileBox li.btnDl04 a {
	background: url(../event/img_en01wp/btn_dl04.gif);
}

body#event div.wpBox div.mobileBox li.btnDl04 a:hover {
	background: url(../event/img_en01wp/btn_dl04.gif) 0 -30px;
}

body#event p#btnWpTwi {
	text-indent: -9999px;
	margin-left: 160px;
	margin-bottom: 30px;
}

body#event p#btnWpTwi a {
	display: block;
	width: 380px;
	height: 70px;
	background: url(../event/img_en01wp/btn_twi.gif);
}

body#event p#btnWpTwi a:hover {
	display: block;
	width: 380px;
	height: 70px;
	background: url(../event/img_en01wp/btn_twi.gif) 0 -70px;
}


/*==========================================
 Twitterアイコン
===========================================*/

body#event ul.twiIcon {
	overflow: hidden;
	margin-bottom: 30px;
}

body#event ul.twiIcon li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: solid 1px #999;
}

body#event ul.twiIcon li:nth-child(5n) {
	margin-right: 0;
}

body#event ul.twiIcon li img {
	width: 130px;
}

body#event p#btnIcTwi {
	text-indent: -9999px;
	margin-left: 160px;
	margin-bottom: 30px;
}

body#event p#btnIcTwi a {
	display: block;
	width: 380px;
	height: 70px;
	background: url(../event/img_en03icon/btn_twi.gif);
}

body#event p#btnIcTwi a:hover {
	display: block;
	width: 380px;
	height: 70px;
	background: url(../event/img_en03icon/btn_twi.gif) 0 -70px;
}



/*==========================================
 総選挙
===========================================*/

body#event p.btnChara {
	text-indent: -9999px;
	margin: 0 210px 5px 210px;
	border: solid 5px #fae606;
}

body#event p.btnChara a {
	background: url(../event/img_04chara/btn_chara.gif);
	display: block;
	width: 270px;
	height: 70px;
}

body#event p.btnChara a:hover {
	background: url(../event/img_04chara/btn_chara.gif) 0 -70px;
}

body#event div#charaPreBox {
	background: url(../event/img_04chara/img03.jpg);
	height: 237px;
	position: relative;
	margin-bottom: 10px;
}

body#event div#charaPreBox h5,body#event div#charaPreBox p.txt {
	display: none;
}

body#event div#charaPreBox p.btnChaTw {
	text-indent: -9999px;
	position: absolute;
	right: 18px;
	bottom: 40px;
}

body#event div#charaPreBox p.btnChaTw a {
	background: url(../event/img_04chara/btn_tw.gif);
	display: block;
	width: 190px;
	height: 70px;
}

body#event div#charaPreBox p.btnChaTw a:hover {
	background: url(../event/img_04chara/btn_tw.gif) 0 -70px;
}

body#event div#charaPreBox p.end {
	position: absolute;
	left: 500px;
	bottom: 10px;
	font-size: 1.4rem;
	color: #FFF;
}

body#event p.btnDl {
	text-indent: -9999px;
	margin: 0 210px 5px 210px;
	border: solid 5px #fae606;
	background: url(../event/img_04chara/btn_dl.gif);
	display: block;
	width: 270px;
	height: 70px;
	margin-bottom: 30px;
}

body#event p.btnDl a {
	background: url(../event/img_04chara/btn_dl.gif);
	display: block;
	width: 270px;
	height: 70px;
}

body#event p.btnDl a:hover {
	background: url(../event/img_04chara/btn_dl.gif) 0 -70px;
}

body#event div#rankBox {
	margin-bottom: 30px;
}

body#event div#rank {
	background: #9d0202;
	padding: 0 10px 10px 10px;
	overflow: hidden;
}

body#event div#rank div {
	background: #FFF;
	border: solid 1px #000;
	padding: 10px;
	overflow: hidden;
}

body#event div#rank ul {
	width: 188px;
	margin-right: 15px;
	float: left;
	font-size: 13px; font-size: 1.3rem;
	line-height: 140%;
	margin-left: 20px;
}

body#event div#rank ul.none {
	margin-right: 0;
}

body#event div#rank ul li {
	list-style: disc;
}


/*==========================================
 Twitterキャンペーン
===========================================*/

body#event p#btnFlw {
	text-indent: -9999px;
	margin-bottom: 30px;
	margin-left: 63px;
}

body#event p#btnFlw a {
	background: url(../event/img_05twtr/btn_flw.gif);
	display: block;
	width: 574px;
	height: 84px;
}

body#event p#btnFlw a:hover {
	background: url(../event/img_05twtr/btn_flw.gif) 0 -84px;
}

body#event div#twCamBox {
	overflow: hidden;
	margin-bottom: 30px;
}

body#event div#twCamBox h5 {
	display: none;
}

body#event div#twCamBox p {
	text-indent: -9999px;
	position: absolute;
	bottom: 10px;
	left: 30px;
}

body#event div#twCamBox p a {
	background: url(../event/img_05twtr/btn_oubo.png);
	display: block;
	width: 284px;
	height: 74px;
}

body#event div#twCamBox p a:hover {
	background: url(../event/img_05twtr/btn_oubo.png) 0 -74px;
}

body#event div#twCamBox div#hb2 {
	position: relative;
	background: url(../event/img_05twtr/img02.jpg);
	width: 345px;
	height: 345px;
	margin-bottom: 10px;
}

body#event div#twCamBox div#am {
	position: relative;
	background: url(../event/img_05twtr/img03.jpg);
	width: 345px;
	height: 700px;
	float: right;
}

body#event div#twCamBox div#anime {
	position: relative;
	background: url(../event/img_05twtr/img04.jpg);
	width: 345px;
	height: 345px;
	margin-bottom: 10px;
}

body#event div#twCamBox div#all {
	background: url(../event/img_05twtr/img05.gif);
	position: relative;
	width: 700px;
	height: 236px;
}

body#event div#twCamBox div#all p.btnChara02 {
	text-indent: -9999px;
	position: absolute;
	left: 440px;
	bottom: 40px;
}

body#event div#twCamBox div#all p.btnChara02 a {
	background: url(../event/img_05twtr/btn_chara.gif);
	display: block;
	width: 230px;
	height: 70px;
}

body#event div#twCamBox div#all p.btnChara02 a:hover {
	background: url(../event/img_05twtr/btn_chara.gif) 0 -70px;
}

body#event div#twCamBox div#all p.end {
	position: absolute;
	left: 460px;
	bottom: 10px;
	font-size: 1.4rem;
	color: #FFF;
	text-indent: 0;
}