@charset "Shift_JIS";

/*--------------------------------------------------------------------
cssの初期化
--------------------------------------------------------------------*/
* {margin:0; padding:0; border:0; font-size:100%; font-weight:normal; font-style:normal;}

/*--------------------------------------------------------------------
ページ共通部分
--------------------------------------------------------------------*/
/*タグの設定 */
body {margin-bottom:1px; overflow-y:scroll; color:#000; font-size:small; background:#fff;}
body:before {content:""; display:block; position:absolute; z-index:0; top:0; left:0; width:100%; height:100px; border-bottom:6px #000 solid;
  background:-webkit-linear-gradient(top, #f8f8f6 0%, #eeedeb 100%);
  background:linear-gradient(to bottom, #f8f8f6 0%, #eeedeb 100%);}
a {outline:none; color:#005bcc; text-decoration:underline;}
a:hover {text-decoration:none;}
p, dl, ul {line-height:1.5;}
ul {list-style-type:none;}
table {border-collapse:collapse;}
table td {vertical-align:top;}

/*--container-------------------------------*/
#container {position:relative; z-index:10; width:900px; margin:0 auto;}

/*--header-------------------------------*/
#header {position:relative; overflow:hidden; height:95px;}
#header h1 {padding:24px 0 0;}
#header h1 img {width:320px;}
#header ul {position:absolute; right:10px; top:10px; font-size:93%;}
#header li {display:inline-block; margin-left:1em;}
#header a {text-decoration:none; color:#000;}
#header li a:before {content:""; display:inline-block; margin-right:.2em; border:3px transparent solid; border-left:4px #000 solid; vertical-align:10%;}
#header li a:hover {color:#005BCC;}

/*--wrapper-------------------------------*/
#wrapper {clear:both; width:900px; margin-top:11px; overflow:hidden; background:url(../../images/container.gif) repeat-y 0 0;}

/*--main-------------------------------*/
#main {float:right; width:615px; padding:14px 20px 30px 0;}

/*--footer-------------------------------*/
#footer {clear:both; padding-top:2px; background:#eeeeee url(../../images/footer.gif) repeat-x 0 0;}

/* topFooter */
#footer #topFooter {position:relative; width:880px; margin:0 auto; padding:12px 10px 0 10px; letter-spacing:1px; overflow:hidden; border-top:10px solid #eeeeee; border-bottom:10px solid #eeeeee;}
#footer #footerInfo1 {float:left; width:499px; background:url(../../images/footer_line.gif) repeat-y right top;}
#footer #footerInfo1 h3 {float:left; width:151px; font-size:110%; letter-spacing:2px;}
#footer #footerInfo1 div {float:left; width:318px; padding:0 15px;}
#footer #footerInfo1 p {padding-bottom:10px;}
#footer #footerInfo2 {float:left; width:341px; padding:16px 10px 0 30px;}
#footer #footerInfo2 p {padding-bottom:11px;}
#footerInfo3 {clear:both; padding-left:166px; line-height:1.5; padding-top:1em;}

/* bottomFooter */
#footer #bottomFooter {clear:both; color:#e4e4e4; background:#232323 url(../../images/footer.gif) repeat-x 0 0;}
#footer #bottomFooterBox {width:900px; margin:0 auto; padding-bottom:7px;}
#footer #footerMenu {padding:7px 15px 0 0; 
}
#footer #footerMenu ul {word-break:normal;}
#footer #footerMenu ul li {display:block; float:left; font-size:90%; line-height:2; letter-spacing:2px;}
#footer #footerMenu ul li a {padding:0 0.5em; color:#e4e4e4; text-decoration:none; white-space:nowrap; border-left:1px solid #e4e4e4;}
#footer #footerMenu ul li a:hover {color:#545454;}

address {padding-top:6px; font-size:85%; text-align:right; letter-spacing:1px;}

/*--side------------------------*/
#side {float:left; width:225px; padding:14px 10px 15px 10px;}

/* menu */
#side #menu li p {width:225px; height:40px; margin-bottom:1px; text-indent:-9999px; overflow:hidden;}
#side #menu li p a {display:block; width:225px; height:40px;}
#side #menu li #home a {background:url(../../images/side/side_home_on.gif) no-repeat 0 0;}
#side #menu li #home a.on,
#side #menu li #home a:hover {background:url(../../images/side/side_home_on.gif) no-repeat 0 0;}
#side #menu li #information a {background:url(../../images/side/side_information.gif) no-repeat 0 0;}
#side #menu li #information a.on,
#side #menu li #information a:hover {background:url(../../images/side/side_information_on.gif) no-repeat 0 0;}
#side #menu li #topics a {background:url(../../images/side/side_topics.gif) no-repeat 0 0;}
#side #menu li #topics a.on,
#side #menu li #topics a:hover {background:url(../../images/side/side_topics_on.gif) no-repeat 0 0;}
#side #menu li #outline a {background:url(../../images/side/side_outline.gif) no-repeat 0 0;}
#side #menu li #outline a.on,
#side #menu li #outline a:hover {background:url(../../images/side/side_outline_on.gif) no-repeat 0 0;}
#side #menu li #exhibit a {background:url(../../images/side/side_exhibit.gif) no-repeat 0 0;}
#side #menu li #exhibit a.on,
#side #menu li #exhibit a:hover {background:url(../../images/side/side_exhibit_on.gif) no-repeat 0 0;}
#side #menu li #data a {background:url(../../images/side/side_data.gif) no-repeat 0 0;}
#side #menu li #data a.on,
#side #menu li #data a:hover {background:url(../../images/side/side_data_on.gif) no-repeat 0 0;}
#side #menu li #event a {background:url(../../images/side/side_event.gif) no-repeat 0 0;}
#side #menu li #event a.on,
#side #menu li #event a:hover {background:url(../../images/side/side_event_on.gif) no-repeat 0 0;}
#side #menu li #garden a {background:url(../../images/side/side_garden.gif) no-repeat 0 0;}
#side #menu li #garden a.on,
#side #menu li #garden a:hover {background:url(../../images/side/side_garden_on.gif) no-repeat 0 0;}
#side #menu li #fan a {background:url(../../images/side/side_fan.gif) no-repeat 0 0;}
#side #menu li #fan a.on,
#side #menu li #fan a:hover {background:url(../../images/side/side_fan_on.gif) no-repeat 0 0;}
#side #menu li #research a {background:url(../../images/side/side_research.gif) no-repeat 0 0;}
#side #menu li #research a.on,
#side #menu li #research a:hover {background:url(../../images/side/side_research_on.gif) no-repeat 0 0;}
#side #menu li #press a {background:url(../../images/side/side_press.gif) no-repeat 0 0;}
#side #menu li #press a.on,
#side #menu li #press a:hover {background:url(../../images/side/side_press_on.gif) no-repeat 0 0;}
#side #menu li #stst a {background:url(../../images/side/side_st.gif) no-repeat 0 0;}
#side #menu li #stst a.on,
#side #menu li #stst a:hover {background:url(../../images/side/side_st_on.gif) no-repeat 0 0;}

/*二階層*/
#side #menu ul ul {margin-bottom:1px; padding-bottom:2px; background:#b3b3b3;}
#side #menu ul ul li a {display:block; min-height:16px; height:auto !important; height:16px; padding:10px 10px 5px 35px; color:#ffffff; letter-spacing:1px; text-decoration:none;}
#side #menu ul ul li a.on,
#side #menu ul ul li a:hover {color:#000000;}
#side #menu a[href*="other/"] ~ ul {display:none;}
#side #menu a[href*="other/"].on ~ ul {display:block;}
#side #menu a[href*="other/"] ~ ul a {padding-left:18px;}
#side #menu a[href*="other/"] ~ ul a:before {content:"・"; width:10px; overflow:hidden; margin-left:-10px;}

/*常設展示物*/
#side #menu #permanent li a {padding-left:70px;}
#side #menu #kisouma a {background:url(../../images/exhibit/side/kisouma.jpg) no-repeat 35px center;}
#side #menu #kisouma a.on,
#side #menu #kisouma a:hover {background:url(../../images/exhibit/side/kisouma_on.jpg) no-repeat 35px center;}
#side #menu #hinoki a {background:url(../../images/exhibit/side/hinoki.jpg) no-repeat 35px center;}
#side #menu #hinoki a.on,
#side #menu #hinoki a:hover {background:url(../../images/exhibit/side/hinoki_on.jpg) no-repeat 35px center;}
#side #menu #nobel a {background:url(../../images/exhibit/side/nobel.jpg) no-repeat 35px center;}
#side #menu #nobel a.on,
#side #menu #nobel a:hover {background:url(../../images/exhibit/side/nobel_on.jpg) no-repeat 35px center;}
#side #menu #radiolarian a {background:url(../../images/exhibit/side/radiolarian.jpg) no-repeat 35px center;}
#side #menu #radiolarian a.on,
#side #menu #radiolarian a:hover {background:url(../../images/exhibit/side/radiolarian_on.jpg) no-repeat 35px center;}
#side #menu #kamiasou a {background:url(../../images/exhibit/side/kamiasou.jpg) no-repeat 35px center;}
#side #menu #kamiasou a.on,
#side #menu #kamiasou :hover {background:url(../../images/exhibit/side/kamiasou_on.jpg) no-repeat 35px center;}
#side #menu #gravity a {background:url(../../images/exhibit/side/gravity.jpg) no-repeat 35px center;}
#side #menu #gravity a.on,
#side #menu #gravity :hover {background:url(../../images/exhibit/side/gravity_on.jpg) no-repeat 35px center;}
#side #menu #xray a {background:url(../../images/exhibit/side/xray.jpg) no-repeat 35px center;}
#side #menu #xray a.on,
#side #menu #xray :hover {background:url(../../images/exhibit/side/xray_on.jpg) no-repeat 35px center;}
#side #menu #moulages a {background:url(../../images/exhibit/side/moulages.jpg) no-repeat 35px center;}
#side #menu #moulages a.on,
#side #menu #moulages :hover {background:url(../../images/exhibit/side/moulages_on.jpg) no-repeat 35px center;}
#side #menu #takaki a {background:url(../../images/exhibit/side/takaki.jpg) no-repeat 35px center;}
#side #menu #takaki a.on,
#side #menu #takaki :hover{background:url(../../images/exhibit/side/takaki_on.jpg) no-repeat 35px center;}
#side #menu #eie a {background:url(../../images/exhibit/side/eie.jpg) no-repeat 35px center;}
#side #menu #eie a.on,
#side #menu #eie :hover {background:url(../../images/exhibit/side/eie_on.jpg) no-repeat 35px center;}

/*三階層*/
#side #menu ul ul ul {margin:0 10px 0 35px; overflow:hidden;}
#side #menu ul ul ul li a {padding:5px 0 0 15px;}
#side #menu ul ul a[href*="other"] ul li a {}

/*野外観察園の四季*/
#side #menu ul ul #month {margin:2px 10px 5px 32px;}
#side #menu ul ul #month li {float:left; width:61px;}
#side #menu ul ul #month li a {display:inline; padding:0 5px;}

/* banner */
#side #banner {padding-top:30px;}
#side #banner li {width:225px; height:70px; margin-bottom:15px; text-indent:-9999px; overflow:hidden;}
#side #banner li a {display:block; width:225px; height:70px;}
#side #banner #campus a {background:url(../../images/side/side_campus.jpg) no-repeat 0 0;}
#side #banner #earth a {background:url(../../images/side/side_earth.gif) no-repeat 0 0;}
#side #banner #micro a {background:url(../../images/side/side_micro.gif) no-repeat 0 0;}
#side #banner #botanical a {background:url(../../images/side/side_botanical.jpg) no-repeat 0 0;}
#side #banner #zuroku a {background:url(../../images/side/side_zuroku.jpg) no-repeat 0 0;}
#side #banner #tantei a {background:url(../../images/side/side_tantei.jpg) no-repeat 0 0;}
#side #banner #satellite a {background:url(../../images/side/side_satellite.gif) no-repeat 0 0;}
#side #banner #frc a {background:url(../../images/side/side_frc.jpg) no-repeat 0 0;}
#side #banner #microyousu a {background:url(../../images/side/side_yousu.jpg) no-repeat 0 0;}
#side #banner li a:hover {filter:alpha(opacity=80); opacity:.80; -moz-opacity:.80;}

/* banner link */
#side #link li {width:225px; height:70px; margin-bottom:15px; text-indent:-9999px; overflow:hidden;}
#side #link li a {display:block; width:225px; height:70px;}
#side #link #nanzan a {background:url(../../images/side/side_nanzanmoa.jpg) no-repeat 0 0; text-indent:-9999px;}
#side #link li a:hover {filter:alpha(opacity=80); opacity:.80; -moz-opacity:.80;}


/*--------------------------------------------------------------------
ページ内共通利用
--------------------------------------------------------------------*/
/*ページタイトル*/
#main h2 {width:615px; height:58px; margin-bottom:10px; text-indent:-9999px; overflow:hidden;}

/*中タイトル*/
#main h3 {clear:both; width:590px; min-height:20px; height:auto!important; height:20px; margin:20px 0 10px ; padding:8px 10px 5px 13px; font-size:medium; letter-spacing:4px; background:url(../../images/tool/label.gif) no-repeat left bottom; border:1px solid #e4e4e4;}
#main h3 span {color:#2258e1; font-weight:bold;}

/*小タイトル*/
#main h4 {clear:both; margin:20px 5px 5px; padding-bottom:5px; font-weight:bold; letter-spacing:1px; border-bottom:1px solid #333;}
#main h4 span {font-weight:bold;}
#main h5 {clear:both; margin:15px 5px 5px; line-height:1.5;}

/*テキスト*/
.red {color:#ff0000;}
.bold {font-weight:bold;}
.redbold {color:#ff0000; font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.through {text-decoration:line-through;}
.right {display:block; text-align:right;}
a.externalLink {padding-left:15px; text-decoration:none; background:url(../../images/tool/link_arrow.gif) no-repeat left center;}
a.externalLink:hover {text-decoration:underline; background:url(../../images/tool/link_arrow_on.gif) no-repeat left center;}
.new {padding-left:7px; color:#ff0000;}

/*location(パンくず)*/
#location {padding:0 2px; text-align:right;}
#location a {text-decoration:none;}
#location a:hover {text-decoration:underline;}

/* return(前のページに戻る/このページの最初へ) */
.return {clear:both; margin-top:15px; overflow:hidden;}
.return p {float:right;}
.return .back {float:right; padding-left:18px;}
.return .top {float:right; margin-left:15px; padding-left:14px;}
.return a {display:block; text-decoration:none;}
.return .back a {margin-left:-18px; padding-left:18px; background:url(../../images/tool/go_back.gif) no-repeat left center;}
.return .top a {margin-left:-14px; padding-left:14px; background:url(../../images/tool/go_to.gif) no-repeat left center;}
.return .back a:hover {background:url(../../images/tool/go_back_on.gif) no-repeat left center;}
.return .top a:hover {background:url(../../images/tool/go_top_on.gif) no-repeat left center;}

/*--------------------------------------------------------------------
トップページ
--------------------------------------------------------------------*/
#tempNews {margin:30px 0 15px; padding:.6em 0; line-height:1.5; overflow:hidden; zoom:1;}

/* attention（注目のニュース）*/
#attention {width:615px;}
#attention h2 {height:30px; margin-bottom:0; text-indent:-9999px; overflow:hidden; background:url(../../images/index/attention_label.gif) no-repeat right top;}
/#attention img:hover {filter:Alpha(opacity=90); -moz-opacity:.9; opacity:.9;}

/*イベント情報*/
/*右*/
#attention #attentionEvent {float:left; width:265px; padding:0 16px 20px 17px;}
#attention #attentionEvent h4 {margin:0 0 10px 0; border:none;}
#attention #attentionEvent table {width:100%; margin:10px auto; background:#ffffff; border:1px solid #d1d1d1; margin:10px 5px 0 5px;}

/*下*/
#attention #attentionEventBottom {clear:both; width:100%; padding:0 16px 20px 17px; overflow:hidden;}
#attention #attentionEventBottom h4 {width:560px; margin:0 0 10px; padding-top:15px; border:none; border-top:1px solid #d1d1d1;}
#attention #attentionEventBottom table {float:left; width:265px; margin:10px 5px; background:#fff; border:1px solid #d1d1d1; margin:10px 5px 0 5px;}
#attention table th,
#attention table td {padding:5px 10px; line-height:1.6; border:1px solid #d1d1d1;}
#attention .topsanmai img {width:178px; margin:0 10px 20px;}

/* eventNews（イベントニュース）*/
#eventNews {width:615px; padding-top:20px;}
#eventNews h2 {width:615px; height:35px; margin-bottom:0; text-indent:-9999px; overflow:hidden; background:url(../../images/index/event_news_label.gif) no-repeat 0 0;}
#eventNews li {padding:11px 5px 3px; border-bottom:1px solid #dbdbdb;}
#eventNews li span.date {padding-left:12px; color:#333; font-size:80%; letter-spacing:1px;}
#eventNews li a {color:#f00; padding-bottom:10px;}
#eventNews li .newsInfo {padding-top:7px;}
#eventNews .year {font-weight:bold;}
/*2日開催*/
.twodays_l{height:4.8em; width:20em; margin-bottom:-4.8em;}
.twodays_r{height:4.8em; margin:-7px 0 0 20em; padding:0!important;}
.twodays_l span, .twodays_r span{font-weight:bold; display:block; color:#555;}

/* museumNews（博物館ニュース）*/
#museumNews {width:615px; padding:20px 0 30px 0;}
#museumNews h2 {width:615px; height:35px; margin-bottom:0; text-indent:-9999px; overflow:hidden; background:url(../../images/index/museum_news_label.gif) no-repeat 0 0;}
#museumNews li {padding:11px 5px 3px; border-bottom:1px solid #dbdbdb;}
#museumNews li span.date {padding-left:12px; color:#333; font-size:80%; letter-spacing:1px;}
#museumNews li a {padding-bottom:10px;}
#museumNews li .newsInfo {padding-top:7px;}

/*--------------------------------------------------------------------
利用案内
--------------------------------------------------------------------*/
/*ページタイトル*/
#information h2 {background:url(../../images/information/information_title.gif) no-repeat right top;}

/*開館情報*/
#information #guide p {padding:5px 5px 10px; background:url(../../images/tool/dotted.gif) repeat-x left bottom;}

/*館内情報*/
#information #guide ul {padding:5px; background:url(../../images/tool/dotted.gif) repeat-x left bottom;}
#information #guide ul li {padding-bottom:10px;}

/*--------------------------------------
利用案内｜アクセス
--------------------------------------*/
/*館内情報*/
#information #access dl {margin:10px 10px 0; padding-bottom:5px; background:url(../../images/tool/dotted.gif) repeat-x left bottom;}
#information #access dd {padding-bottom:5px;}
#information #access dd p {display:block; padding-top:5px;}
#information #access dd#map {padding:5px 0 10px;}
#information #access dd#map img {border:1px solid #dbdbbb;}
#information #access dd#map p {font-size:90%; letter-spacing:1px;}

/*--------------------------------------
利用案内｜標本資料の利用
--------------------------------------*/
/*標本資料の利用*/
#information #use p {padding:5px;}

/*利用上の注意点*/
#information #notesList {margin:5px; padding:0 10px; border:1px solid #dbdbdb;}
#information #notesList h5 {font-weight:bold; text-decoration:underline;}
#information #notesList ul {padding:5px;}
#information #notesList ul li {padding-bottom:5px
}

/*申込手続きの流れ*/
#information #use .flow {margin:15px 5px 25px; padding:0 10px 5px; border:1px solid #dbdbdb;}
#information #use .flow h5 {margin-left:0; color:#2258e1; font-size:110%; font-weight:bold; letter-spacing:1px;}
#information #use .flow ul {padding:5px 5px 0;}
#information #use .flow ul li {padding-bottom:5px;}
#information #use .flow .document {width:100%; padding:5px 0; overflow:hidden;}
#information #use .flow p {float:left;}
#information #use .flow img {padding-right:5px; vertical-align:middle; background:#ffffff;}
#information #use .flow dl {clear:both; margin:0 10px; padding-top:10px; background:url(../../images/tool/dotted.gif) repeat-x 0 0;}
#information #use .flow dt {padding-bottom:10px; font-weight:bold; letter-spacing:1px;}
#information #use .flow dd {padding-bottom:5px;}

/*--------------------------------------
利用案内｜博物館への寄贈（学内向）
--------------------------------------*/
#information #donation p {padding:5px;}
#information #donation ul {padding:5px 5px 0;}
#information #donation li {padding-bottom:5px;}

/*--------------------------------------
利用案内｜学芸員資格（学内向）資格取得希望者へ
--------------------------------------*/
#information #certify p {padding:5px;}
#information #certify ul {padding:5px;}

/*表*/
#information #certify table {width:98%; margin:10px auto; border:1px solid #b3b3b3;}
#information #certify table th,
#information #certify table td {padding:5px; line-height:1.6; border:1px solid #b3b3b3;}
#information #certify table th {background:#e8eefc;}
#information #certify table #th {width:18%;}
#information #certify table .number {text-align:center; vertical-align:middle;}

/*--------------------------------------
利用案内｜学芸員資格（学内向）博物館に関する科目
--------------------------------------*/
#information #subject h5 {margin-top:10px; font-weight:bold;}
#information #subject .subjectText {padding:5px;}
#information #subject ul {padding:0 5px;}
#information #subject ul li {padding:10px 0 5px; border-bottom:1px solid #dbdbdb;}
#information #subject ul li span {font-weight:bold;}
#information #subject img {float:right; margin:0 5px 10px 15px;}

/*博物館実習１〜３についての注意点*/
#information #subject #practiceNote {margin:10px 5px; padding:5px 10px; border:1px solid #dbdbdb;}
#information #subject #practiceNote ul {padding-top:5px;}
#information #subject #practiceNote ul li {padding-top:0; border:none;}

/*--------------------------------------
利用案内｜大学院での研究希望者へ
--------------------------------------*/
#information #study .studyText {padding:5px;}
#information #study h4 a {padding-left:2px; font-weight:bold;}
#information #study h4 span {padding-left:20px;}
#information #study .application {margin-top:-28px; padding:0 10px; text-align:right;}
#information #study ul {padding:15px 10px 5px;}
#information #study li {padding-bottom:5px;}

/*--------------------------------------
利用案内｜団体利用
--------------------------------------*/
#information #group p {padding:5px;}

/*申込手続きの流れ*/
#information #group .visit {margin:15px 5px; padding:0 10px 5px; border:1px solid #dbdbdb;}
#information #group .visit .document {width:100%; padding:5px 0; overflow:hidden;}
#information #group .visit p {float:left;}
#information #group .visit img {padding-right:5px; vertical-align:middle; background:#ffffff;}
#information #group .visit dl {clear:both; margin:0 10px; padding-top:10px; background:url(../../images/tool/dotted.gif) repeat-x 0 0;}
#information #group .visit dt {padding-bottom:10px; font-weight:bold; letter-spacing:1px;}
#information #group .visit dd {padding-bottom:5px;}

/*--------------------------------------------------------------------
博物館概要 | 目的/ 役割
--------------------------------------------------------------------*/
/*ページタイトル*/
#outline h2 {background:url(../../images/outline/outline_title.gif) no-repeat right top;}

/*目的*/
#outline #purpose p {padding:5px;}
#outline #purpose ul {width:605px; height:49px; margin:10px 0 25px; text-indent:-9999px; overflow:hidden; background:url(../../images/outline/purpose.gif) no-repeat 0 0;}

/*役割*/
#outline #role img {width:605px; margin:10px 5px 0; border:1px solid #dbdbdb;}
#outline #role p {padding:5px 10px 0; font-size:85%; letter-spacing:1px;}

/*--------------------------------------
博物館概要 | 館長挨拶
--------------------------------------*/
#outline #greeting {padding-bottom:10px;}
#outline #greeting p {padding:5px; line-height:1.7;}

/*--------------------------------------
博物館概要 | 職員
--------------------------------------*/
#outline #staff p {padding:5px;}
#outline #staff table {width:98%; margin:10px auto;}
#outline #staff table td {padding:5px; line-height:1.6; border-bottom:1px solid #b3b3b3;}
#outline #staff table td#name {width:60%;}

/*--------------------------------------
博物館概要 | 職員 | 大学職員
博物館概要 | 職員 | 業績リスト
--------------------------------------*/
/*大学職員*/
#outline #academic {padding:0 5px 10px 5px;}
#outline #academic h4 {font-size:120%; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; text-align:right;}
#outline #academic .academicBox {padding-bottom:5px; border-bottom:1px solid #b3b3b3;}
#outline #academic .academicBox p {padding:5px; line-height:1.6;}
#outline #academic .academicBox ul {padding:10px 5px; line-height:1.6;}
#outline #academic .academicBox img {float:right;}

/*業績リスト*/
#outline #academic h5 {margin-top:20px; font-weight:bold;}
#outline #academic dl {padding:0 5px; line-height:1.6;}
#outline #academic dt {padding:5px 5px 0 5px;}
#outline #academic dd {margin-bottom:5px; padding:0 5px 5px 1em; border-bottom:1px solid #b3b3b3;}

/*--------------------------------------
博物館概要 | 名古屋大学博物館規程
博物館概要 | 名古屋大学博物館運営委員会規程
--------------------------------------*/
#outline #rule dl {margin:0 5px;}
#outline #rule dl dt {font-weight:bold; padding:10px 5px 0;}
#outline #rule dl dd {padding:5px;}

/*--------------------------------------
博物館概要 | 博物館報告
--------------------------------------*/
#outline #report table {width:98%; margin:10px auto;}
#outline #report table td {padding:5px; vertical-align:bottom; line-height:1.6; border-bottom:1px solid #b3b3b3;}
#outline #report table td.pdf {width:25%;}
#outline #report table td img {padding-right:5px; vertical-align:text-bottom; background:#ffffff;}

/*--------------------------------------------------------------------
イベント情報
--------------------------------------------------------------------*/
/*ページタイトル*/
#event h2 {background:url(../../images/event/event_title.gif) no-repeat right top;}

/*一覧表*/
#event table {width:98%; margin:10px auto; border:1px solid #d1d1d1;}
#event table th,
#event table td {padding:5px 10px; line-height:1.6; border:1px solid #d1d1d1;}
#event table th {font-weight:bold; text-align:center; letter-spacing:1px; background:#e8eefc;}
#event table th.title {width:75%;}

/*内容*/
#event #eventContents p {padding:10px 5px 10px;}

/*内容:画像*/
#event #eventContents .image {float:right; padding:10px 5px 10px 20px; overflow:hidden;}
#event #eventContents .image2 {text-align:right; font-size:.8em;}
#event #eventContents .image2 a {display:inline-block; margin-left:10px; text-align:left;}
#event #eventContents .image2 a img {margin-bottom:8px;}

/*IE8用*/
#event #eventContents .image {/* IE6は横幅固定*/ max-width:200px; width:auto !important; width:200px;/**/}
#event #eventContents .image img {/* IE6は横幅固定*/ max-width:200px; width:auto !important; width:200px;/**/ margin-bottom:5px;}
#event #eventContents .image a {text-decoration:none;}
#event #eventContents .image span {font-size:85%;}
#event #eventContents .image a span {text-decoration:underline;}
#event #eventContents .image a:hover span {text-decoration:none;}

/*内容:見出し*/
#event #eventContents h4 {line-height:1.3;}
#event #eventContents h4 span {display:block; padding-top:5px; font-size:medium;}
#event #eventContents h5 {font-weight:bold; letter-spacing:1px;}
#event #eventContents h5 span {padding-left:10px;}

/*内容:基本情報*/
#event #eventContents table {margin:0 0 25px 5px;}
#event #eventContents table th {width:25%;}
#event #eventContents table th.title {width:77%;}
#event #eventContents table ul {margin:3px 0 5px;}
#event #eventContents table h5 {margin-left:0;}
#event #eventContents table .image span {font-size:85%;}
/*内容:基本情報 子テーブル*/
#event #eventContents table.child{margin:0 0 0 5px; border:none;}
#event #eventContents table.child td{border:none;}

/*内容:基本情報:展示物紹介1(説明なし)*/
#event #eventContents .imageList img {/* IE6は横幅固定*/ max-width:100px; width:auto !important; width:100px;/**/ margin-bottom:5px;}
#event #eventContents .imageList a {text-decoration:none;}
#event #eventContents .imageList span {color:#005bcc; font-size:85%; text-decoration:underline;}

/*内容:基本情報:展示物紹介2(説明あり)*/
#event #eventContents .imageExplanation {float:left; width:200px; padding:10px 15px 10px 0; overflow:hidden;}
#event #eventContents .imageExplanation p {padding:0; font-size:85%;}
#event #eventContents .imageExplanation img {/* IE6は横幅固定*/ max-width:200px; width:auto !important; width:200px;/**/ margin-bottom:5px;}
#event #eventContents .imageExplanation p a {text-decoration:underline;}
#event #eventContents .imageExplanation p a:hover {text-decoration:none;}

/*内容*/
#event #original p {padding:10px 5px 10px;}

/*内容:画像*/
#event #original .image {float:right; padding:10px 5px 10px 20px; overflow:hidden;}
#event #original .image2 {text-align:right; font-size:.8em;}
#event #original .image2 a {display:inline-block; margin-left:10px; text-align:left;}
#event #original .image2 a img {margin-bottom:8px;}

/*IE8用*/
#event #original .image {/* IE6は横幅固定*/ max-width:200px; width:auto !important; width:200px;/**/}
#event #original .image img {/* IE6は横幅固定*/ max-width:200px; width:auto !important; width:200px;/**/ margin-bottom:5px;}
#event #original .image a {text-decoration:none;}
#event #original .image span {font-size:85%;}
#event #original .image a span {text-decoration:underline;}
#event #original .image a:hover span {text-decoration:none;}

/*内容:見出し*/
#event #original h4 {line-height:1.3;}
#event #original h4 span {display:block; padding-top:5px; font-size:medium;}
#event #original h5 {font-weight:bold; letter-spacing:1px;}
#event #original h5 span {padding-left:10px;}

/*内容:基本情報*/
#event #original table {margin:0 0 25px 5px;}
#event #original table th {width:25%;}
#event #original table th.title {width:77%;}
#event #original table ul {margin:3px 0 5px;}
#event #original table h5 {margin-left:0;}
#event #original table .image span {font-size:85%;}
/*内容:基本情報 子テーブル*/
#event #original table.child{margin:0 0 0 5px; border:none;}
#event #original table.child td{border:none;}

/*内容:基本情報:展示物紹介1(説明なし)*/
#event #original .imageList img {/* IE6は横幅固定*/ max-width:100px; width:auto !important; width:100px;/**/ margin-bottom:5px;}
#event #original .imageList a {text-decoration:none;}
#event #original .imageList span {color:#005bcc; font-size:85%; text-decoration:underline;}

/*内容:基本情報:展示物紹介2(説明あり)*/
#event #original .imageExplanation {float:left; width:200px; padding:10px 15px 10px 0; overflow:hidden;}
#event #original .imageExplanation p {padding:0; font-size:85%;}
#event #original .imageExplanation img {/* IE6は横幅固定*/ max-width:200px; width:auto !important; width:200px;/**/ margin-bottom:5px;}
#event #original .imageExplanation p a {text-decoration:underline;}
#event #original .imageExplanation p a:hover {text-decoration:none;}

/* 2015.12.16追記 */
.reportGuideLink {background:#f2f2f2; padding:10px 16px; margin:20px 5px;}
.reportGuideLink img {vertical-align:bottom; margin-right:.4em;}
.reportIndex {overflow:hidden;}
.reportIndex li {border-top:1px #b3b3b3 solid; margin:-1px 0 0; padding:2em 0;}
.reportInfo {display:inline-block; width:440px; vertical-align:middle; margin-right:35px;}
.reportPdf {display:inline-block; width:135px; vertical-align:middle;}
.reportPdf img {vertical-align:bottom; margin-right:.4em;}
.reportIndex .abst {background:#f2f8fc; margin:1em .3em 0; padding:8px 14px; display:none;}
.reportIndex .abst p + p {margin-top:1em;}
.reportIndex .enAbst {line-height:1.35;}
.reportIndex b {font-weight:bold; display:inline-block; margin:.3em 0;}
.reportIndex i {font-style:italic!important;}
.reportIndex sub,
.reportIndex sup {font-size:85%;}


/*内容:当日の様子*/
#event #eventReports {width:615px; margin-top:15px; padding-top:5px; border-top:1px solid #dbdbdb;}
#event #eventReports h5 {font-weight:bold; letter-spacing:1px;}
#event .reportContents {clear:both; margin-bottom:10px; overflow:hidden; background:url(../../images/tool/dotted.gif) repeat-x left bottom;}
#event .reportContents .image {/* IE6は横幅固定*/ max-width:200px; width:auto !important; width:200px;/**/}


/*内容:当日の様子（画像羅列）*/
#event #eventReports .imageReport {float:left; padding:10px 10px 5px; overflow:hidden;}
#event #eventReports .imageReport p {padding:0;}
#event #eventReports .imageReport img {/* IE6は横幅固定*/ max-width:285px; width:auto !important; width:285px;/**/ margin-bottom:5px;}
#event #eventReports .imageReport a {text-decoration:none;}
#event #eventReports .imageReport span {font-size:85%;}
#event #eventReports .imageReport a span {text-decoration:underline;}
#event #eventReports .imageReport a:hover span {text-decoration:none;}

  #event #eventReports li {float:left; padding:10px 10px 5px; overflow:hidden; /* IE6は横幅固定*/ max-width:285px; width:auto !important; width:285px;/**/}
  #event #eventReports li p {padding:0;}
  #event #eventReports li img {margin-bottom:5px;}
  #event #eventReports li a {text-decoration:none;}
  #event #eventReports li span {font-size:85%;}
  #event #eventReports li a span {text-decoration:underline;}
  #event #eventReports li a:hover span {text-decoration:none;}
  #eventReports .nigyo li {height:262px;}

#eventReports table {border:0!important;}
#eventReports td {padding:5px!important; text-align:left!important; border:0!important;}
#eventReports img {display:block!important; margin:0 auto!important;}

/*内容:交通案内*/
#event #eventAccess .imageAccess img {/* IE6は横幅固定*/ max-width:285px; width:auto !important; width:285px;}
#event #eventAccess .imageAccess a {text-decoration:none;}
#event #eventAccess .imageAccess span {font-size:85%;}
#event #eventAccess .imageAccess a span {text-decoration:underline;}
#event #eventAccess .imageAccess a:hover span {text-decoration:none;}

/*--------------------------------------------------------------------
常設展示物
--------------------------------------------------------------------*/
/*ページタイトル*/
#exhibit h2 {background:url(../../images/exhibit/exhibit_title.gif) no-repeat right top;}
#exhibit .exhibitText {padding:5px;}
#exhibit #exhibitList {padding-top:10px;}
#exhibit #exhibitList h4 {margin-top:10px; font-weight:normal;}
#exhibit #exhibitList h4 a {font-weight:bold;}
#exhibit #exhibitList p {padding:0 5px;}

/*展示物内容紹介*/
#exhibit #explanation {width:615px; overflow:hidden;}
#exhibit #explanation h3 {margin-bottom:15px;}
#exhibit #explanation h5 {font-weight:bold;}
#exhibit #explanation p { padding-left:5px; line-height:1.6;}
#exhibit #explanation ul {margin:10px; line-height:1.6;}
#exhibit #explanation .image {float:right; padding-left:15px; overflow:hidden;}
#exhibit #explanation .image img {width:300px; margin-bottom:5px;}
#exhibit #explanation .image a {text-decoration:none;}
#exhibit #explanation .image a span {font-size:85%; text-decoration:underline;}
#exhibit #explanation .image a:hover span {text-decoration:none;}
#exhibit #explanation #exhibitImage {float:right; padding-left:15px;}
#exhibit #explanation #exhibitImage img {display:block; margin-bottom:5px;}

/*--------------------------------------------------------------------
収蔵資料
--------------------------------------------------------------------*/
/*ページタイトル*/
#data h2 {background:url(../../images/data/data_title.gif) no-repeat right top;}
#data #dataList p {padding:5px;}
#data h4 {font-weight:normal;}
#data h4 a {font-weight:bold;}

/*データベースの著作権・リンク*/
#data #copyright {margin:20px 5px 5px; padding:0 10px; border:1px solid #dbdbdb;}
#data #copyright h5 {font-weight:bold;}
#data #copyright ul {padding:5px;}
#data #copyright ul li {padding-bottom:5px
}

/*--------------------------------------------------------------------
野外観察園
--------------------------------------------------------------------*/
/*ページタイトル*/
#garden h2 {background:url(../../images/garden/garden_title.gif) no-repeat right top;}
#garden img#imageGarden {float:right; margin:15px 0 10px 15px;}
#garden .gardenText {padding:15px 5px 0;}

/*お知らせ*/
#garden #gardenNews ul {margin-top:-10px;}
#garden #gardenNews ul li {padding:11px 5px 3px; border-bottom:1px solid #dbdbdb;}
#garden #gardenNews ul li span.date {padding-right:8px; letter-spacing:1px;}
#garden #gardenNews ul li a {padding-bottom:10px;}
#garden #gardenNews ul li .newsInfo {padding-top:7px;}

/*--------------------------------------
野外観察園｜利用案内 / お願い
--------------------------------------*/
/*利用案内*/
#garden #use p {padding:5px 5px 10px; background:url(../../images/tool/dotted.gif) repeat-x left bottom;}
#garden #guide p span {padding:0 5px; color:#ff0000; font-size:85%; letter-spacing:1px;}
#garden #guide #guideText {padding:20px 5px 0; background:none;}
#garden #guide dl {width:50%; margin:10px 5px 30px; padding:10px 10px 5px; border:1px solid #dbdbdb;}
#garden #guide dt {padding-bottom:10px; font-weight:bold; letter-spacing:1px;}
#garden #guide dd {padding-bottom:5px;}

/*お願い*/
#garden #asking ul {padding:5px;}
#garden #asking ul li {padding-bottom:10px;}
#garden #asking p {padding:20px 5px 5px; background:url(../../images/tool/dotted.gif) repeat-x 0 0;}
#garden #asking dl {margin:10px 10px 0;}
#garden #asking dd {padding-bottom:5px;}

/*--------------------------------------
野外観察園｜野外観察園の四季
--------------------------------------*/
#garden #plant #platText {padding:5px 5px 20px 5px;}
#garden #plantList h4 {margin-top:10px; font-weight:normal;}
#garden #plantList h4 a {font-weight:bold;}
#garden #plantList p {padding:0 5px;}
#garden #plant .monthBox {width:615px; margin-top:20px; overflow:hidden; background:url(../../images/garden/plant/box/box_middle.gif) repeat-y left 10px;}
#garden #plant .monthBox #monthBoxTop {width:615px; height:15px; text-indent:-9999px; overflow:hidden; background:url(../../images/garden/plant/box/box_to.gif) no-repeat 0 0;}
#garden #plant .monthBox #monthBoxBottom {clear:both; width:615px; height:10px; text-indent:-9999px; overflow:hidden; background:url(../../images/garden/plant/box/box_bottom.gif) no-repeat 0 0;}
#garden #plant .monthBox h4 {margin:10px 15px 5px 40px; letter-spacing:2px;}
#garden #plant .monthBox img {float:right; width:200px; margin:5px 15px 10px 5px;}
#garden #plant .monthBox ul {width:340px; margin:15px 0 0 45px;}
#garden #plant .monthBox ul li {margin:0 0 10px 0; padding-bottom:2px; background:url(../../images/tool/dotted.gif) repeat-x left bottom;}
#garden #plant .monthBox ul li span {padding-right:15px;}

/*--------------------------------------
野外観察園｜野外観察園の四季詳細
--------------------------------------*/
#garden #plant #plantBox {width:615px; margin-top:20px; overflow:hidden; background:url(../../images/garden/plant/box/box_middle.gif) repeat-y left 10px;}
#garden #plant #plantBox #plantBoxTop {width:615px; height:10px; text-indent:-9999px; overflow:hidden; background:url(../../images/garden/plant/box/box_to.gif) no-repeat 0 0;}
#garden #plant #plantBox #plantBoxBottom {clear:both; width:615px; height:10px; text-indent:-9999px; overflow:hidden; background:url(../../images/garden/plant/box/box_bottom.gif) no-repeat 0 0;}
#garden #plant #plantBox .plantText {float:left; width:345px; padding:0 0 5px 35px;}
#garden #plant #plantBox h4 {margin-top:10px;}
#garden #plant #plantBox h4 span {display:inline; padding:0 10px; font-style:italic;}
#garden #plant #plantBox .plantText p {padding:5px; line-height:1.6;}
#garden #plant #plantBox .plantImage {float:left; width:200px; padding:5px 15px;}
#garden #plant #plantBox .plantImage img {
/* IE6は横幅固定*/ max-width:200px; width:auto !important; width:200px;
/**/ padding:5px 0;}
#garden #plant #plantBox .plantImageIn {float:left; margin:0 4px;}
#garden #plant #plantBox .plantImageIn img {
/* IE6は横幅固定*/ max-width:90px; width:auto !important; width:90px;
/**/
}
#garden #plant #plantBox .plantImage span {font-size:85%;}

/*--------------------------------------------------------------------
友の会
--------------------------------------------------------------------*/
/*ページタイトル*/
#fan h2 {background:url(../../images/fan/fan_title.gif) no-repeat right top;}
#fan img#imageFan {float:left; margin:5px 15px 10px 0;}
#fan .fanText {padding:15px 5px 0 5px;}

/*ニュース/イベント情報*/
#fan #fanEvent {padding-top:30px;}
#fan #fanNews ul,
#fan #fanEvent ul {margin-top:-10px;}
#fan #fanNews li,
#fan #fanEvent li {clear:both; padding:15px 5px 3px; overflow:hidden; border-bottom:1px solid #dbdbdb;}
#fan #fanNews li a,
#fan #fanEvent li a {padding-bottom:10px;}
#fan #fanNews li p,
#fan #fanEvent li p {padding:7px 5px 0 5px;}
#fan #fanNews li span.note,
#fan #fanEvent li span.note {padding:0 5px; color:#ff0000; font-size:85%; letter-spacing:1px;}
#fan hr {margin:15px 40px; height:1px;}

/*内容:画像*/
#fan .image {float:right; padding:10px 5px 10px 20px; overflow:hidden;}

/*IE8用*/
#fan .image {max-width:200px; width:auto !important; width:200px;}
#fan .image img {max-width:200px; width:auto !important; width:200px; margin-bottom:5px;}
#fan .image a {text-decoration:none;}
#fan .image span {font-size:85%;}
#fan .image a span {text-decoration:underline;}
#fan .image a:hover span {text-decoration:none;}

/*--------------------------------------
友の会｜入会方法/会員特典
--------------------------------------*/
/*入会方法*/
#fan #addmission p {padding:0 5px;}
#fan #addmission dl {width:50%; margin:15px 10px 25px; padding:0 10px 5px; border:1px solid #dbdbdb;}
#fan #addmission dt {padding-bottom:10px; font-weight:bold; letter-spacing:1px;}
#fan #addmission dd {padding-bottom:5px;}

/*会員特典*/
#fan #privilege ul {margin:15px 5px 5px;}
#fan #privilege ul li {padding-bottom:10px;}

/*--------------------------------------
友の会｜規約
--------------------------------------*/
#fan dl {margin:0 5px;}
#fan dl dt {font-weight:bold; padding:10px 5px 0;}
#fan dl dd {padding:5px;}

/*--------------------------------------------------------------------
当サイトについて
--------------------------------------------------------------------*/
/*ページタイトル*/
#about h2 {background:url(../../images/about/about_title.gif) no-repeat right top;}
#about #aboutText {padding:5px;}
#about #notes {
}
#about #notes p {padding:0 5px;}
#about ul {margin:5px;}
#about ul img {padding-right:5px; vertical-align:text-bottom;}

/*--------------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------------*/
/*ページタイトル*/
#inquiry h2 {background:url(../../images/inquiry/inquiry_title.gif) no-repeat right top;}
#inquiry ul {padding:5px;}
#inquiry ul li {padding-bottom:10px;}
#inquiry #inquiryText {padding:20px 5px 5px; background:url(../../images/tool/dotted.gif) repeat-x 0 0;}
#inquiry dl {margin:20px 10px 0;}
#inquiry dt {padding-bottom:10px; font-weight:bold; letter-spacing:1px;}
#inquiry dd {padding-bottom:5px;}

/*--------------------------------------------------------------------
リンク集
--------------------------------------------------------------------*/
/*ページタイトル*/
#links h2 {background:url(../../images/links/links_title.gif) no-repeat right top;}
#links #linksText {padding:5px;}

/*リンクリスト*/
#links ul {text-align:left; text-justify:auto;}
#links li {padding:3px 5px 3px 10px; line-height:1.7; letter-spacing:1px;}
#links li a {padding:0 5px;}
#links li a.listLabel {padding:0; color:#000; font-weight:bold; text-decoration:none;}
#links li a.listLabel:hover {color:#005BCC;}
#links li a.no {color:#000; text-decoration:none;}
#links li span {letter-spacing:normal;}
#links li span a {letter-spacing:normal;}

/*--------------------------------------------------------------------
サイトマップ
--------------------------------------------------------------------*/
/*ページタイトル*/
#sitemap h2 {background:url(../../images/sitemap/sitemap_title.gif) no-repeat right top;}
#sitemap .mapBox {padding:5px 0;}
#sitemap h4 a {font-weight:bold;}
#sitemap ul {margin-top:9px;}
#sitemap li {padding:3px 5px 3px 10px; line-height:1.7; letter-spacing:1px;}
#sitemap li a {padding:0 5px;}

/*--------------------------------------------------------------------
お探しのページが見つかりません
--------------------------------------------------------------------*/
/*ページタイトル*/
#notfound h2 {background:url(../../images/404/404_title.gif) no-repeat right top;}
#notfound #linksText {padding:5px;}


/*--------------------------------------------------------------------
フィールドリサーチセンター
--------------------------------------------------------------------*/
/*ページタイトル*/
#frc h2 {background:url(../../images/frc/frc_title.gif) no-repeat right top;}
#frc .yearTitle {font-weight:bold; font-size:1.2em; margin:20px 0 40px; border-left:5px #2d7aeb solid; padding-left:7px;}
#frc h3.frc_title {background:none; border:#ddd solid; border-width:0 0 0 5px; padding:.5em 0 0 5px; font-size:1.1em; font-weight:bold; clear:none;}

#frc_location {background:#f2f2f2; padding:10px 16px; margin:20px 5px 15px;}
#frc_member dt {font-weight:bold;}
#frc_member dd {margin:-1.5em 0 0 9em; white-space:nowrap;}
#frc_facilities dt {font-weight:bold; margin-top:1em;}


/*お知らせ*/
#frc #frcNews ul {margin-top:-10px; height:300px; overflow:auto; margin:10px 0 20px;}
#frc #frcNews ul li {padding:11px 5px 3px; border-bottom:1px solid #dbdbdb;}
#frc #frcNews ul li span {padding-right:8px;}
#frc #frcNews ul li a {padding-bottom:10px;}
#frc #frcNews ul li .newsInfo {padding-top:7px;}

#frc .frc_post h3 {font-weight:bold; background:none; padding:0 0 .3em; margin:0 0 1em; font-size:1.2em; border:#333 solid; border-width:0 0 2px; letter-spacing:0; line-height:1.4;}
#frc .frc_post h3 span {color:inherit; font-size:.9em;}
.frc_back {text-align:right; margin:1em 0 8em;}
.frc_back a {text-decoration:none;}
.img_and_cap {margin:1em 0; color:#777;}


/*--------------------------------------------------------------------
研究
--------------------------------------------------------------------*/
#resList {overflow:hidden; zoom:1; padding-bottom:40px;}
#resList .box {border:1px #e4e4e4 solid; border-radius:8px; width:47%; margin:25px 1% 0; float:left; display:inline; overflow:hidden; cursor:pointer;}
#resList .box:nth-child(2n-1) {float:left; width:300px; margin:25px 0 0;}
#resList .box:nth-child(2n) {float:right; width:300px; margin:25px 0 0;}
#main #research h3 {width:auto; margin:0 0 10px 0; padding:8px 5px 2px 10px; border-width:0 0 1px; letter-spacing:1px; font-size:116%; font-weight:bold;}
#resList .box:hover h3 {color:#005BCC;}
#research .box .pics {position:relative; float:left; width:140px; height:130px;}
#research .box .pics .back {position:absolute; right:12px; bottom:10px; z-index:1; width:75px;}
#research .box .pics .face {position:absolute; left:10px; top:0; z-index:10; width:75px; border:1px #fff solid; border-width:0 1px 1px 0;}
#research .box p {margin:10px;}
#research .box .sign {margin:-6px 10px 0; text-align:right;}

#academic .portrait {width:50%; text-align:left; margin:-12px 0 -1.2em; position:relative; top:12px;}
#academic .portrait img {height:130px;}
#outline #academic .academicBox img.noFloat {float:none; margin:10px 0 20px 5px;}
#main #outline #academic dl.rscOutline dt {padding:0;}
#main #outline #academic dl.rscOutline dd {padding:0; border-bottom:0;}


/*--------------------------------------------------------------------
プレス発表
--------------------------------------------------------------------*/
#press_exp {text-align:right; margin:25px 0 10px; padding:.3em .3em; background:#eee;}
#press_exp img {margin:0 .3em 0 1em; vertical-align:middle;}
#press dt {padding-top:.8em; border-top:1px #aaa dotted;}
#press dt:first-child {border:0;}
#press dd {margin-top:-1.5em; padding:0 0 .8em 9em;}
#press dd a[href$='.html']:after {content:url(../../images/tool/ico_window.gif); display:inline-block; vertical-align:middle; margin-left:.3em;}
#press dd a[href$='.pdf']:after {content:url(../../images/tool/ico_pdf.gif); display:inline-block; vertical-align:middle; margin-left:.3em;}


/*--------------------------------------------------------------------
博物館トピックス
--------------------------------------------------------------------*/
#topics_content h3 {font-weight:bold; background:#f8f8f8; padding:.3em 8px; border-left:6px #005BCC solid; border-width:0 0 0 6px; letter-spacing:0;}
#topics_content h3 a {font-weight:bold; color:#000;}
#topics_content dl {margin-bottom:40px; max-height:15.8em; overflow:auto;}
#topics_content dt {padding-top:.8em; border-top:1px #aaa dotted;}
#topics_content dt:first-child {border:0;}
#topics_content dd {margin-top:-1.5em; padding:0 .8em .8em 8em;}



/* 
 *
 *   スマホ対応
 *
 */

@media screen and (min-width:636px){
  #side {display:block!important;}
  #side #link > p:first-child[style] {position:static!important;}
}

@media screen and (max-width:635px){

/* ---- 全体 ---- */
body {-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -o-text-size-adjust:100%; text-size-adjust:100%; background:none; font-size:110%; font-family:sans-serif;}
body:before {width:635px;}
#container, #header, #wrapper, #footer {width:635px; max-width:635px; overflow:hidden;}
#header *, #wrapper *, #footer * {max-width:635px;}
#slide * {max-width:99999%;}
#slide img {width:100%;}

/* ---- ヘッダ ---- */
#header {height:100px; background:none; text-indent:0; padding-left:10px; box-sizing:border-box;}
#header h1 {width:635px;}
#header h1 a {background:none;}
#header ul {right:130px; top:15px;}
#header li {display:block;}
#spNav {display:block; height:110%; position:absolute; top:0; right:0; padding:40px 16px 0; background:#6680aa; box-sizing:border-box; text-align:center; cursor:pointer;}
#spNav:before {content:""; display:block; width:50px; height:5px; margin:0 auto 10px; background:#fff; box-shadow:0 -12px 0 #fff, 0 12px 0 #fff;}
#spNav:after {content:"menu"; display:inline-block; font-family:"Roboto"; letter-spacing:.04em; text-indent:-.08em; text-align:center; line-height:1; font-weight:bold; color:#fff;}

/* ---- サイド ---- */
#wrapper {margin-top:0; background:none;}
#side {position:absolute; z-index:11000; width:100%; padding:0; background:#fff; border-bottom:10px #222 solid; padding-bottom:4px; display:none; box-shadow:0 900px 0 rgba(0,0,0,.4);}

/* グローバルナビ */
#side #menu {overflow:hidden;}
#side #menu ul {width:636px; min-width:636px; overflow:hidden;}
#side #menu li {background:#888;}
#side #menu li p {height:auto; width:auto;}
#side #menu li p a {position:relative; width:auto!important; height:auto!important; padding:.85em 1em; background:none!important; text-indent:0; text-decoration:none; color:#fff; font-size:116%;}
#side #menu li p a:after {content:""; display:block; width:6px; height:6px; border:#fff solid; border-width:2px 2px 0 0; transform:rotate(45deg); position:absolute; right:15px; top:calc(50% - 3px);}
#side #menu li ul,
#side #menu li a.on ~  ul {display:none!important;}
#side #support a {height:auto; position:relative; display:block; padding:.85em 1em; background:#EB9007; text-align:center; color:#fff; text-decoration:none; text-align:left; font-size:116%;}
#side #support a span {font-size:.8em;}
#side #support a:after {content:""; display:block; width:6px; height:6px; border:#fff solid; border-width:2px 2px 0 0; transform:rotate(45deg); position:absolute; right:15px; top:calc(50% - 3px);} 
/* サブメニュー */
#submenu ul {margin-bottom:1px; padding:8px 0 12px; background:#f1f4f6; overflow:hidden;}
#submenu li a {display:block;
/* IE6用にmin-heightのハックを使用する */ min-height:16px; height:auto !important; height:16px; /**/ 
padding:10px 10px 5px 35px; letter-spacing:1px;}
#submenu li a.on,
#submenu li a:hover {color:#000000;}
#submenu li {width:auto; float:left;}
#submenu li a {text-decoration:underline!important;}
#submenu li br {display:none;}
#submenu li ul {padding-left:20px; display:none;}
#submenu li a.on ~ ul {display:block;}
/* バナー・関連リンク */
#side #banner {padding:10px 15px; overflow:hidden; font-size:108%;}
#side #banner li, #side #banner li a, #side #link li, #side #link li a {height:auto!important; text-indent:0!important; width:auto!important; background:none!important; color:#222;}
#side #banner li, #side #link li {float:left; padding:0.5em 1.8em 0.5em 1.2em; margin:0!important; white-space:nowrap; background:url(../../images/tool/link_arrow.gif) no-repeat 0 50%!important;}
#side #link {clear:both; padding:10px 15px; background:#f0f0f0; overflow:hidden;}
#side #link p {text-align:left; font-weight:bold;}

/* ---- メイン部分 ---- */
#main {float:none; padding:14px 10px 0; font-size:130%; overflow:hidden;}
#main #submenu {font-size:83%;}
#location {visibility:hidden;}
#main h3 {font-size:118%;}

/* ---- フッター ---- */
#footer p {padding-bottom:0!important;}
#footer #footerInfo1 h3 {float:none; width:auto; margin-bottom:1em;}
#footer #footerInfo1 div {width:auto;}
#footer #footerInfo1 div p:first-child br {display:none;}
#footer #footerInfo2 {padding-left:15px; width:auto;}
#footer #footerInfo3 {padding-left:15px;}
#footer #bottomFooterBox {padding-left:10px;}
#footer #footerMenu {overflow:hidden;}
address {display:block; text-align:left;}

/* ---- イベント情報 ---- */
#event table th, #event #eventContents table th {text-align:left;}
#event #eventContents table th[colspan] {text-align:center;}
#event #eventContents table th br {display:none;}
#event .eventlist tr th:nth-child(2) {display:none;}
#event .eventlist td {border-width:1px 1px 0!important; padding:0.8em 0.6em 0!important;}
#event .eventlist .sptr td {border-width:0 1px 1px!important; padding:0 0.6em 0.8em!important;}
#event .eventlist .sptr td br {display:none;}
#event #eventContents h4 span {font-size:107%;}
#event #eventContents div.image {float:none;}
#event #cc {text-align:center;}
#event #cc img {max-width:200px;}

#fan {width:615px; overflow:hidden;}
}


/* 2018.08追記 */
.spt .ttl {margin-bottom:10px; font-size:131%; line-height:1.3; letter-spacing:.02em;}
.spt .ttl strong {font-size:150%; letter-spacing:.04em;}
.spt .catch {margin:10px 0; line-iehgt:1.3; font-size:150%;}
.spt ul.bnrs {overflow:hidden; zoom:1; margin:25px 20px;}
.spt .bnrs li {float:left; display:table; width:44%; height:56px; margin:0 3%; line-height:1.1;}
.spt .bnrs li a {position:relative; display:table-cell; vertical-align:middle; text-align:center; text-decoration:none; font-family:"Yu Gothic",sans-serif; font-weight:bold; font-feature-settings:"palt";}
.spt .bnrs li a:before {content:""; display:block; width:8px; height:8px; border:#fff solid; border-width:2px 2px 0 0; transform:rotate(45deg); position:absolute; right:14px; top:50%; margin-top:-4px;}
.spt .bnrs li a[href*=".pdf"] {font-size:138.5%; color:#E07007; border:2px #EB9007 solid;}
.spt .bnrs li a[href*=".pdf"]:before {border-color:#E07007;}
.spt .bnrs li a[href*=".pdf"] span {display:inline-block; font-size:78%; font-weight:bold;}
.spt .bnrs li a[href*="http"] {background:#EB9007; font-size:167%; color:#fff;}
.spt ul + ul li a[href*="./"] {border:2px #88a solid; color:#02a;}
.spt ul + ul li a[href*="./"] * {font-weight:bold;}
.spt ul + ul li a span {font-size:108%;}
.spt ul + ul li a span i {font-size:85%;}
.spt ul + ul li a b {display:inline-block; margin-top:3px; font-size:138.5%;}
.spt ul + ul li a[target] {border:2px #ccc solid; vertical-align:bottom;}
.spt ul + ul li a[target] img {height:48px;}

.spt .bnrs + .link {margin-top:20px; text-align:center;}
.spt .bnrs + .link a {display:inline-block; width:253px; box-sizing:border-box; border:2px #ccd solid; vertical-align:bottom;}
.spt .bnrs + .link img {height:48px; vertical-align:bottom;}
.kihuList {margin-top:50px;}
.kihuList .ctg {border-left:5px #EB9007 solid; margin:1.8em 0 .6em; padding-left:5px; line-height:1.1; font-size:116%;}

/* line:50- */

#footerSpt {position:absolute; bottom:5px; right:10px;}
#footerSpt a {display:block; padding:.1em .8em; background:#EB9007; color:#fff; text-align:center; text-decoration:none;}

@media screen and (min-width:636px){
  #side #support {position:static!important; margin:0;}
  #side #support a {display:block; width:225px; height:40px; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(../../images/side/side_spt.png) no-repeat 0 0;}
  #footerSpt a {padding:.3em 1em; font-size:116%; font-weight:bold;}
}
@media screen and (max-width:635px){
  .spt .ttl {font-size:116%;}
  .spt .ttl strong {font-size:131%;}
  .spt .catch {font-size:125%;}
  .spt li {float:none; width:94%; height:90px;}
  .spt li + li {margin-top:15px;}
  .spt li a[href*=".pdf"] {font-size:116%;}
  .spt li a[href*="http"] {font-size:146.5%;}
  
  #footerSpt {position:static; width:12em; margin:15px 10px;}
}



/* --------------- .eml */
.eml {cursor:pointer;}
.eml abbr {display:inline; width:1em; overflow:hidden; white-space:nowrap;}
.eml abbr:not(.done):before {content:"@";}

/* --------------- magnific popup */
.mfp-bg {top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:.8;}
.mfp-wrap {top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden;}
.mfp-container {text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; box-sizing:border-box;}
.mfp-container:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.mfp-align-top .mfp-container:before {display:none;}
.mfp-content {position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width:100%; cursor:auto;}
.mfp-ajax-cur {cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out;}
.mfp-zoom {cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content {cursor:auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select:none; -moz-user-select:none; user-select:none;}
.mfp-loading.mfp-figure {display:none;}
.mfp-hide {display:none !important;}
.mfp-preloader {color:#CCC; position:absolute; top:50%; width:auto; text-align:center; margin-top:-.8em; left:8px; right:8px; z-index:1044;}
.mfp-preloader a {color:#CCC;}
.mfp-preloader a:hover {color:#FFF;}
.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {display:none;}
button.mfp-close, button.mfp-arrow {overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; box-shadow:none; touch-action:manipulation;}
button::-moz-focus-inner {padding:0; border:0;}
.mfp-close {width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:.65; padding:0 0 18px 10px; color:#FFF; font-style:normal; font-size:36px; font-family:Arial,Baskerville,monospace;}
.mfp-close:hover, .mfp-close:focus {opacity:1;}
.mfp-close:active {top:1px;}
.mfp-close-btn-in .mfp-close {color:#333;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color:#FFF; right:-6px; text-align:right; padding-right:6px; width:100%;}
.mfp-counter {position:absolute; top:0; right:0; color:#CCC; font-size:12px; line-height:18px; white-space:nowrap;}
.mfp-arrow {position:absolute; opacity:.65; margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:transparent;}
.mfp-arrow:active {margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus {opacity:1;}
.mfp-arrow:before, .mfp-arrow:after {content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent;}
.mfp-arrow:after {border-top-width:13px; border-bottom-width:13px; top:8px;}
.mfp-arrow:before {border-top-width:21px; border-bottom-width:21px; opacity:.7;}
.mfp-arrow-left {left:0;}
.mfp-arrow-left:after {border-right:17px solid #FFF; margin-left:31px;}
.mfp-arrow-left:before {margin-left:25px; border-right:27px solid #3F3F3F;}
.mfp-arrow-right {right:0;}
.mfp-arrow-right:after {border-left:17px solid #FFF; margin-left:39px;}
.mfp-arrow-right:before {border-left:27px solid #3F3F3F;}
.mfp-iframe-holder {padding-top:40px; padding-bottom:40px;}
.mfp-iframe-holder .mfp-content {line-height:0; width:100%; max-width:900px;}
.mfp-iframe-holder .mfp-close {top:-40px;}
.mfp-iframe-scaler {width:100%; height:0; overflow:hidden; padding-top:56.25%;}
.mfp-iframe-scaler iframe {position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0,0,0,.6); background:#000;}
/* Main image in popup */
img.mfp-img {width:auto; max-width:100%; height:auto; display:block; line-height:0; box-sizing:border-box; padding:40px 0 40px; margin:0 auto;}
/* The shadow behind the image */
.mfp-figure {line-height:0;}
.mfp-figure:after {content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0,0,0,.6); background:#444;}
.mfp-figure small {color:#BDBDBD; display:block; font-size:12px; line-height:14px;}
.mfp-figure figure {margin:0;}
.mfp-bottom-bar {margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto;}
.mfp-title {text-align:left; line-height:18px; color:#F3F3F3; word-wrap:break-word; padding-right:36px;}
.mfp-image-holder .mfp-content {max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer;}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
/* Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder {padding-left:0; padding-right:0;}
  .mfp-img-mobile img.mfp-img {padding:0;}
  .mfp-img-mobile .mfp-figure:after {top:0; bottom:0;}
  .mfp-img-mobile .mfp-figure small {display:inline; margin-left:5px;}
  .mfp-img-mobile .mfp-bottom-bar {background:rgba(0,0,0,.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; box-sizing:border-box;}
  .mfp-img-mobile .mfp-bottom-bar:empty {padding:0;}
  .mfp-img-mobile .mfp-counter {right:5px; top:3px;}
  .mfp-img-mobile .mfp-close {top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0,0,0,.6); position:fixed; text-align:center; padding:0;}
}
@media all and (max-width:900px) {.mfp-arrow {-webkit-transform:scale(.75); transform:scale(.75);}
  .mfp-arrow-left {-webkit-transform-origin:0; transform-origin:0;}
  .mfp-arrow-right {-webkit-transform-origin:100%; transform-origin:100%;}
  .mfp-container {padding-left:6px; padding-right:6px;}
}

/* --------------- bxslider */
.bx-wrapper {position:relative; margin:0 auto 20px; padding:0; *zoom:1;}
.bx-wrapper img {max-width:100%; display:block;}
.bx-wrapper .bx-viewport {/*-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:solid #fff 5px; left:-5px; */background:#fff;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute; bottom:-23px; width:100%;}
.bx-wrapper .bx-loading {min-height:50px; background:url(../img/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;}
.bx-wrapper .bx-pager {text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;}
.bx-wrapper .bx-prev {left:4px; background:url(../img/bx_controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right:4px; background:url(../img/bx_controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-12px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999; transform:scale(.8);}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -11px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -44px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left; width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:35px;}
.bx-wrapper .bx-caption {position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, .75); width:100%;}
.bx-wrapper .bx-caption span {color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;}

@media screen and (max-width:635px){
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {bottom:-32px;}
}