@charset "shift-jis";

/* -- YUI -- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
/* for IE6/7 */ 
*font-size:small; 
/* for IE Quirks Mode */
*font:x-small;
}
/* for IE8 */ 
html>/**/body {  
font-size:small\9;  
}  


/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
font-size:inherit;
font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}

/* -- END YUI -- */

body {
	background: url(../guidebook/img/bg.png);
	margin: 0;
	padding: 0;
	text-align: center;
	color: #555;
	line-height: 1.8;
}

img {
	border: 0;
}

#headWrap {
	background: url(../img/index_bg_noflashheader.gif) repeat-x;
	height: 50px;
	text-align: center;
}

#header {
	width: 685px;
	height: 50px;
	margin: 0 auto;
	position: relative;
}
#headWrap #header .nintendo {
	position: absolute;
	top: 12px;
	left: 0;
}
#headWrap #header .n3ds {
	position: absolute;
	top: 12px;
	right: 0;
}
#contentsWrap {
	width: 690px;
	margin: 0 auto;
	text-align: left;
}
#contentsWrap .bookTop {
	margin-top: 20px;
	vertical-align: bottom;
}
#contentsWrap .title {
	margin: 40px 0 0;
}
#contentsWrap .title img {
	margin-left: 5px;
}
#contentsWrap .bookWrap {
	background: url(../guidebook/img/bookBG.png) repeat-y;
	position: relative;
	text-align: center;
}
#contentsWrap .bookWrap .bookImg {
	position: absolute;
	right: 40px;
	top: 3px;
}
#contentsWrap .bookWrap .booktitle {
	margin: 0 0 30px 40px;
	text-align: left;
}
#contentsWrap .bookWrap .stitle01 {
	background: url(../guidebook/img/stitle01.png) no-repeat 0 50%;
	margin: 0 0 9px 45px;
	padding-left: 55px;
	text-align: left;
}
#contentsWrap .bookWrap .stitle02 {
	background: url(../guidebook/img/stitle02.png) no-repeat 0 50%;
	margin: 0 0 9px 45px;
	padding-left: 55px;
	text-align: left;
}
#contentsWrap .bookWrap .stitle03 {
	background: url(../guidebook/img/stitle03.png) no-repeat 0 50%;
	margin: 0 0 9px 45px;
	padding-left: 55px;
	text-align: left;
}
#contentsWrap .bookWrap .stitle04 {
	background: url(../guidebook/img/stitle04.png) no-repeat 0 50%;
	margin: 0 0 9px 45px;
	padding-left: 55px;
	text-align: left;
}
#contentsWrap .bookWrap .stitle05 {
	background: url(../guidebook/img/stitle05.png) no-repeat 0 50%;
	margin: 0 0 9px 45px;
	padding-left: 55px;
	text-align: left;
}
#contentsWrap .bookWrap .stitle06 {
	background: url(../guidebook/img/stitle06.png) no-repeat 0 50%;
	margin: 0 0 9px 45px;
	padding-left: 55px;
	text-align: left;
}
#contentsWrap .bookWrap .stitle07 {
	width: 611px;
	margin: 0 auto;
	padding: 25px 0 10px;
}
#contentsWrap .bookWrap .txt {
	width: 600px;
	margin: 0 auto;
	padding: 5px 0 0;
	text-align: left;
}
#contentsWrap .bookWrap .link {
	width: 600px;
	margin: 15px 0 0 45px;
	padding: 0;
	text-align: left;
	height: 30px;
	font-size: 87%;
}
#contentsWrap .bookWrap .link a {
	color: #1914eb;
}
#contentsWrap .bookWrap .link a:hover {
	color: #6666ff;
}

#closeBtn {
	text-align: center;
	margin: 15px 0 40px;
}