/* # ヘッダー --------------------------------------------- */
/* ヘッダー > メニュー非表示 */
#site-navigation{
	display: none;
}
/* ヘッダー > サブメニュー非表示 */
.hd-mininavi-area{
	display: none;
}

/* # フッター --------------------------------------------- */
.footer-ft{
	text-align: center;
	color: #FFFFFF;
	margin-top: 20px;
	padding-top: 10px;
}
/* フッター > SNSリンク */
.footer-sns ul{
	display: none;
}
.footer-sns ul li{
	display: table-cell;
	width: 20%;
	text-align: center;
}
.footer-sns ul li img{
	width: 90%;
}
/* フッター > リンク */
.footer-link{
	display: none;
}
/* フッター > バナースライダー */
#ft-slide{
	display: none;
}
/* フッター > ページトップへ */
.pagetop-area{
	display: none;
}

/* # 全体にかかわるスタイル --------------------------------------------- */
#page{
	width: 100%!important;
}
#page img{
	max-width: 100%;
}
body{
	line-height: 150%;
}
a{
	color: #333;
	text-decoration: none;
}

/* # トップページ --------------------------------------------- */
/* トップページ > スライダー */

/* トップページ > お知らせ */
.top-main-info p{
	width: 100%;
	margin:20px auto 0 auto;
	font-size: 12pt;
}
.top-main-info span{
	background: #f60;
	color: #FFF;
	font-weight: bold;
	padding: 0 5px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	margin-right: 10px;
}

/* トップページ > 知る見る体験する学ぶページナビ */
.top-pagenv{
	display: table;
	width: 100%;
}
.top-pagenv li{
	display: table-cell;
	width: 33%;
}
.top-pagenv li img{
	width: 95%;
	display: block;
	margin: 0 auto;
}

/* トップページ > 新着情報リスト */
.top-topics > h3{
	padding: 10px 0 0 0;
	text-align: center;
}
.top-topics-list > li{
	width: 580px;
	margin: 0 auto;
	padding: 10px 0;
	letter-spacing: -.4em;
}
.top-topics-list-image-area{
	width: 90%;
	height: 70px;
	overflow: hidden;
}
/* トップページ > 新着情報リスト > 画像表示エリア */
.top-topics-list > li .top-topics-list-image{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	letter-spacing: normal;
	width: 25%;
	text-align: left;
	vertical-align: top;
}
/* トップページ > 新着情報リスト > テキスト表示エリア */
.top-topics-list > li .top-topics-list-detail{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	letter-spacing: normal;
	width: 75%;
	text-align: left;
	vertical-align: top;
}
/* トップページ > 新着情報リスト > 一覧を見る */
.top-topics-list-more{
	display: none;
}
/* トップページ > 新着情報リスト > 横並び画像 */
.top-topics-btm-img{
	display: table;
	width: 100%;
}
.top-topics-btm-img li{
	display: table-cell;
	width: 33%;
}
.top-topics-btm-img li img{
	width: 95%;
	display: block;
	margin: 0 auto;
}

/* トップページ > 船の科学館を知ろう */
.top-guide{
	margin-top: 10px;
	text-align: center;
}
/* トップページ > 船の科学館を知ろう > ページ内リンク */
.top-guide ul{
	display: table;
	width: 100%;
}
.top-guide ul li{
	display: table-cell;
	width: 33%;
}
.top-guide ul li img{
	width: 95%;
	display: block;
	margin: 0 auto;
}

/* トップページ > 南極観測船宗谷 */
.top-souya{
	margin-top: 10px;
	text-align: center;
	padding-top: 300px;
	page-break-before: always;
}
/* トップページ > 南極観測船宗谷 > テキスト */
.top-souya p{
	width: 50%;
	margin: 0 auto;
}
.top-souya p br{
	display: none;
}
/* トップページ > 南極観測船宗谷 > 詳細へボタン */
.top-souya-todetail{
	display: none;
}

/* トップページ > 別館 */
.top-annex{
	margin-top: 10px;
	text-align: center;
		page-break-before: always;

}
/* トップページ > 別館 > 詳細へボタン */
.top-annex-todetail{
	display: none;
}

/* トップページ > 屋外展示場 */
.top-field{
	margin-top: 10px;
	text-align: center;
	padding-top: 280px;
		page-break-before: always;

}
/* トップページ > 屋外展示場 > テキスト */
.top-field p{
	width: 50%;
	margin: 0 auto;
}
.top-field p br{
	display: none;
}
/* トップページ > 屋外展示場 > 詳細へボタン */
.top-field-todetail{
	display: none;
}

/* トップページ > 収蔵資料検索 */
.top-lib-ttl{
	page-break-before: always;
}
.top-lib-lead{
	padding-top: 10px;
	text-align: center;
	
}
/* トップページ > 収蔵資料検索 > 画像リスト */
.top-lib-imglist{
	letter-spacing: -.4em;
}
.top-lib-imglist li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	letter-spacing: normal;
	width: 33%;
	text-align: center;
}
.top-lib-imglist li img{
	width: 95%;
}
/* トップページ > 収蔵資料検索 > 検索へボタン */
.top-lib-link{
	display: none;
}

/* トップページ > 船の科学館とは */
.top-about{
	text-align: center;
	page-break-before: always;
}
/* トップページ > 船の科学館とは > タイトル */
.top-about h3{
	padding-top: 10px;
}
.top-about h3 img{
	width: 60%;
}
/* トップページ > 船の科学館とは > テキスト */
.top-about-txt{
	padding-top: 400px;
}
.top-about-txt br{
	display: none;
}
/* トップページ > 船の科学館とは > 詳細へボタン */
.top-about-txt img{
	display: none;
}

/* トップページ > 宗谷を見てみよう */
.top-lib-ttl{
	text-align: center;
	padding-top: 10px;
	page-break-before: always;
}
.top-watch-table{
	display: table;
}
.top-watch-cell{
	display: table-cell;
	text-align: center;
}
.top-watch-cell img{
	width: 90%;
}

/* トップページ > 体験学習 */
.top-workshop{
	padding-top: 10px;
	text-align: center;
}
.top-workshop-td{
	width: 33%;
}
.top-workshop-td > div{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding-top: 5px;
}
/* トップページ > 体験学習 > 画像 */
.top-workshop-img img{
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.top-workshop-icon img{
	width: 40%;
	height: auto;
	display: block;
	margin: 0 auto;
}
/* トップページ > 体験学習 > 矢印 */
.top-workshop-arrow{
	 display: none;
}
/* トップページ > 体験学習 > 過去の開催状況へボタン */
.wokshop-past{
	display: none;
}

/* トップページ > わくわく */
.top-marine{
	text-align: center;
	page-break-before: always;
}
/* トップページ > わくわく > 詳細へボタン */
.top-marine a img{
	display: none;
}

/* トップページ > 施設案内 */
.top-access{
	text-align: center;
	page-break-before: always;
}
/* トップページ > 施設案内 > リーフレット */
.top-access-download{
	display: none;
}

/* トップページ > よくあるご質問 */
.top-qa{
	text-align: center;
	page-break-before: always;
}
/* トップページ > よくあるご質問 > 質問リスト */
.top-qa ul{
	letter-spacing: -.4em;
}
.top-qa ul li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	letter-spacing: normal;
	width: 25%;
	vertical-align: top;
}
.qa-block{
	width: 90%;
	height: 160px;
	margin: 15px auto 0 auto;
}
/* トップページ > よくあるご質問 > 質問のフォント色バリエ */
.qa-01 > ul > li .qa-block p,
.qa-03 > ul > li .qa-block p,
.top-qa-01 p,
.top-qa-03 p{
	color: #FFFFFF;
}
.qa-02 > ul > li .qa-block p,
.qa-04 > ul > li .qa-block p,
.top-qa-02 p,
.top-qa-04 p{
	color: #383838;
	font-size: 10pt
}
/* トップページ > よくあるご質問 > 質問の背景バリエ */
.top-qa-01{
	background: url(../images/qa01-bg.png) no-repeat;
}
.top-qa-02{
	background: url(../images/qa02-bg.png) no-repeat;
}
.top-qa-03{
	background: url(../images/qa03-bg.png) no-repeat;
}
.top-qa-04{
	background: url(../images/qa04-bg.png) no-repeat;
}
.qa-block p{
	padding-top: 20px;
}
/* トップページ > よくあるご質問 > 回答 */
.qa-modal-answer{
	display: none;
}
/* トップページ > よくあるご質問 > 詳細へボタン */
.top-qa-link{
	display: none;
}

/* トップページ > 周辺観光スポット */
.top-spot{
	text-align: center;
	padding-top: 10px;
	margin-top: 10px;
}
/* トップページ > 周辺観光スポット > リスト */
.top-spot ul{
	letter-spacing: -.4em;
}
.top-spot ul li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	letter-spacing: normal;
	width: 25%;
	vertical-align: top;
}
.top-spot-item{
	width: 90%;
	margin: 0 auto;
	padding-top: 5px;
}
/* トップページ > 周辺観光スポット > リスト > 画像 */
.top-spot-item-img img{
	width: 100%;
	height: auto;
}
/* トップページ > 周辺観光スポット > リスト > テキスト */
.top-spot-item-info{
	text-align: left;
	font-size: 10pt;
}

/* トップページ > googlemap */
#map_canvas{
	page-break-before: always;
	width: 100%;
	height: 520px;
}

/* # 下層ページ共通 --------------------------------------------- */
/* サイドメニュー */
#secondary{
	display: none;
}
/* メインビジュアル */
.soya-epub .mainvis{
	display: none;
}
/* サイトディスクリプション */
.site-description{
	display: none;
}

/* カテゴリタイトル */
.h1,
.inner-content #content .entry-header > h1{
	text-align: center;
	border-bottom: 2px solid #6E6E6E;
	padding-bottom: 8px;
	padding-top: 35px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/* サブタイトル */
.soya-subttl,
.qa-subttl{
	text-align: center;
	font-weight: bold;
	background: #999;
	color: #FFF;
	padding: 5px;
	margin-bottom: 5px;
}
/* リード */
.soya-lead,
.soya-lead-big,
.lead-strong,
.contact-catch{
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	font-size: 10pt;
}
.soya-lead-big,
.lead-strong{
	font-weight: bold;
}
/* メニュー */
.soya-menu,
.annex-menu,
.about-menu{
	display: none;
}
/* アイキャッチ */
.soya-mess{
	text-align: center;
}

/* メタ情報 */
.entry-meta{
	display: none;
}

/* コメントエリア */
#comments{
	display: none;
}

/* ページャー */
.nav-single{
	display: none;
}

/* # 施設ガイド --------------------------------------------- */
.soya-detaillist li{
	display: table;
}
/* 施設ガイド > 画像 */
.soya-detaillist li .soya-detaillist-image{
	display: table-cell;
	vertical-align: top;
	width: 40%;
}
.soya-detaillist li .soya-detaillist-image img{
	width: 90%;
}
/* 施設ガイド > テキスト */
.soya-detaillist li .soya-detaillist-info{
	display: table-cell;
	vertical-align: top;
	width: 60%;
}

/* # 宗谷船内図 --------------------------------------------- */
/* 宗谷船内図 > 船内マップ */
.soya-map-print{
	display: block;
}
.soya-inboard-img{
	display: none;
}
.soya-inboard-img ul{
	display: none;
}
/* 宗谷船内図 > 画像とテキスト */
.soya-inboard-list li{
	display: table;
}
/* 宗谷船内図 > 画像とテキスト > 画像 */
.soya-inboard-list li .soya-inboard-list-img{
	display: table-cell;
	width: 45%;
	vertical-align: top;
}
/* 宗谷船内図 > 画像とテキスト > テキスト */
.soya-inboard-list li .soya-inboard-list-txt{
	display: table-cell;
	width: 55%;
	vertical-align: top;
}
/* 宗谷船内図 > 画像とテキスト > テキスト > 見出し */
.soya-inboard-list li .soya-inboard-list-txt .soya-inboard-list-txt-ttl{
	font-weight: bold;
	page-break-before: avoid;
}

/* # 電子書籍で見る宗谷 --------------------------------------------- */
.soya-epub-intro-tbl{
	display: table;
	page-break-before: always;
}
/* 電子書籍で見る宗谷 > 画像 */
.soya-epub-cover{
	display: table-cell;
	vertical-align: top;
	width: 40%;
}
.soya-epub-cover img{
	width: 90%;
}
/* 電子書籍で見る宗谷 > テキスト */
.soya-epub-txt{
	display: table-cell;
	vertical-align: top;
	width: 60%;
}
.soya-epub-txt .soya-epub-txt-title{
	font-weight: bold;
}


/* # 別館 --------------------------------------------- */
/* 別館 > 画像とテキスト */
.soya-detaillist li{
	display: table;
}
/* 別館 > 画像とテキスト > 画像 */
.soya-detaillist li .annex-detaillist-image{
	display: table-cell;
	width: 45%;
	vertical-align: top;
}
/* 別館 > 画像とテキスト > テキスト */
.soya-detaillist li .annex-detailist-info{
	display: table-cell;
	width: 55%;
	vertical-align: top;
}
/* 別館 > 画像とテキスト > テキスト > 見出し */
.soya-detaillist li .annex-detailist-info .annex-detailist-ttl{
	font-weight: bold;
	page-break-before: avoid;
}

/* # 屋外展示場 --------------------------------------------- */
/* 屋外展示場 > 船内マップ */
.field-map01:after{
	content: url(images/field--map.jpg);
}
.category-field .field-map01 img{
	display: none;
}

/* # 船の科学館とは --------------------------------------------- */
/* 船の科学館とは > 表組み */
.about-datalist{
	padding-top: 5px;
	margin-top: 10px;
	border-top: 1px solid #666;
}
.about-datalist li{
	display: table;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
/* 船の科学館とは > 日付 */
.about-datalist li .date{
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
/* 船の科学館とは > テキスト */
.about-datalist li .detail{
	display: table-cell;
	width: 70%;
	vertical-align: top;
}
.about-datalist li .detail p{
	padding-left: 5px;
}

/* # 新着、活動、体験共通 --------------------------------------------- */
.news-category,
.report-category,
.workshop-category{
	border-left: 5px solid #333;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px;
	margin: 10px 0;
}
.category-news .entry-header,
.category-report .entry-header,
.category-workshop .entry-header{
	display: table;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin: 5px 0;
}
/* 新着、活動、体験共通 > 画像 */
.category-news .entry-header .thmb-img,
.category-report .entry-header .thmb-img,
.category-workshop .entry-header .thmb-img{
	display: table-cell;
	width: 25%;
	vertical-align: top;
}
.category-news .entry-header .thmb-img img,
.category-report .entry-header .thmb-img img,
.category-workshop .entry-header .thmb-img img{
	width: 90%;
	height: auto;
	display: block;
	margin: 0 auto;
}
/* 新着、活動、体験共通 > テキスト */
.category-news .entry-header .entry-title,
.category-report .entry-header .entry-title,
.category-workshop .entry-header .entry-title{
	display: table-cell;
	width: 75%;
	vertical-align: top;
}
/* 新着、活動、体験共通 > テキスト > 記事タイトル */
.category-news .entry-header .entry-title h2,
.category-report .entry-header .entry-title h2,
.category-workshop .entry-header .entry-title h2{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* 新着、活動、体験共通 > 表組み > 見出し */
.single .bluetable .bluetitle .textwidget{
	background: #95E1FF;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */  
	text-align: center;
	font-size: 1.06em;
	font-weight: bold;
	padding: 0 5px;
}

/* # ワクワクマリンキッズ --------------------------------------------- */
.category-marine{
	text-align: center;
}
/* ワクワクマリンキッズ > 回答選択 */
#pg-921-1 .panel-grid-cell{
	float: left;
}
/* ワクワクマリンキッズ > 回答 */
.marine .marine-answer-01,
.marine .marine-answer-02,
.marine .marine-answer-03{
	background: #FDF7E8;
	text-align: center;
}
.marine .marine-answer-01 img,
.marine .marine-answer-02 img,
.marine .marine-answer-03 img{
	display: block;
	margin: 0 auto;
}

/* # リンク集 --------------------------------------------- */
.foundation-list{
	padding-top: 20px;
}
.foundation-list > li{
	margin-bottom: 10px;
	background: url(../images/foundation-arrow.png) no-repeat;
	background-position: left center;
	padding-left: 20px;
}

/* # リンク集 --------------------------------------------- */
/* 日本海事科学振興財団について */
.foundation-table{
	width: 100%;
	border-top: 1px solid #666;
}
.foundation-table th{
	width: 30%;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background: #ddd;
	padding: 5px;
	font-weight: bold;
}
.foundation-table td{
	width: 70%;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px dotted #ccc;
	padding: 5px;
}
.foundation-inner{
	width: 100%;
	border-top: 1px solid #666;
}

/* # Q&A --------------------------------------------- */
/* Q&A > 質問枠 */
.qa-body{
	margin-top: 10px;
	padding: 35px 0 50px 0;
}
/* Q&A > 質問枠背景画像バリエ */
.qa-01{
	background: url(../images/qa01-bodybg.png);
}
.qa-02{
	background: url(../images/qa02-bodybg.png);
}
.qa-03{
	background: url(../images/qa03-bodybg.png);
}
.qa-04{
	background: url(../images/qa04-bodybg.png);
}
/* Q&A > 質問内容 */
.qa-body > ul{
	width: 100%;
	margin: 0 auto;
	letter-spacing: -.4em;
}
.qa-body > ul > li{
	display: inline-block;
	width: 33.3%;
	vertical-align: top;
	letter-spacing: normal;
}
.qa-body > ul > li a,
.top-qa > ul > li a{
	display: block;
	text-decoration: none;
}
.qa-body > ul > li .qa-block,
.qa-block{
	width: 90%;
	height: 160px;
	margin: 5px auto 0 auto;
}
.qa-body > ul > li .qa-block p{
	padding-top: 50px;
	text-align: center;
	line-height: 150%;
	font-size: 1.06em;
}

/* Q&A > 質問のフォント色バリエ */
.qa-01 > ul > li .qa-block p,
.qa-03 > ul > li .qa-block p,
.top-qa-01 p,
.top-qa-03 p{
	color: #FFFFFF;
}
.qa-02 > ul > li .qa-block p,
.qa-04 > ul > li .qa-block p,
.top-qa-02 p,
.top-qa-04 p{
	color: #383838;
}
/* Q&A > 質問の背景バリエ */
.qa-01 > ul > li .qa-block,
.top-qa-01{
	background: url(../images/qa01-bg.png) no-repeat;
	background-size: 100%;
}
.qa-02 > ul > li .qa-block,
.top-qa-02{
	background: url(../images/qa02-bg.png) no-repeat;
	background-size: 100%;
}
.qa-03 > ul > li .qa-block,
.top-qa-03{
	background: url(../images/qa03-bg.png) no-repeat;
	background-size: 100%;
}
.qa-04 > ul > li .qa-block,
.top-qa-04{
	background: url(../images/qa04-bg.png) no-repeat;
	background-size: 100%;
}

/* Q&A > モーダルウインドウ */
#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%!important;
  background: #000;
  display: none;
}
#div787{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 100%;
 }
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../images/modal_close.png);
  z-index: 2;
}
/* Q&A > モーダルウインドウ 非表示 */
.qa-modal-answer{
	display: none;
}
/* Q&A > モーダルウインドウ > 枠 */
.qa-modal-box{
	position: relative;
	width: 640px;
	height: 570px;
	background: #FFFFFF;
	border-radius: 10px;        /* Q&A > CSS3草案 */  
	-webkit-border-radius: 10px;    /* Q&A > Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Q&A > Firefox用 */  
}

/* Q&A > モーダルウインドウ > タイトル */
.qa-modal-ttl{
	width: 443px;
	margin: 0 auto;
	padding: 80px 0 10px 0;
	font-size: 1.88em;
	font-weight: bold;
	text-align: center;
	border-bottom: 5px solid #0D1369;
}
/* Q&A > モーダルウインドウ > 本文 */
.qa-modal-body{
	width: 500px;
	height: 300px;
	margin: 0 auto;
	padding-top: 45px;
	-webkit-box-sizing: border-box; /* Q&A > Safari */  
	-moz-box-sizing: border-box; /* Q&A > Firefox */  
	-ms-box-sizing: border-box; /* Q&A > Internet Explorer 8 */  
	box-sizing: border-box; /* Q&A > Opera */
	overflow: auto;
}
.qa-modal-body p{
	padding: 10px;
}
/* Q&A > モーダルウインドウ > クローズボタン */
.qa-modal-close{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 37px;
	bottom: 30px;
	background: url(../images/modal-close.png) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}


/* # 書籍案内 --------------------------------------------- */
.magazine-datalist li{
	display: table;
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
/* 書籍案内 > 画像 */
.magazine-datalist-img{
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
.magazine-datalist-img img{
	width: 90%;
}
/* 書籍案内 > テキスト */
.magazine-datalist-info{
	display: table-cell;
	width: 70%;
	vertical-align: top;
}
.magazine-datalist-info .magazine-datalist-ttl{
	font-weight: bold;
}
.magazine-datalist-info .magazine-datalist-ttl span{
	background: #c00;
	color: #FFF;
}

/* # お問い合わせ --------------------------------------------- */
.contact-body{
	padding: 40px 0;
	border: 1px solid #BFE2F0;
	background: url(../images/contact-bodybg.png);
}
.contact-body li{
	padding-bottom: 10px;
	text-align: center;
}