@charset "shift_jis";

#topPage h1			{ width:900px; height:80px; overflow:hidden; margin:0; padding:0; text-indent:-9999px; font-size:16px; line-height:20px; background:#fff url("../img/header.jpg") left top repeat-x; }

/**/

#top		{ float:left; width:560px; margin:5px 0 0 0; paddgin:0; }

#caption,
#catchcopy	{ width:560px; height:208px; overflow:hidden; marign:0; padding:0; background:url("../img/catchcopy_bg.gif") left top no-repeat; }
#catchcopy2	{ width:450px; height:210px; overflow:hidden; marign:0; padding:0; background:url("../img/catchimage1.gif") left top no-repeat; }
#catchImg	{ width:560px; height:100px; overflow:hidden; margin:5px 0 0 1px; }
#catchImg img	{ margin-left:6px; }

/*ニュースリリース***/
#news				{ position:relative; margin:30px 0 20px 0; }
#news h2			{ width:157px; height:25px; margin:0; padding:0; text-indent:-9999px; background:url("../img/news.gif") no-repeat; }
#news h3			{ width:157px; height:25px; margin:0; padding:0; text-indent:-9999px; background:url("../img/info_an.gif") no-repeat; }
#newsList			{ position:absolute; top:7px; right:0px; display:block; width:133px; height:18px; text-indent:-9999px; }
a#newsList			{ background:url("../img/news_list_off.gif") no-repeat; }
#newsList2			{ position:absolute; top:5px; right:0px; display:block; width:50px; height:18px; text-indent:-9999px; }
a#newsList2			{ background:url("../img/info_list_off.gif") no-repeat; }
a#newsList:hover	{ background:url("../img/news_list_on.gif") no-repeat; }

#news ul			{ display:block; margin:10px 0 0 0; padding:0; list-style-type:none; border-top:1px solid #cbe0ea; }
#news li			{ clear:both; display:block; margin:0; padding:5px 0 5px 120px; border-bottom:1px solid #cbe0ea; }
#news li span		{ float:left; display:block; width:100px; margin-left:-120px; padding-left:20px; font-size:10px; }
* html #news ul		{ padding:6px 0 0 0; }
* html #news li		{ height:1%; padding:1px 0 5px 120px;}
* html #news li span	{ width:120px; margin-left:-60px; }

#news li a span			{ background:url("../img/go_off.gif") left 3px no-repeat; }
#news li a:hover span	{ background:url("../img/go_on.gif") left 3px no-repeat; }
#news li a				{ display:block; /*margin-left:2px; padding:0 0 0 18px;*/ line-height:18px; }

/***ピックアップ***/
#info				{ float:right; width:302px; margin:5px 0 0 0; padding:0 0 20px 0; }
#info h2			{ width:302px; height:26px; overflow:hidden; margin:0; paddgin:0; text-indent:-9999px; background:url("../img/pickup.gif") 3px top no-repeat; }
#info .exp			{ display:block; width:302px; height:9px; overflow:hidden; text-indent:-9999px; }
#info .banners		{ text-align: center; }
#info .banners > a	{ display: block; margin-bottom: 10px; }


/*水産振興*/
#info_magazine		{ position:relative; clear:both; width:191px; height:127px; overflow:hidden; margin:0 0 8px 0; padding:0 16px 0 95px; /*font-size:11px; line-height:14px;*/ font-size:13px; line-height:15px; color:#17181a; background:url("../img/info_magazine.jpg") left top no-repeat; }
* html #info_magazine	{ width:302px; }
#info_magazine h3	{ display:block; width:160px; height:45px; overflow:hidden; margin:0; padding:0; font-size:14px; line-height:38px; text-indent:105%; white-space:nowrap; background:none; }
#info_magazine h4	{ display:block; width:160px; margin:0 0 4px 0; padding:0; font-weight:bold; font-size:13px; line-height:14px; color:#b42c3f; }
#info_magazine a	{
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	width: 201px;
	height: 127px;
	padding: 0 6px 0 95px;
	overflow: hidden;
}

/*水産映像ライブラリ*/
#info_movieLib		{ clear:both; width:302px; margin:0; padding:0 0 22px 0; background:url("../img/info_movieLib_bg.gif") left bottom no-repeat; }
#mlib_h				{ margin-bottom:10px; }
.mlib				{ position:relative; width:262px; margin:0 18px 0 22px; padding:14px 0 10px 0; font-size:11px; line-height:15px; border-top:1px solid #eaeaea; }
.mlib img			{ float:right; width:98px; margin:0 0 5px 10px; padding:4px; border:1px solid #dedede; }
.mlib h3			{ display:block; margin:0; padding:0 0 3px 0; font-size:12px; line-height:16px; background:none; }
.mlib h3 span		{ display:block; padding-bottom:3px; font-weight:normal; font-size:11px; line-height:14px; }

/*豊海センタービル*/
#info_bldg			{ position:relative; clear:both; width:191px; height:127px; overflow:hidden; margin:0 0 8px 0; padding:0 16px 0 95px; font-size:11px; line-height:14px; color:#17181a; background:url("../img/info_bldg.jpg") left top no-repeat; }
* html #info_bldg		{ width:302px; }
#info_bldg h3		{ display:block; width:160px; height:45px; overflow:hidden; margin:0; padding:0; font-size:14px; line-height:38px; text-indent:-9999px; background:none; }
#info_bldg h4		{ display:block; margin:0; padding:0 0 3px 0; font-size:12px; line-height:16px; background:none; }
/*#info_bldg a	{ display:block; }*/

/*豊海おさかなミュージアム*/
#info_museum			{ position:relative; clear:both; width:302px; height:107px; overflow:hidden; margin:0 0 8px 0; padding:0; font-size:13px; line-height:16px; color:#17181a; background:url("../img/info_museum.jpg") left top no-repeat; }
* html #info_museum		{ width:302px; }
#info_museum h3	{ display:block; width:302px; height:45px; overflow:hidden; margin:0; padding:0; font-size:14px; line-height:38px; text-indent:-9999px; background:none; }
#info_museum h4	{ display:block; width:302px; height:45px; overflow:hidden; margin:0; padding:0; font-size:12px; line-height:16px; background:none; }
/*#info_museum a	{ display:block; }*/

#info_museum > a
{ display:block; width:222px; height:45px; overflow:hidden; padding:62px 0 0 80px; }

/*YouTube Channel*/

#YouTubeChannel
{ position:relative; padding:0 3px; background:url("../img/youtube-ch.png") right top no-repeat; }

#YouTubeChannel > iframe
{ width:200px; height:135px; }

#YouTubeChannel > a
{ position:absolute; top:0; left:0; display:block; width:302px; padding-top:139px; text-align:center; font-size:14px; line-height:22px; z-index:9000; }




* html .mlib,
* html .mlib h3 span	{ font-size:85%; }
/*
#info_movieLib a	{ position:absolute; top:0; left:0; display:block; width:302px; height:300px; text-indent:-9999px; z-index:100; }
*/
#info_movieLib a:after	{ content:"."; display:block; clear:both; visibility:hidden; height:0; }

#info .hoka 		{ display:block; padding:3px 0 0 0; font-size:10px; }

#toyoren {
	margin-top: 40px;
	padding-top: 24px;
	text-align: center;
	border-top: 1px solid #c9c9c9;
}