@charset "shift_jis";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : home.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	
/* ********************************************************************************
 * Link
 * ******************************************************************************** */

a {
	outline: none;
}
/* a:link */

a:link {
	text-decoration: underline;
}
/* a:active */
a:active {
	text-decoration: underline;
}
/* a:visited */
a:visited {
	text-decoration: underline;
}
/* a:hover */
a:hover {
	text-decoration: none;
}


/* ********************************************************************************
 * CLEARFIX
 * ******************************************************************************** */

.clearfix:after,
div.section:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
div.section {
	display: inline-block;
}
* html .clearfix,
* html div.section {
	height: 1%;
}
.clearfix,
div.section {
	display: block;
	clear:both;
}


/* ********************************************************************************
 * Base Layout
 * ******************************************************************************** */
html {
	height: 100%;
	overflow: auto;
}


/* body */
body {
	/*text-align: center; /* for IE6 */
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background:#0a0909;

}
@media screen and (max-width:1024px) {
body {
	/*text-align: center; /* for IE6 */
	margin: 0;
	padding: 0;
	height: 100%;
	width: 768px;
	background:#0a0909;

}
}

/* div#container
 * ******************************************************************************** */
div#container {
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	line-height: 0;
}
@media screen and (max-width:1024px) {
div#container {
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 768px;
	line-height: 0;
}
}
/* div#screen
 * ******************************************************************************** */
div#screen {
	height: 100%;
	margin: 0 auto;
}
@media screen and (max-width:1024px) {
div#screen {
	height: 100%;
	margin: 0;
}
}
/* div#flashContent
 * ******************************************************************************** */
div#flashContent {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 2px;
	left: 2px;
	height: 100%;
	width: 99%;
	line-height: 0;
}
@media screen and (max-width:1024px) {
div#flashContent {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 2px;
	left: 2px;
	height: 100%;
	width: 768px;
	line-height: 0;
}
}
/* div#contents
 * ******************************************************************************** */
div#contents {
	width: 960px;
	text-align: center;
	margin: 0 auto;
}
@media screen and (max-width:1024px) {
div#contents {
	width: 768px;
	text-align: center;
	margin: 0 ;
}
}

/* div#columnBox
 * ******************************************************************************** */
div#columnBox {
	width: 960px;
	text-align: center;
	margin:0 auto;
}
@media screen and (max-width:1024px) {
div#columnBox {
	width: 768px;
	text-align: center;
	margin:0 ;
}
}
/* div#nocontent
 * ******************************************************************************** */
div#nocontent {
	background:url(../images/top/bg_container.jpg) no-repeat;
	width: 768px;
	height:628px;
	text-align: center;
	margin:0 auto;
	line-height:1.0em;
}

/* ヘッダー指定 */
div#hdr {
	height:48px;
	position:relative;
}

div#hdr .nintendo_logo {
	position:absolute;
	top:17px;
	left:20px;
}

div#hdr .wii_logo {
	position:absolute;
	top:10px;
	right:20px;
}

/* TOPメイン指定 */
div#main {
	height:293px;
	position:relative;
}

div#main .ge_logo {
	position:absolute;
	top:0px;
	left:20px;
}

div#main .top_navi01 {
	position:absolute;
	top:102px;
	left:20px;
}

div#main .top_navi02 {
	position:absolute;
	top:142px;
	left:20px;
}

div#main .top_navi03 {
	position:absolute;
	top:181px;
	left:20px;
}

div#main .top_navi04 {
	position:absolute;
	top:233px;
	left:20px;
}

div#main .top_navi05 {
	position:absolute;
	top:259px;
	left:20px;
}

/* TOPトピックス指定 */
div#top_topics {
	font-size:12px;
	clear:both;
	margin-left:20px;
	height:22px;
	text-align:left;
	color:#FFF;
}

div#top_topics td {
	padding-right:5px;
}

/* TOPフッター指定 */
div#footer {
	margin-top: 22px;
	height:165px;
	position:relative;
}

div#footer .foot01 {
	position:absolute;
	top:0px;
	left:20px;
}

div#footer .foot02 {
	position:absolute;
	top:0px;
	left:219px;
}

div#footer .foot03 {
	position:absolute;
	top:26px;
	left:20px;
}

div#footer .foot04 {
	position:absolute;
	top:26px;
	left:219px;
}

div#footer .foot05 {
	position:absolute;
	top:47px;
	left:20px;
}

div#footer .goldC {
	position:absolute;
	top:98px;
	left:20px;
}

div#footer .cero {
	position:absolute;
	top:43px;
	right:20px;
}

div#footer address {
	position:absolute;
	top:98px;
	right:18px;
}

/* サービス終了 */
div#serviceend {
	margin-top: -10px;
	margin-left: -2px;
	height:95px;
	position:relative;
}
.news2 {
	position:absolute;
	left:18px;
}

/* news */
.news {
	position:absolute;
	top:98px;
	left:18px;
}

/* 追加コンテンツ */
#addContentsBook {
	width:100%;
	text-align:center;
	background:#11100f;
}
#addContentsBook #wrap{
	width:683px;
	margin:0 auto;
	background:url(../images/add/bg_con.jpg) repeat-y;
}
#addContentsBook #wrap .ttl{
	height:116px;
	position:relative;
}

#addContentsBook #wrap .ttl h1{
	position:absolute;
	top:30px;
	left:187px;
}

#addContentsBook #wrap .ttl p{
	position:absolute;
	top:39px;
	right:25px;
}

#addContentsBook #wrap .conWrap{
	background:url(../images/book/bg_cont01.jpg) no-repeat;
	height:676px;
	position:relative;
}

#addContentsBook #wrap .conWrap h2{
	position:absolute;
	top:21px;
	left:38px;
}

#addContentsBook #wrap .conWrap .img02{
	position:absolute;
	top:100px;
	left:38px;
}

#addContentsBook #wrap .conWrap .img03{
	position:absolute;
	top:34px;
	left:403px;
}

#addContentsBook #wrap .conWrap .img04{
	position:absolute;
	top:360px;
	left:49px;
}

#addContentsBook #wrap .conWrap .img05{
	position:absolute;
	top:395px;
	left:38px;
}

#addContentsBook #wrap .conWrap .img06{
	position:absolute;
	top:546px;
	left:55px;
}

#addContentsBook #wrap .btnClose {
	position:absolute;
	bottom:20px;
	left:303px;
}








/* 追加コンテンツ */
#addContents {
	width:100%;
	text-align:center;
	background:#11100f;
}
#addContents #wrap{
	width:683px;
	margin:0 auto;
	background:url(../images/add/bg_con.jpg) repeat-y;
}
#addContents #wrap .ttl{
	height:140px;
	position:relative;
}

#addContents #wrap .ttl h1{
	position:absolute;
	top:30px;
	left:187px;
}

#addContents #wrap .ttl p{
	position:absolute;
	top:39px;
	right:25px;
}

#addContents #wrap .ttl h2{
	position:absolute;
	top:115px;
	left:25px;
}

#addContents #wrap .conWrap{
	background:url(../images/add/bg_cont01.jpg) no-repeat;
	height:1107px;
	position:relative;
}

#addContents #wrap .btnClose {
	position:absolute;
	bottom:20px;
	left:303px;
}

/*con01*/
#addContents #wrap .conWrap .con01 h3{
	position:absolute;
	top:23px;
	left:40px;
}

#addContents #wrap .conWrap .con01 h4{
	position:absolute;
	top:73px;
	left:39px;
}

#addContents #wrap .conWrap .con01 .pass{
	position:absolute;
	top:100px;
	left:55px;
}

#addContents #wrap .conWrap .con01 .copy{
	position:absolute;
	top:139px;
	left:55px;
}

#addContents #wrap .conWrap .con01 .list01{
	position:absolute;
	top:191px;
	left:55px;
}

#addContents #wrap .conWrap .con01 .imgWrap{
	position:absolute;
	top:100px;
	left:387px;
}

#addContents #wrap .conWrap .con01 .password dt{
	position:absolute;
	top:285px;
	left:55px;
}

#addContents #wrap .conWrap .con01 .password dd .dd01{
	position:absolute;
	top:285px;
	left:193px;
}

#addContents #wrap .conWrap .con01 .password dd .dd02{
	position:absolute;
	top:306px;
	left:193px;
}

#addContents #wrap .conWrap .con01 .password dd .dd03{
	position:absolute;
	top:327px;
	left:193px;
}

#addContents #wrap .conWrap .con01 .password dd .dd04{
	position:absolute;
	top:349px;
	left:193px;
}




/*con02*/
#addContents #wrap .conWrap .con02 h3{
	position:absolute;
	top:428px;
	left:40px;
}
#addContents #wrap .conWrap .con02 h4{
	position:absolute;
	top:478px;
	left:39px;
}

#addContents #wrap .conWrap .con02 .pass{
	position:absolute;
	top:505px;
	left:55px;
}

#addContents #wrap .conWrap .con02 .copy{
	position:absolute;
	top:544px;
	left:55px;
}

#addContents #wrap .conWrap .con02 .list01{
	position:absolute;
	top:640px;
	left:55px;
}

#addContents #wrap .conWrap .con02 .list02{
	position:absolute;
	top:673px;
	left:55px;
}

#addContents #wrap .conWrap .con02 .imgWrap{
	position:absolute;
	top:505px;
	left:387px;
}

/*con03*/

#addContents #wrap .conWrap .con03 h4{
	position:absolute;
	top:741px;
	left:39px;
}

#addContents #wrap .conWrap .con03 .pass{
	position:absolute;
	top:769px;
	left:55px;
}
#addContents #wrap .conWrap .con03 .copy{
	position:absolute;
	top:808px;
	left:55px;
}

#addContents #wrap .conWrap .con03 .list01{
	position:absolute;
	top:868px;
	left:55px;
}

#addContents #wrap .conWrap .con03 .imgWrap{
	position:absolute;
	top:769px;
	left:387px;
}

#addContents #wrap .conWrap .con03 .password dt{
	position:absolute;
	top:951px;
	left:55px;
}

#addContents #wrap .conWrap .con03 .password dd .dd01{
	position:absolute;
	top:951px;
	left:193px;
}

#addContents #wrap .conWrap .con03 .password dd .dd02{
	position:absolute;
	top:970px;
	left:193px;
}

#addContents #wrap .conWrap .con03 .password dd .dd03{
	position:absolute;
	top:992px;
	left:193px;
}