@charset "UTF-8";



/* -----------------------------------------------

FileName:top.css

----------------------------------------------- */



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



	1: TOP_KEY

	2: TOP_GUIDANCE

	3: INDEX_TOPICS

	4: EVENTBANNER

	5: INDEX

	6: SHOP

	7: INDEX_ABOUT

	8: INDEX_INFO

	9: INDEX_PLANETARIUM

	10: INDEX_EVENT

	11: INDEX_FLOOR



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



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



	1: TOP_KEY



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



#top_key {

	width: 910px;
	margin: 0 auto;
	padding: 11px 0 0 0;
}
#top_key_main {

	width: 910px;
	height: 204px;
	margin: 0 auto;
	padding: 11px 0 0 0;
	background: url("../images/common/main_backimage.jpg") no-repeat 2px 0;
}

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



	2: TOP_GUIDANCE



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



#top_guidance {

	margin: 15px 0 12px 6px;

}



	#top_guidance #tablist {

		width: 650px;

		height: 33px;

	}



	#top_guidance #tablist li {

		float: left;

		margin: 0 0px 0 0;

		font-size: 0;

		line-height; 0:

	}



	#top_guidance #tablist li a {

		font-size: 78%;

	}



		#top_guidance #tablist .stay {

			margin-top: -7px;

			position: relative;

		}

		

		#top_guidance p.imgset {

	padding: 0px;

	margin: 0px;

	display: block;

		}



		#top_guidance #tab_planetarium {

			width: 648px;

			border-left: 1px solid #FFF;

			border-right: 1px solid #FFF;

			border-bottom: 1px solid #FFF

		}



			#top_guidance #tab_planetarium #category01 {

				padding: 10px 7px 5px 10px;

				background: #fff;

				border: 7px solid #f4f4f4;

			}

			

			#top_guidance #tab_planetarium p {

				line-height: 1.4;

			}



			#top_guidance #tab_planetarium .tab_planetarium_wrap {

				width: 617px;

			}



			#top_guidance #tab_planetarium .program {

				float: left;

				width: 390px;

				background: #fcfbf7;

				color: #000;

				margin: 5px 0 0 0;

				border: 1px dotted #e7e7e7;

			}



				#top_guidance #tab_planetarium .program table {

					margin: 5px 5px 0 5px;

				}



				#top_guidance #tab_planetarium .program th {

	background: url("../images/common/blt_arrow_red.gif") no-repeat 0 45%;

	font-weight: normal;

	text-align: left;

	width: 35%;

	padding-top: 3px;

	padding-right: 4px;

	padding-bottom: 3px;

	padding-left: 18px;

				}



					#top_guidance #tab_planetarium a:link,

					#top_guidance #tab_planetarium a:visited {

						color: #000;

						text-decoration: none;

					}



					#top_guidance #tab_planetarium a:hover {

						color: #000;

						text-decoration: underline;

					}



				#top_guidance #tab_planetarium .program td {

					padding: 3px 4px;

				}



				#top_guidance #tab_planetarium .program p {

					margin: 0 0 4px 0;

					text-align: center;

				}



			#top_guidance #tab_planetarium .general {

				float: right;

				width: 216px;

				margin: 5px 0 0 0;

				color: #000;

			}



				#top_guidance #tab_planetarium .general p {

					margin: 0 0 0 10px;

					padding: 0 0 0 18px;

					background: url("../images/common/blt_arrow_blue.gif") no-repeat 0 45%;

				}



#top_guidance #tab_planetarium .tab_planetarium_wrap:after {

	display:block;

	clear:both;

	height: 0;

	visibility:hidden;

	content:".";

	font-size:0;

	line-height:0;

}



		#top_guidance #tab_event {

			width: 648px;

			border: 1px solid #4f5dd1;

			border-top: 10px solid #4f5dd1;

		}



		#top_guidance #tab_exhibition {

			width: 648px;

			border: 1px solid #00bfa5;

			border-top: 10px solid #00bfa5;

		}



#top_guidance #tablist:after {

	display:block;

	clear:both;

	height: 0;

	visibility:hidden;

	content:".";

	font-size:0;

	line-height:0;

}





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



	3: INDEX_TOPICS



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



#index_topics {

	width: 659px;

	margin: 0 0 7px 0;

	padding: 0 0 10px 0;

	background: url("../images/top/bg_top_cont_01.gif") no-repeat 0 100%;

	position:relative;

}

	#index_topics #btn_list {

		position:absolute;

		top:10px;

		left:515px;

	

	}

	#index_topics .scl {

	overflow: scroll;

	height: 180px;

	margin-right: 10px;

	margin-left: 15px;

	overflow:auto;

	}

	

	#index_topics table {

		width: 605px;

		margin: 5px 0 0 0;

	}



		#index_topics table th {

			width: 70px;

			padding: 7px 5px;

			background: url("../images/top/bg_topics.gif") no-repeat 5px 50%;

			border-bottom: 1px dotted #e6e5e3;

			font-weight: normal;

			text-align: center;

		}



		#index_topics table td {

			padding: 7px 5px;

			border-bottom: 1px dotted #e6e5e3;

		}



		#index_topics table tr.lastdata th,

		#index_topics table tr.lastdata td {

			border-bottom: none;

		}



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



	4: EVENTBANNER



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



#eventbanner {

	margin: 0 0 7px 0;

	text-align: center;

}



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



	5: INDEX



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



#index {

	width: 658px;

	margin: 0 0 7px 0;

}



	#index li#index_group {

		float: left;

		width: 324px;

	}



	#index li#index_outreach {

		float: right;

		width: 323px;

	}



#index:after {

	display:block;

	clear:both;

	height: 0;

	visibility:hidden;

	content:".";

	font-size:0;

	line-height:0;

}



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



	6: SHOP



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



#shop {

	width: 658px;

	margin: 0 0 7px 0;

	padding: 0 0 10px 0;

	background: url("../images/top/bg_top_cont_01.gif") no-repeat 0 100%;

}



#shop #shop_wrap {

	width: 610px;

	padding: 0 24px 0 24px;

}



	#shop #shop_wrap #shoppic {

		float: left;

		width: 140px;

	}



		#shop #shop_wrap #shoppic p {

			margin: 6px 0 0 0;

			/*font-size: 78%;*/

			line-height: 1.2;

		}



	#shop #shop_wrap #product {

		float: right;

		width: 456px;

		padding: 0 0 0px 0;

		background: #fcf9e8;

		border: 1px dotted #e7e7e7;

	}



		#shop #shop_wrap #product dl {

			margin: 10px;

		}



		#shop #shop_wrap #product dl #nom1 {

			margin: 0 0 10px 0;

			padding: 7px 0 8px 44px;

			background: url("../images/top/icn_no1.gif") no-repeat 8px 40%;

			border-bottom: 1px dotted #4d200d;

			font-weight: bold;

			font-size: 16px;

		}



		#shop #shop_wrap #product #comment {

			width: 450px;

		}



			#shop #shop_wrap #product #productpic {

				float: left;

				width: 140px;

			}



				#shop #shop_wrap #product #productpic img {

					display: block;

					margin: 0px;

				}



			#shop #shop_wrap #product #producttxt {

				float: left;

				width: 290px;

				line-height: 1.2;

			}



#shop #shop_wrap #produc #comment:after {

	display:block;

	clear:both;

	height: 0;

	visibility:hidden;

	content:".";

	font-size:0;

	line-height:0;

}



#shop #shop_wrap:after {

	display:block;

	clear:both;

	height: 0;

	visibility:hidden;

	content:".";

	font-size:0;

	line-height:0;

}



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



	7: INDEX_ABOUT



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



#index_about {

	width: 658px;

	margin: 0 0 7px 0;

	padding: 0 0 10px 0;

	background: url("../images/top/bg_top_cont_01.gif") no-repeat 0 100%;

}



#index_about #index_about_wrap {

	width: 658px;

	padding: 5px 0 0 0;

}



	#index_about #index_about_wrap #aboutpic {

		float: left;

		width: 183px;

	}



		#index_about #index_about_wrap #aboutpic img {

			display: block;

			margin: 0 0 0 15px;

		}



	#index_about #index_about_wrap #aboutdesc {

		float: left;

		width: 455px;

	}



	#index_about #index_about_wrap #aboutdesc p {

		padding: 5px 0 15px 5px;

		/*font-size: 78%;*/

		line-height: 1.4;

	}



	#index_about #index_about_wrap #aboutdesc li {

		display: inline;

	}



#index_about #index_about_wrap:after {

	display:block;

	clear:both;

	height: 0;

	visibility:hidden;

	content:".";

	font-size:0;

	line-height:0;

}



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



	8: INDEX_INFO



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



#index_info {

	width: 658px;

	margin: 0 0 7px 0;

	padding: 0 0 5px 0;

	background: url("../images/top/bg_top_cont_01.gif") no-repeat 0 100%;

}



#index_info #index_info_wrap {

	width: 658px;

	padding: 10px 0 0 0;

}



	#index_info #index_info_wrap #expomap {

		float: left;

		width: 385px;

	}



		#index_info #index_info_wrap #expomap dl {

			margin: 0 0 0 16px;

		}



		#index_info #index_info_wrap dt {

			display: inline;

		}



			#index_info #index_info_wrap dt img {

				display: block;

			}



		#index_info #index_info_wrap dd {

			margin: 10px 0 0 0;

			line-height: 1.4;

		}



			#index_info #index_info_wrap dd p {

				text-align: center;

			}



	#index_info #index_info_wrap #expoaccess {

		float: left;

		width: 250px;

	}



		#index_info #index_info_wrap #expoaccess dd {

			margin: 4px 0 8px 0;

		}



#index_info #index_info_wrap:after {

	display:block;

	clear:both;

	height: 0;

	visibility:hidden;

	content:".";

	font-size:0;

	line-height:0;

}



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



	9: INDEX_PLANETARIUM



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



#index_planetarium {

	width: 658px;

	margin: 0 0 7px 0;

	padding: 0 0 15px 0;

	background: url("../images/top/bg_top_cont_02.gif") no-repeat 0 100%;

}



	#index_planetarium .index_wrap .index_desc li {

		padding: 4px 4px 4px 18px;

		background: url("../images/common/blt_arrow_red.gif") no-repeat 0 45%;

	}



.index_wrap {

	width: 658px;

	margin: 10px 0 0 0;

}



	.index_wrap .index_desc {

		float: left;

		width: 455px;

	}



		.index_wrap .index_desc p {

			margin: 0 0 10px 20px;

			font-size: 14px;

			line-height: 1.4;

		}



		.index_wrap .index_desc ul {

			width: 425px;

			background: #fcfbf7;

			color: #000;

			margin: 0 0 0 20px;

			padding: 5px 0 5px 10px;

			border: 1px dotted #e7e7e7;

		}



		.index_wrap .index_desc li {

			float: left;

			width: 118px;

		}



			.index_wrap .index_desc li.list01 {

				width: 180px;

			}



			.index_wrap .index_desc ul a:link,

			.index_wrap .index_desc ul a:visited {

				color: #000;

				text-decoration: none;

			}



			.index_wrap .index_desc ul a:hover {

				color: #000;

				text-decoration: underline;

			}



.index_wrap .index_desc ul:after {

	display:block;

	clear:both;

	height: 0;

	visibility:hidden;

	content:".";

	font-size:0;

	line-height:0;

}



	.index_wrap .index_pic {

		float: right;

		width: 195px;

	}



.index_wrap:after {

	display:block;

	clear:both;

	height: 0;

	visibility:hidden;

	content:".";

	font-size:0;

	line-height:0;

}



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



	10: INDEX_EVENT



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



#index_event {

	width: 658px;

	margin: 0 0 7px 0;

	padding: 0 0 10px 0;

	background: url("../images/top/bg_top_cont_01.gif") no-repeat 0 100%;

}



	#index_event .index_wrap .index_desc li {

		padding: 4px 4px 4px 18px;

		background: url("../images/common/blt_arrow_purple.gif") no-repeat 0 45%;

	}



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



	11: INDEX_FLOOR



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



#index_floor {

	width: 658px;

	margin: 0 0 7px 0;

	padding: 0 0 10px 0;

	background: url("../images/top/bg_top_cont_01.gif") no-repeat 0 100%;

}



	#index_floor .index_wrap .index_desc li {

		padding: 4px 4px 4px 18px;

		background: url("../images/common/blt_arrow_green.gif") no-repeat 0 45%;

	}



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



	11: INDEX_FLOOR



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

.mceTemp {

	text-align: center;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

.mceTemp .aligncenter {

	margin-right: auto;

	margin-left: auto;

}

.wp-caption-text {

	text-align: center!important;

}

.mceTemp h4,

.mceTemp h4 a,

.mceTemp p a,

.mceTemp p a {

	text-align: left;

}

#about .mceTemp h3 {

text-align: left;

}



#mainbox_wrap ul,

#mainbox_wrap ol{

	margin-left:55px;	

}



#mainbox_wrap ul li{

	list-style-type: square!important;

}



#mainbox_wrap ol li{

	list-style-type: decimal!important;

}



#evntinfo ul{

	margin-left:0px!important;	

}

#mainbox_wrap .productlist ul li{

	list-style-type: none!important;

}

#mainbox_wrap .productlist ul{

	margin-left:0px;	

}



	#mainbox .wp-caption {

	margin: 0 30px 20px 30px;

	}





	#sub_eventcalendar .scl2 {

	height: 180px;

	margin-top: 5px;

	overflow:auto;

	}