@charset "Shift_JIS";
html{
	overflow-y:scroll;
}
body{
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	color: #323232;
	font-family: "?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","???C???I",meiryo,"?l?r ?o?S?V?b?N","???C???I","Meiryo",Osaka,verdana,arial,clean,sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(../img/top_bg.jpg) 0 0 #f1f2dc;
}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{
	margin: 0;
	padding: 0;
}
ul{
	list-style-type: none;
}
img{
	border: 0;
}
.noOutline {
	outline: none;
}
/*--- clearfix ---*/
.cf:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.cf {display: inline-block;}
a:link,
a:visited{
	color: #773311;
	text-decoration: none;
}
a:hover{
	color: #662200;
	text-decoration: underline;
}

/* ------------------------
	MAIN VISUAL
------------------------ */
#container{
	width: 100%;
	min-width: 960px;
	height: 680px;
}
#loading{
	display: none;
	position:absolute;
	top:250px;
	left: 48%;
	font-size:10px;
	line-height:2;
}
#main{
	background-image: url(../img/topimg_bg.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
	width: 100%;
	min-width: 960px;
	height: 680px;
}
#main_visual{
	margin: 0 auto;
	width: 960px;
	height: 680px;
	position: relative;
}
/* ------------------------
	HEADER
------------------------ */
ul.ht li.nintendo{
	position: absolute;
	top: 16px;
	left: 20px;
}
ul.ht li.n3ds{
	position: absolute;
	top: 18px;
	left: 802px;
}
/* ------------------------
	TOP IMAGE
------------------------ */
#top_img{

}
#top_title{
	position: absolute;
	top: 59px;
	left: 29px;
}
#top_mt{
	position: absolute;
	top: 169px;
	left: 63px;
}
#top_3ds{
	position: absolute;
	top: 242px;
	left: 57px;
}
#top_3ds_up{
	position: absolute;
	top: 4px;
	left: 5px;
}
#top_3ds_ug{
	position: absolute;
	top: 200px;
	left: 31px;
}
#top_3ds_ug li{
	position: absolute;
	top:0;
	left:0;
}
#top_3ds_ug li.ug3{
	display: none;
}
#flashcontent{
	z-index: 100;
	position: absolute;
	top: 28px;
	left: 54px;
}
#bt_about{
	position: absolute;
	top: 415px;
	left: 710px;
	width: 179px;
	height: 189px;
	overflow: hidden;
	background: url(../img/btn_about_on.png) 1000px 0 no-repeat;
}
#fude{
	position: absolute;
	top: 260px;
	left: 725px;
}
#thumbs_set{
	position: relative;
	top: 501px;
	left: 0px;
	width: 954px;
	height: 115px;
	overflow: hidden;
}
.side_left{
	position: absolute;
	top: 0px;
	left: 0px;
}
.side_right{
	position: absolute;
	top: 0px;
	left: 920px;
}
#thumbs{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 2880px;
	height: 115px;
}
#thumbs ul li{
	float: left;
	width: 1440px;
	height: 115px;
	text-align: center;
}
/* ------------------------
	MENU
------------------------ */
#menu{
	padding: 10px 0 15px 10px;
	position: relative;
	width: 940px;
	height: 96px;
}
#menu .menu_new1{
	position: absolute;
	top: 13px;
	left: 895px;
	z-index: 90;
}
#menu li{
	float: left;
	height: 96px;
}
#menu li.bt01{
	width: 131px;
	height: 96px;
	background: url(../img/bt01_on.jpg) 0 0 no-repeat;
}
#menu li.bt02{
	width: 131px;
	height: 96px;
	background: url(../img/bt02_on.jpg) 0 0 no-repeat;
}
#menu li.bt03{
	width: 131px;
	height: 96px;
	background: url(../img/bt03_on.jpg) 0 0 no-repeat;
}
#menu li.bt04{
	width: 131px;
	height: 96px;
	background: url(../img/bt04_on.jpg) 0 0 no-repeat;
}
#menu li.bt05{
	width: 131px;
	height: 96px;
	background: url(../img/bt05_on.jpg) 0 0 no-repeat;
}
#menu li.bt06{
	width: 131px;
	height: 96px;
	background: url(../img/bt06_on.jpg) 0 0 no-repeat;
}
#menu li.bt07{
	width: 154px;
	height: 96px;
	background: url(../img/bt07_on.jpg) 0 0 no-repeat;
}
/* ------------------------
	FOOTER
------------------------ */
#top_btm{
	margin: 0;
	padding: 0 0 20px 0;
	background: url(../img/top_btm_bg.jpg) center top repeat-x;
	width: 100%;
	min-width: 960px;
}
#top_btm_inner{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#top_set{
	margin: 10px 0 0 14px;
	width: 932px;
	height: 271px;
	overflow: hidden;
}
#info{
	margin: 0;
	background: url(../img/info_bg.png) 0 0 no-repeat;
	width: 932px;
	height: 46px;
	position: relative;
}
#info p{
	font-size: 93%;
	color: #000;
	top: 15px;
	left:105px;
	position: absolute;
}
#info p a:link,
#info p a:visited{
	color: #773311;
	text-decoration: underline;
}
#info p a:hover{
	color: #dd8800;
	text-decoration: underline;
}

#top_spec{
	background: url(../img/top_spec_bg.png) 0 0 no-repeat;
	width: 669px;
	height: 263px;
	position: relative;
	float: left;
}
#top_spec .info1{
	top: 18px;
	left:18px;
	position: absolute;
}
#top_spec .info2{
	top: 21px;
	left:155px;
	position: absolute;
}
#top_spec .info3{
	top: 80px;
	left:155px;
	position: absolute;
}
#top_spec .info4{
	top: 143px;
	left:20px;
	position: absolute;
}
#top_spec .info5{
	top: 213px;
	left:20px;
	position: absolute;
}
#top_spec .pi01{
	top: 22px;
	left:218px;
	position: absolute;
}
#top_spec .pi02{
	top: 62px;
	left:218px;
	position: absolute;
}
#top_spec .pi03{
	top: 62px;
	left:432px;
	position: absolute;
}
#top_spec .pi04{
	top: 102px;
	left:218px;
	position: absolute;
}
#top_spec .pi05{
	top: 102px;
	left:432px;
	position: absolute;
}
#top_spec .pi06{
	top: 154px;
	left:218px;
	position: absolute;
}
#top_spec .pi07{
	top: 154px;
	left:360px;
	position: absolute;
}
#top_spec .pi08{
	top: 154px;
	left:502px;
	position: absolute;
}
#top_spec .pi09{
	top: 196px;
	left:218px;
	position: absolute;
}
#top_spec .pi10{
	top: 205px;
	left:405px;
	position: absolute;
}
#top_bnr{
	width: 262px;
	height: 263px;
	float: left;
}
#top_bnr p.bnr1{
	background: url(../img/bnr_ceo_on.jpg) 0 0 no-repeat;
	width: 262px;
	height: 123px;
	margin: 5px 0 6px 0;
}
#top_bnr p.bnr2{
	background: url(../img/bnr_tvcm_on.jpg) 0 0 no-repeat;
	width: 262px;
	height: 123px;
	margin: 8px 0 6px 0;
}
#top_bnr p.bnr3{
	background: url(../img/bnr_info_on.jpg) 0 0 no-repeat;
	width: 262px;
	height: 82px;
}
img.bnr_new{
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
}
.about_sd_txt{
	font-size: 11px;
	color: #fff;
	padding: 0px 0 13px 20px;
	margin: 0;
}
#about_3d{
	margin: 0 auto;
	background: url(../img/top_3d_bg.png) 0 0 repeat-x;
	width: 932px;
	height: 70px;
	position: relative;
}
.about_3d_btn{
	position: absolute;
	top: 13px;
	left: 15px;
}
.about_3d_txt{
	position: absolute;
	top: 13px;
	left: 250px;
}
.about_3d_bt{
	position: absolute;
	top: 13px;
	left: 755px;
}
#footer_menu{
	width: 960px;
	padding: 20px 0 0 0;
}
.btm_menu{
	float: left;
	padding-left: 5px;
	color: #e7d3af;
}
.btm_menu2{
	float: right;
	padding-right: 10px;
}
.btm_menu li,
.btm_menu2 li{
	float: left;
	padding: 0 10px;
	font-size: 11px;
	background: url(../img/line.png) 0 1px no-repeat;
}
.btm_menu li.noline,
.btm_menu2 li.noline{
	background-image: none;
}
.btm_menu a:link,
.btm_menu a:visited,
.btm_menu2 a:link,
.btm_menu2 a:visited{
	color: #fff;
	text-decoration: none;
}
.btm_menu a:hover,
.btm_menu2 a:hover{
	color: #fff;
	text-decoration: underline;
}
p.copyright{
	color: #fff;
	text-align: center;
	padding: 30px 0 0 0;
}
p#downloadBanner{
	margin:10px 0 20px 18px;
	width: 932px;
	height: 47px;
}
p#downloadBanner img{
	margin-right:12px;
}

/*-------------------------------------------------------------------------
	Orange Button
/*-----------------------------------------------------------------------*/
.orange_btn {
	position: relative;
	width: 147px;
	height: 46px;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	display: table-cell;
 	vertical-align: middle;
 	border: solid 1px #FF9103;
}

.orange_btn:hover {
	width: 143px;
	height: 42px;
	border: solid 3px #FF9103;
	text-decoration: none;
}

.orange_btn span {
 	color: #FF9103;
}
.orange_btn span:after {
	content: "";
	position: absolute;
	right: 6px;
	top: 19px;
	/*top: calc(50% - 3px);*/
	width: 6px;
	height: 6px;
	border-top: 1px solid #FF9103;
	border-right: 1px solid #FF9103;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: table-cell;
}

.orange_btn:hover > span:after {
	right: 4px;
	top: 17px;
}

.orange_btn a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}