@charset "UTF-8";

/* -----------------------------------------------
FileName:frame.css
----------------------------------------------- */

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

	1: HEADER
	2: CONTENTS
	3: SUB_CONTENTS
	4: FOOTER

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

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

	1: HEADER

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

#header {
	background: url('../images/common/bg_header.gif') repeat-x 0 100% #68c6df;
}

#header #lead {
	background: url('../images/common/bg_lead.gif') repeat-x 50% 0 #439bb5;
}

	#header #lead h1 {
		width: 940px;
		margin: 0 auto;
		padding: 6px 0;
		background: url('../images/common/bg_lead.gif') repeat-x 50% 0 #439bb5;
		color: #fff;
		font-size: 10px;
		text-align: center;
	}

#header_wrap {
	width: 910px;
	margin: 0 auto;
	background: url('../images/common/bg_header.gif') repeat-x 0 100% #68c6df;
}

	#header_wrap #header_link {
		padding: 5px 10px 0 0;
		text-align: right;
	}

		#header_wrap #header_link li {
			display: inline;
			color: #fff;
			font-size: 10px;
		}

			#header_wrap #header_link li a:link,
			#header_wrap #header_link li a:visited {
				color: #fff;
				text-decoration: none;
			}

			#header_wrap #header_link li a:hover {
				color: #fff;
				text-decoration: underline;
			}

	#header_wrap #utility_wrap {
		position: relative;
		width: 910px;
		height: 72px;
		font-size:12px;
	}

		#header #utility_wrap #logo {
			position: absolute;
			top: 0px;
			left: 5px;
			width: 259px;
			height: 53px;
		}

		#header #utility_wrap #search {
			position: absolute;
			top: 19px;
			left: 270px;
			width: 217px;
			height: 30px;
			background: #fff;
			text-align: left;
		}

			#header #utility_wrap #search img {
				vertical-align: middle;
			}

			#header #utility_wrap #search input {
				margin: 2px 0 0 0;
				vertical-align: middle;
			}

			#header #utility_wrap #search #wordinput {
				width: 97px;
				border: 1px solid #d2d2d2;
			}

		#header #utility_wrap #textsize_switch {
			position: absolute;
			top: 16px;
			right: 188px;
			width: 231px;
			height: 37px;
			background: url('../images/common/bg_text_size_l.gif') no-repeat 0 100% #68c6df;
		}

		#header #utility_wrap #color_switch {
			position: absolute;
			top: 16px;
			right: 4px;
			width: 181px;
			height: 37px;
			background: url('../images/common/bg_color_s.gif') no-repeat 0 100% #68c6df;
		}

			#header #utility_wrap dl {
				padding: 8px 0 0 7px;
			}

			#header #utility_wrap dt {
				float: left;
			}

			#header #utility_wrap dd {
				float: left;
			}

			#header #utility_wrap dd li {
				float: left;
			}

		#header #utility_wrap #back_switch:after,
		#header #utility_wrap #textsize_switch:after {
			display:block;
			clear:both;
			height: 0;
			visibility:hidden;
			content:".";
			font-size:0;
			line-height:0;
		}


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

	2: CONTENTS

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

#contents {
	background: url('../images/common/bg_contents_01.gif') repeat-x 50% 0 #63C3DC;
}

/* safari only \*/
body:first-of-type #contents {
	padding-left: 1px;
}

#contents_wrap {
	width: 910px;
	margin: 0 auto;
	padding: 27px 0 10px 0;
	text-align: left;
	background-color: #63C3DC;
	background-image: url(../images/common/bg_contents_01.gif);
	background-repeat: repeat-x;
	background-position: 50% 0;
}

	#contents_wrap #main_contents {
		float: right;
		width: 659px;
	}

	#contents_wrap #sub_contents {
		float: left;
		width: 240px;
	}

#contents_wrap:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

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

	3: SUB_CONTENTS

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

#sub_eventcalendar {
	width: 238px;
	margin: 0 0 5px 1px;
	padding: 0 0 15px 0;
	background: url('../images/common/bg_calender_03.gif') no-repeat 0 100%;
}

#sub_eventcalendar dl {
	width: 238px;
	background: url('../images/common/bg_calender_02.gif') repeat-y 0 0;
}

	#sub_eventcalendar dt {
		display: inline;
	}

		#sub_eventcalendar dt img {
			display: block;
		}

	#sub_eventcalendar dd {
		width: 210px;
		margin: 0 0 0 14px;
	}

	#sub_eventcalendar dd #calendar {
	width: 210px;
	background: url('../images/common/bg_calender_04.gif') no-repeat 50% 100% #eee;
	}

		#sub_eventcalendar dd #calendar table {
			margin: 0 15px;
			width: 180px;
			border-top: 1px solid #ccc;
			border-collapse: collapse;
			font-size:12px;
		}

			#sub_eventcalendar dd #calendar caption {
				padding: 0 0 5px 0;
				color: #000;
				text-align: left;
			}

			#sub_eventcalendar dd #calendar caption #month {
				display: block;
				float: right;
			}

			#sub_eventcalendar dd #calendar th {
				clear: both;
				padding: 2px;
				color: #000;
				border-bottom: 1px solid #ccc;
				font-size: 10px;
				font-weight: normal;
				text-align: center;
			}

			#sub_eventcalendar dd #calendar td {
				clear: both;
				padding: 2px;
				color: #000;
				border-bottom: 1px solid #ccc;
				font-weight: normal;
				text-align: center;
			}

				#sub_eventcalendar dd #calendar a:link,
				#sub_eventcalendar dd #calendar a:visited {
					color: #000;
				}

				#sub_eventcalendar dd #calendar .sun {
					background: #ecd8c0;
					color: #f00;
				}

					#sub_eventcalendar dd #calendar .sun a:link,
					#sub_eventcalendar dd #calendar .sun a:visited {
						color: #f00;
					}

				#sub_eventcalendar dd #calendar .sat {
					color: #00f;
				}

					#sub_eventcalendar dd #calendar .sat a:link,
					#sub_eventcalendar dd #calendar .sat a:visited {
						color: #00f;
					}

				#sub_eventcalendar dd #calendar .closetoday {
					background: #CCC;
				}

					#sub_eventcalendar dd #calendar .closetoday a:link,
					#sub_eventcalendar dd #calendar .closetoday a:visited {
						background: #CCC;
					}
					
				#sub_eventcalendar dd #calendar .today {
					background: #666;
				}

		#sub_eventcalendar dd #calendarnote {
			margin: 5px 10px 0 18px;
			padding: 0 0 15px 0;
			font-size: 10px;
			color: #666;
			line-height: 1.2;
		}

		#sub_eventcalendar #eventlist {
			margin: 0;
			width: 192px;
			background: url('../images/common/bg_calender_01.gif') repeat-y 0 0;
		}

			#sub_eventcalendar #eventlist ul li {
				margin: 0 3px;
				padding: 6px 3px;
				border-bottom: 1px dotted #e6e5e3;
			}

				#sub_eventcalendar #eventlist ul li a {
					margin: 0 0 0 3px;
				}

				#sub_eventcalendar #eventlist ul li.lastlist {
					border: none;
				}

#sub_guidance {
	width: 240px;
	margin: 0 0 5px 0;
	padding: 0 0 15px 0;
	background: url('../images/common/bg_guidance.gif') no-repeat 0 100% #fff;
}

	#sub_guidance dt {
		display: inline;
	}

		#sub_guidance dt img {
			display: block;
		}

	#sub_guidance dd {
		width: 200px;
		margin: 0 0 3px 20px;
	}

		#sub_guidance dd li {
			padding: 4px 4px 4px 18px;
			background: url("../images/common/blt_arrow_red.gif") no-repeat 0 45%;
			border-bottom: 1px dotted #ccc;
		}

			#sub_guidance dd li a:link,
			#sub_guidance dd li a:visited {
				color: #000;
				text-decoration: none;
			}

			#sub_guidance dd li a:hover {
				color: #000;
				text-decoration: underline;
			}

				#sub_guidance ul li.lastlist {
					border: none;
				}

#sub_openinfo {
	width: 240px;
	margin: 0 0 5px 0;
	padding: 0 0 7px 0;
	background: url('../images/common/bg_openinfo_02.gif') no-repeat 50% 100%;
}

	#sub_openinfo dl {
		background: url('../images/common/bg_openinfo_01.gif') repeat-y 50% 0;
	}

	#sub_openinfo dt {
		display: inline;
	}

		#sub_openinfo dt img {
			display: block;
		}

	#sub_openinfo dd {
		width: 210px;
		margin: 4px 0 5px 15px;
		background: #fff;
	}

		#sub_openinfo dd p {
			padding: 5px 0;
			line-height: 1.4;
		}

		#sub_openinfo dd em {
			font-size: 14px;
			font-style: normal;
		}

		#sub_openinfo dd .opennote {
			background: #fcfbf7;
			color: #666;
			margin: 0 0 7px 0;
			padding: 5px;
			border: 1px dotted #e7e7e7;
		}

#sub_banner {
	padding: 5px 0 5px 0;
	text-align: center;
}

	#sub_banner div {
		padding: 0 0 7px 0;
	}

#sub_mobile {
	margin: 0 0 10px 0;
	text-align: center;
}

	#sub_mobile dt {
		display: inline;
	}

		#sub_mobile dt img {
			display: block;
			margin: 0 auto;
		}

	#sub_mobile dd {
		margin: 10px 0 0 0;
	}

#sub_visitor {
	margin: 0 0 15px 0;
	text-align: center;
}


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

	4: FOOTER

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

#footer {
	background: url('../images/common/bg_contents_02.gif') repeat-x 50% 0 #fff;
}

#footer_nav_wrap {
	background: url('../images/common/bg_footer_03.gif') repeat-x 50% 100%;
}

#footer_topb {
	width: 910px;
	font-size: 10px;
	text-align: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#footer_nav {
	width: 910px;
	margin: 0 auto;
	padding: 30px 0 20px 0;
	background: url('../images/common/bg_footer_03.gif') repeat-x 50% 100%;
	font-size: 84%;
	text-align: left;
}

		#footer_nav dt {
			margin: 0 0 10px 2px;
		}
		
		#footer_nav dd ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
		}
		
		#footer_nav dd li {
			margin: 3px 0 3px 0;
		}

		#footer_nav a:link,
		#footer_nav a:visited {
			text-decoration: none;
		}

		#footer_nav a:hover {
			text-decoration: underline;
		}

	#footer_nav #ftr_home {
		float: left;
		width: 70px;
	}

		#footer_nav #ftr_home a {
			display: block;
			padding: 7px 0 7px 0;
		}

	#footer_nav #ftr_aboutus {
		float: left;
		width: 115px;
	}

		#footer_nav #ftr_aboutus dt a {
			display: block;
			padding: 7px 0 7px 0;
		}
	
	#footer_nav #ftr_use {
		float: left;
		width: 115px;
	}

		#footer_nav #ftr_use dt a {
			display: block;
			padding: 7px 0 7px 0;
		}

	#footer_nav #ftr_floor {
		float: left;
		width: 115px;
	}

		#footer_nav #ftr_floor dt a {
			display: block;
			padding: 7px 0 7px 0;
		}

	#footer_nav #ftr_planetarium {
		float: left;
		width: 115px;
	}

		#footer_nav #ftr_planetarium dt a {
			display: block;
			padding: 7px 0 7px 0;
		}

	#footer_nav #ftr_event {
		float: left;
		width: 115px;
	}

		#footer_nav #ftr_event dt a {
			display: block;
			padding: 7px 0 7px 0;
		}

	#footer_nav #ftr_guidance {
		float: left;
		width: 115px;
	}

		#footer_nav #ftr_guidance dt a {
			display: block;
			padding: 7px 0 7px 0;
		}

	#footer_nav #ftr_outreach {
		float: left;
		width: 115px;
	}

		#footer_nav #ftr_outreach dt a {
			display: block;
			padding: 7px 0 7px 0;
		}

	#footer_nav #ftr_press {
		float: left;
		width: 115px;
	}

		#footer_nav #ftr_press a {
			display: block;
			padding: 7px 0 7px 0;
		}

#footer_nav:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

#footer_msg {
	background: url('../images/common/bg_footer_04.gif') repeat-x 50% 0 #f4eee1;
	font-size: 84%;
}

	#footer_msg p {
		width: 910px;
		margin: 0 auto;
		padding: 15px 0 17px 0;
		background: url('../images/common/bg_footer_04.gif') repeat-x 50% 0 #f4eee1;
		line-height: 1.4;
	}

#footer_link {
	background: url('../images/common/bg_footer_01.gif') repeat-x 50% 0 #439bb5;
}

	#footer_link ul {
		width: 910px;
		margin: 0 auto;
		padding: 7px 0 5px 0;
		background: url('../images/common/bg_footer_01.gif') repeat-x 50% 0 #439bb5;
	}

	#footer_link li {
		display: inline;
		color: #fff;
		font-size: 84%;
		margin: 0;
		padding: 0;
	}

		#footer_link li a:link,
		#footer_link li a:visited {
			color: #fff;
			text-decoration: none;
		}

		#footer_link li a:hover {
			color: #fff;
			text-decoration: underline;
		}

#copyright {
	background: url('../images/common/bg_footer_02.gif') repeat-x 50% 0 #25a3c7;
}

	#copyright p {
		width: 910px;
		margin: 0 auto;
		padding: 40px 0 85px 0;
		background: url('../images/common/bg_footer_02.gif') repeat-x 50% 0 #25a3c7;
		color: #fff;
		font-size: 84%;
		line-height: 1.4;
	}
/*======================================

	planetarium

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

#sub_planetarium {
	width: 240px;
	margin: 0 0 5px 0;
	padding: 0 0 15px 0;
	background: url('../images/common/bg_planetarium.gif') no-repeat 0 100% #fff;
}

	#sub_planetarium dt {
		display: inline;
	}

		#sub_planetarium dt img {
			display: block;
		}

	#sub_planetarium dd {
		width: 200px;
		margin: 0 0 3px 20px;
	}

		#sub_planetarium dd li {
			padding: 4px 4px 4px 18px;
			background: url("../images/common/blt_arrow_3.gif") no-repeat 0 45%;
			border-bottom: 1px dotted #ccc;
		}

			#sub_planetarium dd li a:link,
			#sub_planetarium dd li a:visited {
				color: #000;
				text-decoration: none;
			}

			#sub_planetarium dd li a:hover {
				color: #000;
				text-decoration: underline;
			}

				#sub_planetarium ul li.lastlist {
					border: none;
				}


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

	event

=======================================*/
				
#sub_event {
	width: 240px;
	margin: 0 0 5px 0;
	padding: 0 0 15px 0;
	background: url('../images/common/bg_event.gif') no-repeat 0 100% #fff;
}

	#sub_event dt {
		display: inline;
	}

		#sub_event dt img {
			display: block;
		}

	#sub_event dd {
		width: 200px;
		margin: 0 0 3px 20px;
	}

		#sub_event dd li {
			padding: 4px 4px 4px 18px;
			background: url("../images/common/blt_arrow_4.gif") no-repeat 0 45%;
			border-bottom: 1px dotted #ccc;
		}

			#sub_event dd li a:link,
			#sub_event dd li a:visited {
				color: #000;
				text-decoration: none;
			}

			#sub_event dd li a:hover {
				color: #000;
				text-decoration: underline;
			}

				#sub_event ul li.lastlist {
					border: none;
				}

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

	display

=======================================*/
				
#sub_display {
	width: 240px;
	margin: 0 0 5px 0;
	padding: 0 0 15px 0;
	background: url('../images/common/bg_display.gif') no-repeat 0 100% #fff;
}

	#sub_display dt {
		display: inline;
	}

		#sub_display dt img {
			display: block;
		}

	#sub_display dd {
		width: 200px;
		margin: 0 0 3px 20px;
	}

		#sub_display dd li {
			padding: 4px 4px 4px 18px;
			background: url("../images/common/blt_arrow_5.gif") no-repeat 0 45%;
			border-bottom: 1px dotted #ccc;
		}

			#sub_display dd li a:link,
			#sub_display dd li a:visited {
				color: #000;
				text-decoration: none;
			}

			#sub_display dd li a:hover {
				color: #000;
				text-decoration: underline;
			}

				#sub_display ul li.lastlist {
					border: none;
				}

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

	outreach

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

#sub_outreach {
	width: 240px;
	margin: 0 0 5px 0;
	padding: 0 0 15px 0;
	background: url('../images/common/bg_outreach.gif') no-repeat 0 100% #fff;
}

	#sub_outreach dt {
		display: inline;
	}

		#sub_outreach dt img {
			display: block;
		}

	#sub_outreach dd {
		width: 200px;
		margin: 0 0 3px 20px;
	}

		#sub_outreach dd li {
			padding: 4px 4px 4px 18px;
			background: url("../images/common/blt_arrow_6.gif") no-repeat 0 45%;
			border-bottom: 1px dotted #ccc;
		}

			#sub_outreach dd li a:link,
			#sub_outreach dd li a:visited {
				color: #000;
				text-decoration: none;
			}

			#sub_outreach dd li a:hover {
				color: #000;
				text-decoration: underline;
			}

				#sub_outreach ul li.lastlist {
					border: none;
				}

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

	center

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

#sub_center {
	width: 240px;
	margin: 0 0 5px 0;
	padding: 0 0 15px 0;
	background: url('../images/common/bg_center.gif') no-repeat 0 100% #fff;
}

	#sub_center dt {
		display: inline;
	}

		#sub_center dt img {
			display: block;
		}

	#sub_center dd {
		width: 200px;
		margin: 0 0 3px 20px;
	}

		#sub_center dd li {
			padding: 4px 4px 4px 18px;
			background: url("../images/common/blt_arrow_7.gif") no-repeat 0 45%;
			border-bottom: 1px dotted #ccc;
		}

			#sub_center dd li a:link,
			#sub_center dd li a:visited {
				color: #000;
				text-decoration: none;
			}

			#sub_center dd li a:hover {
				color: #000;
				text-decoration: underline;
			}

				#sub_center ul li.lastlist {
					border: none;
				}

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

	introduction

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

#sub_introduction {
	width: 240px;
	margin: 0 0 5px 0;
	padding: 0 0 15px 0;
	background: url('../images/common/bg_introduction.gif') no-repeat 0 100% #fff;
}

	#sub_introduction dt {
		display: inline;
	}

		#sub_introductiondt img {
			display: block;
		}

	#sub_introduction dd {
		width: 200px;
		margin: 0 0 3px 20px;
	}

		#sub_introduction dd li {
			padding: 4px 4px 4px 18px;
			background: url("../images/common/blt_arrow_8.gif") no-repeat 0 45%;
			border-bottom: 1px dotted #ccc;
		}

			#sub_introduction dd li a:link,
			#sub_introduction dd li a:visited {
				color: #000;
				text-decoration: none;
			}

			#sub_introduction dd li a:hover {
				color: #000;
				text-decoration: underline;
			}

				#sub_introduction ul li.lastlist {
					border: none;
				}

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

	other

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

#sub_other {
	width: 240px;
	margin: 0 0 5px 0;
	padding: 0 0 15px 0;
	background: url('../images/common/bg_other.gif') no-repeat 0 100% #fff;
}

	#sub_other dt {
		display: inline;
	}

		#sub_other dt img {
			display: block;
		}

	#sub_other dd {
		width: 200px;
		margin: 0 0 3px 20px;
	}

		#sub_other dd li {
			padding: 4px 4px 4px 18px;
			background: url("../images/common/blt_arrow_1.gif") no-repeat 0 45%;
			border-bottom: 1px dotted #ccc;
		}

			#sub_other dd li a:link,
			#sub_other dd li a:visited {
				color: #000;
				text-decoration: none;
			}

			#sub_other dd li a:hover {
				color: #000;
				text-decoration: underline;
			}

				#sub_other ul li.lastlist {
					border: none;
				}