@charset "euc-jp";

/*------------------------------
 Copyright (C)2006 
 Science Museum Tokyo, 
 ALL RIGHTS RESERVED
------------------------------*/

html
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	font-size: 12px;
	background:#307CC2 url(../../image/all/body_bg.jpg) top repeat-x;
}

.no
{
	clear: both; 
	display: none;
}

img
{
	border:none;
}

/*------------------------------
 anchor
------------------------------*/

a { 
  color: #448200;
  text-decoration: none;
  }

a:hover {
  color: #124200;
  text-decoration: underline;
  }

/*------------------------------
 outside
------------------------------*/

#outside
{
	margin: 0 auto;
	width: 770px;
	background: url(../../image/all/head_bg.jpg) top right no-repeat;
}

/*--------------------------------
 header
--------------------------------*/

#header
{
	margin: 0 20px;
	width: 730px;
	height:70px;
	clear:both;
}

#header-siteid
{
	float:left;
	width:210px;
	margin: 0;
}

#header-siteid a
{
	background: url(../../image/all/head_logo.gif) no-repeat;
	display:block;
	width:208px;
	height:59px;
	text-indent:-999em;
	text-decoration:none;
}

#header-navi
{
	float:right;
	width:510px;
	margin: 0 0 0 0;
}

#header-navi ul
{
	margin: 11px 0 0 0;
	padding: 0;
	list-style-type:none;
}

#header-navi li
{
	background: url(../../image/all/head_navi_left.gif) left no-repeat;
	float:left;
	margin: 0 9px 0 0;
	padding:0 0px 0 20px;
}

#header-navi li a
{
	margin: 0 0 0 0px;
	padding:0 12px 0 0px;
	background: url(../../image/all/head_navi_right.gif) right no-repeat;
	display:block;
	line-height:22px;
	font-size:10px;
	float:left;
}

/*--------------------------------
 main-navi
--------------------------------*/

#main
{
	clear:both;
	margin: 10px 20px;
	width: 730px;
}

#main-navi
{
	clear:both;
	margin: 0 20px;
	width: 730px;
	background: url(../../image/all/main_navi_bg.gif) left no-repeat;
	padding:0 0 0 0;
	height:38px;
}

#main-navi ul
{
	margin: 0 0 0 3px;
	padding: 0;
	list-style-type:none;
}

#main-navi li
{
	float:left;
}

#main-navi li a
{
	padding:0 15px 0 40px;
	display:block;
	line-height:38px;
	float:left;
}

.main-navi1
{
	background:url(../../image/all/main_navi_icon1.gif) no-repeat;
}

.main-navi2
{
	background:url(../../image/all/main_navi_icon2.gif) no-repeat;
}

.main-navi3
{
	background:url(../../image/all/main_navi_icon3.gif) no-repeat;
}

.main-navi4
{
	background:url(../../image/all/main_navi_icon4.gif) no-repeat;
}

.main-navi1_ac
{
	background:url(../../image/all/main_navi_icon1_ac.gif) no-repeat;
}

.main-navi2_ac
{
	background:url(../../image/all/main_navi_icon2_ac.gif) no-repeat;
}

.main-navi3_ac
{
	background:url(../../image/all/main_navi_icon3_ac.gif) no-repeat;
}

.main-navi4_ac
{
	background:url(../../image/all/main_navi_icon4_ac.gif) no-repeat;
}

/*--------------------------------
 pagebody
--------------------------------*/

#pagebody
{
	float:right;
	width:505px;
	margin: 0 0 0 0;
	padding:10px 0 0 0;
	background:url(../../image/all/pagebody_head.gif) top no-repeat;
}

#pagebody span
{
	background:#FFFFFF url(../../image/all/pagebody_foot.gif) bottom no-repeat;
	margin-top:-2px;
	display:block;
	padding-bottom:10px;
	width:505px;
	float:right;
}

.entry,
.enrty-clear
{
	width:465px;
	padding:20px 20px 10px 20px;
	background:#FFFFFF url(../../image/all/ten1.gif) top repeat-x;
	/*clear:both;*/
}

#pagebody h1,
#pagebody_nn h1
{
	font-size:18px;
	margin:0px 20px 15px 20px;
	padding:15px 0 0 0;
	/*background-color:#CCCCCC;*/
}

#pagebody h2,
#pagebody_nn h2
{
	font-size:16px;
}

#pagebody h3,
#pagebody_nn h3
{
	font-size:14px;
	margin-bottom:10px;
}

#pagebody h4,
#pagebody_nn h4
{
	font-size:12px;
	margin-bottom:10px;
}

#pagebody p,
#pagebody_nn p
{
	font-size:12px;
	line-height:170%;
	/*margin: 0 0 0 0;
	padding: 10px 0 10px 0;*/
	/*float:none;*/
}

#pagebody .entry ul,
#pagebody .enrty-clear ul,
#pagebody_nn .entry ul,
#pagebody_nn .enrty-clear ul
{
	margin:0px 0px 0px 18px;
	padding:0px 0px 0px 0px;
}

#pagebody .entry li,
#pagebody_nn .entry li
{
	padding:2px 0px;
}

#pagebody .enrty-clear li,
#pagebody_nn .enrty-clear li
{
	padding:4px 0px;
	line-height:150%;
}

#pagebody .entry a,
#pagebody .enrty-clear a,
#pagebody_nn .entry a,
#pagebody_nn .enrty-clear a

{
	padding: 0px 0px 0px 0px;
	background: none;
	display:inline;
	line-height:150%;
}

#pagebody .entry a.icon,
#pagebody .enrty-clear a.icon,
#pagebody_nn .entry a.icon,
#pagebody_nn .enrty-clear a.icon
{
	padding: 0px 0px 0px 15px;
	background: url(../../image/all/maru.gif) left top no-repeat;
	background-position:0px 2px;
	display:list-item;
	list-style-type:none;
	/*line-height:140%;*/
	margin:3px 0;
}

#pagebody .entry a.noicon,
#pagebody .enrty-clear a.noicon,
#pagebody_nn .entry a.noicon,
#pagebody_nn .enrty-clear a.noicon
{
	padding: 0px 0px 0px 0px;
	background:none;
	background-image:none;
}

.pagetop
{
	text-align:right;
	font-size:10px;
	clear:both;
	width:465px;
	padding:10px 20px 10px 20px;
}

#pagebody-footer
{
	background:none;
	margin:0px;
	text-align:right;
	padding:10px 0 0 0;
	clear:both;
}

#pagebody-footer a
{
	color:#ffffff;
}


/*--------------------------------
 floor-map
--------------------------------*/

#floor-menu
{
	float:right;
	width:210px;
	padding: 15px 15px 15px 0;
}

#floor-menu h1
{
	font-size:14px;

	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
}

#floor-menu ul
{
	margin: 0px 0 0px 0;
	padding: 10px 0 0px 0;
	list-style-type:none;
	background:#D6E6F3  url(../../image/all/floormap_head.gif) top no-repeat;
	width:210px;
	float:right;
}

#floor-menu span
{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	background:#D6E6F3  url(../../image/all/floormap_foot.gif) bottom no-repeat;
	width:210px;
}

#floor-menu ul li
{
	margin:8px 0px 7px 10px;
	padding:0px 10px 0px 15px;
	background: url(../../image/all/floormap_maru.gif) left top no-repeat;
}

#floor-menu ul li a
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:110%
}

img#floor-map
{
	margin: 0px 0 15px 15px;
}

p#floor-discription
{
	width:470px;
	/*background-color:#99CC00;*/
	margin:0 0 20px 20px;
	clear:both;
}

/*------------------------------
 anchor link
------------------------------*/

.anchor-link li
{
	list-style-type:none;
	background: url(../../image/all/maru.gif) left top no-repeat;
	padding: 0px 0px 0px 15px;
	margin:8px 15px;
}

.anchor-link li a
{
	line-height:110%;
}

/*------------------------------
 ul link
------------------------------*/

#pagebody .entry .ul-link li
{
	list-style-type:none;
	margin:8px 0 0 0px;
	
}

#pagebody .entry .ul-link li a
{
	margin:0 0 0 0px;
	line-height:100%;
	padding:0 0 0 15px;
	background: url(../../image/all/maru.gif) left top no-repeat;
	line-height:120%;
}


/*--------------------------------
 relation
--------------------------------*/

#pagebody .relation
{
	clear:both;
	width:465px;
	background:url(../../image/all/relation_head.gif) top no-repeat;
	padding:15px 0 0px 0;
	margin: 0px 0 0 0;
}

#pagebody .relation span
{
	background:url(../../image/all/relation_foot.gif) bottom no-repeat;
	display:block;
	padding-bottom:15px;
	width:465px;
	clear:both;
	
}

#pagebody .relation p
{
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 0px 15px;
	background:url(../../image/all/relation_body.gif);
}

#pagebody .relation a
{
	padding: 0px 15px 0px 15px;
	background: url(../../image/all/maru.gif) left no-repeat;
	display:inline;
}


/*--------------------------------
 table
--------------------------------*/

table td{
	line-height:130%;
}

.table-hyo
{ 
	margin: 10px 0px 10px 0px;
	padding: 0px;
	background-color:#ADCBE5;
	width:100%;
	border:none;
	clear:both;
}

.table-hyo td
{ 
	margin: 0px;
	padding: 5px;
	border:none;
}

.table-hyo th {
	font-size: 12px;
	line-height:130%;
	text-align:left;
	background-color:#CADDEE;
	margin: 0px;
	padding: 5px;
	border:none;
}

.td1 { 
	background-color:#ffffff;
}

.td2 { 
	background-color:#E6EFF7;
}

#pagebody .table-hyo a
{
	padding: 0px 0px 0px 0px;
	background: none;
}

#pagebody .table-hyo td img
{ 
	margin: 0px 0 0px 0px;
	vertical-align:middle;
}


/*--------------------------------
 pagebody_nn
--------------------------------*/

#pagebody_nn
{
	clear:both;
	width:730px;
	margin: 0 0 0 0;
	padding:10px 0 0 0;
	background:url(../../image/all/pagebody_nn_head.gif) top no-repeat;
}

#pagebody_nn span
{
	background:#FFFFFF url(../../image/all/pagebody_nn_foot.gif) bottom no-repeat;
	padding:0 0 10px 0;
	margin-top:-2px;
	display:block;
}

#pagebody_nn .entry,
#pagebody_nn .enrty-clear
{
	width:680px;
}

/*--------------------------------
 sub
--------------------------------*/

#sub
{
	float:left;
	width:210px;
	margin: 0 0 0 0;
}

#sub a
{ 
  color: #ffffff;
}

#sub li.ac a
{ 
  color: #000000;
  font-weight:bold;
}

/*--------------------------------
 sub-navi
--------------------------------*/

#sub-navi
{
	clear:both;
	width:210px;
	background:url(../../image/all/sub_navi_head.gif) top no-repeat;
	padding:8px 0 0px 0;
}

#sub-navi span
{
	background:url(../../image/all/sub_navi_foot.gif) bottom no-repeat;
	display:block;
	padding-bottom:7px;
	width:210px;
	clear:both;
}

/*----title--*/
.title
{
	display:block;
	width:210px;
	height:50px;
	text-indent:-999em;
	text-decoration:none;
	
}

#title1
{
	background: url(../../image/all/title1.gif) no-repeat;
}

#title2
{
	background: url(../../image/all/title2.gif) no-repeat;
}

#title3
{
	background: url(../../image/all/title3.gif) no-repeat;
}

#title4
{
	background: url(../../image/all/title4.gif) no-repeat;
}

#title5
{
	background: url(../../image/all/title5.gif) no-repeat;
}

#title6
{
	background: url(../../image/all/title6.gif) no-repeat;
}

#title7
{
	background: url(../../image/all/title7.gif) no-repeat;
}

/*----body--*/

#sub-navi ul
{
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	list-style-type:none;
	background:url(../../image/all/sub_navi_body_base.gif) left top;
}

#sub-navi ul li
{
	background:url(../../image/all/sub_navi_body.gif) left top;
	margin: 0;
	padding: 0 0 0 0;
}

#sub-navi ul#etc-menu li
{
	background:url(../../image/all/sub_navi_etc_body.gif) left top;
	margin: 0;
	padding: 0 0 0 0;
}

#sub-navi ul li.on
{
	background:url(../../image/all/sub_navi_body_on.gif) left top;
}

#sub-navi ul li.ac
{
	background:url(../../image/all/sub_navi_body_ac.gif) left top no-repeat;
}

#sub-navi ul#etc-menu li.ac
{
	background:url(../../image/all/sub_navi_etc_body_ac.gif) left top;
}

#sub-navi ul ul
{
	margin: 0;
	padding: 0;
	list-style-type:none;
	background:url(../../image/all/sub_navi_body_sb.gif) left top;
}

#sub-navi ul ul li
{
	margin: 0 0 0px 0;
	padding: 0;
	background:url(../../image/all/sub_navi_body_sb.gif) left top;
	
}

#sub-navi ul ul li.on,
#sub-navi ul ul li.on ul,
#sub-navi ul ul li.ac ul,
#sub-navi ul ul li.on ul li,
#sub-navi ul ul li.ac ul li,
#sub-navi ul ul ul li.on ul li,
#sub-navi ul ul ul li.ac ul li,
#sub-navi ul ul#floor li.on ul li,
#sub-navi ul ul#floor li.ac ul li
{
	background:url(../../image/all/sub_navi_body_sb_on.gif) left top;
}

#sub-navi ul ul li.ac,
#sub-navi ul ul#floor li.ac,
#sub-navi ul ul li.on ul li.ac,
#sub-navi ul ul#floor li.on ul li.ac
{
	background:#ffffff url(../../image/all/sub_navi_body_sb_ac.gif) left top;
}

#sub-navi ul ul#floor li
{
	margin: 0 0 0px 0;
	padding: 0;
	background:url(../../image/all/sub_navi_body_sb_fl.gif) left top;
	
}

#sub-navi ul ul#floor li.on
{
	background:url(../../image/all/sub_navi_body_sb_fl_on.gif) left top;
}

#sub-navi ul ul#floor li.ac
{
	background:url(../../image/all/sub_navi_body_sb_fl_ac.gif) left top;
}

/*----maru--*/


#sub-navi ul li a
{
	background: url(../../image/all/sub_navi_maru.gif) left no-repeat;
	margin:0px 0px 0px 15px;
	padding:8px 0px 8px 15px;
	width:180px;
	display:block;
}

#sub-navi ul li.on a
{
	background: url(../../image/all/sub_navi_maru_on.gif) left no-repeat;
}

#sub-navi ul li.ac a
{
	background: url(../../image/all/sub_navi_maru_ac.gif) left no-repeat;
}

#sub-navi ul li.on ul li a,
#sub-navi ul li.ac ul li a,
#sub-navi ul#etc-menu li a
{
	background: url(../../image/all/sub_navi_sb_maru.gif) left no-repeat;
	margin:0px 0px 0px 18px;
	padding:5px 0px 5px 12px;
	width:175px;
	display:block;
}

#sub-navi ul li.ac ul li a
{
	color: #ffffff;
	font-weight:normal;
}

#sub-navi ul li.on ul li.on a
{
	background: url(../../image/all/sub_navi_sb_maru_on.gif) left no-repeat;
}

#sub-navi ul li.on ul li.ac a
{
	background: url(../../image/all/sub_navi_sb_maru_ac.gif) left no-repeat;
}

#sub-navi ul#etc-menu li.ac a
{
	background: url(../../image/all/sub_navi_sb_maru_ac.gif) left no-repeat;
}


#sub-navi ul li.on ul li ul li a,
#sub-navi ul li.on ul li.on ul li a
{
	background: url(../../image/all/sub_navi_sbsb_maru.gif) left no-repeat;
	margin:0px 0px 0px 30px;
	padding:4px 0px 4px 13px;
	width:165px;
	display:block;
}

#sub-navi ul li.on ul li ul li.on a,
#sub-navi ul li.on ul li.on ul li.on a,
#sub-navi ul li.on ul li.ac ul li a
{
	background: url(../../image/all/sub_navi_sbsb_maru_on.gif) left no-repeat;
	color: #ffffff;
	font-weight:normal;
}

#sub-navi ul li.on ul li ul li.ac a,
#sub-navi ul li.on ul li.on ul li.ac a
{
	background: url(../../image/all/sub_navi_sbsb_maru_ac.gif) left no-repeat;
}

#sub-navi ul li.on ul li.on ul li ul li.on a,
#sub-navi ul li.on ul li.on ul li.on ul li.on a,
#sub-navi ul li.on ul li.on ul li.ac ul li a
{
	background: url(../../image/all/sub_navi_sbsbsb_maru_on.gif) left no-repeat;
	color: #ffffff;
	font-weight:normal;
}

#sub-navi ul li.on ul li.on ul li ul li.ac a,
#sub-navi ul li.on ul li.on ul li.on ul li.ac a
{
	background: url(../../image/all/sub_navi_sbsbsb_maru_ac.gif) left no-repeat;
	color: #000000;
}


#sub-navi ul ul#floor li a
{
	padding:7px 0px 7px 12px;
}

#sub-navi ul ul#floor li ul a
{
	padding:4px 0px 4px 13px;
}

/*--------------------------------
 sub-link
--------------------------------*/

#sub-link
{
	clear:both;
	width:210px;
	background:url(../../image/all/sub_link_head.gif) top no-repeat;
	padding:8px 0 0px 0;
	margin: 8px 0 0 0;
}

#sub-link span
{
	background:url(../../image/all/sub_link_foot.gif) bottom no-repeat;
	display:block;
	padding-bottom:8px;
	width:210px;
	clear:both;
}

#sub-link ul
{
	margin: 0 0 0px 0;
	padding: 2px 15px 2px 0;
	list-style-type:none;
	background:url(../../image/all/sub_link_body.gif) left top;
}

#sub-link li.icon1
{
	background:url(../../image/all/sub_link_icon1.gif) right no-repeat;
}

#sub-link li.icon2
{
	background:url(../../image/all/sub_link_icon2.gif) right no-repeat;
}

#sub-link li.icon3
{
	background:url(../../image/all/sub_link_icon3.gif) right no-repeat;
}

#sub-link ul li a
{
	background: url(../../image/all/sub_link_maru.gif) left no-repeat;
	margin:0px 0px 0px 15px;
	padding:8px 0px 8px 15px;
	width:165px;
	display:block;
}

#sub-link.noicon ul li a
{
	background: url(../../image/all/sub_navi_sb_maru.gif) left no-repeat;
	margin:0px 0px 0px 17px;
	padding:4px 0px 4px 13px;
	width:165px;
	display:block;
}

/*--------------------------------
 sub-banner
--------------------------------*/

#sub-banner
{
	line-height:120%;
}

#sub-banner img
{
	margin:5px 0;
}

/*--------------------------------
calendar
--------------------------------*/

#calendar
{
	background:url(../../image/all/sub_navi_body_sb.gif);
	text-align:center;
	padding: 5px 0 5px 0;
}

#calendar table
{
	margin: 0 auto;
}

#calendar th
{
	width:23px;
	height:18px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:10px;
}

#calendar td
{
	width:23px;
	height:21px;
	background-color:#8AB5DD;
}

#calendar td.selected
{
	background-color:#ffffff;
	color:#000000;
	font-weight:bold;
}

#calendar td.on
{
	background-color:#A0C3E3;
	font-weight:bold;
}

#sub-navi #calendar a
{
	background:none;
	margin:0px;
	padding:0px;
	display:inline;
}

#calendar td.selected a
{
	color:#000000;
}

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

#footer
{
	clear:both;
	text-align:right;
	background-color:#5D98CF;
	height:40px;
	padding:10px 10px 0 0;
	color:#FFFFFF;
}

#footer a
{
	color:#FFFFFF;
}

/*--------------------------------
 common
--------------------------------*/

p.right
{
	float:right;
}

p.right img
{
	margin: 0px 0px 20px 10px;
}
p.right img.non
{
	float:none;
	clear:both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0px 0px;
}



