@charset "UTF-8";

/* ==================================================================
CSS information
style info :「AMIIBO」 用
================================================================== */


#container { background: url(../_img/amiibo/bg_r.png) top center; }
#contents { background: url(../_img/amiibo/bg_r2.png) top center; width: 960px; margin: 0 auto; }

/* --------------------------------------------------------
#mainvisual
-------------------------------------------------------- */
#mainvisual { position: relative; overflow: hidden; }
#mainvisual img { position: relative;}


#mainvisual #mvpic { position: relative;}
#mainvisual #mvpic .pic2 { position: absolute; bottom: 0; left: 0;}
#mainvisual #mvpic .pic3 { position: absolute; bottom: 0; left: 0;}

#mainvisual .mv_ttl { position: absolute; top: 38px; text-align: center; width: 100%;}
#mainvisual .mv_text { position: absolute; top: 103px; text-align: center; width: 100%;}

#video-box { width: 732px; height: 413px; background: #000; border: 1px solid #a48e46; margin: 0 auto 18px; position: absolute; top: 300px; left: 114px; }


/* --------------------------------------------------------
.contents_block
-------------------------------------------------------- */
.contents_block { position: relative; }

hr.line { background: url(../_img/amiibo/line_p.png) center center no-repeat; width: 100%; height: 37px; border: none; margin: 0;}


/* #c1
-------------------------------------------------------- */
#c1 { position: relative; height: 394px; background: #101616;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,5e5e5e+100 */
background: -moz-linear-gradient(top,  #000000 0%, #101616 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#101616 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#101616 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#101616',GradientType=0 ); /* IE6-9 */
}

#c1 .copy { position: absolute; top: 83px; left: 414px; }
#c1 .text { position: absolute; top: 214px; left: 414px; }
#c1 .pic { position: absolute; top: 22px; left: 34px; }


/* #c2
-------------------------------------------------------- */
#c2 { padding-top: 49px;}
#c2 .pic img { position: relative;}

#c2 .copy { margin-left: 331px; margin-bottom: 25px;}
#c2 .text { margin-left: 331px; }
#c2 .pic { position: absolute; top: 49px; left: 49px; }

/* #c3
-------------------------------------------------------- */
#c3 { height: 168px; padding-top: 32px;}
#c3 .pic img { position: relative;}

#c3 .text { margin-left: 331px; }
#c3 .pic { position: absolute; top: 32px; left: 49px; }

/* #c4
-------------------------------------------------------- */
#c4 { height: 202px; padding-top: 47px; margin-bottom: 34px;}
#c4 .pic img { position: relative;}

#c4 .copy { margin-left: 49px; margin-bottom: 25px;}
#c4 .text { margin-left: 49px; }
#c4 .pic { position: absolute; top: 47px; right: 49px; }

/* #c5
-------------------------------------------------------- */
#c5 { height: 634px; padding-top: 0; background: url(../_img/amiibo/c5_bg.jpg) top center no-repeat; margin-top: 14px; margin-bottom: 14px;}
#c5 .pic img { position: relative;}

#c5 .copy { width: 732px; margin: 0 auto 50px auto; padding-top: 55px;}
#c5 .pic { position: absolute; top: 28px; right: 49px; }

#c5 .video{
  width: 732px;
  height: 413px;
  background: #000;
  border: 1px solid #a48e46;
  margin: 0 auto 18px;
}