@import "table.css";
@import "temp.css";
@import "guidance.css";
@import "newwin.css";



/* ---------- サイト内共通の設定 ---------- */

a:link { text-decoration: none; color:#036; }
a:visited { text-decoration: none; color:#036; }
a:hover { text-decoration: none; background-color: #600; color:#FFF; }
a:active { text-decoration: none; color:#036; }

a img{ background: none; border: none;}
a img:hover{ background: none; border: none;}


body{
	margin: 0;
	font-size:small;
	line-height:160%;
	color: #333;
	font-family: "Meiryo UI","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",verdana,arial, "MS Gothic",  Helvetica, sans-serif;
}
.cap{
	font-size:x-small;
	line-height:160%;
}
.red{
	color:#C00;
}

h1, h2, h3, h4, p, form{ margin: 0; padding: 0; }
hr{ visibility: hidden; border:0; margin: 0; padding: 0;}
.clear{clear:both;}



/* ----------- 基本レイアウト ----------- */

/* container */

#container{
	width: 768px;
	border-right:1px solid #CCC;
}



/* header */

#home_head{
	width: 768px;
	height: 264px;
	border-bottom:1px solid #CCC;
}

#home_url{
	height: 24px;
	text-align:right;
	background-color:#036;
	font-size:xx-small;
	font-weight:bold;
}
#home_url IMG{
	margin:8px 8px 0 0;
}
#home_url IMG.lang{
	margin:6px 0 0 0;
}
#home_url IMG.lang2{
	margin:6px 8px 0 0;
}
#home_url A:hover{
	background-color:#036;
}

#home_logo, #home_cover{
	width: 384px;
	height: 240px;
	float:left;
}
#home_logo IMG{
	margin:38px 0 0 44px;
}

#main_head{
	width: 768px;
	height: 84px;
	border-bottom:1px solid #CCC;
}

#main_url{
	height: 24px;
	text-align:right;
	background-color:#036;
}
#main_url IMG{
	margin:8px 8px 0 0;
}

td#main_logo{
	width: 200px;
	height: 60px;
	padding-left:16px;
}
td#main_topicpath{
	width: 568px;
	height: 60px;
	text-align:right;
	vertical-align:bottom;
	padding-right:12px;
	font-size:xx-small;
	color:#999;
}



/* ---------- contents ---------- */

#contents{
	width: 768px;
}


/* side menu */

#sidebar{
	width: 168px;
	float: left;
}


.sidemenu{
	width: 144px;
	margin:18px 12px 0 12px;
	padding-bottom:6px;
	background: url("../common/images/dotline_w.gif") left bottom repeat-x;
}

.sidemenu ul {
	margin: 0;
	padding: 0;
}

.sidemenu li{
	padding: 0 0 0 16px;
	margin: 0px 0px 12px 2px;
	list-style: none;
	line-height: 140%;
	background: url("../common/images/icon_arrow.gif") no-repeat 0px 0px;
}

.sidesearch{
	width: 144px;
	margin:18px 12px 0 12px;
	padding-bottom:6px;
}
.sidesearch_btn,.sidesearch_input{
	float:left;
}
.sidesearch_input {
	width: 100px;
	height: 16px;
	border: 1px solid #999;
	margin: 0 3px 0 0;
}

.sidebanner{
	width: 144px;
	margin-top:18px;
	padding-bottom:6px;
	padding-left:12px;
}
.sidebanner IMG{
	margin-bottom:6px;
}
.sidebanner a:hover { text-decoration: none; background-color: #FFF; }



/* ---------- QRコード ---------- */

#qrBox{
	margin:12px 0 0 12px; 
	width:144px; 
	border:1px solid #CCC;
}
#qrTxt{
	margin:0 6px 6px 6px; 
	color:#666;
}



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

#main_l{
	width: 600px;
	float: right;
}

#main{
	width: 528px;
	margin:12px 0;
	padding:12px 36px;
	background: url("../common/images/dotline_h.gif") left top repeat-y;
}

#main .data{
	font-size:x-small;
}

#main .subnavi{
	text-align:right;
}
#main .linkback{
	margin: 36px 0 0 0;
	padding: 0 0 0 16px;
	line-height:140%;
	background: url("../common/images/icon_back.gif") no-repeat 0px 0px;
}


#main H2{
	font-size:1.35em;
	margin: 0 0 32px 0;
}
#main H3{
	font-size:small;
	margin: 24px 0 12px 0;
}
#main H4{
	font-size:small;
	margin-bottom:2px;
}
#main P{
	margin-bottom:18px;
}
#main P.question{
	margin-bottom:0;
	color:#C33; 
	font-weight:bold; 
}

#main a.arrowR{
	padding: 0 0 0 18px;
	margin: 0px 0px 12px 2px;
	background: url("../common/images/icon_arrow3.gif") no-repeat 0px 0px;
}
#main a.arrowR:hover{
	background-color:#600;
}



/* ---------- メイン部分リスト ---------- */

#main ul {
	margin: 0;
	padding: 0;
}
#main li{
	padding: 0 0 0 16px;
	margin: 0px 0px 12px 2px;
	list-style: none;
	line-height: 140%;
	background: url("../common/images/icon_dot.gif") no-repeat 0px 0px;
}

#main ul.text {
	margin: 0;
	padding: 0;
}
#main ul.text li{
	padding: 0 0 0 16px;
	margin: 0px 0px 12px 2px;
	list-style: none;
	line-height: 160%;
	background: url("../common/images/icon_dot.gif") no-repeat 0px 2px;
}

#main ul.nomargin {
	margin: 0 0 18px 0;
	padding: 0;
}
#main ul.nomargin li{
	padding: 0 0 0 16px;
	margin: 0px 0px 6px 2px;
	list-style: none;
	line-height: 140%;
	background: url("../common/images/icon_dot.gif") no-repeat 0px 0px;
}

#main ul.linkshu {
	margin: 0 0 18px 0;
	padding: 0;
}
#main ul.linkshu li{
	padding: 0 0 0 16px;
	margin: 0px 0px 0px 2px;
	list-style: none;
	line-height: 160%;
	background: url("../common/images/icon_dot.gif") no-repeat 0px 0px;
}

#main ul.numList {
	margin: 0 0 18px 0;
	padding: 0;
}
#main ul.numList li{
	padding: 0 0 0 0;
	margin: 0px 0px 0px 24px;
	line-height: 160%;
	list-style-type:decimal;
	background: none;
}



/* ---------- main_Box ---------- */

.TwoBoxL{
	width:246px; 
	margin-right:36px; 
	margin-bottom:18px; 
	float:left;
}

.TwoBoxR{
	width:246px; 
	margin-bottom:18px; 
	float:left;
}



/* ---------- top page ---------- */

#boxlink a{ 
	width: 244px;
	border:1px solid #CCCCCC; padding: 3px; text-decoration: none; color: #333;}
#boxlink a:hover { border:1px solid #999; text-decoration: none; background-color: #999; color:#FFF; }



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

table#footer{
	clear: both;
	width: 768px;
	margin: 0;
	padding: 0;
	border-top:1px solid #CCC;
}
table#footer2{
	clear: both;
	width: 768px;
	margin: 0;
	padding: 0;
}

td.foot_menu a, td.address a{ text-decoration: none; color: #333;}
td.foot_menu a:hover, td.address a:hover { text-decoration: none; background-color: #600; color:#FFF; }

td.foot_menu{
	padding:6px 12px 0 12px;
}

td.pagetop{
	font-size:xx-small;
	padding:6px 12px 0 12px;
	text-align:right;
}

td.pagetop a{ border:1px solid #CCCCCC; padding: 1px; text-decoration: none; color: #333;}
td.pagetop a:hover { border:1px solid #999; text-decoration: none; background-color: #999; color:#FFF; }

td.address, td.copyright{
	font-size:x-small;
	line-height:160%;
	padding:12px;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka, sans-serif;
}

td.copyright{
	vertical-align:bottom;
	text-align:right;
	color:#666;
}



/* ---------- 常設展トップなど ---------- */

.tenjiBox{
	width:528px;
}
.tenjiBoxImg{
	width:188px; 
	text-align:right;
	float:right; 
}
.tenjiBoxTxt{
	width:340px; 
	float:right;
}



/* ---------- 特別展時トップなど ---------- */

.tokubetsuBox{
	padding-top:18px;
}
.tokubetsuBoxImg{
	width:104px;
	margin:0 18px 0 0; 
	float:left; 
	text-align:center;
}
.tokubetsuBoxTxt{
	width:406px; 
	float:left;
}



/* ---------- ページのトップへ ---------- */

.pagetopBox{
	width:528px;
	height:20px;
	margin-bottom:18px;
	padding-top:24px;
	font-size:xx-small;
	text-align:right;
	background: url(../common/images/dotline_w.gif) left bottom repeat-x;
}

.pagetopBox a{ text-decoration: none; color: #666;}
.pagetopBox a:visited { text-decoration: none; color:#666; }
.pagetopBox a:active { text-decoration: none; color:#666; }
.pagetopBox a:hover { background-color: #999; color:#FFF; }



/* ---------- 2段組 ---------- */

.box2L{
	width:264px; 
	float:left;
}



/* ---------- 博物館で働く人 ---------- */

.hatarakuBox{
	width:528px;
}
.hatarakuBoxImg{
	width:72px; 
	float:left;
}
.hatarakuBoxTxt{
	width:456px; 
	float:left;
}



/* ---------- 先生と生徒 ---------- */

.seito{
	background-color:#FFFFBB;
}
.seitoBox{
	margin:0 0 12px 0;
 	background-color:#FFF;
}
.seitoBoxTop{ width:528px; height:8px; background:url(../images/seitoBox_top.gif) no-repeat top left;}
.seitoBoxBottom{ width:528px; height:8px; background:url(../images/seitoBox_bottom.gif) no-repeat top left;}

.seitoBoxMainTitle{
	margin:0;
	padding:6px 18px;
	text-align:center;
}

.seitoBoxMainTitle{
	margin:0;
	padding:6px 18px;
	text-align:center;
}

.seitoBoxMain{
	margin:0;
	padding:6px 24px;
}
.seitoBoxMainImg{
	margin-left:24px;
	float:right;
}
.seitoBoxMain .subtitle{
	color:#C33;
}
.seitoBoxMain A.subtitle{
	color:#C33;
}
.seitoBoxMain A:hover.subtitle{
	color:#FFF;
}
.seitoBorder{
	margin:18px 0; 
	height:6px; 
	background-color:#FFFFBB;
}

.seitoSubBox{
	margin-bottom:0;
	width:480px;
}
.seitoSubBoxImgR{
	width:152px; 
	margin-left:24px; 
	float:right;
}
.seitoSubBoxImgL{
	width:170px; 
	float:left;
}
.seitoSubBoxTextR{
	width:310px; 
	float:left;
}



/* ---------- 交通マップ ---------- */

.access{
	width:492px; 
	margin-top:3px; 
	text-align:right; 
	font-size:x-small;
}