@charset "shift_jis";


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

	file name : top.css

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

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

a {
	outline: none;
}
/* a:link */
a:link {
	color: #5f2f26;
	text-decoration: underline;
}
/* a:active */
a:active {
	color: #5f2f26;
	text-decoration: underline;
}
/* a:visited */
a:visited {
	color: #5f2f26;
	text-decoration: underline;
}
/* a:hover */
a:hover {
	color: #5f2f26;
	text-decoration: none;
}


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

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


/* ********************************************************************************
 * Base Layout
 * ******************************************************************************** */

/* body */
body {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	text-align: center; /* for IE6 */
	color: #5f2f26;
}

/* div#container */
div#container {
	width: 768px;
	margin: 0 auto;
	background-color: #bf975b;
	text-align: left;
}


/* ********************************************************************************
 * div#header
 * ******************************************************************************** */
 
div#header {
	position: relative;
	width: 718px;
	margin: 0 auto;
	height: 65px;
}
/* p#logoNintendo */
div#header p#logoNintendo {
	position:absolute; top:32px; left:0;
}
/* p#logoWii */
div#header p#logoWii {
	position:absolute; top:16px; right:0;
}

/* ********************************************************************************
 * div#content
 * ******************************************************************************** */

div#content {
	width: 718px;
	margin: 0 auto;
}

/* div#main
 * ================================================================================ */
div#content div#main {
	position: relative;
	width: 718px;
	height: 712px;
	background: url(../../images/main_bg.jpg) 0 0 no-repeat;
}

/* h1 */
div#content div#main h1 {
	position:absolute; top:31px; left:211px;
	font-size: 0;
	line-height: 0;
}
/* h2 */
div#content div#main h2 {
	position:absolute; top:474px; left:120px;
	font-size: 0;
	line-height: 0;
}
/* ul#naviNhkQuiz */
div#content div#main ul#naviNhkQuiz {
	position:absolute; top:510px; left:138px;
	font-size: 0;
	line-height: 0;
}
/* li */
div#content div#main ul#naviNhkQuiz li {
	float: left;
	width: 106px;
	height: 80px;
	margin-right: 6px;
	text-indent: -9999px;
}
/* a */
div#content div#main ul#naviNhkQuiz li a {
	display: block;
	width: 106px;
	height: 80px;
	text-indent: -9999px;
}
div#content div#main ul#naviNhkQuiz li.gatten a {
	background: url(../../images/navi_gatten.jpg) 0 0 no-repeat;
}
div#content div#main ul#naviNhkQuiz li.rensogame a {
	background: url(../../images/navi_rensogame.jpg) 0 0 no-repeat;
}
div#content div#main ul#naviNhkQuiz li.omoshiro a {
	background: url(../../images/navi_omoshiro.jpg) 0 0 no-repeat;
}
div#content div#main ul#naviNhkQuiz li.gesture a {
	background: url(../../images/navi_gesture.jpg) 0 0 no-repeat;
}
div#content div#main ul#naviNhkQuiz li.gatten a:hover,
div#content div#main ul#naviNhkQuiz li.rensogame a:hover,
div#content div#main ul#naviNhkQuiz li.omoshiro a:hover,
div#content div#main ul#naviNhkQuiz li.gesture a:hover {
	background-position: 0 -160px;
}
/* ul#naviOriginalQuiz 
------------------------------------------------------------*/
div#content div#main ul#naviOriginalQuiz {
	position:absolute; top:595px; left:70px;
	font-size: 0;
	line-height: 0;
}
/* li */
div#content div#main ul#naviOriginalQuiz li {
	float: left;
	width: 93px;
	height: 70px;
	margin-right: 4px;
	text-indent: -9999px;
}
/* a */
div#content div#main ul#naviOriginalQuiz li a {
	display: block;
	width: 93px;
	height: 70px;
	text-indent: -9999px;
}
div#content div#main ul#naviOriginalQuiz li.kouhaku a {
	background: url(../../images/navi_kouhaku.jpg) 0 0 no-repeat;
}
div#content div#main ul#naviOriginalQuiz li.panic a {
	background: url(../../images/navi_panic.jpg) 0 0 no-repeat;
}
div#content div#main ul#naviOriginalQuiz li.ringmatch a {
	background: url(../../images/navi_ringmatch.jpg) 0 0 no-repeat;
}
div#content div#main ul#naviOriginalQuiz li.slot a {
	background: url(../../images/navi_slot.jpg) 0 0 no-repeat;
}
div#content div#main ul#naviOriginalQuiz li.visual a {
	background: url(../../images/navi_visual.jpg) 0 0 no-repeat;
}
div#content div#main ul#naviOriginalQuiz li.quiz100 a {
	background: url(../../images/navi_quiz100.jpg) 0 0 no-repeat;
}
div#content div#main ul#naviOriginalQuiz li.kouhaku a:hover,
div#content div#main ul#naviOriginalQuiz li.panic a:hover,
div#content div#main ul#naviOriginalQuiz li.ringmatch a:hover,
div#content div#main ul#naviOriginalQuiz li.slot a:hover,
div#content div#main ul#naviOriginalQuiz li.visual a:hover,
div#content div#main ul#naviOriginalQuiz li.quiz100 a:hover {
	background-position: 0 -140px;
}
/* p.linkLineup */
div#content div#main p.linkLineup {
	position:absolute; top:672px; left:268px;
	font-size: 0;
	line-height: 0;
}

/* ul#navi
------------------------------------------------------------*/
div#content ul#navi {
	width: 735px;
	margin: 20px 0 20px -17px;
	font-size: 0;
	line-height: 0;
}
div#content ul#navi li {
	display: inline;
	float: left;
	margin-left: 17px;
}
/* div#softInfo
 * ================================================================================ */
div#content div#softInfo {
	position: relative;
	width: 718px;
	height: 190px;
	background: url(../../images/bg_softinfo.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* p.package */
div#content div#softInfo p.package {
	position:absolute; top:11px; left:13px;
}
/* ul.softInfo */
div#content div#softInfo ul.softInfo {
	position:absolute; top:12px; left:102px;
}
/* ul.notes */
div#content div#softInfo ul.notes {
	position:absolute; top:102px; left:102px;
}
/* p.linkCero */
div#content div#softInfo p.linkCero {
	position:absolute; top:15px; left:304px;
}
/* p.note */
div#content div#softInfo p.note {
	position:absolute; top:155px; left:90px;
}
/* div.interview
------------------------------------------------------------*/
div#content div#softInfo div.interview {
	position:absolute; top:15px; left:410px;
	width: 293px;
	height: 124px;
	background: url(../../images/bg_interview.gif) 0 0 no-repeat;
}
/* h3 */
div#content div#softInfo div.interview h3 {
	position:absolute; top:12px; left:12px;
}
/* p.interview */
div#content div#softInfo div.interview p.interview {
	position:absolute; top:40px; left:12px;
}

/* ********************************************************************************
 * div#footer
 * ******************************************************************************** */
div#footer {
	position: relative;
	width: 768px;
	margin: 0 auto;
	padding: 20px 0 18px;
	text-align: center;
}
/* p#footerNavi
------------------------------------------------------------*/
div#footer p#footerNavi {
	margin-bottom: 8px;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.2;
	color: #5f2f26;
}
/* span.off */
div#footer p#footerNavi span.off {
	font-weight: normal;
	color: #808080;
}
div#footer p#footerNavi a {
	text-decoration: none;
	font-weight: normal;
}
div#footer p#footerNavi a:hover {
	text-decoration: underline;
}
/* div#footer p#footerNavi span.separator */
div#footer p#footerNavi span.separator {
	font-weight: normal;
	color: #5f2f26;
}
/* p#nintendoNavi
------------------------------------------------------------*/
div#footer p#nintendoNavi {
	text-align: center;
	font-size: 85%;
	line-height: 1.2;
	color: #5f2f26;
}
div#footer p#nintendoNavi a {
	text-decoration: none;
	font-weight: normal;
}
div#footer p#nintendoNavi a:hover {
	text-decoration: underline;
}
/* div#footer p#nintendoNavi span.separator */
div#footer p#nintendoNavi span.separator {
	font-weight: normal;
	color: #5f2f26;
}
/* ul#copyrights */
div#footer ul#copyrights {
	margin: 6px 0;
	text-align: center;
	font-size: 85%;
	line-height: 1.1;
}
div#footer ul#copyrights li {
	display: inline;
	padding: 0 3px;
}
/* p#jasrac */
div#footer p#jasrac {
	text-align: center;
	font-size: 85%;
	line-height: 1.1;
}