@charset "utf-8";

* {margin:0;padding:0;}
img{  border:0;  }
a {outline-style:none; color: #F00;}
h1,h2,h3,ul,li,button{list-style:none; margin:0; padding:0;}
button {background:none; padding:0 0 0 -50px; border:none;}



body {
margin:0;padding:0;	text-align:center;
background: #000;
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-size: 13px;
	line-height:170%;
	color: #FFF;
}
h1 {text-indent:-9999px; width:740px;}
h2 {text-indent:-9999px; width:740px;}

#content {
	border:#372E13 1px solid;
	height:489px; width:740px;
	text-align:left;
	overflow: hidden;
	margin:0 auto;
}

/*1020練習問題出題時トップ*/

.firstpage1020 {
	background:url(images/1020first_bg.jpg);
}

#firstcon{
	padding:120px 0 0 50px;
	color:#FFF;
	 width:690px;
	 height:369px;
	text-shadow: 1px 1px 1px black;
	line-height:200%;
}



/*練習問題*/


#practice,#practice a {
	background:url(images/bt_practice.png);
	background-position:0 0;
	width:295px; height:76px; 
	text-indent:-9999px;
}

#practice a {
	display:block;
}
#practice a:hover {
	background-position:0 -76px;
}

/*イントロダクション*/

.intro {
	background:url(images/intro_bg.jpg);
}
#introcon {
	text-indent: -9999px;
}

#bt_challenge a{
	background:url(images/bt_challenge.png);
	background-position:0 0;
	width:295px; height:76px;
	display:block;
	text-indent:-9999px;
	margin:310px 0 0 50px;
	/margin:330px 0 0 50px;
	margin:330px 0 0 50px\9;
}
#bt_challenge a:hover {
	background-position:0 -76px;
}

#bt_eld a{
	position:absolute;
	top:340px;
	right:50px;
	background:url(images/bt_eld.png);
	background-position:0 0;
	width:246px; height:123px;
	display:block;
	text-indent:-9999px;
	
}

#bt_eld a:hover{
	background-position:0 -123px;
}

/*インデックスページ*/

.index {
	background:url(images/index_bg.jpg);
}

#indexcon ul {
	margin:50px 0 0 40px;
	padding:15px 0;
}  
#indexcon li {
	width:318px;
	border-bottom: #380732 1px solid;
	color:#999;
}

#indexcon li a{
	background:#431941;
	width:318px;
	color: #FC0;
	display:block;
	text-decoration:none;
	padding:4px 10px;
}
#indexcon li a:hover{
	background:#6E5D15;
}

#indexcon li.up {
	background:#6E5D15; color:#FFF;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


#bt_about2 a{background:url(images/bt_about2.png);
		background-position:0 0;
		width:295px; height:76px; display:block; text-indent:-9999px;
		position:absolute; margin:260px 0 0 410px;
}

#bt_about2 a:hover{
		background-position:0 -76px;
}


/*出題*/

.question {
	background:url(images/practice_questions_bg.jpg);
}

.question5th {
	background:url(images/5th_questions_bg.jpg);
}


#questioncon {
	text-shadow: 1px 1px 1px white;
	
}
#questioncon ul { margin:0 0 0 40px; margin:-45px 0 0 40px\9; /margin:0 0 0 40px;}
#questioncon li { float:left; height:76px;}

#paper {
	background:url(images/paper.png);
	height:275px; width:437px;
	color: #000;
	margin:80px 0 0 40px;
	padding:18px 0 0 18px;
}

.practice_vis {background:url(images/practice_img.jpg) no-repeat 240px bottom; height:265px;}
#practice_vis2 {background:url(images/practice_img2.png) no-repeat right bottom;}
.stage1_vis1 {background:url(images/stage1_vis2.jpg) no-repeat 197px bottom; height:265px;}
#stage1_vis2 { height:330px; background:url(images/stage1_vis2.png) no-repeat right bottom;}
.stage3_vis1 {background:url(images/stage3_vis1.jpg) no-repeat 250px bottom; height:265px;}
#stage3_vis2 { height:330px; background:url(images/stage3_vis2.png) no-repeat right bottom;}
.stage4_vis1 {background:url(images/stage4_vis1.jpg) no-repeat 260px bottom; height:265px;}
.stage7_vis1 {background:url(images/stage7_vis1.jpg) no-repeat 230px 100px; height:265px;}
.stage9_vis1 {background:url(images/stage9_vis1.jpg) no-repeat 235px 60px; height:265px;}
.stage10_vis1 {background:url(images/stage10_vis1.jpg) no-repeat 310px bottom; height:265px;}
#stage10_vis2 { height:330px; background:url(images/stage10_vis2.jpg) no-repeat right bottom;}




#tit_pra {
	background:url(images/tit_practice.jpg);
	width:229px; height:43px;
	text-indent:-9999px;
	margin:0 0 25px 0;
}

#tit_stage1,#tit_stage2,#tit_stage3,#tit_stage4,#tit_stage5,#tit_stage6,#tit_stage7,#tit_stage8,#tit_stage9,#tit_stage10{
	height:43px;
	text-indent:-9999px;
	margin:0 0 25px 5px;
}


#tit_stage1 {
	background:url(images/tit_stage1.jpg) no-repeat;
}
#tit_stage3 {
	background:url(images/tit_stage3.jpg) no-repeat;
}
#tit_stage4 {
	background:url(images/tit_stage4.jpg) no-repeat;
}
#tit_stage5 {
	background:url(images/tit_stage5.jpg) no-repeat;
}
#tit_stage6 {
	background:url(images/tit_stage6.jpg) no-repeat;
}
#tit_stage7 {
	background:url(images/tit_stage7.jpg) no-repeat;
}
#tit_stage8 {
	background:url(images/tit_stage8.jpg) no-repeat;
}
#tit_stage9 {
	background:url(images/tit_stage9.jpg) no-repeat;
}
#tit_stage10 {
	background:url(images/tit_stage10.jpg) no-repeat;
}





#bt_red {background:url(images/bt_red.png);
		background-position:0 0;
		width:155px; height:76px; text-indent:-9999px;
		display:block;
}


#bt_red2 a{
		width:155px; height:76px; display:block; text-indent:-9999px; position:absolute; margin:0px 0 0 40px;
}


#bt_red2 a:hover{width:155px; height:76px; 
	background:url(images/bt_red.png);
		background-position:0 -76px; position:absolute;
}

#bt_red3 a{
		width:155px; height:76px; display:block; text-indent:-9999px; position:absolute; margin:100px 0 0 410px;
		z-index:3;
}


#bt_red3 a:hover{width:155px; height:76px; 
	background:url(images/bt_red.png);
		background-position:0 -76px; position:absolute;
}


#bt_blue2 a{
		width:155px; height:76px; display:block; text-indent:-9999px; position:absolute; margin:0px 0 0 195px; margin:-23px 0 0 195px\9; /margin:0 0 0 195px\9;
}

#bt_blue2 a:hover{width:155px; height:76px; 
	background:url(images/bt_blue.png);
		background-position:0 -76px; position:absolute;
}

#bt_blue3 a{
		width:155px; height:76px; display:block; text-indent:-9999px; position:absolute; margin:176px 0 0 410px; margin:153px 0 0 410px\9; /margin:176px 0 0 410px\9;
		z-index:3;
}

#bt_blue3 a:hover{width:155px; height:76px; 
	background:url(images/bt_blue.png);
		background-position:0 -76px; position:absolute;
}

#bt_blue {background:url(images/bt_blue.png);
		background-position:0 0;
		width:155px; height:76px; display:block; text-indent:-9999px;
}





#bt_answer a{background:url(images/bt_answer.png);
		background-position:0 0;
		width:155px; height:76px; display:block; text-indent:-9999px;
}

#bt_answer  a:hover{
		background-position:0 -76px;
}
#bt_select a{background:url(images/bt_select.png);
		background-position:0 0;
		width:155px; height:76px; display:block; text-indent:-9999px;
}

#bt_select  a:hover{
		background-position:0 -76px;
}

#bt_start a{background:url(images/bt_start.png);
		background-position:0 0;
		width:155px; height:76px; display:block; text-indent:-9999px;
}

#bt_start  a:hover{
		background-position:0 -76px;
}
#bt_gokigen a{background:url(images/bt_gokigen.png);
		background-position:0 0;
		width:155px; height:76px; display:block; text-indent:-9999px;
}

#bt_gokigen  a:hover{
		background-position:0 -76px;
}

.back_index {
	line-height:0%;
	margin:25px 55px 0 0 ;
	_margin:25px 20px 0 0 ;
	width:84px; height:16px;
	text-indent:-9999px;
	float:right;
	z-index:100;
}
.back_index a{
	background:url(images/back_index.gif);
	background-position:0 0;
	width:84px; height:16px;
	display:block;
}

.back_index a:hover{ 
	background-position:0 -16px;
}

/*解答ページ*/

.practice_answer{background:url(images/practice_answer_bg.jpg); width:740px:; height:489px;}

.stage1_answer {background:url(images/stage1_answer_bg.jpg);}
.stage2_answer {background:url(images/stage2_answer_bg.jpg);}
.stage3_answer {background:url(images/stage3_answer_bg.jpg);}
.stage5_answer {background:url(images/stage5_answer_bg.jpg);}
.stage6_answer {background:url(images/stage6_answer_bg.jpg);}
.stage7_answer {background:url(images/stage7_answer_bg.jpg);}
.stage8_answer {background:url(images/stage8_answer_bg.jpg);}
.stage9_answer1 {background:url(images/stage9_answer_bg1.jpg);}
.stage9_answer2 {background:url(images/stage9_answer_bg2.jpg);}
.stage10_answer {background:url(images/stage10_answer_bg.jpg);}
.stage11_answer {background:url(images/stage11_answer_bg.jpg);}

#answer_practice {
	height:309px;
	margin:100px 280px 0 40px;
}

#answer {
	margin:100px 370px 0 40px;
}

#bt_about a{
	margin:-10px 0 0 40px;
	background:url(images/bt_about.png);
	background-position:0 0;
	width:321px; height:61px;
	display:block;
	text-indent:-9999px;
}
#bt_about a:hover{ 
	background-position:0 -61px;s
}

.answerword {
	font-weight:bold; color:#F00; font-size:18px;
}

.st { font-size:18px; font-weight:bold;}


.back_question a{
	line-height:0%;
	float:right;
	margin:25px 55px 0 0 ;
	_margin:25px 20px 0 0 ;
	background:url(images/back_qestion.png) no-repeat;
	background-position:0 0;
	width:86px; height:16px;
	display:block;
	text-indent:-9999px;
}
.back_question a:hover{ 
	background-position:0 -16px;
}

/*赤き真実*/
.redpage{
	background:url(images/red_bg.jpg);
}

#redhead {
	height:103px;
	
}

#bt_aboutred{
	position:absolute;
	margin:0 0 0 250px;
	width:290px; height:100px;
	text-indent:-9999px;
	display:block;
	float:left;
}
#red { float:none; clear:both;
	margin:0 0 0 90px;
}  

#red dl { float:none; clear:both;
width:460px; height:277px;
}  
#red dt {  
float:left;  
width:40px;
height:26px;
clear:both;  
}  
#red dd {  
width:390px;
margin-left:40px;  
padding:8px 5px 8px 10px;  
}

#red ul { float:none; clear:both; margin:0 0 0 20px;}
#red li { float:left;}


#wakattaka {
	background:url(images/wakattaka.gif);
	width:305px; height:37px;
	text-indent:-9999px;
}

.redword {color:#F00;}

/*青き真実*/
.bluepage{
	background:url(images/blue_bg.jpg);
}
.bluepage_5th{
	background:url(images/blue_bg_5th.jpg);
}
.bluepage_6th{
	background:url(images/blue_bg_6th.jpg);
}
.bluepage_6th2{
	background:url(images/blue_bg_6th2.jpg);
}

.bluepage_8th{
	background:url(images/blue_bg_8th.jpg);
}

#blue {
	margin:100px 0 0 100px;
}
.blueword,.blueword a{
	color:#09F;
}

/*ベアトリーチェの挑戦状とは？*/
.about{
	background:url(images/about_bg.jpg);
}
.about2{
	background:url(images/about_bg2.jpg);
}

.help{
	background:url(images/help.jpg);
}
#aboutcon{
	padding:100px 0 0 0;
	width:500px;
	text-align:center;
	text-shadow: 1px 1px 1px black;
}

#about2con{
	padding:75px 0 0 0;
	_padding:0 0 0 0;
	width:500px;
	text-align:center;
	text-shadow: 1px 1px 1px black;
	line-height:145%;
}


/*注釈ポップアップ*/
div.tooltip,div.tooltip2,div.tooltip3{
	position: absolute;
	left: -9999px;
	background: #EEE;
	padding: 5px;
	border: 1px solid #AAA;
	text-align:left;
}

div.tooltip p,div.tooltip2 p,div.tooltip3 p{
	color: #FFF;
	background: #222;
	padding: 5px 10px;
}



div.tooltip4 p{
	color: #F00;
	background: #222;
	padding: 5px 10px;
}


.hotspot {color:#900; padding-bottom:1px;  cursor:pointer}

#tt {position:absolute; display:block; z-index:99;}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#000; color:#FFF; text-align:left; border:#CCC 3px solid;}


/*遺産ページ*/
.heritage{
	background:url(images/isan_bg_st1.jpg);
}
.heritage2{
	background:url(images/isan_bg_st2.jpg);
}
.heritage3{
	background:url(images/isan_bg_st3.jpg);
}
.heritage4{
	background:url(images/isan_bg_st4.jpg);
}
.heritage5{
	background:url(images/isan_bg_5th.jpg);
}
.heritage6{
	background:url(images/isan_bg_6th.jpg);
}

.heritage7{
	background:url(images/isan_bg_7th.jpg);
}

.heritage8{
	background:url(images/isan_bg_8th.jpg);
}
.heritage9{
	background:url(images/isan_bg_9th.jpg);
}
.heritage10{
	background:url(images/isan_bg_10th.jpg);
}

#bt_ingot a{
	position:absolute;
	background:url(images/bt_ingot.png);
	background-position:0 0;
	width:294px; height:114px;
	display:block;
	text-indent:-9999px;
	margin:340px 0 0 400px;
}

#bt_ingot a:hover{
	background-position:0 -114px;
}

#bt_iphone a{
	position:absolute;
	margin:410px 0 0 343px;
	background:url(images/bt_iphone.gif);
	background-position:0 0;
	width:333px; height:27px;
	text-indent:-9999px;
	display:block;
}

#bt_iphone a:hover{
	background-position:0 -27px;
}

#bt_iphone2 a{
	position:absolute;
	margin:410px 0 0 429px;
	background:url(images/bt_iphone.gif);
	background-position:-100px 0 ;
	width:247px; height:27px;
	text-indent:-9999px;
	display:block;
}

#bt_iphone2 a:hover{
	background-position:-100px -27px;
}


#wall_size {
	position:absolute;
	margin:130px 0 0 570px;
}

#wall_size2 {
	position:absolute;
	margin:300px 0 0 570px;
}

#wall_size li,#wall_size2 li {
	height:30px; text-align:center;
	margin:0 2px 0 0;
}

#wall_size li a,#wall_size2 li a {
	padding:0 5px;
	background:#000;
	display:block;
	color:#FFF;
	text-decoration:none;
}

#wall_size li a:hover,#wall_size2 li a:hover {
	background:#F00;
	color:#000;
}

/*選択ページ*/
.select{
	background:url(images/select_bg.jpg);
}

.select2nd{
	background:url(images/2nd_select_bg.jpg);
}

.select4th{
	background:url(images/4th_select_bg.jpg);
}

.select5th{
	background:url(images/5th_select_bg.jpg);
}

.select6th{
	background:url(images/6th_select_bg.jpg);
}

.select7th{
	background:url(images/7th_select_bg.jpg);
}
.select8th{
	background:url(images/8th_select_bg.jpg);
}
.select9th{
	background:url(images/9th_select_bg.jpg);
}

.select9th2{
	background:url(images/9th_select_bg2.jpg);
}
.select9th3{
	background:url(images/9th_select_bg3.jpg);
}

.select10th{
	background:url(images/10th_select_bg.jpg);
}

.select11th{
	background:url(images/11th_select_bg.jpg);
}

#selectcon {
	height:362px; width:362px;
	padding:80px 0 0 40px;
	_padding:40px 0 0 40px;
}


#selectcon button {background:none;}

#selectcon ul{
	height:362px; width:362px;
	padding:13px 14px;
}
.st1ban{
	background:url(images/ban.jpg) no-repeat;
	height:362px; width:362px;
	padding:13px 14px;
}
.st3ban{
	background:url(images/ban3.jpg) no-repeat;
	height:362px; width:362px;
	padding:13px 14px;
}

#selectcon li {
	float:left;
	height:42px; width:42px;
}


#tatch a{
	width:80px; height:80px;
	background:#0C6;
	display:block;
	/*position:absolute;
	margin:-30px 0 0 520px;*/
	text-indent:-9999px;
}
#sakutaro {
	position:absolute;
	margin:-250px 0 0 5px;
	
}


/*
#selectcon li a{
	background: url(images/select_point.gif);
	height:42px; width:42px;
	display:block;
}

#selectcon li a:hover{
	background: #F00;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}

*/
.check{
	width:270px; height:74px;
	margin:-95px 0 0 380px;
	/margin:-95px 0 0 310px;
}

/*不正解ページ*/
.failure{
	background:url(images/failure.jpg);
}
.failure2{
	background:url(images/failure2.jpg);
}
.failure3{
	background:url(images/failure3.jpg);
}
.failure4{
	background:url(images/failure4.jpg);
}
.failure5{
	background:url(images/failure5.jpg);
}

/*どうだ？部分*/

#beat_douda {
	width:200px;
	margin:-200px 0 0 490px;
	background:#000;
	border:1px #330 solid;
	padding:10px;
	text-align:center;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
	overflow:hidden;
}

/*
#tab li a{width:5em; text-align:center; float:left; text-decoration:none; background:#F00; padding:3px; color:#FFF; display:block; margin:0 0 0 5px;}
*/

#tab {width:150px; margin:0 auto;}

#xhtml,#css {
	float:none; clear:both;
	background:#000;
	width:300px;
	color:#FFF;
	padding:3px;
	border:#333 1px solid;
	float:right;
	padding:5px 10px;
	margin:5px 5px 0 0;
}

/*高速用*/
#game {
	width:740px;
	height:489px;
		}
		
#attention {
	background:#000; border:#900 1px solid;
	padding:5px 10px;
	width:350px; margin:200px 0 0 40px;
	
}

/*アイコン*/
#icon { width:350px; margin:130px 0 0 380px;}

#icon li { width:85px; height:85px; float:left; margin:0 10px 10px 0;}
#icon li a:hover{ width:85px; height:85px; float:left; margin:0 3px 3px 0;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}

/*デコメ*/
#deco { width:200px; margin:110px 0 0 430px; background:#FFF; padding:10px;}

/*もののぷ*/
#mononopu {margin:65px 0 0 110px;}

/*ステージ8*/

#st_select8 { 
	margin:50px 0 0 0; /margin:120px 0 0 0;
}

#st_select8 li{ 
	float:none;
	height:80px;
	margin:0 0 5px 0;
}

/*ステージ9*/
#neco {
	width:150px; height:180px;
	position:absolute;
	margin:130px 0 0 435px;
	
}

#st9_bt ul{
	float:none; clear:both;
	margin:0 0 0 40px; /margin:-315px 0 0 40px;
}

#st9_bt li {
	float:left;
}

#st_select9 {
	margin:310px 0 0 150px;
}

#st_select9_2 {
	margin:310px 0 0 150px;
}

#st_select9 li { 
	float:left;
	width:80px;
	height:60px;
	margin:0 5px 10px 0;
}
#st_select9_2 li{ 
	float:left;
	width:80px;
	height:60px;
	margin:0 13px 10px 0;
}

#bt_red4 a{
		width:155px; height:76px; display:block; text-indent:-9999px; position:absolute; margin:70px 0 0 40px; /margin:65px 0 0 -535px;
}


#bt_red4 a:hover{width:155px; height:76px; 
	background:url(images/bt_red.png);
		background-position:0 -76px; position:absolute;
}

#bt_blue4 a{
		width:155px; height:76px; display:block; text-indent:-9999px; position:absolute; margin:70px 0 0 195px; margin:47px 0 0 195px\9; /margin:65px 0 0 -380px;
}

#bt_blue4 a:hover{width:155px; height:76px; 
	background:url(images/bt_blue.png);
		background-position:0 -76px; position:absolute;
}

#bt_nextquiz a{
	position:absolute;
	top:380px;right:60px;
	background:url(images/bt_next.png);
		background-position:0 0;
		width:155px; height:76px; display:block; text-indent:-9999px;
}

#bt_nextquiz  a:hover{
		background-position:0 -76px;
}

/*ステージ11*/
.select11th #selectcon{
	margin:-6px 0 0 -16px;
	_margin:35px 0 0 -13px;
}
.select11th #selectcon ul,.stage11_answer #selectcon ul{
	width:400px;
}

.select11th #selectcon li,.stage11_answer #selectcon li{
	width:68px; height:68px;
	float:left;
	margin:0 5px 5px 0;
}


#bt_open a{
	position:absolute;
	top:200px;
	right:30px;
	background:url(images/bt_open.png);
	background-position:0 0;
	width:310px; height:85px;
	display:block;
	text-indent:-9999px;
}

#bt_open a:hover{
	background-position:0 -85px;
}

/*ステージ10*/
#bt_st10intro{
	width:92px; height:92px;
	text-indent:-9999px;
}
#bt_st10intro a{
	background:url(images/bt_st10_intro.png);
	background-position:0 0;
	width:92px; height:92px;
	display:block;
	text-indent:-9999px;
}#bt_st10intro a:hover{
	background-position:0 -92px;
}