@charset "UTF-8";
/* ==========================================================================
   Reset
============================================================================= */
html, body,h1,h2,h3,h4,h5,p,dl, dt, dd, ol, ul, li,table,tr, th, td{
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
}

body {
  line-height: 1;
}
img{
	border: 0;
	vertical-align: bottom;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a{
	color: #00c6c8;
	text-decoration: underline;
	outline: none;
}
a:hover{
	color: #FFF;
	text-decoration: none;
}
/* ==========================================================================
   Base
============================================================================= */
body {
	color: #FFF;
	min-width: 980px;
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	background: url(../img/bg.jpg) repeat-y top center #000 fixed;
	background-size: 100% auto;
}

#wrapper{
	max-width: 1200px;
	margin: 0 auto;
}

/* ==========================================================================
   HEADER
============================================================================= */
#n3ds{
	position: absolute;
	right: 20px;
	top: 15px;
	z-index:100;
}
#nintendo{
	position: absolute;
	left: 20px;
	top: 15px;
	z-index:100;
}
#header{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#header h1 {
	text-align: center;
	padding: 20px;
}

/* ==========================================================================
   FOOTER
============================================================================= */
#footer{
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
#footer p {
	margin: 10px 0;
}

#footer a{
	color: #FFF;
}

/* ==========================================================================
   contents
============================================================================= */

#contents{
	text-align: center;
}
.section {
	margin: 10px 0;
}

.p_nav {
	width: 760px;
	height: 300px;
	margin: 0 auto;
	position: relative;
}
.btn_p_nav {
	margin: 0 auto;
	width:220px;
	height: 230px;
	background: url(../img/0902/qr_btn_def.png) no-repeat 0 0;
}

.btn_p_nav:hover {
	background: url(../img/0902/qr_btn_over.png) no-repeat 0 0;
}

.btn_mv_bg {
	background:url(../img/bg_thunder.png) no-repeat top center;
}
.btn_mv {
	width: 480px;
	height: 350px;
	margin: 0 auto;
	background: url(../img/btn_mv_def.png) no-repeat 0 0;
}
.btn_mv:hover {
	background: url(../img/btn_mv_over.png) no-repeat 0 0;
}

.btn_mv2 {
	width: 640px;
	height: 360px;
	padding: 30px;
	margin: 0 auto;
	background: url(../img/yt_bg.png) no-repeat 0 0;
}

.page_navi { margin-bottom: 30px;}
.page_navi ul {
	text-align: center;
}
.page_navi ul li{
	display: inline-block;
	width:240px;
	height: 100px;
	margin: 2px 5px;
}
.page_navi ul li.n01{ background: url(../img/0902/p_nav01_def.png) no-repeat 0 0;}
.page_navi ul li.n01:hover{ background: url(../img/0902/p_nav01_over.png) no-repeat 0 0;}
.page_navi ul li.n02{ background: url(../img/0902/p_nav02_def.png) no-repeat 0 0;}
.page_navi ul li.n02:hover{ background: url(../img/0902/p_nav02_over.png) no-repeat 0 0;}
.page_navi ul li.n03{ background: url(../img/0902/p_nav03_def.png) no-repeat 0 0;}
.page_navi ul li.n03:hover{ background: url(../img/0902/p_nav03_over.png) no-repeat 0 0;}

#trial_session {
	position: relative;
	width:760px;
	height:1000px;
	margin: 0 auto;
}
#trial_session .btn_hint {
	position: absolute;
	width: 435px;
	height:118px;
	top: 825px;
	left: 165px;
	background:url(../img/btn_hint_def.png) no-repeat 0 0;
	cursor: pointer;
}
#trial_session .btn_hint:hover {
	background:url(../img/btn_hint_over.png) no-repeat 0 0;
}

.btn_trial {
	width: 700px;
	height: 146px;
	padding: 0;
	margin: 10px auto;
	background: url(../img/btn_trial_def.png) no-repeat 0 0;
}
.btn_trial:hover {
	background: url(../img/btn_trial_over.png) no-repeat 0 0;
}

.btn_sche {
	width: 500px;
	height: 40px;
	margin: 0 auto;
	background: #FFF;
	border: 1px solid #00c6c8;
	margin-bottom: 50px;
}
.btn_sche:hover {
	background: #b0fff5;
}

.about_reald {
	background:#000;
	border: 1px solid #00c6c8;
	padding: 30px;
	width: 660px;
	margin: 30px auto;
}
.about_reald_mv {
	margin: 20px;
}


#main {
	width: 640px;
	margin: 0;
}

.btn_close {
	width: 400px;
	height: 58px;
	margin: 0 auto;
	background: #FFF;
	border: 1px solid #00c6c8;
	margin-bottom: 20px;
}
.btn_close:hover {
	background: #b0fff5;
}


/*　News */

.news {
	background: url(../img/title_news.png) no-repeat 0 0 #FFF;
	color: #000;
	height: 60px;
	margin: auto;
	overflow: hidden;
	position: relative;
}

.news a,
.news a:link{
	color: #00c6c8;
	text-decoration: underline;
}
.news a:hover{
	color: #CCC;
	text-decoration: none;
}


.news .btn {
	position: absolute;
	top: 7px;
	right: 10px;
}
.news .btn div{
	cursor: pointer;
}
.news ul.slideSet{
	padding: 20px 40px 20px 140px;
	position: absolute;
	top: 0;
}
.news li.slide{
	height: 30px;
	text-align: left;
}
.news li.slide p{
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
}
.news li.slide p span{
	padding-right: 10px;
}
.news li.slide p.l2{
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
}

.slider-container {
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	position: relative;
}

.slider {
	width: 100%;
	height: 60px;
}

.slider .slideSet {
	position: absolute;
}

.slider .slide {
	width: 100%;
	height: 60px;
	float: none;
}


.item_info {
	position: relative;
	width: 760px;
	margin: 10px auto;
}
.item_info div.f_btn{
	width: 120px;
	text-align: center;
	position:absolute;
	top: 160px;
	left: 60px;
}
.item_info div.f_btn img{
	margin: 0 2px;
}
.item_info div.f_left{
	width: 350px;
	text-align: left;
	position:absolute;
	top: 270px;
	left: 80px;
}
.item_info div.f_right{
	width: 350px;
	text-align: left;
	position:absolute;
	top: 270px;
	right: 80px;
	width:220px;
}
.item_info p {
	padding: 5px 0;
}

.item_info div.basicinfo{
	position: absolute;
	top: 350px;
	width: 576px;
	left: 50%;
	margin-left: -288px;
}

.item_info div.f_bottom{
	position:absolute;
	top: 430px;
	left: 50%;
	width:620px;
	margin-left:-310px;
	text-align: center;
}
div.howto {
	width:620px;
	margin-bottom:20px;
}
div.howto ul{
	text-align: center;
}
div.howto ul li{
	display: inline-block;
	position: relative;
}

div.howto ul li.f01,
div.howto ul li.f02 {
	cursor:pointer;
}

div.howto ul li div.f01_over,
div.howto ul li div.f02_over {
	display: none;
	position: absolute;
	top: -80px;
	width: 174px;
	left: 50%;
	margin-left:-87px;
}