@charset "utf-8";

/**========================================================
*
* NHK キッズワールド
*
* module.css
*
* last Update : 2012.03.12
*
*
*	kids wonderland fixed button
*	footer
*   topicpath
*   left column
*   clearfix
*
* 
========================================================*/


/* kids wonderland fixed button
-----------------------------------------------------*/
#fixed-btn {
	width: 123px;
    height: 133px;
	position: fixed !important;
	position: absolute;
	right: 0;
    top: 300px;    
    z-index: 100;
}
* html #fixed-btn { position:absolute; top: expression(eval(document.documentElement.scrollTop+300)); }



/*	footer
-----------------------------------------------------*/

#footer {
	clear:both;
	width:100%;
	text-align:center;
	background:url(../images/common/bg_footer.jpg);
	position:relative;
}

.pagetop-area {
	width:100%;
	height:130px;
	background:url(../images/common/footer_illust.jpg) repeat-x center top;
}

.pagetop-area .pagetop-inner {
	width:990px;
	height:130px;
	margin:0 auto;
	position:relative;
}
.pagetop-area .pagetop-inner .page-top {
	width:116px;
	height:33px;
	position:absolute;
	right:0px;
	top:97px;
}

.footer-body { color:#fff; }
.footer-body .footermain-inner {
	width:990px;
	margin:0 auto;
	padding:8px 0 40px 0;
	text-align:left;
}
.footer-body .footermain-inner a,
.footer-body .footermain-inner a:visited { color:#fff; }
.footer-body .footermain-inner a:hover { color:#f9f0b0; }
.footer-body .footermain-inner ul { margin:0 0 10px 0; }
.footer-body .footermain-inner ul li { display:inline; }

.copyright-area .nhklogo { width:72px; height:28px; float:left; }
.copyright-area .copyinfo { margin:0 0 0 80px; line-height:1.4; font-size:93%; }




/*	topicpath
-----------------------------------------------------*/

.topicpath { padding-left:10px; clear:both; }
.topicpath ul {
	margin:65px 0 7px 0;
	color:#006;
	line-height:1;
}
.topicpath ul li { display:inline; line-height:1; font-size:93%; padding:0; margin:0; }
.topicpath ul li a,
.topicpath ul li a:visited { line-height:1; padding:0; margin:0; color:#006; }
.topicpath ul li a:hover { color:#00f; }
.topicpath ul li.tp-home { background:url(../images/common/ico_home.jpg) no-repeat 0 0.1em; padding:0 2px 0 18px; margin:0; }
.topicpath ul li.tp-under { background:url(../images/common/ico_toicpath.jpg) no-repeat 0 0.1em; padding:0 0 0 17px; margin:0; }



/*	left column
-----------------------------------------------------*/

/* logo box */
#logo-box { width:192px; height:101px; }
#logo-box h1 { width:145px; margin:0 0 0 22px; padding-top:2px; }



/* program intro */

#left-column #program-intro {
	width:192px;
	height:774px;
	background:url(../images/common/left_block_bottom.jpg) no-repeat left bottom;
	margin:0 0 10px 0;
}
#program-intro h3 {
	width:192px;
	height:44px;
	background:url(../images/common/pi_ttl.jpg) no-repeat 0 0;
	text-indent:-9998px;
}

#program-intro ul { width:192px; height:714px; background:url(../images/common/pi_base.jpg) repeat-y 0 0; }
#program-intro ul li { width:192px; height:34px; margin:0; padding:0; }
#program-intro ul li a {
	width:192px;
	height:34px;
	background-image:url(../images/common/pi_bg.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	text-indent:-9998px;
	display:block;
	overflow:hidden;
}

#program-intro ul li.pi01 a { background-position:0px 0px; }
#program-intro ul li.pi02 a { background-position:0px -34px; }
#program-intro ul li.pi03 a { background-position:0px -68px; }
#program-intro ul li.pi04 a { background-position:0px -102px; }
#program-intro ul li.pi05 a { background-position:0px -136px; }
#program-intro ul li.pi06 a { background-position:0px -170px; }
#program-intro ul li.pi07 a { background-position:0px -204px; }
#program-intro ul li.pi08 a { background-position:0px -238px; }
#program-intro ul li.pi09 a { background-position:0px -272px; }
#program-intro ul li.pi10 a { background-position:0px -306px; }
#program-intro ul li.pi11 a { background-position:0px -340px; }
#program-intro ul li.pi12 a { background-position:0px -374px; }
#program-intro ul li.pi13 a { background-position:0px -408px; }
#program-intro ul li.pi14 a { background-position:0px -442px; }
#program-intro ul li.pi15 a { background-position:0px -476px; }
#program-intro ul li.pi16 a { background-position:0px -510px; }
#program-intro ul li.pi17 a { background-position:0px -544px; }
#program-intro ul li.pi18 a { background-position:0px -578px; }
#program-intro ul li.pi19 a { background-position:0px -612px; }
#program-intro ul li.pi20 a { background-position:0px -646px; }
#program-intro ul li.pi21 a { background-position:0px -680px; }

#program-intro ul li.pi01 a:hover,body#pakkororin #program-intro ul li.pi01 a  { background-position:-192px 0px; }
#program-intro ul li.pi02 a:hover,body#inaiinai #program-intro ul li.pi02 a    { background-position:-192px -34px; }
#program-intro ul li.pi03 a:hover,body#wanwan #program-intro ul li.pi03 a      { background-position:-192px -68px; }
#program-intro ul li.pi04 a:hover,body#okaasan #program-intro ul li.pi04 a     { background-position:-192px -102px; }
#program-intro ul li.pi05 a:hover,body#miitsuketa #program-intro ul li.pi05 a  { background-position:-192px -136px; }
#program-intro ul li.pi06 a:hover,body#kyaratomo #program-intro ul li.pi06 a   { background-position:-192px -170px; }
#program-intro ul li.pi07 a:hover,body#design-ah #program-intro ul li.pi07 a   { background-position:-192px -204px; }
#program-intro ul li.pi08 a:hover,body#hookbookrow #program-intro ul li.pi08 a { background-position:-192px -238px; }
#program-intro ul li.pi09 a:hover,body#nihongo #program-intro ul li.pi09 a     { background-position:-192px -272px; }
#program-intro ul li.pi10 a:hover,body#eigo #program-intro ul li.pi10 a        { background-position:-192px -306px; }
#program-intro ul li.pi11 a:hover,body#main #program-intro ul li.pi11 a        { background-position:-192px -340px; }
#program-intro ul li.pi12 a:hover,body#quintet #program-intro ul li.pi12 a     { background-position:-192px -374px; }
#program-intro ul li.pi13 a:hover,body#tv_ehon #program-intro ul li.pi13 a     { background-position:-192px -408px; }
#program-intro ul li.pi14 a:hover,body#shakiin #program-intro ul li.pi14 a     { background-position:-192px -442px; }
#program-intro ul li.pi15 a:hover,body#nyanchu #program-intro ul li.pi15 a     { background-position:-192px -476px; }
#program-intro ul li.pi16 a:hover,body#minnadedomo #program-intro ul li.pi16 a { background-position:-192px -510px; }
#program-intro ul li.pi17 a:hover,body#tsukutte #program-intro ul li.pi17 a    { background-position:-192px -544px; }
#program-intro ul li.pi18 a:hover,body#pitagora #program-intro ul li.pi18 a    { background-position:-192px -578px; }
#program-intro ul li.pi19 a:hover,body#shizen #program-intro ul li.pi19 a      { background-position:-192px -612px; }
#program-intro ul li.pi20 a:hover,body#detekoi #program-intro ul li.pi20 a     { background-position:-192px -646px; }
#program-intro ul li.pi21 a:hover,body#detekoi #program-intro ul li.pi21 a     { background-position:-192px -680px; }





#left-column #kyouiku-block {
	width:192px;
	margin:0 0 10px 0;
	background:url(../images/common/left_block_bottom.jpg) no-repeat left bottom;
	padding:0 0 16px 0;
}
#kyouiku-block h3 {
	width:192px;
	height:64px;
	background:url(../images/common/kyouiku_ttl.gif) no-repeat 0 0;
	text-indent:-9998px;
}

#kyouiku-block .kyouikuk-body { width:192px; background:url(../images/common/bg_kyouikuk_body.gif) repeat-y center top; padding:10px 0 0 0; }
#kyouiku-block .kyouikuk-body ul { margin:0 8px 0 10px; }
#kyouiku-block .kyouikuk-body ul li { background:url(../images/common/ico_arrow01.gif) no-repeat 0 0.1em; padding:0 0 0 15px; margin:6px 0 0 0; }

#kyouiku-block .kyouikuk-body ul li a,
#kyouiku-block .kyouikuk-body ul li a:visited { color:#330; }
#kyouiku-block .kyouikuk-body ul li a:hover { color:#660; }

#left-column .timetable-bnr { margin:0 0 10px 0; }








/*	clearfix
-----------------------------------------------------*/

.clear { display: inline-block; }
.clear:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
/* MacIE5 begin \*/
* html .clear { height: 1%; }
.clear { display: block; }
/**/

/* ================================================================ */
/* ================================================================ */