@charset "UTF-8";
/* 外部CSSファイル ＠福井県立恐竜博物館WebSite  */
@import "external_link.css";

/* タグのデフォルト */
body	{
	font-size: 92% ; padding: 8px 8px 0 8px ; margin: 0 ;
	background:  ;
	font-family: 'Trebuchet MS',Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}
a img	{ border: none ; }
h1	{ text-align: center ; margin: 0 ; padding: 5px ; }
h2	{ margin: 0 ; padding: 5px ; }
strong { font-weight: bolder ; color: #f00 ; margin: 0 0.25em ; }


/* 配色 */
body { background: #fff url("walkingwhale_bg.jpg") repeat-y fixed left top ;
	color: #0f0f0f ; }
a:link    { color: #0000ff ; }
a:visited { /* color: #800080 ;*/ color: #0000ff ; }
a:hover   { color: #ff0000 ; }
a:active  { color: #ff0000 ; }
h2 { background-color: #f9f9ff ; border-bottom: thin solid #c00 ; }
table.data td, table.eventdata td
	{ background-color: #ffffd9 ; color: #000000 ; }
table.data th, table.eventdata th
	{ background-color: #003398 ; color: #f0f0f0 ; }

/* 構成の部 */
div#frame { width: 720px ; text-align: left ; margin-left: 8px ; }
div#navi { text-align: right ; font-size: 12px ; }
div#topnavi { text-align: center ; margin-bottom: 8px ; }
div.maintitle { text-align: center ; }
div.maintitle td { text-align: left ; }
div#foreword { text-align: center ; font-size: 110% ; line-height: 1.5 ; }
table.data, table.eventdata {
	border-collapse: collapse ; empty-cells: hide ;
	border: solid 1px #ccc ;
}
table.data th, table.eventdata th { padding: 0 1em ; white-space: nowrap ; }
table.data td, table.eventdata td { padding: 5px ; }
table.eventdata { margin: 1em auto ; width: 512px ; }
table.data { margin: 0.8em 0 ; }
div.content { margin: 0.5em 5em ; }
div.content p { text-indent: 1em ; }
div#Ambulocetus { text-align: center ; }
div#natans { width: 480px ; text-align: left ; margin: 0 auto ; border: solid 1px #3272d7 ; background-color: #fff ; }
div#Ambulocetus dl {  text-align: left ; margin: 0 ; padding: 0 0 8px 20px ; }
div#Ambulocetus dt { display: none ; }
div#Ambulocetus dd, div#Ambulocetus dd p { margin: 0 ; font-size: 86% ; }

.notice { font-size: 86% ; }
.bigsize { font-size: 115% ; font-weight: bolder ; }

/* 料金表 */
table.feetable {
	color: black ; border: solid 2px #000 ;
	border-collapse: collapse ; empty-cells: hide ;
}
table.feetable th, table.feetable td {
	border: solid 1px #000 ;  padding: 3px 3px 3px 0.5em ;
	text-align: center ;
}
table.feetable tr.thead th {
	background-color: #fff0de ; border-bottom: solid 2px #000 ;
}
table.feetable .individual { background-color: #e5fff7 ; }
table.feetable .group { background-color: #ffffd9 ; padding: 3px 4px ; }
table.feetable td.rowspan { background-color: #e7ffd5 ; }
table.feetable th.small { font-size: 94%; }
.feeinfo { margin: 0 1em 1em 2em ; font-size: 94% ; }

/* フッタ */
div#footer	{
	margin: 2px 0px 0px 0px ; padding: 1px 0px ;
	font-size: 12px ; font-family: "Trebuchet MS", Arial, Sans-Serif;
	color: #fff ; background-color: #003398 ;
	text-align: center ; clear: both ;
}

/* --- 特別展関連ニュースのリスト --- */
div#newslist { margin-bottom: 12px ; }
div#newslist dl { padding-left: 2em ; margin: 0 4em ; }
div#newslist dl dt { display: list-item ; }
div#newslist dl dd {
	position: relative ; left: 4.8em ; top: -1.2em;
	margin-bottom: -0.6em ; padding: 0 ; margin-right: 5em ; 
}
div.kochirao { text-align: right ; font-size: 86% ; }

/* --- 特別展関連ニュースのページ --- */
div#frame.news h2:before { content: "■" }
div.datestamp { text-align: right ; font-size: 94% ; margin: 0 0 4px 0 ; }
div.news_item p { line-height: 1.3em ; text-indent: 1em ; margin: 0 0 0.5em 2em ; }
div.return { clear: right ; text-align: right ; font-size: 86% ; }

/* --- 特別展写真館のページ --- */
div.photoframe, div.spex_data {
	width: 330px ; margin: 1em 8px ; padding: 0 0 5px 0 ;
	font-size: 86% ; text-align: center ; float: left ;
	background-color: #fff ; color: #333 ;
	border-right: 1px solid #333 ; border-bottom: 1px solid #333 ;
}
div.photoframe img.picture {
	width: 320px ;  margin: 5px ; padding: 0 ;
}
div.spex_data { background-color: #000 ; color: #fff ; border: none ; padding: 5px ; }
br.cr { clear: both ; }

/* -- コーナーガイド -- */
div#frame.cornerguide h2 { margin-bottom: 8px ; }
div.corner_map { float: left ; width: 200px ; }
div.descript_specimens { float: right ; width: 500px ; }
img.map_zoomup { float: left ; margin: 0 1em 1em 0 ; }
div#frame.cornerguide dt { border-bottom: thin solid #c00 ; font-weight: bold ;  margin-bottom: 4px ; }

div.thanks {
	background-color: #c00 ; margin: 0.5em ; padding: 0.5em ;
	text-align: center ; font-size:20px ; font-weight: bold ; color: white ;
}