@charset "UTF-8";

html,body,div,p,ul,h1,h2,h3,h4 {
  margin:0;
  padding:0;
}
ul {
  list-style:none;
}
img {
  border:none;
}
a {
  text-decoration:none;
}
body {
  min-width:960px;
  font-size:14px;
  font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1.6;
  background:#ffffff url("../images/bg.jpg") left top repeat;
}

body#card{
	background:#ebf3cf url("../images/amiibocard/vol01/card_bg01.gif") center top no-repeat ;
}

body#card2{
	background:#fff4d6 url("../images/amiibocard/vol02/card_bg01.jpg") center top no-repeat ;
}
body#card3{
	background:#d4ecf3 url("../images/amiibocard/vol03/card_bg01.gif") center top no-repeat ;
}
body#card4{
	background:#fce5e7 url("../images/amiibocard/vol04/card_bg01.gif") center top no-repeat ;
}

.cb { clear:both !important; }
.cl {overflow:hidden;zoom:1;}

/* clearfix */
/* clearfix : For modern browsers */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* clearfix : For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom: 1;
}

/* CONTAINER */
#container {
  width:100%;
  min-width:960px;
  height:100%;
  background:transparent url("../images/header_bg.jpg") center top repeat-x;
  overflow:hidden;
}

#container_card {
  width:100%;
  min-width:960px;
  height:100%;
  background:transparent url("../images/amiibocard/vol01/green_header.png") center top repeat-x;
  overflow:hidden;
}

#container_card2 {
  width:100%;
  min-width:960px;
  height:100%;
  background:transparent url("../images/amiibocard/vol02/orange_header.png") center top repeat-x;
  overflow:hidden;
}

#container_card3 {
  width:100%;
  min-width:960px;
  height:100%;
  background:transparent url("../images/amiibocard/vol03/blue_header.png") center top repeat-x;
  overflow:hidden;
}

#container_card4 {
  width:100%;
  min-width:960px;
  height:100%;
  background:transparent url("../images/amiibocard/vol04/pink_header.png") center top repeat-x;
  overflow:hidden;
}


/* HEADER TOP */
#header {
  height:625px;
  background:transparent url("../images/top/main_visual.jpg") center top no-repeat;
}
#header .inner {
  position:relative;
  width:960px;
  margin:0 auto;
}
#header .inner h1 {
  position:absolute;
  top:32px;
  left:225px;
}
#header .inner .nt_logo {
  position:absolute;
  top:6px;
  left:1px;
}
#header .inner .ds_logo {
  position:absolute;
  top:6px;
  left:831px;
}
#header .inner p.movie {
	position: absolute;
	top: 234px;
	left: 2px;
}

#header .inner p.movie a{
  outline:none;
}

/* HEADER ABOUT */
.about #header {
  height:204px;
  background:none;
}
/* HEADER AMIIBOCARD */
.amiibocard #header {
  height:418px;
  background:none;
}

.amiibocard #header .inner h1 {
  position:absolute;
  top:222px;
  left:261px;
}
.amiibocard #header .inner ul {
 	position:absolute;
	width:960px;
  	top:37px;
  	left:0px;
}

.amiibocard #header .inner ul li{
 	display:inline-block;
	margin-right:18px;
}
.amiibocard #header .inner ul li:last-child{
 	margin-right:0 !important;
}


/* HEADER CANDO */
.cando #header {
  height:204px;
  background:none;
}

/* HEADER WORKS */
.works #header {
  height:204px;
  background:none;
}
/* HEADER WORKS */
.post #header {
  height:204px;
  background:none;
}
/* HEADER TSUKUTTER */
.tsukutter #header {
  height:204px;
  background:none;
}


/* NAVI */
#navi {
  width:960px;
  margin:20px auto 0 auto;
}
#navi li {
  float:left;
  margin:0 7px;
}
#navi li .lock {
  margin:-21px 0 0 0;
}
#navi li .new {
  margin:-15px 0 0 -1px;
}


/* CONTENTS */
#contents {
  width:960px;
  margin:0 auto;
  padding:26px 0 0 0;
}

#contents2 {
  width:960px;
  margin:0 auto;
  padding:0 0 0 0;
}

.note {
	padding-top: 5px;
	color: #58280c;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}


/* SNS */
#sns {
  clear:both;
  width:960px;
  min-width:960px;
  margin:19px auto 0 auto;
}
#sns ul {
  width:109px;
  margin:0 auto;
}
#sns ul li.twitter {
  float:left;
}
#sns ul li.facebook {
  float:right;
}


/* PAGETOP */
#pagetop {
  position:relative;
  width:960px;
  max-width:960px;
  margin:0 auto;
}
#pagetop a {
  position:absolute;
  top:-40px;
  left:807px;
}


/* BOTTOM_NAVI */
#bottom_navi {
  width:960px;
  max-width:960px;
  height:100px;
  margin:50px auto 0 auto;
}
#bottom_navi p {
  float:left;
}
#bottom_navi ul {
  float:right;
}
#bottom_navi ul li {
  float:left;
  margin:15px 5px 0 0;
}
#bottom_navi ul li .lock {
  margin:-15px 0 0 0;
}
#bottom_navi ul li .new {
  margin:-10px 0 0 0;
}


/* FOOTER */
#footer {
  position:relative;
  width:100%;
  min-width:960px;
  height:137px;
  background:transparent url("../images/footer_bg.jpg") center bottom repeat-x;
  padding:46px 0 0 0;
}

#container_card #footer {
  background:transparent url("../images/amiibocard/vol01/green_footer.png") center bottom repeat-x;
}

#container_card2 #footer {
  background:transparent url("../images/amiibocard/vol02/orange_footer.png") center bottom repeat-x;
}

#container_card3 #footer {
  background:transparent url("../images/amiibocard/vol03/blue_footer.png") center bottom repeat-x;
}
#container_card4 #footer {
  background:transparent url("../images/amiibocard/vol04/pink_footer.png") center bottom repeat-x;
}


#footer .inner {
  width:960px;
  min-width:960px;
  margin:0 auto;
  padding:62px 0 0 0;
  overflow:hidden;
}
#container_card #footer .inner,
#container_card2 #footer .inner,
#container_card3 #footer .inner,
#container_card4 #footer .inner{
  width:960px;
  min-width:960px;
  margin:0 auto;
  padding:54px 0 0 0;
  overflow:hidden;
}
#footer .inner ul {
  float:left;
}
#footer .inner ul li {
  float:left;
  margin:0 56px 0 0;
}
#footer .inner ul li a {
  display:block;
  color:#ffffff;
  font-size:13px;
  background:transparent url("../images/ic01.png") left 5px no-repeat;
  padding:1px 0 0 12px;
}
#footer .inner ul li a:hover {
  text-decoration:underline;
}
#footer .inner p {
  float:right;
  color:#ffffff;
  text-align:right;
}