@charset "utf-8";

body{
	margin: 0 auto;
	padding: 0;
	color: #fff;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: .8em;
	background: #000;
}
#Movie,
#MovieWii{
	background: none;
	background: #000;
}
img{
	border: none;
}
.display-container{
	margin: 0;
	padding: 0;
}
.header-container,
.body-container,
.footer-container{
	margin: 0 auto;
	width: 960px;
	clear: both;
}
.header-container{
	padding-top: 20px;
}
.nintendo-header{
	padding-bottom: 10px;
}
.nintendo-header:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.nintendo-header .nintendo{
	margin:0 0 0 8px;
	padding: 0;
	float: left;
}
.nintendo-header .nintendo-3ds{
	margin: 0 5px 15px 0;
	padding: 0;
	float: right;
}
.book-header-container{
	margin: 0 0 60px 0;
}
.book-nintendo-header .nintendo{
	margin: 0 0 0 5px;
	padding: 0;
	position: absolute;
	top: 20px;
	left: 8px
}
.book-nintendo-header .nintendo-3ds{
	margin: 0 5px 15px 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 8px
}
.logo-starfox{
	margin: 0;
	padding: 0;
	float: left;
	width: 240px;
}
.header-nav{
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	width: 720px;
}
.starfox-header{
	clear: both;
}
/**
 * Navigation
 */
.header-nav ul{
	margin: 8px 0 0 0;
	padding: 0;
	list-style: none;
}
.header-nav li{
	margin: 0 0 3px 3px;
	padding: 0;
	float: left;
	white-space: nowrap;
	display: inline;
}
.starfox-header:after,
.header-nav ul:after {
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.header-nav li a{
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.header-nav li{
	text-indent: -9999px;
	overflow: hidden;
}
.header-nav li.introduction a{ width: 704px; height: 36px; background: url("../../images/nav-introduction.png") no-repeat 0 0; }
.header-nav li.introduction a:hover{ background-position: 0 -36px; }
.header-nav li.story a{ width: 111px; height: 36px; background: url("../../images/nav-story.png") no-repeat 0 0; }
.header-nav li.story a:hover{ background-position: 0 -36px; }
.header-nav li.character a{ width: 103px; height: 36px; background: url("../../images/nav-character.png") no-repeat 0 0; }
.header-nav li.character a:hover{ background-position: 0 -36px; }
.header-nav li.machine a{ width: 166px; height: 36px; background: url("../../images/nav-machine.png") no-repeat 0 0; }
.header-nav li.machine a:hover{ background-position: 0 -36px; }
.header-nav li.stage a{ width: 96px; height: 36px; background: url("../../images/nav-stage.png") no-repeat 0 0; }
.header-nav li.stage a:hover{ background-position: 0 -36px; }
.header-nav li.battle a{ width: 82px; height: 36px; background: url("../../images/nav-battle.png") no-repeat 0 0; }
.header-nav li.battle a:hover{ background-position: 0 -36px; }
.header-nav li.score a{ width: 131px; height: 36px; background: url("../../images/nav-score.png") no-repeat 0 0; }
.header-nav li.score a:hover{ background-position: 0 -36px; }


.header-nav li.introduction { width: 704px; height: 36px; background: url("../../images/nav-introduction.png") no-repeat 0 -72px; }
.header-nav li.story { width: 111px; height: 36px; background: url("../../images/nav-story.png") no-repeat 0 -72px; }
.header-nav li.character { width: 103px; height: 36px; background: url("../../images/nav-character.png") no-repeat 0 -72px; }
.header-nav li.machine { width: 166px; height: 36px; background: url("../../images/nav-machine.png") no-repeat 0 -72px; }
.header-nav li.stage { width: 96px; height: 36px; background: url("../../images/nav-stage.png") no-repeat 0 -72px; }
.header-nav li.battle { width: 82px; height: 36px; background: url("../../images/nav-battle.png") no-repeat 0 -72px; }
.header-nav li.score { width: 131px; height: 36px; background: url("../../images/nav-score.png") no-repeat 0 -72px; }


.body-container{
	padding: 0 0 0 0;
	position: relative;
	z-index: 1;
}
.body-title{
	margin: 0;
	padding: 0;
}
.topicpath{
	margin:40px 0;
}
.section{
	margin: 0 0 27px 0;
	padding:0;
}
.section p{
	padding: 5px 0;
}
.introduction-display{
	margin: 15px 30px 0 0;
	float: left;
}
.context{
	padding: 0 0;
}
.context h1{
	padding: 20px 0 0px 0;
}
.context:after {
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.article{
	margin: 0 auto;
}

/**
 * Footer
 */
.footer-container{
	padding-bottom: 10px;
}
.footer{
	margin: 20px 0 0 0;
	padding: 0;
	clear: both;
}
.footer:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.footer-nav{
	margin: 0;
	padding: 0;
	color:#777;
}
.footer-nav a{
	color: #fff;
	text-decoration: none;
}
.footer-nav a:hover{
	text-decoration: underline;
}
.top-footer-nav a{
	font-weight: bold;
}
.footer-nav .current{
	color: #2eb8cc;
	font-weight: bold;
}
.footer-nav ul{
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
}
.footer-nav li{
	margin: 0 0 15px 0;
	padding: 0 8px;
	font-size: 0.86em;
	line-height: 1em;
	float: left;
	border-right: #999 1px solid;
}
.footer-nav li:last-child{
	border: none;
}
.footer-nav-nintendo{
	margin: 0;
	padding: 0;
	float:left;
	width: 770px;
}
.copyright{
	margin: 0;
	padding: 0 10px 0 0;
	background: url("../../images/copyright.png") no-repeat 0 0;
	width: 148px;
	height: 10px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
}
.footer-content{
	width:960px;
	clear: both;
}


/**
 * Introduction
 */
#introductionArwing{
	margin: 0;
	padding: 0;
	background: url("../../images/intro-bg-arwing.png") no-repeat 0 0;
	width:828px;
	height: 302px;
	position: absolute;
	z-index: 0;
	top: 550px;
	right:50%;
}
.introduction-gyro-article,
.introduction-team-article,
.introduction-offense-article,
.introduction-score-article{
	clear: both;
}
.introduction-gyro-article:after,
.introduction-team-article:after,
.introduction-offense-article:after,
.introduction-score-article:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.introduction-gyro-article{
	margin: 70px 0 0 0;
}
.introduction-team-article,
.introduction-offense-article,
.introduction-score-article{
	margin: 0 0 36px 0;
}
.introduction-gyro-article .image-article{
	margin: 0;
	padding: 0;
	float: left;
	width: 516px;
	height: 463px;
}
.introduction-gyro-article .text-article{
	margin: 0;
	padding: 0;
	float: left;
	width: 444px;
}
.introduction-team-article .image-article{
	margin: 0;
	padding: 0;
	float: left;
	width: 388px;
	height: 390px;
}
.introduction-team-article .text-article{
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	width: 572px;
}
.introduction-offense-article .image-article{
	margin: 0;
	padding: 0;
	float: left;
	width: 388px;
	height: 194px;
}
.introduction-offense-article .text-article{
	margin: 0;
	padding: 0;
	float: left;
	width: 572px;
}
.introduction-offense-article .text-article h2,
.introduction-score-article .text-article h2{
	margin-top: 0;
}
.introduction-score-article .image-article{
	margin: 0;
	padding: 0;
	float: left;
	width: 380px;
	height: 194px;
}
.introduction-score-article .text-article{
	margin: 0;
	padding: 0;
	float: left;
	width: 580px;
}


/**
 * Story
 */
#Story h1{
	margin: 0 auto 27px auto;
	width: 104px;
	height: 58px;
	background: url("../../images/logo-story.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

.episode{
	text-indent: -9999px;
	overflow: hidden;
}
.episode-1{
	margin: 0 0 17px 72px;
	background: url("../../images/story-display-1.png") no-repeat 0 0;
	width: 587px;
	height: 137px;
}
.episode-2{
	margin: 0 0 28px 72px;
	background: url("../../images/story-display-2.png") no-repeat 0 0;
	width: 767px;
	height: 143px;
}
.episode-3{
	margin: 0 0 39px 158px;
	background: url("../../images/story-display-3.png") no-repeat 0 0;
	width: 693px;
	height: 143px;
}
.episode-4{
	margin: 0 0 18px 94px;
	background: url("../../images/story-display-4.png") no-repeat 0 0;
	width: 728px;
	height: 144px;
}
.episode-5{
	margin: 0 0 22px 112px;
	background: url("../../images/story-display-5.png") no-repeat 0 0;
	width: 628px;
	height: 138px;
}
.episode-6{
	margin: 0 0 133px 86px;
	background: url("../../images/story-display-6.png") no-repeat 0 0;
	width: 735px;
	height: 143px;
}


/**
 * Character
 */
#Character .body-title{
	margin: 0 0 55px 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../../images/h1-character.png") no-repeat 0 0;
	width: 600px;
	height: 100px;
}
.character-section{
	margin: 0;
	padding: 0;
	clear: both;
}
.character-section:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}

.character-section .photo{
	margin: 0;
	padding: 0;
	float: left;
}
.character-section .profile{
	margin: 0;
	padding: 0;
	float: left;
}
.character-section .profile .words,
.character-section .profile h2,
.character-section .profile .text{
	text-indent: -9999px;
	overflow: hidden;
}

#FoxMcCloud .photo{
	padding-left: 36px;
	width: 438px;
}
#FoxMcCloud .profile{
	width: 486px;
}
#FoxMcCloud .words{
	width: 390px;
	height: 92px;
	background: url("../../images/cha-words-fox.png") no-repeat 0 0;
}
#FoxMcCloud h2{
	width: 271px;
	height: 55px;
	background: url("../../images/cha-name-fox.png") no-repeat 0 0;
}
#FoxMcCloud .profile .text{
	width: 440px;
	height: 120px;
	background: url("../../images/cha-profile-fox.png") no-repeat 0 0;
}

#PeppyHare .photo{
	padding-left: 98px;
	padding-bottom: 30px;
	width: 382px;
	float: right;
}
#PeppyHare .profile{
	margin-top: 70px;
	margin-left: 27px;
	width: 453px;
	float: left;
}
#PeppyHare .words{
	width: 330px;
	height: 92px;
	background: url("../../images/cha-words-peppy.png") no-repeat 0 0;
}
#PeppyHare h2{
	width: 271px;
	height: 55px;
	background: url("../../images/cha-name-peppy.png") no-repeat 0 0;
}
#PeppyHare .profile .text{
	width: 408px;
	height: 84px;
	background: url("../../images/cha-profile-peppy.png") no-repeat 0 0;
}

#SlippyToad .photo{
	padding-left: 98px;
	width: 382px;
}
#SlippyToad .profile{
	padding-top: 20px;
	padding-left: 27px;
	width: 453px;
}
#SlippyToad .words{
	width: 390px;
	height: 92px;
	background: url("../../images/cha-words-slippy.png") no-repeat 0 0;
}
#SlippyToad h2{
	width: 271px;
	height: 55px;
	background: url("../../images/cha-name-slippy.png") no-repeat 0 0;
}
#SlippyToad .profile .text{
	width: 419px;
	height: 83px;
	background: url("../../images/cha-profile-slippy.png") no-repeat 0 0;
}

#FalcoLombardi{
	padding-top: 40px;
	padding-bottom: 40px;
}
#FalcoLombardi .photo{
	padding-left: 20px;
	width: 460px;
	float: right;
}
#FalcoLombardi .profile{
	padding-top: 35px;
	padding-left: 27px;
	width: 453px;
	float: left;
}
#FalcoLombardi .words{
	width: 447px;
	height: 92px;
	background: url("../../images/cha-words-falco.png") no-repeat 0 0;
}
#FalcoLombardi h2{
	width: 271px;
	height: 55px;
	background: url("../../images/cha-name-falco.png") no-repeat 0 0;
}
#FalcoLombardi .profile .text{
	width: 385px;
	height: 129px;
	background: url("../../images/cha-profile-falco.png") no-repeat 0 0;
}

.sub-character-container{
	margin: 0;
	padding: 0 0 55px 0;
	clear: both;
	position: relative;
	zoom:1;
}
.sub-character-container:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.article-grid{
	margin: 0 0 50px 0;
	padding: 0;
	float: left;
}

.article-grid .info{
	text-indent: -9999px;
	overflow: hidden;
}

.andorf .chara-img{
	margin: 0 0 0 15px;
	padding: 0;
}
.nus{
	margin: 0 0 0 10px;
	padding: 0;
}

.pepper .info{
	margin: 0 0 0 5px;
	padding: 0;
	width: 201px;
	height: 117px;
	background: url("../../images/cha-pepper-info.png") no-repeat 0 0;
}
.andorf .info{
	margin: 0 0 0 18px;
	padding: 0;
	width: 201px;
	height: 160px;
	background: url("../../images/cha-andorf-info.png") no-repeat 0 0;
}
.starwolf .info{
	margin: 0 0 0 18px;
	padding: 0;
	width: 201px;
	height: 159px;
	background: url("../../images/cha-starwolf-info.png") no-repeat 0 0;
}
.nus .info{
	width: 201px;
	height: 138px;
	background: url("../../images/cha-nus-info.png") no-repeat 0 0;
}
/**
 * Btn
 * */
.btn-t2-machine{
	margin: 0;
	padding: 0;
}
.btn-t2-machine a{
	margin: 0;
	padding: 0;
	display: block;
	width: 175px;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../../images/btn-t2_arwing.png") no-repeat 0 0;
}
.btn-t2-character{
	margin: 0;
	padding: 0;
}
.btn-t2-character a{
	margin: 0;
	padding: 0;
	display: block;
	width: 156px;
	height: 47px;
	background: url("../../images/btn-t2_character.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.btn-t2-battle{
	margin: 0;
	padding: 0;
}
.btn-t2-battle a{
	margin: 0;
	padding: 0;
	display: block;
	width: 134px;
	height: 47px;
	background: url("../../images/btn-t2_battle.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.btn-t2-score{
	margin: 0;
	padding: 0;
}
.btn-t2-score a{
	margin: 0;
	padding: 0;
	display: block;
	width: 155px;
	height: 47px;
	background: url("../../images/article-scoreattack-btn.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.btn-t2-score a:hover,
.btn-t2-battle a:hover,
.btn-t2-machine a:hover,
.btn-t2-character a:hover{
	background-position: 0 -47px;
}

/**
 * Arwing
 */
.arwing-wrapper{
	margin: 0;
	padding: 0;
	background: url("../../images/arwing-arwing.png") no-repeat center 0;
	width:100%;
}
.arwing-section{
	margin: 0 0 70px 0;
	padding: 0;
	clear: both;
}
.arwing-section h2,
.arwing-section .profile{
	display: none;
}
.arwing-section .title{
	margin: 0 0 61px 0;
	padding: 0;
}
.arwing-section .title h1{
	width: 423px;
	height: 34px;
	background: url("../../images/arwing-text.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.arwing-section .title .text{
	width: 420px;
	height: 48px;
	background: url("../../images/arwing-text-2.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.nintendo64mode-article .image{
	margin: 0;
	padding: 0;
}
.nintendo64mode-article .text{
	width: 326px;
	height: 63px;
	background: url("../../images/arwing-text-3.png") no-repeat 8px 10px;
	text-indent: -9999px;
	overflow: hidden;
}
.arwing-action{
	margin: 27px 0 0 0;
	padding: 0;
}
.action-article{
	margin: 0;
	padding: 0;
	float: left;
}
.action-article h2{
	margin: 0;
	padding: 0;
}
.action-article .capture{
	margin: 0;
	padding: 0;
}
.action-article .text{
	margin: 5px 0 0 15px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}
.control-article .text{
	width: 278px;
	height: 60px;
	background: url("../../images/arwing-control-text-2.png") no-repeat 0 0;
}
.shoot-article .text{
	width: 279px;
	height: 60px;
	background: url("../../images/arwing-shoot-text-2.png") no-repeat 0 0;
}
.guard-article .text{
	width:285px;
	height:37px;
	background: url("../../images/arwing-guard-text-2.png") no-repeat 0 0;
}
.arwing-section:after,
.arwing-action:after,
.machine-section:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.machine-section{
	margin: 0 0 70px 0;
	padding: 0;
	clear: both;
}
.machine-section h3{
	display: none;
}
.machine-section .image{
	margin: 0;
	padding:0;
	float: left;
}
.machine-section .image .capture{
	margin: 0;
	padding: 0;
}
.machine-section .photo{
	margin: 0;
	padding: 0;
}
#Landmaster .photo{
	margin-left:63px;
}
#Landmaster .image{
	margin: 10px 63px 0 31px;
	padding: 0;
}
#Landmaster .text,
#Bluemarine .text{
	text-indent: -9999px;
	overflow: hidden;
}
#Landmaster .text{
	margin:0;
	padding:0;
	width: 269px;
	height: 119px;
	background: url("../../images/arwing-landmaster-text.png") no-repeat 0 14px;
}
#Landmaster .image .text{
	margin: 0 0 0 20px;
}
#Bluemarine .image{
	margin-bottom:98px;
	padding:0;
	float: right;
}
#Bluemarine .photo{
	padding:30px 0 0 45px;
	float: left;
}
#Bluemarine .text{
	margin: 5px 0 0 20px;
	padding: 0;
	width: 270px;
	height: 107px;
	background: url("../../images/arwing-bluemarine-text.png") no-repeat 0 0;
}


/****
 stage
	*/
.stage-article{
	margin: 0 0 30px 10px;
	padding: 0;
	clear: both;
}
.stage-article .display{
	margin: 15px 27px 0 0;
	padding: 0;
	float: left;
}
.stage-article .info{
	float: left;
}
.stage-title,
.stage-article .info,
.stage-map h3,
.stage-map .info{
	text-indent: -9999px;
	overflow: hidden;
}
.stage-article:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.stage-title{
	margin: 0 0 20px 0;
	padding: 0;
}
.stage-title h1{
	width:488px;
	height:43px;
	background: url("../../images/stage-title.png") no-repeat 0 0;
}
.stage-title .info{
	width:569px;
	height:17px;
	background: url("../../images/stage-title-text.png") no-repeat 0 0;
}
#Corneria h2{
	width: 318px;
	height: 72px;
	background: url("../../images/stage-name-corneria.png") no-repeat 0 0;
}
#Corneria .info .text{
	width: 599px;
	height: 37px;
	background: url("../../images/stage-info-corneria.png") no-repeat 0 0;
}
#Sector-Y h2{
	width: 318px;
	height: 72px;
	background: url("../../images/stage-name-sector-y.png") no-repeat 0 0;
}
#Sector-Y .info .text{
	width: 599px;
	height: 38px;
	background: url("../../images/stage-info-sector-y.png") no-repeat 0 0;
}
#Fichina h2{
	width: 318px;
	height: 72px;
	background: url("../../images/stage-name-fichina.png") no-repeat 0 0;
}
#Fichina .info .text{
	width: 598px;
	height: 38px;
	background: url("../../images/stage-info-fichina.png") no-repeat 0 0;
}
#Aquas h2{
	width: 318px;
	height: 72px;
	background: url("../../images/stage-name-aquas.png") no-repeat 0 0;
}
#Aquas .info .text{
	width: 599px;
	height: 61px;
	background: url("../../images/stage-info-aquas.png") no-repeat 0 0;
}
#Solar h2{
	width: 318px;
	height: 72px;
	background: url("../../images/stage-name-solar.png") no-repeat 0 0;
}
#Solar .info .text{
	width: 601px;
	height: 38px;
	background: url("../../images/stage-info-solar.png") no-repeat 0 0;
}
#Sector-X h2{
	width: 318px;
	height: 72px;
	background: url("../../images/stage-name-sector-x.png") no-repeat 0 0;
}
#Sector-X .info .text{
	width: 599px;
	height: 61px;
	background: url("../../images/stage-info-sector-x.png") no-repeat 0 0;
}
#Sector-Z h2{
	width: 318px;
	height: 72px;
	background: url("../../images/stage-name-sector-z.png") no-repeat 0 0;
}
#Sector-Z .info .text{
	width: 599px;
	height: 61px;
	background: url("../../images/stage-info-sector-z.png") no-repeat 0 0;
}
#Macbeth h2{
	width: 318px;
	height: 72px;
	background: url("../../images/stage-name-macbeth.png") no-repeat 0 0;
}
#Macbeth .info .text{
	width: 599px;
	height: 60px;
	background: url("../../images/stage-info-macbeth.png") no-repeat 0 0;
}
.stage-map{
	margin: 80px 0 80px 0;
	padding: 0;
	clear: both;
}
.stage-map h3{
	width:844px;
	height:100px;
	background: url("../../images/stage-route-info.png") no-repeat 0 0;
}

/************
 battle
**********/
.battle-info-article{
	margin: 0;
	padding: 0;
	clear: both;
}
.battle-info-article .title{
	margin: 0;
	padding: 0;
	float: left;
	background: url("../../images/battle-title.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.battle-info-article .text{
	margin: 15px 0 0 0;
	padding: 0;
	width: 555px;
	height:100px;
	background: url("../../images/battle-title-text.png") no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.feature-container:after,
.battle-info-article:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.battle-info-article .download-play{
	margin: 0 40px 0 0;
	padding: 0;
	float: right;
}
.feature-container{
	margin: 45px 0 0 0;
	padding: 0;
	clear: both;
}
.feature-container .feature{
	margin: 0 10px 30px 0;
	padding: 0;
	float: left;
}
.feature h2{
	margin: 10px 0 0 10px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}
.feature-1 h2{
	width: 281px;
	height: 73px;
	background: url("../../images/battle-play-info_1.png") no-repeat 0 0;
}
.feature-2 h2{
	width: 279px;
	height: 94px;
	background: url("../../images/battle-play-info_2.png") no-repeat 0 0;
}
.feature-3 h2{
	width: 276px;
	height: 73px;
	background: url("../../images/battle-play-info_3.png") no-repeat 0 0;
}
.battle-rule{
	margin:20px 0 50px 30px;
	padding: 0;
}
/*********
score attack
********/
.score-info-container{
	margin: 0;
	padding: 0;
	clear: both;
}
.score-info-container:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.score-section{
	margin: 0 40px 150px 0;
	padding: 0;
	float: left;
}
.score-mode-info h2,
.score-mode-info .text,
.score-mode-info .rank,
.score-title{
	text-indent: -9999px;
	overflow: hidden;
}
.score-title h1{
	width: 291px;
	height: 34px;
	background: url("../../images/score-title.png") no-repeat 0 0;
}
.score-title .info{
	margin:0 0 10px 0;
	padding:0;
	width: 587px;
	height: 71px;
	background: url("../../images/score-title-text.png") no-repeat 0 0;
}
.score-mode-info h2{
	margin: 0;
	padding: 0 0 10px 0;
	background: url("../../images/score-mode-title.png") no-repeat 0 0;
	width: 598px;
	height: 55px;
}
.score-mode-info .text{
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	width: 572px;
	height: 82px;
	background: url("../../images/score-mode-info.png") no-repeat 0 0;
}
.score-mode-info .rank{
	width: 600px;
	height: 66px;
	background: url("../../images/score-mode-rank.png") no-repeat 0 0;
}
.score-display{
	margin:0;
	padding: 10px 0 120px 0;
}
/************
book
************/
.book-window-container h1 {
	display: none;
}
.book-archives-container{
	margin: 0 0 30px 0;
	padding: 0;
}
.book-info{
	margin: 0 55px 0 0;
	padding: 0;
	float: left;
	width: 405px;
}
.book-section{
	margin: 0px 0 20px 0;
	padding: 35px 20px;
	clear: both;
	border: #61b7bc 1px solid;
}
.book-section:after{
	content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.book-info h2{
	margin: 0 0 20px 0;
	text-indent: -9999px;
	overflow: hidden;
}
.book-archives-container #BOOK1 h2{
	background: url("../../images/guidebook_title.png") no-repeat 0 0;
	width: 386px;
	height: 18px;
}
.book-archives-container #BOOK2 h2{
	background: url("../../images/guidebook_title_02.png") no-repeat 0 0;
	width: 295px;
	height: 18px;
}
.book-archives-container #BOOK1 h2 span,
.book-archives-container #BOOK2 h2 span {
	text-indent: -9999px;
	overflow: hidden;
}

.book-info th{
	padding: 8px 27px 8px 0px;
	text-align: left;
	vertical-align: top;
}
.book-info td{
	margin: 0;
	padding: 8px;
}
.book-info .page{
	padding: 9px 9px 9px 22px;
}
.editor-comment {
	margin: 0;
	padding: 20px 0 0 0;
	clear: both;
}
.editor-comment h3 {
	margin: 0 0 20px 0;
	background: url("../../images/guidebook_editor.png") no-repeat 0 0;
	width: 106px;
	height: 23px;
}
.editor-comment h3 p {
	display: none;
}
.editor-comment .text{
	margin: 0 0 30px 0;
}
.editor-comment .book-link a{
	margin: 0 0 0 10px;
	color: #20d3dd;
}