@charset "UTF-8";

/* -----------------------------------------------
   common layout
----------------------------------------------- */

/* -----------------------------------------------
  body
*/
body{
}

/* -----------------------------------------------
  #container
*/
#container{
	width:100%;
}

/* ------------------------------------------
   header
*/
header{
 width:100%;
 height:30px;
 padding-bottom:3px;
 background-color:#FFF;
 border-bottom:#d9d9d9 solid 4px;
}
header .header-wrapper{
 width:960px;
 height:30px;
 margin:0 auto;
 position:relative;
 overflow:hidden;
}
header h1 a,header h1 a:link{
 display:block;
 text-indent:-9999px;
 width:190px;
 height:30px;
 background-image: url(../img/kids-logo.gif);
 background-position:0 center; 
 background-repeat:no-repeat;
 float:left;
}

/* -----------------------------------------------
   #widget-news
*/
#widget-news{
 visibility:hidden; /* 20121003 */
 text-align:left;
 height:28px;
 padding:0 90px 0 1em;
 margin:2px 0 0 1em;
 border-left:solid 1px #d9d9d9;
 position:relative;
 float:left;
}
#widget-news li{
 display:block;
 font-size:12px !important;
 list-style:none;
 line-height:130%;
 width:630px;
 height:16px;
 padding:8px 0 0 0;
 background-position:left 8px;
 background-repeat:no-repeat;
 overflow:hidden;
}
#widget-news li.icon-news{
 background-image:url(../img/icon_news.png);
}
#widget-news li.icon-minisite{
 background-image:url(../img/icon_minisite.png);
}
#widget-news li a,
#widget-news li a:link{
 color:#000;
 font-size:12px !important;
 text-decoration:none;
}
#widget-news li strong{
 color:#d91c16;
}
#widget-news li span{
 display:block;
 color:#666666;
 text-indent:65px;
 width:200px;
 float:left;
}

/* ---------------------------------------
			#infomation a.b-next
*/
#widget-news a.b-next,
#widget-news a.b-next:link{
 display:block;
 color:#000;
 font-size:12px !important;
 line-height:135%;
 text-align:right;
 text-decoration:none;
 padding:0 15px 0 0;
 margin:0 0 0 0;
 background-image:url(../img/b-next.gif);
 background-position:right center;
 background-repeat:no-repeat;
 position:absolute;
 z-index:1;
 top:8px;
 right:0;
}
#widget-news a.b-next strong{
 color:#d91c16;
}
#widget-news ul li a:hover span{
 color:#00a8ff;
}
#widget-news a:hover{
 text-decoration:underline !important;
}


/* ------------------------------------------
   header #sub-menu
*/
#sub-menu{
 visibility:hidden;
 text-indent:-9999px;
 position:absolute;
 z-index:1;
 top:0;
 left:0;
 /*
 width:100%;
 text-align:left;
 padding-bottom:2px;
 background-color:#f2f2f2;
 background-image: url(../img/bg_black_85.png);
 background-position:0 32px;
 background-repeat:repeat-x;
 border-top:solid 2px #d9d9d9;
 border-bottom:solid 2px #bfbfbf;
 */
}
#sub-menu .submenu-wrapper{
 width:960px;
 margin:5px auto 0 auto;
 position:relative;
}

/* -----------------------------------------------
   #program-list .item .item-r .b-item
*/
#sub-menu .b-item {
 overflow: hidden;
}
#sub-menu .b-item a,.b-item a:link{
 display:block;
 text-decoration: none;
}
#sub-menu .b-item span{
 display:block;
 text-indent:-9999px;
 font-size: 1px;
 line-height:100%;
 width:124px;
 height:25px;
 margin-right:4px;
 background-color:#ffffff;
 background-position:center bottom;
 background-repeat:no-repeat;
 border-top: 2px solid #f2f2f2;
 border-left: 2px solid #f2f2f2;
 border-right: 2px solid #f2f2f2;
 float:left;
}
#sub-menu .b-item a span{
 text-decoration: none;
 color: #4c4c4c;
 background-position:center top;
 border-top: 2px solid #d9d9d9;
 border-left: 2px solid #d9d9d9;
 border-right: 2px solid #d9d9d9;
}
#sub-menu .b-item a:hover span{
 background-color: #f2f2f2;
}

#sub-menu .b-schedule{ background-image: url(../img/b-schedule.png);}
#sub-menu .b-event{ background-image: url(../img/b-event.png);}
#sub-menu .b-present{ background-image: url(../img/b-present.png);}
#sub-menu .b-movie{ background-image: url(../img/b-movie.png);}
#sub-menu .b-otayori{ background-image: url(../img/b-otayori.png);}

/* ------------------------------------------
   header #sub-menu.sns
*/
#sub-menu .sns{
	width:350px;
 position:absolute;
 z-index:1;
 top:0;
 right:0;
	}

#sub-menu .sns ul.sns-set{
	line-height:0px;
	list-style:none;
	width:350px;
	margin:0px;
	padding:3px 0 0 0;
 overflow:hidden;
	}

#sub-menu .sns ul.sns-set li{
	display:list-item;
	float:right !important;
	margin:0px 0px 0 5px;
	padding:0px;
	}
 
li.twitter,
li.facebook{
 font-size:10px !important;
}
 
/* ---------------------------------------
			#copylight-common
*/
#copylight-common{
 width:100%;
 background-color:#e6e6e6;
/* border-top:solid 2px #FFF; */
}
#copylight-common small,
#copylight-common p{
 display:block;
 font-size:70%;
 line-height:140%;
 color:#808080;
 text-align:left;
 width:900px;
 padding:8px 0 3px 0;
 margin:0 auto;
}

/* ------------------------------------------
   footer
*/
footer{
 background-color:#FFF;
 width:100%;
}

/* ------------------------------------------
   footer .pagetop
*/
.pagetop{
 text-align:left;
 width:100%;
 height:19px;
 background-color:#e6e6e6;
 border-bottom:solid 1px #b3b3b3;
}
.pagetop p{
 display:block;
 width:900px;
 margin:0 auto;
 position:relative;
}
.pagetop a,.pagetop a:link{
 display:block;
 text-indent:-9999px;
 font-size:1px;
 line-height:100%;
 width:113px;
 height:19px;
 background-color:#FFF;
 background-image:url(../img/pagetop.gif);
 background-repeat:no-repeat;
 border-top:solid 1px #b3b3b3;
 border-right:solid 1px #b3b3b3;
 border-left:solid 1px #b3b3b3;
 position:absolute;
 z-index:10;
 top:0;
 right:0;
}
/* ------------------------------------------
   footer nav
*/
footer nav{
 width:100%;
 margin-bottom:16px;
 background-color:#b3b3b3;
 border-top:solid 2px #FFF;
}
footer .nav-wrapper{
 width:900px;
 margin:0 auto;
 overflow:hidden;
}
footer nav ul{
 margin:0 0 0 10px;
}
footer nav ul li{
 display: block;
 padding:6px 0;
 float: left;
 list-style-type: none;
}
footer nav ul li a,footer nav ul li a:link{
 display:block;
 color:#000 !important;
 font-size:80%;
 line-height:135%;
 text-decoration:none;
 padding:1px 23px 1px 25px;
 border-right:solid 2px #767676;
}
footer nav ul li a:hover{
 color:#000 !important;
 background-color:#CCC;
}

footer nav ul li a.element-last{
 border-right:none;
}

/* ------------------------------------------
   footer .f-wrapper
*/
footer .f-wrapper{
 width:900px;
 height:150px;
 margin:0 auto;
 position:relative;
}

/* ------------------------------------------
   footer #account
*/
#account{
 width:196px;
 position:absolute;
 z-index:1;
 top:0;
 left:0;
 overflow:hidden;
}
#account p{
 margin-right:12px;
 float:left;
}

/* ------------------------------------------
   footer #copylight
*/
#copylight{
 width:900px;
}
#copylight a,#copylight a:link{
 display:block;
 text-indent:-9999px;
 width:214px;
 height:33px;
 margin:0 auto 16px auto;
 background-image: url(../img/footer_kidslogo.gif);
 background-position:center bottom;
 background-repeat:no-repeat;
}
#copylight small{
 font-size:70%;
 text-align:center;
 display:block;
 width:300px;
 margin:0 auto;
}

/* -----------------------------------------------
  secom
*/
#secom{
 width:88px;
 height:145px;
 position:absolute;
 overflow:hidden;
 z-index:1;
 top:0;
 left:710px;
}
#privacy-mark{
 width:82px;
 position:absolute;
 z-index:1;
 top:0;
 left:818px;
}
#privacy-mark a,#privacy-mark a:link{
 display:block;
 width:82px;
 height:96px;
}