@charset "utf-8";
/* CSS Document */
body{background:url(../images/0403/share/bg.gif);margin:0;}
h1,h2,h3{margin:0;padding:0;}
#main{width:800px;height:100%;background:#FFFFFF;margin:0 auto;border-left:#FFFFFF 1px solid;border-right:#FFFFFF 1px solid;}
a{color:#FF6600;}
a:hover{color:#FFCC00;}


/*ステージ下*/
#stage{background:url(../images/0403/top/bottom_bg.gif) no-repeat #FFFFFF;width:800px;min-height:105px;}
/*ニュース*/
#news{background:url(../images/0403/top/news_bg.gif) repeat-y;width:426px;float:left;margin:0 0 0 15px;margin-right:5px;}
#news p{text-indent:0;margin:1px 0 0 354px;}
#news_top{background:url(../images/0403/top/news_top.gif) no-repeat;width:426px;height:43px;text-indent:-999em;}
#news ul{margin:0 0 0 40px;padding:0;}
#news li{margin:0 0 5px 0; list-style:none;font-size:12px;padding:0;list-style-image:url(../images/0403/top/list.gif);}
#news_title{background:url(../images/0403/news/news_title.gif) no-repeat;width:767px;height:38px;text-indent:-999em;margin:10px auto 15px;}
#news_kizi{margin:0 auto 150px;width:693px;}
#news_kizi ul{margin:0;padding:0;}
#news_kizi li{list-style:none; background:url(../images/0403/news/ber.gif) no-repeat bottom;padding:5px 0;}
#news_kizi p{font-size:90%;line-height:1.4em;margin:0;}
#right_title{margin:0 0 10px 0;}
#left_news{float:left;margin:0 18px 0 0;}


/*クイズ*/
#qiz a {
	display: block;
	background:url(../images/0403/top/qiz.gif) no-repeat;
	width:168px;
	height:194px;
	float:left;
	margin:0 5px;
	float:left;
	text-indent:-999em;
}
#qiz a:hover {
	display: block;
    background:url(../images/0403/top/qiz_o.gif) no-repeat;
	width:168px;
	height:194px;
	float:left;
	margin:0 5px;
	text-indent:-999em;
}
/*#qiz{background:url(../images/0403/top/qiz.gif) no-repeat;width:168px;height:194px;float:left;margin:0 5px;text-indent:-999em;}*/

/*ごぺんなさい*/
#gopen a {
	display: block;
	background:url(../images/0403/top/gopen.gif) no-repeat;
	width:338px;
	height:179px;
	float:left;
	text-indent:-999em;
}
#gopen a:hover {
	display: block;
    background:url(../images/0403/top/gopen_o.gif) no-repeat;
	width:338px;
	height:179px;
	float:left;
	text-indent:-999em;
}

/*バナー*/
#bana{margin:15px 0 15px 0;}
#bana img{margin:0 1px 5px;border:0;}

/*ヘッダー*/
#header{background:url(../images/0403/share/heder.gif) no-repeat;width:800px;height:139px;}
#logo{text-indent:0;padding:7px 0 0 15px;border:0;}
#menu{padding:9px 0 0 80px;}
#menu img{margin:0 0px;}
#news_bottom a {
	display: block;
	width: 137px;
	height: 31px;
	background-position: 0 0;
	background:url(../images/0403/menu/news.gif) no-repeat;
	text-indent:-999em;
	float:left;
	margin-right:10px;
}
#news_bottom a:hover {
	display: block;
	width: 137px;
	height: 31px;
	background-position: 0 0;
	background:url(../images/0403/menu/news_o.gif) no-repeat;
	text-indent:-999em;

}
#next_bottom a {
	display: block;
	width: 137px;
	height: 31px;
	background-position: 0 0;
	background:url(../images/0403/menu/next.gif) no-repeat;
	text-indent:-999em;
	float:left;
	margin-left:3px;
	margin-right:10px;
}
#next_bottom a:hover {
	display: block;
	width: 137px;
	height: 31px;
	background-position: 0 0;
	background:url(../images/0403/menu/next_o.gif) no-repeat;
	text-indent:-999em;
	}
#story_bottom a {
	display: block;
	width: 182px;
	height: 31px;
	background-position: 0 0;
	background:url(../images/0403/menu/story.gif) no-repeat;
	text-indent:-999em;
	float:left;
	margin-left:3px;
	margin-right:10px;
}
#story_bottom a:hover {
	display: block;
	width: 182px;
	height: 31px;
	background-position: 0 0;
	background:url(../images/0403/menu/story_o.gif) no-repeat;
	text-indent:-999em;
}
#chara_bottom a {
	display: block;
	width: 142px;
	height: 31px;
	background-position: 0 0;
	background:url(../images/0403/menu/chara.gif) no-repeat;
	text-indent:-999em;
	float:left;
	margin-left:3px;
	margin-right:10px;
}
#chara_bottom a:hover {
	display: block;
	width: 142px;
	height: 31px;
	background-position: 0 0;
	background:url(../images/0403/menu/chara_o.gif) no-repeat;
	text-indent:-999em;
}
#game_bottom a {
	display: block;
	width: 138px;
	height: 31px;
	background-position: 0 0;
	background:url(../images/0403/menu/game.gif) no-repeat;
	text-indent:-999em;
	float:left;
}
#game_bottom a:hover {
	display: block;
	width: 138px;
	height: 31px;
	background-position: 0 0;
	background:url(../images/0403/menu/game_o.gif) no-repeat;
	text-indent:-999em;
}

/*ストーリー*/
h1#story_title{background:url(../images/0403/story/title.gif) no-repeat;width:767px;height:38px;text-indent:-999em;margin:10px auto 15px;}
h2#story_subtitle{margin:0;}
#side_menu{width:167px;float:left;margin:0 0 0 35px;}
#side_menu_old{width:167px;float:left;margin:0 5px 0 15px;}
#side_menu img{margin-bottom:5px;}
#sub_menu{background:#ffea00 url(../images/0403/story/old_bg.gif) bottom no-repeat;min-height:280px;}
#sub_menu ul{margin:0 0 0 10px;padding:0;font-size:14px;color:#ff8a14;font-weight:bold;}
#sub_menu li{
margin-bottom:5px;
padding-left:18px;
background: url(../images/0403/story/icom.gif) no-repeat;
list-style: none;
}
#story_main{width:533px;float:left;margin-left:30px;background:url(../images/0403/story/story_bg.gif) repeat-y;margin-bottom:10px;}
#story_old{width:595px;float:left;margin-left:0;}
#kakuwa{margin:15px 0 0 20px;}
#kakuwa,#next_b img{margin-bottom:10px;}
#intro{margin:15px 0 0 20px;}
#intro_txt{width:280px;margin:0 0 0 190px;line-height:1.3em;color:#864504;font-size:16px;text-align:justify;}
#story_txt{width:220px;margin:0 0 0 278px;line-height:1.3em;color:#864504;font-size:14px;text-align:justify;}
.story_gamen{border:#6d6d6d 1px solid;}
#yokoku_bottom a {
	display: block;
	width: 120px;
	height: 28px;
	background-position: 0 0;
	background:url(../images/0403/story/yokoku.gif) no-repeat;
	text-indent:-999em;
	margin-left:103px;
	margin-top:5px;
	
}
#yokoku_bottom a:hover {
	display: block;
	width: 120px;
	height: 28px;
	background-position: 0 0;
	background:url(../images/0403/story/yokoku_o.gif) no-repeat;
	text-indent:-999em;
}
#story_wa_bottom{margin:0 0 30px 0;;padding:0;}
#story_wa_bottom ul{margin:0 0 10px 0; list-style:none;}
#story_wa_bottom li{margin:0 0 5px 0;list-style:none;}
#new_bottom a{
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/new.gif) no-repeat;
	text-indent:-999em;
	margin:0 0 5px 0;
	
}
#new_bottom a:hover {
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/new_o.gif) no-repeat;
	text-indent:-999em;
	
}
#new_bottom_101 a{
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/101_110.gif) no-repeat;
	text-indent:-999em;
	
}
#new_bottom_101 a:hover {
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/101_110_o.gif) no-repeat;
	text-indent:-999em;
	
}
#new_bottom_111 a{
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/111_120.gif) no-repeat;
	text-indent:-999em;
	
}
#new_bottom_111 a:hover {
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/111_120_o.gif) no-repeat;
	text-indent:-999em;
	
}
#new_bottom_121 a{
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/121_130.gif) no-repeat;
	text-indent:-999em;
	
}
#new_bottom_121 a:hover {
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/121_130_o.gif) no-repeat;
	text-indent:-999em;
	
}
#new_bottom_131 a{
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/131_140.gif) no-repeat;
	text-indent:-999em;
	
}
#new_bottom_131 a:hover {
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/131_140_o.gif) no-repeat;
	text-indent:-999em;
	
}
#new_bottom_141 a{
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/141_150.gif) no-repeat;
	text-indent:-999em;
	
}
#new_bottom_141 a:hover {
	display: block;
	width: 167px;
	height: 38px;
	background-position: 0 0;
	background:url(../images/0403/story/141_150_o.gif) no-repeat;
	text-indent:-999em;
	
}
#old_story_waku{width:560px;float:left;}

/*次回予告*/
#next_title{background:url(../images/0403/next/next_title.gif) no-repeat;width:767px;height:38px;text-indent:-999em;margin:10px auto 15px;}
#next_main{width:731px;background:url(../images/0403/next/next_bg.gif) repeat-y;margin-left:35px;}
#next_b{width:190px;float:left;margin:10px 0 0 30px;}
#next_txt{
	width:475px;
	margin:10px 0 0 240px;
	line-height:1.3em;
	color:#864504;
	font-size:14px;
}
#penpure_bg{background:url(../images/0403/next/penpure_bottom.gif) no-repeat;width:472px;height:39px;}
#penpure_bottom a {
	display: block;
	width: 203px;
	height: 26px;
	background-position: 0 0;
	background:url(../images/0403/next/qiz.gif) no-repeat;
	text-indent:-999em;
	margin-left:260px;
	
}
#penpure_bottom a:hover {
	display: block;
	width: 203px;
	height: 26px;
	background-position: 0 0;
	background:url(../images/0403/next/qiz_o.gif) no-repeat;
	text-indent:-999em;
}
#next_txt img{margin-top:10px;}

/*クイズ*/
#quiz_main{width:643px;margin:0 auto;}
#quiz_tit{background:url(../images/0403/quiz/heder.gif) no-repeat;width:766px;height:171px;text-indent:-999em;margin:0 auto;}
#quiz_tit2{background:url(../images/0403/quiz/title.jpg) no-repeat;width:766px;height:206px;text-indent:-999em;margin:0 auto;}
#quiz_kabegami{background:url(../images/0403/quiz/penpure.jpg) no-repeat;width:643px;height:277px;text-indent:-999em;}
#quiz_r{background:url(../images/0403/quiz/ruru.gif) no-repeat;widht:642px;height:119px;text-indent:-999em;}
#quiz_1{background:url(../images/0403/quiz/r_1.gif) no-repeat;widht:642px;height:156px;text-indent:-999em;}
#quiz_2{background:url(../images/0403/quiz/r_2.gif) no-repeat;widht:642px;height:164px;text-indent:-999em;}
#quiz_3{background:url(../images/0403/quiz/r_3.gif) no-repeat;widht:642px;height:248px;text-indent:-999em;margin-bottom:10px;}
#quiz_bottom a{
	display: block;
	width: 394px;
	height: 69px;
	background-position: 0 0;
	background:url(../images/0403/quiz/bottom.gif) no-repeat;
	text-indent:-999em;
	margin:0 auto;	
}
#quiz_bottom a:hover{
	display: block;
	width: 394px;
	height: 63px;
	background-position: 0 0;
	background:url(../images/0403/quiz/bottom_o.gif) no-repeat;
	text-indent:-999em;
}
#kaisai_bottom a{
	display: block;
	width: 644px;
	height: 112px;
	background-position: 0 0;
	background:url(../images/0403/quiz/kaisaityu.jpg) no-repeat;
	text-indent:-999em;	
	margin:0 0 20px 10px;
}
#kaisai_bottom a:hover{
	display: block;
	width: 644px;
	height: 112px;
	background-position: 0 0;
	background:url(../images/0403/quiz/kaisaityu_o.jpg) no-repeat;
	text-indent:-999em;
}
#kabegami{background:url(../images/0403/quiz/pure.gif) no-repeat;width:663px;height:240px;text-indent:-999em;margin:0 0 30px 50px;}
#quiz_settei a{
	display: block;
	width: 144px;
	height: 29px;
	background-position: 0 0;
	background:url(../images/0403/quiz/settei.gif) no-repeat;
	text-indent:-999em;	
	margin:155px 0 0 35px;
}
#quiz_settei a:hover{
	display: block;
	width: 144px;
	height: 29px;
	background-position: 0 0;
	background:url(../images/0403/quiz/settei_o.gif) no-repeat;
	text-indent:-999em;
}
#ruru_bottom a{
	display: block;
	width: 269px;
	height: 63px;
	background-position: 0 0;
	background:url(../images/0403/quiz/r_bottom.gif) no-repeat;
	text-indent:-999em;	
	margin:0 auto 15px;
}
#ruru_bottom a:hover{
	display: block;
	width: 269px;
	height: 63px;
	background-position: 0 0;
	background:url(../images/0403/quiz/r_bottom_o.gif) no-repeat;
	text-indent:-999em;
}
#download{background:url(../images/0403/quiz/download/down.jpg) no-repeat;width:663px;height:331px;margin:0 auto;}
#donload_bottom{width:250px;padding:125px 0 0 53px;}
#download_1280 a{
	display: block;
	width: 249px;
	height: 53px;
	background-position: 0 0;
	background:url(../images/0403/quiz/download/1280.gif) no-repeat;
	text-indent:-999em;
	margin:0 0 5px;
}
#download_1280 a:hover{
	display: block;
	width: 249px;
	height: 53px;
	background-position: 0 0;
	background:url(../images/0403/quiz/download/1280_o.gif) no-repeat;
	text-indent:-999em;
}
#download_1024 a{
	display: block;
	width: 249px;
	height: 53px;
	background-position: 0 0;
	background:url(../images/0403/quiz/download/1024.gif) no-repeat;
	text-indent:-999em;
	margin:0 0 5px;
}
#download_1024 a:hover{
	display: block;
	width: 249px;
	height: 53px;
	background-position: 0 0;
	background:url(../images/0403/quiz/download/1024_o.gif) no-repeat;
	text-indent:-999em;
}
#download_800 a{
	display: block;
	width: 249px;
	height: 53px;
	background-position: 0 0;
	background:url(../images/0403/quiz/download/800.gif) no-repeat;
	text-indent:-999em;
	margin:0 0 5px;
}
#download_800 a:hover{
	display: block;
	width: 249px;
	height: 53px;
	background-position: 0 0;
	background:url(../images/0403/quiz/download/800_o.gif) no-repeat;
	text-indent:-999em;
}

/*キャラクター*/
#chara_title{background:url(../images/0403/chara/chara_title.gif) no-repeat;width:767px;height:38px;text-indent:-999em;margin:10px auto 15px;}
#chara_main{width:725px;margin:0 auto;}

/*ゲーム*/
#game_title{background:url(../images/0403/game/game_title.gif) no-repeat;width:767px;height:38px;text-indent:-999em;margin:10px auto 15px;}
#game_main{width:773px;margin:0 auto;}

/*etc*/
.c1{color:#FF0000;}
.f11{font-size:80%;}



/**トップページのメニューまわり（元フラッシュがあったところ）**/
#main #top_logo{background:url(../images/0403/top/logo.jpg) no-repeat;width:181px; height:107px; text-indent:-9999px; float:left; margin:0; padding:0;}
#main #top_right{margin-left:181px;height:107px; }
*html #main #top_right{float:left; margin-left:0px;}
#main #midashi{display:block; background:url(../images/0403/top/midashi.jpg) no-repeat; width:619px; height:48px; text-indent:-9999px;}

#menu_top {height:59px; width:619px ;float:left;}
#menu_top .menu_area {position:relative; height:59px; width:619px; background:url(../images/0403/top/menu.jpg) no-repeat;}
#menu_top ul{margin:0px; padding:0px;}
#menu_top .menu_area li {position:absolute;}
#menu_top .menu_area li, #menu_top .menu_area a {height:59px; display:block;}
#menu_top .menu_area a {text-indent:-9999px; text-decoration:none;}

.menu_01 {left:0;width:140px;}
.menu_02 {left:140px;width:187px;}
.menu_03 {left:327px;width:147px;}
.menu_04 {left:474px;width:145px;}

.menu_01 a:hover {background:url(../images/0403/top/menu.jpg) 0 -59px no-repeat;}
.menu_02 a:hover {background:url(../images/0403/top/menu.jpg) -140px -59px no-repeat;}
.menu_03 a:hover {background:url(../images/0403/top/menu.jpg) -327px -59px no-repeat;}
.menu_04 a:hover {background:url(../images/0403/top/menu.jpg) -474px -59px no-repeat;}