@charset "utf-8";

/* ===================================================================
　ゲーム
=================================================================== */
body {
	font-size: small;
}

#contents{
	clear:both;
	width:960px;
	height: 600px;
	-moz-background-size:100% auto;
	background-size:100% auto;
	margin:0;
	padding:0;
	position: relative;
    overflow: hidden;
}
#contents.share{
	background:url(../../game/imgs/bg-share.png) no-repeat 0 0;
}
#contents.soccer{
	background:url(../../game/imgs/bg-soccer.png) no-repeat 0 0;
}
#contents.baseball{
	background:url(../../game/imgs/bg-baseball.png) no-repeat 0 0;
}
/*--------------------------------*/
/* ヘッダ */

#contents h2 a{
	display: block;
	overflow: hidden;
	width: 250px;
	height: 96px;
	position: absolute;
	top:15px;
	left:15px;
	z-index: 10;
}
#contents .title{
	width: 700px;
	height: 103px;
	background:url(../../game/imgs/title.png) no-repeat center 0;
	text-indent: -9999px;
	position: absolute;
	top:15px;
	left:15px;
}

#contents .btn-top{
	width: 90px;
	height: 13px;
	position: absolute;
	right:20px;
	top:3%;
}
#contents .navi{
	height: 200px;
	position: absolute;
	top:7%;
	right:10px;
	text-align: right;
}
#contents .navi ul{
	text-align: right;
}
#contents .navi ul li{
	width: 71x;
	height: 71px;
	float: left;
}
#contents .navi ul li{
	margin-right: 10px;
}


#contents .scene{
	width:960px;
	height: 475px;
	position: absolute;
	top:125px;
	left:0;
}

/*--------------------------------*/
/* シーン1／シーン2 */
#contents .scene .tip{
	width:350px;
	height: 80px;
	margin: 30px auto 0;
}
#contents .scene .btnArea01{
	width:760px;
	margin: 0 auto 0;
	top:-30px;
	position: relative;
}
#contents .scene .btnArea01 .buttomL{
	width:375px;
	height: 380px;
	float: left;
}
#contents .scene .btnArea01 .buttomR{
	width:375px;
	height: 380px;
	float: right;
}


/* シーン3 */
#contents .scene .inputArea01{
	width:590px;
	height: 256px;
	margin: 0 auto 0;
	top:20px;
	background:url(../../game/imgs/s03-txtbg.png) no-repeat 0 0;
	position: relative;
}
#contents .scene .inputArea01 input.name{
	width:200px;
	height: 50px;
	font-size: 20px;
	padding: 0 10px;
	border: solid 2px #009933;
	position: absolute;
	left:160px;
	top:45px;
}
#contents .scene .btn-submit{
	width:246px;
	height: 77px;
	margin: 0 auto 0;
	top:135px;
	position: relative;
}
/* Quiz */
#contents .scene .moeta-img01{
	width:384px;
	height: 517px;
	bottom:5px;
	left: 5px;
	position: absolute;
    	z-index:2;
}
#contents .scene .textArea{
	width:499px;
	height: 350px;
	background:url(../../game/imgs/s04-txtbg.png) no-repeat 0 0;
	left:230px;
	top:45px;
	position: absolute;
    	z-index:3;
}
#contents .scene .textArea p{
	font-size: 28px;
	font-weight: bold;
	line-height: 140%;
	width: 400px;
	position: relative;
	left:75px;
	top:35px;
	margin-bottom: 20px;
	color: #003399;
}
#contents .scene .textArea p span{
	color: #fc0302;
}
#contents .scene .btnArea02{
	width:170px;
	height: 350px;
	position: absolute;
	right:30px;
	top:90px;
	z-index: 10;
}
#contents .scene .btnArea02 .btn-yes{

}
#contents .scene .btnArea02 .btn-no{
	position: absolute;
	bottom:0;
}

#contents .scene .q-title{
	width:588px;
	height: 365px;
	margin: 50px auto 0;
	position: relative;
	z-index:3;
}
#contents .scene .qtextArea{
	width:500px;
	height: 208px;
	background:url(../../game/imgs/q-txtbg.png) no-repeat 0 0;
	left:230px;
	bottom:55px;
	position: absolute;
	z-index:3;
}
#contents .scene .qtextArea p.qtxt{
	font-size: 24px;
	font-weight: bold;
	line-height: 140%;
	width: 400px;
	position: relative;
	left:75px;
	top:35px;
	margin-bottom: 20px;
	color: #003399;
}
#contents.soccer .scene .runner{
	width:178px;
	height: 98px;
	background:url(../../game/imgs/runner_soccer.png) no-repeat 0 0;
	right:200px;
	top:105px;
	position: absolute;
	z-index: 1;
}
#contents.baseball .scene .runner{
	width:178px;
	height: 98px;
	background:url(../../game/imgs/runner_baseball.png) no-repeat 0 0;
	right:200px;
	top:105px;
	position: absolute;
	z-index: 1;
}
#contents .scene .play-anime{
	width:688px;
	height: 450px;
	position: absolute;
	top:0px;
	left:134px;
}
/* 新聞画面 */
#contents .scene .ribbon{
	width:950px;
	height: 339px;
	position: absolute;
	top:0px;
	left:5px;
	z-index: 8;
}
#contents .scene .moeta-img02{
	width:207px;
	height: 456px;
	bottom:5px;
	right: 5px;
	position: absolute;
	z-index: 9;
}
#contents .scene .btnArea03{
	width:300px;
	height: 114px;
	position: absolute;
	right:20px;
	bottom:15px;
	z-index: 10;
}
#contents .scene .btnArea03 .btn-retry{
	width: 114px;
	height: 114px;
	position: absolute;
	right:0;
    z-index:9;
}
#contents .scene .btnArea03 .btn-print{
	cursor: pointer;
	width: 80px;
	height: 80px;
	position: absolute;
	right:140px;
	bottom:-5px;
    z-index:9;
}
#contents .scene .newspaper-true{
	width:805px;
	height: 467px;
	background:url(../../game/imgs/s09_newspaper_true.png) no-repeat 0 0;
	position: absolute;
	left:20px;
	bottom:5px;
	z-index: 99;
}
#contents .scene .newspaper-false{
	width:805px;
	height: 467px;
	background:url(../../game/imgs/s09_newspaper_false.png) no-repeat 0 0;
	position: absolute;
	left:20px;
	bottom:5px;
	z-index: 99;
}
#contents .scene .newspaper-false .picArea{
	width:551px;
	height: 228px;
	position: absolute;
	left:25px;
	top:109px;
	z-index: 100;
}
#contents .scene .newspaper-true .picArea{
	width:551px;
	height: 228px;
	position: absolute;
	left:25px;
	top:109px;
	z-index: 100;
}
#contents .scene .newspaper-false .picArea .play1{
	width:201px;
	height: 110px;
	position: absolute;
	right:0;
	top:0;
	z-index: 0;
}
#contents .scene .newspaper-false .picArea .play2{
	width:201px;
	height: 110px;
	position: absolute;
	right:0;
	bottom:0;
	z-index: 0;
}
#contents .scene .newspaper-false .picArea .play3{
	width:339px;
	height: 228px;
	position: absolute;
	left:0;
	top:0;
	z-index: 110;
}
#contents .scene .newspaper-true .picArea .play1{
	width:201px;
	height: 110px;
	position: absolute;
	right:0;
	top:0;
	z-index: 0;
}
#contents .scene .newspaper-true .picArea .play2{
	width:201px;
	height: 110px;
	position: absolute;
	right:0;
	bottom:0;
	z-index: 0;
}
#contents .scene .newspaper-true .picArea .play3{
	width:339px;
	height: 228px;
	position: absolute;
	left:0;
	top:0;
	z-index: 110;

}
#contents .scene .newspaper-false .comments{
	width:475px;
	height: 68px;
	/*overflow: hidden;*/
	position: absolute;
	left:90px;
	bottom:20px;
	z-index: 0;
}
#contents .scene .newspaper-false .comments p{
	font-size: 85%;
	line-height: 130%;
}
#contents .scene .newspaper-true .name,
#contents .scene .newspaper-false .name{
	width:60px;
	height: 324px;
	position: absolute;
	right:24px;
	top:63px;

}