#top_kokuchi{
	background-image:url(../img/contents/top_kokuchi_bg.jpg);
	width:960px;
	height:656px;
}

#top_kokuchi p{
	text-align:center;
	font-size:20px;
	padding-top:56px;
	
}



.page_navi {
    text-align: center;
}
 
.page_navi li {
    display: inline;
    list-style: none;
}
 
.page_navi li.current span {
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 3px 7px;
    background: #fee;
    border: solid 1px #fcc;
}
 
.page_navi li a {
    color: #333;
    padding: 3px 7px;
    background: #eee;
    display: inline-block;
    border: solid 1px #999;
    text-decoration: none;
}
 
.page_navi li a:hover {
    color: #f00;
}
 
.page_navi li.page_nums span {
    color: #fff;
    padding: 3px 7px;
    background: #666;
    display: inline-block;
    border: solid 1px #333;
}


#top_header_fukidashi{
	float:right;
}

/* ----------------------------------------
 *   トップカテゴリ
 * ---------------------------------------- */


#top_category_dekiru{
	width:450px;
	height:223px;
	background-image:url(../img/contents/top_dekiru_bg.jpg);
	margin-bottom:20px;
	float:left;
	padding-left:20px;
	padding-top:16px;
}

#top_category_dekiru ul li a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}


#top_category_dekiru{
	width:450px;
	height:223px;
	background-image:url(../img/contents/top_dekiru_bg.jpg);
	margin-bottom:20px;
	float:left;
	padding-left:20px;
	padding-top:16px;
}

#top_category_dekiru ul li a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

.top_dekiru_btn_start{
		float:left;
}

.top_dekiru_btn{
	float:left;
	margin-left:13px;
	margin-bottom:10px;
}

.top_donnatoko_btn_start{
		float:left;
}

.top_donnatoko_btn{
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}


#top_category_donnatoko{
	width:450px;
	height:223px;
	background-image:url(../img/contents/top_donnatoko_bg.jpg);
	margin-bottom:20px;
	margin-left:18px;
	float:left;
	padding-left:20px;
	padding-top:16px;
}

#top_category_donnatoko ul li{
	float:left;
}

#top_category_donnatoko ul li a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}



#top_category_kurashi{
	width:450px;
	height:150px;
	background-image:url(../img/contents/top_kurashi_bg.jpg);
	margin-bottom:20px;
	float:left;
	padding-left:20px;
	padding-top:16px;
}

#top_category_kurashi ul li a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}


.top_kurashi_btn_start{
	float:left;
}

.top_kurashi_btn{
	float:left;
	margin-left:10px;
}



.demo #top_bnr {
    float: left;
    clear: both;
}
.demo #top_category_challenge{
	margin-left:0px;
}

#top_category_challenge{
	width:227px;
	height:166px;
	margin-left:18px;
	margin-bottom:20px;
	float:left;
}

#top_category_challenge p a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}



#top_category_sodan{
	width:227px;
	height:166px;
	margin-left:18px;
	margin-bottom:20px;
	float:left;
}

#top_category_sodan p a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

.top_bnr_global{
	padding-bottom:7px;
}

.top_bnr_global a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}





/* ----------------------------------------
 *   トップ バナー
 * ---------------------------------------- */
#top_bnr{
	float:left;
}

#top_bnr ul li{
	margin-bottom:5px;
}

#top_bnr ul li a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

/* ----------------------------------------
 *   トップ ニュース
 * ---------------------------------------- */
#top_news{
	width:245px;
	float:left;
	margin-left:16px;
}

#top_news_contents{
	width:245px;
	background-image:url(../img/contents/top_news_bg.jpg);
}

#top_news_contents dl{
	padding-left:20px;
}

#top_news_contents dl dt{
	color:#E64552;
	font-weight:bold;
	padding-top:10px;
}

#top_news_contents dd{
	width:200px;
	padding-bottom:10px;
	border-bottom:#E4BA7E 3px dotted;
}



/* ----------------------------------------
 *   トップ イベントカレンダ
 * ---------------------------------------- */
#top_event_header{
	width:470px;
	background-image:url(../img/contents/top_event_header_bg.jpg);
}

#top_event_navi{
	padding:90px 0 0 98px;
}


#top_event_navi ul li{
	float:left;
}


#top_event{
	width:470px;
	float:right;
}

#top_event_contents_bg{
	background-image:url(../img/contents/top_event_bg.jpg);
}


#top_event_contents{
	margin-left:30px;
	margin-right:30px;
	background-color:#FFF;
	padding:15px 15px 20px 15px;
}


.top_event_section{
	background-image:url(../img/contents/top_event_section_bg.gif);
	background-position:bottom left;
	margin-bottom:20px;
}

.top_event_photo{
	width:80px;
	float:left;
	padding-top:5px;
}

.top_event_shosai{
	width:285px;
	float:right;
}


.top_event_kaisaibi{
	color:#E64552;
	font-weight:bold;
}

.top_event_daimei{
	line-height:100%;
}

.top_event_kaisaibasho{
	font-size:14px;
	padding-bottom:10px;
}

.top_new{
	background-image:url(../img/contents/top_kidsnews_new.jpg);
	background-repeat:no-repeat;
	float:right;
	width:48px;
}

.left_area {
	float:left;
}

.box  {
	border:5px solid;
	float:left;
	width:430px;
	padding:10px 15px;
	background:#fff;
	border-radius:15px;
	margin-bottom:15px;
}
.box.even {
	float:right;
}
.able.box {
	border-color:#80C342;
}
.box ul {
	width:450px;
}
.box ul li a{
	border-radius:8px;
	display:inline-block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding:5px 0px;
	width:136px;
}
.box ul li a img {
	padding:2px 0px 0px 5px;
}
.able li a {
	background:#DBEDC7;
}
.box ul li a img {
	display:block;
}
.able ul li a.menu01 {
	background:#DBEDC7 url(../img/menu/bg_able01.png) no-repeat bottom right;
}
.able ul li a.menu02 {
	background:#DBEDC7 url(../img/menu/bg_able02.png) no-repeat bottom right;
}
.able ul li a.menu03 {
	background:#DBEDC7 url(../img/menu/bg_able03.png) no-repeat bottom right;
}
.able ul li a.menu04 {
	background:#DBEDC7 url(../img/menu/bg_able04.png) no-repeat bottom right;
}
.able ul li a.menu05 {
	background:#DBEDC7 url(../img/menu/bg_able05.png) no-repeat bottom right;
}
.able ul li a.menu06 {
	background:#DBEDC7 url(../img/menu/bg_able06.png) no-repeat bottom right;
}
.life.box {
	border-color:#0082BF;
}

.box.life ul li a {
    background:#B2E0F8;
	width:78px;
}
.life li a img{
	margin-top:5px;
	margin-bottom:5px;
}
.box.life li a img.arw {
	margin-top:0px;
	margin-bottom:0px;
}
.life li a.menu01 img,.life li a.menu04 img{
	margin-top:0px;
	margin-bottom:0px;
}
.life ul li a.menu01 {
	background:#B2E0F8 url(../img/menu/bg_life01.png) no-repeat bottom right;
}
.life ul li a.menu02 {
	background:#B2E0F8 url(../img/menu/bg_life02.png) no-repeat bottom right;
}
.life ul li a.menu03 {
	background:#B2E0F8 url(../img/menu/bg_life03.png) no-repeat bottom right;
}
.life ul li a.menu04 {
	background:#B2E0F8 url(../img/menu/bg_life04.png) no-repeat bottom right;
}
.life ul li a.menu05 {
	background:#B2E0F8 url(../img/menu/bg_life05.png) no-repeat bottom right;
}
.life ul li a.menu06 {
	background:#B2E0F8 url(../img/menu/bg_life06.png) no-repeat bottom right;
}
.box.life ul li a.menu04 img.arw,.box.life ul li a.menu05 img.arw{
width:auto;
}
.box.life ul li a.menu04 img,.box.life ul li a.menu05 img{
  width:62px;
}
.box.life ul li a.menu05 img{
  margin-top:0px; 
  margin-bottom:2px;
}
.place ul li a {
	width:100px;
	height:59px;
}
.place li a {
	background:#FFD7D8;
}
.place.box {
	border-color:#FF646C;
}
.place li a.menu02 img.arw,.place li a.menu03 img.arw,.place li a.menu06 img.arw{
	margin-top:15px;
	margin-bottom:0px;
}
.box ul li a:hover{
	opacity:0.5;
}
.quiz.box{
	border-color:#FCAF13;
}
.top_bnr_global {
	position:relative;
}
.pick {
	position:absolute;
	top:-10px;
	left:30px;
}
.ico_q01 {
	position:absolute;
	bottom:10px;
	right:38px;
}
.ico_q01 img {
	position:relative;
	-webkit-animation:jump 0.5s infinite alternate ease;
    animation:jump 0.5s infinite alternate ease;
    transform-origin: center bottom;
}
.ico_q02 img {
	position:relative;
	-webkit-animation:jump 0.8s infinite alternate ease;
    animation:jump 0.8s infinite alternate ease;
    transform-origin: center bottom;
}
.ico_q02 {
	position:absolute;
	bottom:10px;
	right:-10px;
}

@-webkit-keyframes jump {
  0%{
      bottom: 0;
    }
  70% {
      bottom: 0;
  
  }
  85% {
      bottom: 0px;
  
  }
  100% {
      bottom: 15px;
  }
}
@keyframes jump {
  0%{
      bottom: 0;
    }
  70% {
      bottom: 0;
  
  }
  85% {
      bottom: 0px;
  
  }
  100% {
      bottom: 15px;
  }
}
.quiz_bnr {
	display:block;
	width:100%;
	height:75px;
	position:relative;
}
.quiz_bnr .jump {
	position:absolute;
	bottom:0px;
	right:0px;
}
.literal01 {
	position:absolute;
	top:-10px;
	left:0px;
	z-index:1;
}
.literal02 {
	position:absolute;
	top:-10px;
	left:0px;
}
.figure01 {
  position:absolute;
  top:10px;
  left:185px;
}
.figure02 {
  position:absolute;
  top:-5px;
  left:235px;
}
.figure03 {
  position:absolute;
  top:0px;
  left:120px;
}
.figure04 {
  position:absolute;
  top:-5px;
  left:350px;
}
.figure05 {
  position:absolute;
  top:1px;
  left:280px;
}
.character {
	position:absolute;
	top:15px;
	left:20px;
}
.quiz.box:hover {
  -webkit-transform: scale( 1.05 );
  -moz-transform: scale( 1.05 );
  -ms-transform: scale( 1.05 );
  transform: scale( 1.05 );
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.quiz.box:hover .quiz_bnr{
	-webkit-transition: all 2.0s ease;
  -moz-transition: all 2.0s ease;
  -ms-transition: all 2.0s ease;
  transition: all 2.0s ease;
}
.quiz.box {
  background:#FEF4E8;
}
.yurayura {
width:1280px;
margin: 0 auto;
padding: 0;
position: relative;
}

.demo .page {
	overflow:hidden;
}

#table01 {
  width:100% !important;
  font-size:10px;
}
#table01 td,#table01 th {
  padding:5px;
  vertical-align:middle;
  text-align:center;
  border: 1px solid #ccc;
}
#table01 th{
  background:#61c5bb;
  color:#fff;
}

.robot_contest td{
  text-align:center;
}

#contents_bg #contents #okazu ul{
	font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

.robot_contest {
  margin-top:30px;
  margin-bottom:50px;
}



/* 20250303 */
.add_top01,
.add_top02,
.add_top03,
.add_top04,
.add_top05 {
	margin-bottom: 15px;
}
.add_top01 a:hover img,
.add_top02 a:hover img,
.add_top03 a:hover img,
.add_top04 a:hover img,
.add_top05 a:hover img {
	opacity: 0.6;
    filter: alpha(opacity = 60);
    -ms-filter: "alpha( opacity=60 )";
    background: #fff;
}
.add_top01 {
	float: left;
	margin-bottom: 15px;
}
.add_top02 {
	float: right;
}
.add_top03 {
	float: left;
}
.add_top04 {
	float: left;
	margin-left: 10px;
}
.add_top05 {
	float: right;
}

#top_bnr ul li.add_top06 {
	margin-bottom: 10px;
}