@charset "UTF-8";

@media screen{

/* --------------------------------------------------------------------
 
Style		: トップページ-コンテンツエリア
author		: shimamoto design office
date		: 2011.03

THEME===================================================================

theme color			: #3EA1FF

key color			: #0041DE

grey line			: #cccccc
 
 
-------------------------------------------------------------------- */


/* --------------------------------------------------------------------
	head image
-------------------------------------------------------------------- */

#topimg{
	width:980px;
	padding-top:20px;
}

#mindscape{
	width:980px;
	height:288px;
	overflow: hidden;
}

#mindscape li{
width: 1080px;
height: 288px;
}

/* --------------------------------------------------------------------
	counter
-------------------------------------------------------------------- */
#count{
	width:980px;
	padding:5px 0px 10px 0px;
	text-align:right;
	clear:both;
}

/* --------------------------------------------------------------------
	top main
-------------------------------------------------------------------- */
#tmain{
	width:720px;
	float:left;
}

/*-----------------------------topic button------------------------------*/


/* --はじめよう！自由研究--*/
p.jiyu a, p.jiyu a:hover{
	display:block;
	overflow:hidden;
	margin:15px 0px 0px 10px;
	padding:110px 0px 0px 0px;
	width:600px;
	height: 0px !important;
	height /**/:110px;/* for ie5.x */
	float:left;
}

p.jiyu a{
	background:url("../../top_img/h_jiyu_trip.jpg") 0px 0px no-repeat;
}

p.jiyu a:hover{
	background:url("../../top_img/h_jiyu_trip.jpg") 0px -110px no-repeat;
}


/* --プラネタリウム--*/
p.planet a, p.planet a:hover{
	display:block;
	overflow:hidden;
	margin:15px 0px 0px 0px;
	padding:120px 0px 0px 0px;
	width:324px;
	height: 0px !important;
	height /**/:120px;/* for ie5.x */
	float:left;
}

p.planet a{
	background:url("../../top_img/planetarium_trig.jpg") 0px 0px no-repeat;
}

p.planet a:hover{
	background:url("../../top_img/planetarium_trig.jpg") 0px -120px no-repeat;
}

/* --今週の催し--*/
p.thsW a, p.thsW a:hover{
	display:block;
	overflow:hidden;
	margin:15px 0px 0px 10px;
	padding:60px 0px 0px 0px;
	width:187px;
	height: 0px !important;
	height /**/:60px;/* for ie5.x */
	float:left;
}

p.thsW a{
	background:url("../../top_img/thsW_trig.gif") 0px 0px no-repeat;
}

p.thsW a:hover{
	background:url("../../top_img/thsW_trig.gif") 0px -60px no-repeat;
}


/* --現在受付中のイベント--*/
p.joinEvnt a, p.joinEvnt a:hover{
	display:block;
	overflow:hidden;
	margin:15px 0px 0px 10px;
	padding:60px 0px 0px 0px;
	width:187px;
	height: 0px !important;
	height /**/:60px;/* for ie5.x */
	float:left;
}

p.joinEvnt a{
	background:url("../../top_img/joinEvnt_trig.gif") 0px 0px no-repeat;
}

p.joinEvnt a:hover{
	background:url("../../top_img/joinEvnt_trig.gif") 0px -60px no-repeat;
}


/* --理科オンライン--*/
p.onlineS a, p.onlineS a:hover{
	display:block;
	overflow:hidden;
	margin:0px 0px 0px 10px;
	padding:50px 0px 0px 0px;
	width:187px;
	height: 0px !important;
	height /**/:50px;/* for ie5.x */
	float:left;
}

p.onlineS a{
	background:url("../../top_img/onlineS_trig.gif") 0px 0px no-repeat;
}

p.onlineS a:hover{
	background:url("../../top_img/onlineS_trig.gif") 0px -50px no-repeat;
}


/* --よくある質問--*/
p.faq a, p.faq a:hover{
	display:block;
	overflow:hidden;
	margin:0px 0px 0px 10px;
	padding:50px 0px 0px 0px;
	width:187px;
	height: 0px !important;
	height /**/:50px;/* for ie5.x */
	float:left;
}

p.faq a{
	background:url("../../top_img/faq_trig.gif") 0px 0px no-repeat;
}

p.faq a:hover{
	background:url("../../top_img/faq_trig.gif") 0px -50px no-repeat;
}

/* --展示品デジタルガイド--*/
p.digitalg a, p.digitalg a:hover{
	display:block;
	overflow:hidden;
	margin:0px 0px 0px 10px;
	padding:50px 0px 0px 0px;
	width:187px;
	height: 0px !important;
	height /**/:50px;/* for ie5.x */
	float:left;
}

p.digitalg a{
	background:url("../../top_img/digitalg_trig.gif") 0px 0px no-repeat;
}

p.digitalg a:hover{
	background:url("../../top_img/digitalg_trig.gif") 0px -50px no-repeat;
}

/* --所長ごあいさつ--*/
p.shocho a, p.shocho a:hover{
	display:block;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 0px;
	width:324px;
	height: 0px !important;
	height /**/:50px;/* for ie5.x */
	float:left;
}

p.shocho a{
	background:url("../../top_img/shocho.gif") 0px 0px no-repeat;
}

p.shocho a:hover{
    opacity: 0.7;   /* 透過レベル */
    filter: alpha(opacity=50);
}



/*---------------------新着情報--------------------*/
#newsBox{
	margin:5px 0px 0px 0px;
	padding:15px 0px 0px 10px;
	width:720px;
	height:500px;
	background:url("../../top_img/news_box.gif") 0px 0px no-repeat;
}

#newsBox .news{
	margin:10px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	width:670px;
	height:440px;
	overflow: auto;
	/*border:solid 1px #ff0000;*/
}

#newsBox .topic{
	margin:5px 0px 0px 0px;
	padding:0px 20px 10px 0px;
	border-bottom:dotted 1px #cccccc;
}

#newsBox h4{
	color:#3EA1FF;
	padding:10px 0px 10px 10px;
	font-size:15px;
	border-left:solid 5px #3EA1FF;
	margin:10px 0px 10px;
	line-height:120%;
}

#newsBox p{
	line-height:140%;
	margin:5px 0px 0px;
}





/* --------------------------------------------------------------------
	小見出し関係　：画像代替
-------------------------------------------------------------------- */

#tmain h2{
	display:block;
	overflow:hidden;
	padding:31px 0px 0px 0px;
	width:410px;
	height: 0px !important;
	height /**/:31px;/* for ie5.x */
	background:url("../../top_img/topTit01.gif") 0px 0px no-repeat;
}


#tmain h3{
	clear:borh;
	display:block;
	overflow:hidden;
	margin:15px 0px 0px 0px;
	padding:32px 0px 0px 0px;
	width:410px;
	height: 0px !important;
	height /**/:31px;/* for ie5.x */
	background:url("../../top_img/newsTit.gif") 0px 0px no-repeat;
}

#tmain h10{
	clear:borh;
	display:block;
	overflow:hidden;
	margin:15px 0px 0px 0px;
	padding:32px 0px 0px 0px;
	width:410px;
	height: 0px !important;
	height /**/:31px;/* for ie5.x */
	background:url("../../top_img/shocho.gif") 0px 0px no-repeat;
}

/* --------------------------------------------------------------------
	text
-------------------------------------------------------------------- */


#tmain p{
	margin:10px 0px 0px 0px;
}





/* --------------------------------------------------------------------
	right navi
-------------------------------------------------------------------- */
#rNavi{
	width:220px;
	float:right;
	font-size:12px;
}

.rbox{
	margin:0px 0px 15px 0px;
	padding:5px 0px 0px 0px;
	width:220px;
	background:url("../../top_img/rNavi_top.gif") 0px top no-repeat;
}

.box{
	width:220px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	background:url("../../top_img/rNavi_bottom.gif") 0px bottom no-repeat;
}

.box ul{
	list-style:none;
	padding:10px 0px 5px;
	line-height:180%;
}

.box ul.scnd{
	list-style:none;
	border-top:dotted 1px #cccccc;
	padding:10px 0px 5px;
	line-height:180%;
}

.box li a, #navi li a:hover{
	padding:0px 0px 5px 10px;
	/*border-left:solid 0px #3EA1FF;*/
	background:url("../../common_img/li_trig.gif") 0px 3px no-repeat;
	margin:0px 0px 0px 0px;
	width:163px;
	margin-left:10px;
	/*line-height:120%;*/
	/*height:15px;*/
	font-size:12px;
}

.box li a:hover{
	text-decoration: underline;
	color:#3366ff;
}


#rNavi p{
	margin-top:10px;
}


#rNavi a:link{ text-decoration: none; color:#333333}
#rNavi a:visited{ text-decoration: none; color:#333333}
#rNavi a:hover{ text-decoration: underline; color:#3366ff}

/*  バナーエリア　　*/
.bnr{
	padding:10px 0px 0px 0px;
	margin:15px 0px 0px 0px;
	border-top:dotted 1px #cccccc;
}




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

#footer p.crdt{
	font-size:13px;
}

#footer p.crdt .bbg{
	font-size:16px;
	font-weight:bolder;
}



}/* media */

.fade:hover {
    opacity: 0.7;   /* 透過レベル */
    filter: alpha(opacity=50);
}

.jiyu:hover {
    opacity: 0.7;   /* 透過レベル */
    filter: alpha(opacity=150);
}