@charset "shift_jis";





#gzr_wrap {
	background:url(20140620_godzilla_bg.jpg) no-repeat fixed top #000;
	width:100%;
	color:#FFF;
	line-height:1.4;
	
}

#gzr_wrap a {
	color:#FF0;
}

#gzr_header {
	background:url(20140620_godzilla_header_bg.png) no-repeat top center;
	height:584px;
	width:860px;
	margin:0 auto;
	padding:15px 20px;
}

#gzr_header .gzr_header_l {
	float:left;
}
#gzr_header .gzr_header_l .gzr_oubo {
	background:url(20140620_godzilla_header_btnbg.png) no-repeat top center;
	width:443px;
	height:177px;
	padding:10px;
}
#gzr_header .gzr_header_l .gzr_oubo img {
	width:440px;
	margin:0 auto;
}


#gzr_header .gzr_header_l .gzr_oubo a img {
    display: block;
    width: 440px;
	height:80px;
	margin-bottom:8px;
}
#gzr_header .gzr_header_l .gzr_oubo a:hover img {
/*    animation: shake 0.1s linear;
    -webkit-animation: shake 0.1s linear;*/
}
@keyframes shake {
    0% { transform: translate(2px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 3px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(2px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(2px, 3px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake {
    0% { transform: translate(3px, 2px) rotate(0deg); }
    10% { transform: translate(-2px, -3px) rotate(-1deg); }
    20% { transform: translate(-4px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 3px) rotate(0deg); }
    40% { transform: translate(2px, -2px) rotate(1deg); }
    50% { transform: translate(-2px, 3px) rotate(-1deg); }
    60% { transform: translate(-4px, 2px) rotate(0deg); }
    70% { transform: translate(3px, 2px) rotate(-1deg); }
    80% { transform: translate(-2px, -2px) rotate(1deg); }
    90% { transform: translate(2px, 4px) rotate(0deg); }
    100% { transform: translate(2px, -3px) rotate(-1deg); }
}
	

#gzr_header .gzr_header_r {
	float:right;
}

#gzr_contents {
	width:900px;
	margin:0 auto;
	background:url(20140620_godzilla_contents_bg.png) repeat top center;
}
#gzr_contents .gzr_info {
	background:url(20140620_godzilla_contents_infoimg.png) no-repeat top left;
	min-height:385px;
	margin-bottom:20px;
}
#gzr_contents .gzr_info p {
	width:405px;
	float:right;
	padding:50px 20px 0 0;
}
#gzr_contents .gzr_info p .gzr_official {
	width:391px;
	border:#4e0001 2px solid;
	padding:5px;
	font-size:14px;
	float:right;
	margin-top:40px;
	text-align:center;
}


#gzr_attention {
	margin-top:50px;
}

#gzr_attention p {
	padding:20px;
	font-size:14px;
	line-height:1.4;
}

.gzr_copy {
	text-align:center;
	padding:20px 0;
}



.gzr_fontw {
	font-weight:bold;
}
.gzr_font20 {
	font-size:20px;
}

.gzr_font18 {
	font-size:18px;
}




.gzr_item {
}

.pbm-box {
  margin: 20px auto 0;
}
.gzr_itemlink {
	width:391px;
	border:#4e0001 2px solid;
	padding:5px;
	font-size:18px;
	margin:20px auto;
	text-align:center;
	
}


.gzr_item .pbm-itemimg {
  background:url(20140620_godzilla_itembg.jpg) no-repeat;
  padding-top: 10px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}
.gzr_item .pbm-itemimg span {
  background: #4e0001;
  display: block;
  width: 180px;
  height: 180px;
  margin: 0 auto;
}

.pbm-itemlist {
  display: block;
  list-style: none;
  overflow: hidden;
  padding: 0;
}
.pbm-itemlist li {
  float: left;
  display: inline;
  margin-left: 18px;
  margin-top: 14px;
}
.pbm-itemlist li img {
  border: 0;
}
.pbm-itemlist li a {
  text-decoration: none;
}
.pbm-itemlist li a:hover img {
    animation: shake 0.4s linear;
    -webkit-animation: shake 0.4s linear;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.pbm-itemlist li .pbm-itemname {
  display: block;
  width: 196px;
  padding: 2px 4px;
  margin-top: 4px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
.pbm-itemlist li .pbm-itemimg {
  width: 202px;
  height: 202px;
  overflow: hidden;
  display: block;
}
.pbm-itemlist li a:hover .pbm-itemname {
  color: #ffe616;
}