@charset "UTF-8";

/* ディレクトリ以下でのみ利用するスタイル設定をここに記述
----------------------------------------------------------------*/
#container{
	width:100%;
	min-width:950px;
	text-align:center;
    padding:0;
	background:#fff none;
}
.pageBg{
	background:transparent url(../images/bg_flash.gif) repeat-x left top;
	width:100%;
	position:relative;
	margin:0;
	padding:0;
}
#header{
	width:950px;
	margin:0 auto;
	height:auto;
	background:transparent none;
	text-align:left;
	position:relative;
	/zoom:1;
}
#header .positionFix{
	position:absolute;
	width:950px;
	z-index:1;
	top:0;
}
#header .nintendo3ds{
	padding:0 0 0 5px;
}
#header .nintendo3ds .haribotekit,
#header .nintendo3ds .haribotekit .panel{
	width:250px;
	height:60px;
}
#header .nintendo3ds .haribotekit .panel{
	background:url(../images/logo_3ds.png) no-repeat;
	_background:url(../images/logo_3ds.gif) no-repeat;
}
#header ul{
	position:absolute;
	top:0;
	right:5px;
}
#header .pokemon .haribotekit,
#header .pokemon .haribotekit .panel{
	width:190px;
	height:60px;
}
#header .pokemon .haribotekit .panel{
	background:url(../images/logo_pokemon.png) no-repeat;
	_background:url(../images/logo_pokemon.gif) no-repeat;
}
#header .nintendo .haribotekit,
#header .nintendo .haribotekit .panel{
	width:92px;
	height:60px;
}
#header .nintendo .haribotekit .panel{
	background:url(../images/logo_nintendo.png) no-repeat;
	_background:url(../images/logo_nintendo.gif) no-repeat;
}

#footer .copyLogo{
	background:url(../images/bg_footer.gif) no-repeat right bottom;
}
#footer .copyLogo .logos{
	display:none;
}
#footer .texts{
	padding:79px 0 10px 10px;
	color:#75b9df;
}

#contentsArea{
	width:100%;
	margin:0 auto;
	text-align:none;
	background:transparent none;
}
#contentsArea #mainArea{
	width:100%;
	float:none;
	position:relative;
}



.titleSet{
	position:relative;
	padding:0;
	z-index:0;
}
#flashArea{
	position:absolute;
	z-index:0;
	width:100%;
}
#flashArea h1{
	text-align:center;
	margin:0;
	padding:0;
	z-index:0;
}
#flashArea h1 .haribotekit,
#flashArea h1 .haribotekit .panel{
	width:950px;
	height:500px;
}
#flashArea h1 .haribotekit .panel{
background: url(/ex/scramble/images/kv_01.jpg) 0 0 no-repeat;
}

#contentsArea #mainArea #content{
	width:950px;
	margin:0 auto;
	padding-top:500px;
}

.shareBtn{
	width:950px;
	margin:0 auto;
	position:relative;
	height:0;
	padding:0 !important;
}
.shareBtn .btns{
	float:right;
	z-index:1;
	position:absolute;
	right:5px;
	top:-50px;
	text-align:center !important;
    background:#fff;
    border:solid 1px #ccc;
	padding:5px 10px !important;
	border-radius:3px; /* CSS3草案 */
	-webkit-border-radius:3px; /* Safari,Google Chrome用 */
	-moz-border-radius:3px; /* Firefox用 */
}
.shareBtn .btns li{
	display:inline-block;
	/display:inline;
	vertical-align:middle;
}

/* NAVI AREA */
#navi{
	position:relative;
	z-index:1;
	width:950px;
	background:url(../images/bg_navi.png) no-repeat;
	_background:url(../images/bg_navi.gif) no-repeat;
	min-height:129px;
	_height:129px;
	margin:0;
}
#navi ul{
	padding:10px 0 0 5px;
	margin-right:-20px;
}
#navi ul li{
	width:320px;
	float:left;
}
#navi ul li:active .panel,
#navi ul li:hover .panel{
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#navi ul li a.haribotekit,
#navi ul li a.haribotekit .panel{
	width:300px;
	height:110px;
}
#navi ul li.aikotoba{
	width:300px;
	}

#navi ul li.outline a.haribotekit .panel{
	background:url(../images/navi_outline.gif) no-repeat;
}
#navi ul li.communicate a.haribotekit .panel{
	background:url(../images/navi_communicate.gif) no-repeat;
}


#navi ul li.aikotoba a.haribotekit .panel{
	background:url(../images/navi_aikotoba.gif) no-repeat;
	
}

#navi ul li.comingSoon{
	display:none;
}

.twoCol{
	padding:0 5px;
}
.twoCol:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.twoCol .left{
	width:460px;
	float:left;
}
.twoCol .right{
	width:460px;
	float:right;
}


#h2-01 .haribotekit{
	width:460px;
	height:35px;
}
#h2-01 .haribotekit .panel{
	width:460px;
	height:35px;
	background:url(../images/h2_01.gif) no-repeat;
}
#h2-02 .haribotekit{
	width:460px;
	height:35px;
}
#h2-02 .haribotekit .panel{
	width:460px;
	height:35px;
	background:url(../images/h2_02.gif) no-repeat;
}
#h2-03 .haribotekit{
	width:460px;
	height:35px;
}
#h2-03 .haribotekit .panel{
	width:460px;
	height:35px;
	background:url(../images/h2_03.gif) no-repeat;
}

.newsBox .h2Box{
	width:100%;
	background:url(../images/bg_h2_box_b.gif) no-repeat left bottom;
	margin-bottom:20px;
    _zoom:1;
    overflow:hidden;
}
.newsBox dl{
	margin-top: -1px;
	border-top:dotted 1px #999;
	padding:10px 20px;
}
.newsBox dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.newsBox dl dt{
	float:left;
	width:100px;
	font-weight:bold;
	color:#dc4b22;
	padding:5px 0;
}
.newsBox dl dd{
	overflow:hidden;
	/zoom:1;
	padding:5px 0;
}

.movieBox .h2Box{
	padding:20px 20px 5px;
	background:url(../images/bg_h2_box_b.gif) no-repeat left bottom;
	margin-bottom:20px;
}
.movieBox .btnMovie a:active,
.movieBox .btnMovie a:hover{
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.movieBox .btnMovie .haribotekit{
	width:418px;
	height:122px;
}
#movie_01 .panel{
	width:418px;
	height:122px;
	background:url(../images/btn_movie_01.jpg) no-repeat;
}

#movie_02 .panel{
	width:418px;
	height:122px;
	background:url(../images/btn_movie_02.jpg) no-repeat;
}
	
.productBox .h2Box{
	padding:20px 20px 5px;
	background:url(../images/bg_h2_box_b.gif) no-repeat left bottom;
	margin-bottom:20px;
}

.bnrs{
	padding:10px 5px;
}
.bnrs:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.bnrs ul{
	margin-left:-10px;
	/width:950px;
}
.bnrs ul li{
	width:190px;
	float:left;
}
.bnrs ul li a{
	margin-left:10px;
}
.bnrs ul li .haribotekit,
.bnrs ul li .haribotekit .panel{
	width:180px;
	height:69px;
}
.bnrs ul li.zukan .haribotekit .panel{
	background:url(../images/btn_zukan.gif) no-repeat;
}
.bnrs ul li.pokemon3ds .haribotekit .panel{
	background:url(../images/btn_3ds.gif) no-repeat;
}
.bnrs ul li.pokemon .haribotekit .panel{
	background:url(../images/btn_pokemon.gif) no-repeat;
}
.bnrs ul li.daisuki .haribotekit .panel{
	background:url(../images/btn_daisuki.gif) no-repeat;
}
.bnrs ul li.nintendo .haribotekit .panel{
	background:url(../images/btn_nintendo.gif) no-repeat;
}

.bnrs ul li.interview .haribotekit .panel{
	background:url(../images/btn_interview.gif) no-repeat;
}

.bnrs ul li.newPrice .haribotekit .panel{
	background:url(../images/btn_newPrice.gif) no-repeat;
}


.bnrs ul li a:active .panel,
.bnrs ul li a:hover .panel{
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.pageUp{display:none;}

/*
 FLOAT core
----------------------------------------------------------------------------------------------------*/
#FLOAT_CONT{
	position:absolute;
	display:block;
	width:640px;
	height:449px;
	top:0;
	left:0;
	z-index:2;
}
#FLOAT_CONT .button{
	padding:20px 0 0;
	width:640px;
	text-align:center;
	cursor:pointer;
}
#FLOAT_CONT .buttonInner{
	margin:0 auto;
	width:90px;
	height:35px;
}
* html body #FLOAT_CONT .buttonInner{
	filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+this.firstChild.src+",sizingMethod=scale)");
	width:expression(this.firstChild.clientWidth+"px");
	height:expression(this.firstChild.clientHeight+"px");
}
* html body #FLOAT_CONT .buttonInner img{
	visibility:expression("hidden");
}
#FLOAT_CONT .flCntClose{
	cursor:pointer;
}
#FLOAT_CONT #flashcontent{
	outline:none;
}
#FLOAT_BASE{
	position:absolute;
	display:block;
	min-width:950px;
	width:100%;
	top:0;
	left:0;
	z-index:1;
	cursor:pointer;
	background:#5e5e5e;
	filter:alpha(opacity=90) !important;
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}

/* bnr AREA */
#bnr .haribotekit{
height: 127px;
width:950px;
}
#bnr .panel{
position: absolute;
top: 0;
left: 0;
height: 127px;
width:950px;
background: url(/ex/scramble/images/bnr.jpg) 0 0 no-repeat;
}