/* 161107プレミアムプレゼント */
.TopPremiumPresent {
	display:block;
	width:700px;
	_width:740px;
	padding:20px 10px 10px 20px;
	margin-bottom:15px;
	border:5px solid #00b4ff;
	background:url(../images/index/bg_premium.gif);
	border-radius: 20px;
	webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.TopPremiumPresent dl {
	display:block;
	margin-top:15px;
	text-align:left;
}
.TopPremiumPresent dt {
	float:left;
	width:240px;
}
.TopPremiumPresent dd {
	width:460px;
	float:right;
}
.TopPremiumPresent dd p {
	padding:0 5px 10px;
	color:#000;
	text-align:left;
	line-height:135%;
}
.TopPremiumPresent a.Detail {
	background:#000;
	padding:1px 5px;
	text-decoration:none;
	color:#FFF;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/******** 右側エリア ********/
/* 111206ログインエリア */
.RightLoginArea , .RightListArea {
	width: 200px;
	margin-bottom:10px;
}
.RightLoginArea li , .RightListArea li {
	width: 200px;
	padding:0;
	margin:0;
	line-height:0;
}
/* ログインボタン */
.RightLoginArea a.RBtnLogin  {
	display: block;
	width: 200px;
	height: 67px;
	background-image:url(../images/index/login_btn_.gif);
	background-repeat: no-repeat;
}
.RightLoginArea a span {
	display: none;
}
.RightLoginArea a.RBtnLogin:hover {
	background-position: 0 -67px;
}
/* ログイン後 */
.RightLoginArea li.MbrNameArea {
	width: 200px;
	line-height: 120%;
	padding:5px 0;
	background-image:url(../images/index/login_flamemiddle.gif);
}

/* 111206子供の科学（本）エリア */
#KOKABookAreaTop {
	width: 200px;
	height:31px;
	background-image:url(../images/index/book_title_new.gif);
}
#KOKALibraryTop {
	width: 200px;
	height:44px;
	background-image:url(../images/index/book_title_library.gif);
}
#KOKABookAreaBottom {
	width: 200px;
	height:15px;
	margin-bottom:10px;
	background-image:url(../images/index/book_bottom.gif);
}
.KOKABookArea {
	width: 200px;
	text-align: center;
	background-image:url(../images/index/book_middle.gif);
}
.KOKABookArea dt{
	width: 180px;
	_width: 200px;
	padding:10px 10px 5px;
	text-align: center;
	background-image:url(../images/index/book_middle.gif);
}
.KOKABookArea dt.OSUSUME img {
	width: 120px;
}

.KOKABookArea dd.KOKABookBtn{
	padding:1px 10px;
	text-align: center;
}
.KOKABookArea dd{
	width: 170px;
	_width: 200px;
	padding:0 15px 10px;
	text-align: left;
	font-size:95%;
	background-image:url(../images/index/book_middle.gif);
}
/* 111206バナーエリア */
.RightBnrArea {
	width: 200px;
	line-height:0;
	margin-bottom:5px;
}
.RightBnrArea li {
	text-align:center;
	margin-bottom:5px;
}
.RightBnrArea p {
	text-align:left;
	margin-bottom:10px;
	line-height:115%;
}
.RightBnrArea img {
	width:200px;
}
/* TWITTERエリア */
#TwitterArea {
	width: 350px;
	margin-bottom:10px;
}
/* BNRエリア */
.RightBnr {
	width: 200px;
	margin-bottom:10px;
}
/******** お知らせエリア ********/
#InfoArea {
	display: block;
	width:950px;
	height:110px;
	text-align:left;
	margin: 0 auto 0;
	padding-bottom: 15px;
	clear:both;
}
#InfoArea dl{
}
#InfoArea dt {
	width: 250px;
	height:110px;
	display: block;
	float:left;
}
#InfoArea dd {
	width: 700px;
	height:110px;
	display: block;
	background-image:url(../images/index/info_back.gif);
	background-repeat:no-repeat;
	float:right;
}
#InfoArea ul {
	display: block;
	margin-top:10px;
	margin-left:15px;
}
#InfoArea li {
	display: block;
	text-align:left;
	padding:1px 0 1px 20px;
	background: url(../images/icon/circle_green.gif) no-repeat 0 0;
}
/******** お知らせエリア（12/10公開用の短いバージョン） ********/
#SmallInfoArea {
	clear:both;
	display: block;
	width:740px;
	text-align:left;
	margin:15px auto 0;
	padding-bottom: 15px;
}
#SmallInfoArea dl{
	display: block;
}
#SmallInfoArea dt {
	width: 160px;
	height:110px;
	float:left;
}
#SmallInfoArea dd {
	width: 580px;
	height:110px;
	background-image:url(../images/index/info_smallback.gif);
	background-repeat:no-repeat;
	float:right;
}
#SmallInfoArea ul {
	display: block;
	margin-top:10px;
	margin-left:15px;
}
#SmallInfoArea li {
	display: block;
	text-align:left;
	padding:1px 0 1px 20px;
	background: url(../images/icon/circle_green.gif) no-repeat 0 0;
}

/******** フッターバナーエリア ********/
#KokaBnrAreaTop {
	clear:both;
	width:950px;
	height:30px;
	display:block;
	background-image:url(../images/index/kokabnr_top.gif);
	background-repeat:no-repeat;
}
#KokaBnrAreaBottom {
	width:950px;
	height:15px;
	display:block;
	margin-bottom:15px;
	background-image:url(../images/index/kokabnr_bottom.gif);
	background-repeat:no-repeat;
}
#KokaBnrArea {
	display: block;
	width: 870px;
	_width: 950px;
	padding:10px 40px 0;
	background-image:url(../images/index/kokabnr_middle.gif);
}
#KokaBnrArea ul {
	display: block;
}
#KokaBnrArea li {
	width:270px;
	display: block;
	float: left;
	margin-right:30px;
	margin-bottom: 7px;
	text-align:left;
}
#KokaBnrArea li.Nobg {
	margin-right:0;
}
#KokaBnrArea p {
	font-size:90%;
	margin-bottom:5px;
}
#KokaBnrArea img {
	width:270px;
	height:90px;
}

#SmallBnrArea {
	display: block;
	width: 910px;
	_width: 950px;
	padding:10px 20px;
	background-image:url(../images/index/kokabnr_middle.gif);
}
#SmallBnrArea ul {
	display: block;
}
#SmallBnrArea li {
	width:215px;
	display: block;
	float: left;
	margin-right:15px;
	text-align:left;
}
#SmallBnrArea li.SmallNobg {
	margin-right:0;
}
#SmallBnrArea p {
	font-size:90%;
	margin-top:0;
	margin-top:3px;
}
#SmallBnrArea img {
	width:215px;
	height:70px;
}
/******** HELP：ログインってなぁに？ ********/
#HelpLogin , #HelpPwd {
	display: none;
}
.HelpAreabody {
    margin-left:auto;
    margin-right:auto;
	width: 450px;
	_width: 500px;
	text-align: left;
	padding:10px 25px;
	background-image:url(../images/help/orange_middle.gif);
}
.HelpAreaTop {
    margin-left:auto;
    margin-right:auto;
	width: 500px;
	padding-top:25px;
}
.HelpAreaBottom {
    margin-left:auto;
    margin-right:auto;
	width: 500px;
	height:15px;
	background-image:url(../images/help/orange_bottom.gif);
	margin-bottom:15px;
}
/******** 111206メインコンテンツ ********/
/* メインバナー */
#TopMainBnr {
	display:block;
	width:740px;
	height:270px;
	_height:310px;
	padding: 20px 0;
	background: url(../images/index/silide_bg.gif) top center;
	margin-bottom:10px;
	position:relative;
	z-index:0;
}
/* TOPスライド */
#slider {
    width: 630px;
	margin: auto;
	margin:0 auto;
	position:relative;
	text-align:left;
	z-index:0;
    overflow:hidden; 
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	display:block;
}
#slider li { 
    width: 630px;
    overflow:hidden; 
}
.graphic, .prevBtn, .nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

.prevBtn, .nextBtn {
	display:block;
	width:46px;
	height:46px;
	position:absolute;
	top:130px;
	z-index:1000;
	background:url(../images/index/silide_prev_btn.gif) no-repeat 0 0;cursor:pointer;
}	
.nextBtn{
	left: 694px;
}														
.nextBtn {
	background:url(../images/index/silide_next_btn.gif) no-repeat 0 0;
}	


/* 2段目（バナー4つ） */
.TopContentsBnr , .TopContentsBnr ul {
	width:740px;
	display:block;
	clear: both;
	margin-bottom:5px;
}
.TopContentsBnr li {
	width:365px;
	_width:375px;
	height:80px;
	display:block;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
}
.TopContentsBnr li:last-child{
	margin-right:0;
}
.TopContentsBnr li.SndBlick {
	width:365px;
	margin-right:0;
	clear: right;
}
.TopContentsBnr span {
	display:none;
}
/* コカプレバナー */
.TopContentsBnr a.BnrKOKAPre {
	display: block;
	width: 365px;
	height: 170px;
	background-image:url(../images/index/bnr_kokapre1202.gif);
	background-repeat: no-repeat;
}
/* コカムービーバナー */
.TopContentsBnr a.BnrKOKAMovie {
	display: block;
	width: 365px;
	height: 170px;
	background-image:url(../images/index/bnr_kokamovie.gif);
	background-repeat: no-repeat;
}
/* 写真コンテストバナー */
.TopContentsBnr a.BnrPhoto {
	display: block;
	width: 365px;
	height: 170px;
	background-image:url(../images/index/bnr_photo.gif);
	background-repeat: no-repeat;
}
/* ブログバナー */
.TopContentsBnr a.BnrBlog {
	display: block;
	width: 365px;
	height: 170px;
	background-image:url(../images/index/bnr_diary.gif);
	background-repeat: no-repeat;
}
/* 紙飛行機 型紙ダウンロードバナー */
.TopContentsBnr a.BnrDownload {
	display: block;
	width: 365px;
	height: 170px;
	background-image:url(../images/index/bnr_download.gif);
	background-repeat: no-repeat;
}

.TopContentsBnr a.BnrKOKAPre:hover,
.TopContentsBnr a.BnrKOKAMovie:hover,
.TopContentsBnr a.BnrPhoto:hover,
.TopContentsBnr a.BnrBlog:hover ,
.TopContentsBnr a.BnrDownload:hover {
	background-position: 0 -170px;
}
/* 3段目（キーワード、ツイッター） */
.TopThirdArea {
	width:740px;
	display:block;
	margin-bottom:10px;
	clear: both;
}
.TopThirdArea .TopThirdAreaBnr {
	width:360px;  /* 120208 */
	display:block;
	float:left;
	margin-top:15px;	/* 120419 */
	margin-right:15px;  /* 120208 */
}
.TopThirdArea .TopThirdAreaTwr {
	width:365px;  /* 120208 */
	display:block;
	float:left;
}
/* 120208ここから */
.TopThirdArea .TopBlogArea {
	width:365px;
	float:left;
	background-image:url(../images/index/blog_bg.gif);
	margin-top:15px;	/* 120419 */
}
.TopThirdArea .TopBlogArea dt {
	height:46px;
	_height:56px;
	padding-top:10px;
	text-align:left;
	letter-spacing:1px;
	margin:5px 0;
	font-size:105%;
}
.TopThirdArea .TopBlogArea dt p {
	color:#38c0c8;
	font-size:95%;
	padding:3px 0;
}
.TopThirdArea .TopBlogArea dd {
	width:70px;
	text-align:left;
	margin-left:15px;
	float:left;
	clear:both;
}
.TopThirdArea .TopBlogArea dd img {
	width:50px;
	border:solid 3px #e1e1e1;
}
.TopThirdArea .TopBlogFooter {
	width:365px;
	height:5px;
	float:left;
	margin-bottom:15px;
	background-image:url(../images/index/blog_under.gif);
}

/* コンテンツ案内 */
.TopThirdArea .TopContentsInfo {
	width:360px;
	min-height:300px;
	display:block;
}
.TopThirdArea .TopContentsInfo dl {
	width:360px;
	height:77px;
	background-image:url(../images/index/ContentsInfo_bg.gif);
	background-repeat:no-repeat;	
}
.TopThirdArea .TopContentsInfo dt {
	height:77px;
	padding-right:10px;
	text-align:left;
	letter-spacing:1px;
	font-size:95%;
}
.TopThirdArea .TopContentsInfo dt p {
	display:block;
	padding:5px 0 2px;
}
.TopThirdArea .TopContentsInfo dd {
	width:83px;
	text-align:left;
	float:left;
	clear:both;
}
/* 横長バナー */
.TopOblongBnr {
	width:740px;
	text-align:center;
}
.TopOblongBnr li {
	width:740px;
	display:block;
	margin-bottom:10px;
}

/* 120208ここまで */

.TopThirdArea span.KeywordTop {
	width:260px;
	height:57px;
	display:block;
	margin:0;
	background-image:url(../images/index/keyword_top.gif);
}
.TopThirdArea span.KeywordBottom {
	width:260px;
	height:10px;
	display:block;
	margin:0;
	background-image:url(../images/index/keyword_bottom.gif);
}
.TopThirdArea span.Keyword {
	width:225px;
	_width:260px;
	display:block;
	margin:0;
	padding:10px 10px 5px 25px;
	text-align:center;
	font-size:115%;
	line-height:135%;
	background-image:url(../images/index/keyword_middle.gif);
}
/* 12/10公開用に取り急ぎ配置のバナー */
.TopThirdArea li {
	width:215px;
	display:block;
	margin-bottom:15px;
	text-align: left;
}
.TopThirdArea span {
	width:215px;
	font-size:90%;
	margin-top:3px;
}
.TopThirdArea .TopThirdAreaBnr img {
	/* width:215px;		120208消しました */
}
/******** お知らせエリア（2012/1/10シンプルバージョン） ********/
#IndexInfoAreaTop {
	clear:both;
	width:950px;
	height:15px;
	display:block;
	background-image:url(../images/index/SympleInfo_top.gif);
	background-repeat:no-repeat;
}
#IndexInfoAreaBottom {
	width:950px;
	height:15px;
	display:block;
	margin-bottom:15px;
	background-image:url(../images/index/SympleInfo_bottom.gif);
	background-repeat:no-repeat;
}
#IndexInfoArea {
	width:920px;
	_width:950px;
	text-align:left;
	margin:0 auto;
	padding: 0 15px;
	background-image:url(../images/index/SympleInfo_middle.gif);
}
#IndexInfoArea ul {
	display: block;
	width:920px;
	display: block;
	margin-top:10px;
	margin-left:3px;
}
#IndexInfoArea li {
	display: block;
	text-align:left;
	padding:1px 0 1px 20px;
	background: url(../images/icon/circle_green.gif) no-repeat 0 0;
}
/******** お知らせエリア（20190501Twitterの上に移動） ********/
.TopThirdArea #IndexInfoBox{
	width:335px;
	_width:365px;
	min-height:205px;
	padding:15px 15px 10px;
	float:left;
	margin:25px 0 10px;
	text-align:left;
	background:#FFF;
	border-radius:5px;
}
.TopThirdArea #IndexInfoBox ul { display: block; }
.TopThirdArea #IndexInfoBox li {
	display: block;
	width:314px;
	_width:335px;
	padding:0 0 0 21px;
	margin:10px 0;
	background: url(../images/icon/circle_green.gif)no-repeat 3px 0;
}
.TopThirdArea #IndexInfoBox li span{
	font-size:100%;
	margin-right:5px;
	display:block;
}
.TopThirdArea #IndexInfoBox img{ max-width:100% !important; }
.TopThirdArea #IndexInfoBox hr {
	height:0;
	border:0;
	border-top:1px solid #10b3ba;
	border-bottom:1px solid #fde23f;
}


/******** お知らせエリア（2012/1/10シンプルバージョン ショート） ********/
#IndexInfoShortAreaTop {
	clear:both;
	width:740px;
	height:15px;
	margin-top: 15px !important;
	background-image:url(../images/index/SympleInfoShort_top.gif);
	background-repeat:no-repeat;
}
#IndexInfoShortAreaBottom {
	width:740px;
	height:15px;
	margin-bottom:15px;
	background-image:url(../images/index/SympleInfoShort_bottom.gif);
	background-repeat:no-repeat;
}
#IndexInfoShortArea {
	width:710px;
	_width:740px;
	text-align:left;
	margin:0 auto;
	padding: 0 15px;
	background-image:url(../images/index/SympleInfoShort_middle.gif);
}
#IndexInfoShortArea ul {
	display: block;
	width:707px;
	_width:710px;
	margin-top:10px;
	margin-left:3px;
}
#IndexInfoShortArea li {
	display: block;
	text-align:left;
	padding:1px 0 1px 20px;
	margin: 0;
	background: url(../images/icon/circle_green.gif) no-repeat 0 0;
}
/* 3段目（今日のはてな） */
.TopThirdArea .TopHatenaArea {
	width:430px;
	_width:740px;
	height:90px;
	padding:0 40px 0 270px;
	background-image:url(../images/index/hatena_bg.gif);
	background-repeat:no-repeat;
	text-align:left;
	display: table-cell;  
	vertical-align: middle;  
}
.TopThirdArea .TopHatenaArea p {
	display:block;
	font-size:130%;
	line-height:130%;
	letter-spacing:1px;
}


/* コカトピプレミアム */
.TopKokatopi {
	width:714px;
	_width:740px;
	padding:70px 9px 5px;
	background:url(../images/index/kokatopi_title.gif) no-repeat #FFF;
	margin-bottom:15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
}
.TopKokatopi dl{
	display:block;
}
.TopKokatopi dt{
	width:190px;
	float:right;
	text-align:center;
	padding-top:5px;
}
.TopKokatopi dd{
	width:520px;
	float:left;
	text-align:left;
}
.TopKokatopi ul {
	display:block;
}
.TopKokatopi ul li {
	padding: 0 5px 5px; 
}
.TopKokatopi img{
	vertical-align:middle;
}
.TopKokatopi img.TopKokatopiPhoto {
	border: 1px #CCC solid;
	max-height:100px !important;
	max-width:170px;
}
.TopKokatopi p{
	display:block;
	line-height:135%;
	letter-spacing:2px;
	padding:0 15px;
}
.TopKokatopi a.Title {
	display:block;
	font-size:115%;
	margin:5px 0 10px 0;
	background:#bdedf0;
	color:#000;
	padding:4px 10px;
	text-decoration:none;
}
.TopKokatopi a:hover.Title {
	color:#000;
	background-color:#a1d315;
}
/* キャプション */
.TopKokatopi dt span{
	display:block;
	padding:0 15px;
	font-size: 77%;
	letter-spacing:1px;
	line-height:120%;
}