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

body	{
	font-size: 92% ; padding: 0 ; margin: 0 ;
	background-color: #000000 ; color: #ccc ;
	background-image: url("background_color.png");
}
/* タグのデフォルト */
a:link		{ color: #ccc ; /* color: #9999ff ; */ }
a:visited	{ color: #ccc ; /* color: #9966ff ; */ }
a:hover		{ color: #ff6666 ; }
a:active	{ color: #ff6666 ; }
a img { border: none ; }
h1 {
	font-size: 121% ; 
	margin: 1em 0 0 0 ; padding: 10px 0 0 14px ; height: 42px ;
	background: url("h1_bg.png") no-repeat ;
}
h2 {
}
strong { font-weight: bolder ; color: #f66 ; margin: 0 0.25em ; }
.cr { clear: both ; }

/* 構成の部 */
div#maintitle { line-height: 0 ; }
div#maintitle img { border: none ; }
div#container	{
	width: 840px ; padding: 0 ; margin: 0 ;
	background-color: inherit ; color: inherit ;
	background-image: url("background_body.png");
	line-height: 0 ; 
}
div#content {
	line-height: 1.4 ; 
	margin: 8px 0 16px 16px ; padding: 0 ; float: left ; width: 600px ;
}
/* 右列のメニュー部 */
div#menu {
	margin: 8px 0 0 0 ; padding: 0 ; float: left ; width: 192px ;
	line-height: 0 ; text-align: center ;
/*	border: solid 1px red;	*/
}
div#menu ul { margin: 0 ; padding: 0 ; }
div#menu ul li { display: block ; margin: 0 0 4px 0 ; padding: 0 ; }
/* ページ上部の飛び出るタブ */
div#navi { position: absolute ; top: 27px ; left: 560px; }
/* Content部の両側のすき間 */
div.maintext { padding: 0 8px ; }
/* 右上メニュー部ニュース */
div.menu_newstitle {
	background-image: url("menu_newstitle_bg.png");
	line-height: 1 ; border: solid 1px #483936 ; border-bottom: none ;
	margin: 0 12px 0 12px ; padding: 2px ; text-align: left ;
	font-weight: bolder ; font-size: 92% ; color: #483936 ;
}
div#news	{
	text-align: left ; font-size: 81% ; line-height: 1.2 ;
	margin: 0 12px 4px 12px ; padding: 0 4px 4px 2px ;
	border: solid 1px #483936 ;
}
div#news dl { margin: 0 ; }
div#news dl dt { font-weight: bold ; }
div#news dl dd { margin: 0 0 4px 1em ; }
div#news div.recentnews { font-size: 81% ; text-align: right ; margin: -0.5em 0 0 0 ; }
/* フッタ */
div#footer	{
	margin: 0 0 0 6px ; padding: 1px 0px ; width: 800px ;
	font-size: 12px ; font-family: "Trebuchet MS", Arial, Sans-Serif;
	color: #fff ; background-color: #003398 ;
	text-align: center ; clear: both ;
}
/* 料金表 */
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 { padding: 0 ; margin: 0.5em 0 0.5em 1em ; font-size: 0.9em ; }
.feeinfo li { margin-left: 1em ; }
table.feetable caption { color: #ccc ; }
/* 表の表現形式 */
table.data {
	border-collapse: collapse ; empty-cells: hide ;
	border: solid 2px #fff ; margin: 0 0 0.8em 0 ;
}
table.data th { background-color: #213627 ; color: #cccccc ; padding: 0 1em ; white-space: nowrap ; }
table.data td { background-color: #0c090b ; color: #cccccc ; padding: 5px ; }

table.data dl dt { font-weight: bold ; }
/* --- 特別展写真館のページ --- */
div.photoframe, div.spex_data {
	width: 260px ; margin: 1em 16px ; padding: 0 0 5px 0 ;
	font-size: 80% ; text-align: center ; float: left ;
}
div.photoframe {
	border-right: 1px solid #333 ; border-bottom: 1px solid #333 ;
	background-color: #fff ; color: #333 ;
}
div.photoframe img.picture { width: 250px ; margin: 5px 5px 0 5px ; padding: 0 ; }
div.spex_data { }
div.pictureHolder { color: #0c090b ; }
div.navi { font-size: smaller ; text-align: center ; }
p.pp_description { color: #000000 ; font-size: 92% ; } /* prettyPhoto 説明文 */
/* --- 特別展ニュースのページ --- */
div.newsdate { font-size: 86% ; text-align: right ; padding: 0 0 4px 0 ; }
.img_R	{ float: right ; margin: 0 0 4px 4px ; }
div.onenews p { margin: 0 0 1em 8px ; text-indent: 1em ; line-height: 1.6 ; }
/* --- 展示ゾーンのページ --- */
.img_L { font-size: 82% ; text-align: center ;  float: left  ; margin: 0 4px 4px 0 ; }
.guide_content { padding-left: 158px ; }
.guide_content dd ul { margin: 0 ; padding:0 ; }
div.imgcaption {
	font-size: 82% ; text-align: center ;
	float: left  ; margin: 0 4px 4px 0 ; padding: 0 :
}










div.header3 {
	font-size: 120% ; font-weight: bold ;
	margin: 0 0 8px 0 ; padding: 4px ;
}
/* メニュー下部のバナー欄 */
.banners	{ text-align: right ;line-height: 1.2 ; }

div#introduction { }
div#introduction p { text-indent: 1em ; line-height: 1.6 ; margin: 1em .5em 1em 1.5em ; }
div.topic_btn { text-align: center ; }
div.logoimage { text-align: right ; }

/* --- 展示ゾーンのページ --- */
th#bg_sea, th#bg_land, th#bg_zetumetu, th#bg_mammal { color: #fff ; }
th#bg_sea { background: url("bg_sea.jpg") 50% 50% #0c090b ; }
th#bg_land { background: url("bg_land.jpg") 50% 50% #0c090b ; }
th#bg_zetumetu { background: url("bg_zetumetu.jpg") 50% 50% #0c090b ; }
th#bg_mammal { background: url("bg_mammal.jpg") 50% 50% #0c090b ; }
a.small_link { font-size: smaller ; }

div#foreword {
	font-size: 110% ; line-height: 1.5 ;
}
div#content p { text-indent: 1em ; }

.notice { font-size: 0.9em ; text-align:right;margin:0 0 1em 0; }
.bigsize { font-size: 120% ; font-weight: bolder ; }


/* ページ上部にジャンプ */
div.return2top { text-align: right ; font-size: 82% ; clear: both ; }

/* 1行DLの設定 */
dl.oneline dt, dl.oneline4 dt { font-weight: bolder ; }
dl.oneline dt:after, dl.oneline4 dt:after { content: "： " }
dl.oneline dd { line-height: 1.4em ; margin: -1.5em 0 0.5em 2.8em ; }
dl.oneline4 dd { line-height: 1.4em ; margin: -1.4em 0 0.5em 4.7em ; }

table.galerydata {
	border-spacing: 1 ; border-collapse: collapse ; width: 545px ;
	padding: 2px ; margin: 3px ;
}
table.galerydata th, table.galerydata td
	{ padding: 10px 0 4px 4px; }

table.galerydata th { background-color: #f90 ; border: solid 2px #fff ; }
table.galerydata td { background-color: #fff ; border: solid 2px #fc0 ; }

div.wakuwaku {
	background-color: #000 ; color: #ccc ; margin: 4px ;
}
div.thanks {
	background-color: #bf0310 ; margin: 0.5em 0 .5em 12px ; padding: 0.5em ;
	text-align: center ; font-size:20px ; font-weight: bold ; color: white ;
}