@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:#000000; font-size:small; background:#ffffff url(../../images/back.gif) repeat-x 0 0;}
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 {width:900px; margin:0 auto;}

/*--header-------------------------------*/
#header {width:900px; height:170px; text-indent:-9999px; overflow:hidden; background:url(../../images/header.gif) no-repeat 0 0;}
h1 {float:left; width:590px;}
h1 a {display:block; width:590px; height:170px;}
#header div {float:left; width:310px;}
#header div #english {width:58px; height:11px; margin:17px 0 0 232px; background:url(../../images/english_on.gif) no-repeat 0 0;}
#header div #english a {display:block; width:58px; height:11px; background:url(../../images/english.gif) no-repeat 0 0;}
#header div #english a:hover {background:url(../../images/english_on.gif) no-repeat 0 0;}

/*--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 {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 ul ul {margin-bottom:1px; padding-bottom:2px; background:#b3b3b3;}
#side #menu ul ul li a {display:block;
/* IE6用にmin-heightのハックを使用する */ 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 #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 #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.gif) 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 #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 1.2em; border:1px #fbb dotted; 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;}
#attentionArea {width:596px; padding:26px 10px 26px 9px; overflow:hidden; background:#eeeeee;}
#attention img {float:left; width:265px; margin:0 16px 20px 17px;}
#attention img.single {float:none!Important;}
#attention .banner img {width:563px; margin-bottom:0;}
/*indexにIMGを複数いれる*/
/*
#attention #banner img {width:265px; height:140px; margin-bottom:0;}
*/
#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 #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;}
#container, #header, #wrapper, #footer {width:635px; max-width:635px; overflow:hidden;}
#header *, #wrapper *, #footer * {max-width:635px;}

/* ---- ヘッダ ---- */
div#header {background:none; height:200px; text-indent:0;}
div#header h1 {width:635px; background:#fff; text-indent:-1000px; float:none;}
div#header h1 a {background:url(../../images/header.gif) no-repeat 0 0; width:600px!important;}
div#header div {float:none; padding:8px 12px 0; width:auto; font-size:11px;}
div#header div p {display:inline;}
div#header div p#english {background:#fff; position:absolute; top:0; right:15px; margin:0!important; padding:0 3px; border:4px #fff solid; border-radius:0 0 4px 4px; text-indent:-1000px; display:block;}

/* ---- サイド ---- */
div#wrapper {background:none;}
div#side {width:100%; padding:0; border-bottom:10px #222 solid; padding-bottom:4px;}

/* グローバルナビ */
div#side div#menu {overflow:hidden;}
div#side div#menu ul {width:636px; min-width:636px;}
div#side div#menu li {width:159px; overflow:hidden; float:left;}
div#side div#menu li p a {background-position:-2px 0!important;}
div#side div#menu li p {border-right:1px #bbbbb6 solid; width:auto!important;}
/* サブメニュー */
#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;}
/* バナー・関連リンク */
div#side div#banner, div#side div#link {padding:4px 4px 0; font-size:0.9em;}
div#side div#banner p, div#side div#link p {font-weight:bold; padding:0; text-indent:10px; width:50%; color:#888;}
div#side div#banner p.on, div#side div#link p.on {font-weight:bold; padding:0; text-indent:10px; width:50%; color:#000;}
div#side div#link p {margin-left:50%!important;}
div#side div#banner p:before, div#side div#link p:before {content:"▼"; font-size:80%; color:#888; font-weight:normal; padding-right:0.75em;}
div#side div#banner p.on:before, div#side div#link p.on:before {content:"▼"; font-size:80%; color:#e33; font-weight:normal; padding-right:0.75em;}
div#side div#banner ul, div#side div#link ul {display:none; padding: 6px 10px 8px; overflow:hidden;}
div#side div#banner li, div#side div#banner li a, div#side div#link li, div#side div#link li a {height:auto!important; text-indent:0!important; width:auto!important; background:none!important; color:#222;}
div#side div#banner li, div#side div#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;}
#link p {clear:left;}

/* ---- メイン部分 ---- */
#main {font-size:130%; overflow:hidden;}
#main #submenu {font-size:83%;}
#location {visibility:hidden;}
div#main h3 {font-size:118%;}

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

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

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