@charset 'Shift_JIS';

/* common
================================================== */
*{
	margin:0;
	padding:0;
}

body {
  margin: 0;
  padding: 0;
  min-width: 960px;
  background-color: #fff;
  -webkit-text-size-adjust: none;
  font: 12px/19px "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana","Arial","Helvetica",sans-serif;
}

img {
	vertical-align: top;
}

.clearFix {
	zoom: 1;
}

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

li {
	float:left;
}


/* wrapper・container系のCSS
--------------------------------------------------------- */
#contentsContainer {
	width:100%;
	background:#000000 url(http://images.hangame.co.jp/r02/game/78/event/2017/0419_anniversary/bg_main.jpg) center top no-repeat;
	text-align:center;
}


/* ナビゲーションの設定
--------------------------------------------------------- */
nav {
    width:100%;
	height:100px;
	background:#000000 url(http://images.hangame.co.jp/r02/game/78/event/2017/0419_anniversary/bg_nav.jpg) center top no-repeat;
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.8);
	position:fixed;
	top:55px;
}

.fixed {
	width:100%;
	position:fixed;
	top:0;
	z-index:100;
}

.container {
	width:960px;
	margin:0 auto;
	padding-top:10px;
}

#logo {
	padding-top:5px;
	padding-right:18px;
	float:left;
}


/* メインの設定
--------------------------------------------------------- */
#contentsContainer h1 {
	padding-top:142px;
}

#contentsContainer p {
	padding-top:40px;
}

article {
	padding-top:50px;
	width:830px;
	margin:0 auto;
}

div.official {
	padding-top:23px;
}

#evt_01, #evt_02, #evt_04, #sale, #broadcast {
	position:relative;
	z-index:0;
}

.nanacos, .prize, .avatar, .btn_broadcast {
	position:absolute;
	z-index:1;
}

aside {
	margin-top:60px;
	padding-top:25px;
	padding-bottom:60px;
	background:url(http://images.hangame.co.jp/r02/game/78/event/2017/0419_anniversary/bg_aside.jpg) center top no-repeat;
	color:#FFFFFF;
}

div.pageTop {
	margin:0 auto;
	width:90%;
	max-width:960px;
	height:0;
	position:relative;
	display:none;
}

div.pageTop a {
	margin-left:924px;
	position: fixed;
	bottom: 20px;
	left:auto;
	display:block;
	z-index:9999;
}

div.pageTop a:before {
	top:50%;
}

div.pageTop a:after {
	top:50%;
}