@charset "UTF-8";

/* CSS Information ==============================
index.css
============================================== */
#top_main_areaA { 
	background:url(../images/index/top_main_imageA.jpg) no-repeat right top                ;
	height: 226px;
	margin-right: 15px;
	position : relative;
	
}
#top_main_areaB { 
	background:url(../images/index/top_main_imageB.jpg) no-repeat right top                ;
	height: 226px;
	margin-right: 15px;
	position : relative;
	
}
#top_main_areaC { 
	background:url(../images/index/top_main_imageC.jpg) no-repeat right top                ;
	height: 226px;
	margin-right: 15px;
	position : relative;
	
}

#top_content_area {
	background: url(../images/common/page_body_mdl.gif) repeat-y right;
	padding-bottom: 5px;
	padding-left: 20px;
}
#dd {
	margin-left: 10px;
}

/*====================
 +top_news
====================*/
#top_news {
	font-size: 86%;
	margin-bottom: 30px;
	width: 600px;
	overflow: auto;
	height: 140px;
}
#top_news li{
	margin-bottom: 4px;
	padding-right: 3px;
}
#top_news p {
	display: block;
	float: left;
	width: 80px;
	text-align:center;
	line-height: 15px;
	height: 15px;
	font-weight:bold;
	color: #FFFFFF;
	font-size: 9px;
}
#top_news a{
	display: block;
	float: left;
	margin-left: 5px;
	width: 288px;
}
#top_news span {
	display: block;
	float: right;
	text-align:right;
	width:105px
}

#top_news_information_box{
	position:relative;
	overflow:hidden;
}

#emergency{
	font-size: 86%;
	background-color:#f0f0f0;
	width:600px;
}

#emergency ul{
	margin-left:10px;
	width:580px;
	padding:5px 0;
}

/*index_icon：利用する*/

#top_news li p.index_icon2 {
	color: #ffae00;
	border: 1px solid #ffae00;
}

#top_news li p.index_icon18 {
	color: #3366ff;
	border: 1px solid #3366ff;
}
#top_news li p.index_icon17 {
	color: #f58282;
	border: 1px solid #f58282;
}
#top_news li p.index_icon16 {
	color: #46b046;
	border: 1px solid #46b046;
}
#top_news li p.index_icon4 {
	color: #ae46b0;
	border: 1px solid #ae46b0;
}

/*index_icon：科学館について*/

#top_news li p.index_icon6 {
	color: #ffae00;
	border: 1px solid #ffae00;
}

#top_news li p.index_icon7 {
	color: #3366ff;
	border: 1px solid #3366ff;
}
#top_news li p.index_icon9 {
	color: #f58282;
	border: 1px solid #f58282;
}
/*index_icon：科学について調べる*/

#top_news li p.index_icon13 {
	color: #ae46b0;
	border: 1px solid #ae46b0;
}

#top_news_information_box #top_news_box #top_news {
	font-size: 86%;
	margin-bottom: 30px;
	width: 500px;
	overflow-y: auto;
	height: 140px;
}
/*====================
 +top_information
====================*/
#top_information {
	font-size: 86%;
	margin-bottom: 30px;
	width: 500px;
	overflow-y: auto;
	height: 140px;
	border-left:1px solid #a9a9a9;
}
#top_information li{
	margin-bottom: 4px;
	padding-left:15px;
}
#top_information p {
	display: block;
	float: left;
	width: 80px;
	text-align:center;
	line-height: 15px;
	height: 15px;
	font-weight:bold;
	color: #FFFFFF;
	font-size: 9px;
}
#top_information a{
	display: block;
	float: left;
	width: 363px;
}
#top_information span {
	display: block;
	float: right;
	text-align:right;
	width:105px;
}


/*====================
 +top_groupbanner_area
====================*/

#top_group_banner_area {
	margin-top: 10px;
	margin-left: 5px;
	background-color: #F0F0F0;
}

#top_group_banner_area ul {
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#top_group_banner_area ul li{
	padding-right: 25px;
	float: left;
}


/*====================
 +top_ad_area
====================*/
#top_ad_area {
	background: url(../images/index/ad_area_btm.gif) no-repeat left bottom;
	padding-bottom: 10px;
	position: relative;
}
#top_ad_area h3 {
	background: url(../images/index/ad_area_top.gif) no-repeat left top;
	text-indent: -9999pt;
	height: 45px;
}
#top_ad_area ul{
	background: url(../images/index/ad_area_mdl.gif) repeat-y;
	padding-left: 20px;
}
#top_ad_area ul li{
	float: left;
	width: 120px;
	height: 60px;
	padding-right: 25px;
	margin-bottom: 15px;
}
#top_ad_area ul li a{
	display: block;
	width: 120px;
	height: 60px;
}
#top_ad_area p{
	text-align: right;
	position: absolute;
	top: 10px;
	right: 45px;
}

/*====================
 +content_banner_area
====================*/

ul#content_banner_area li{
	float: left;
}