@charset "utf-8"; 

/* CSS Document */

/* トップページメインコンテンツCSS */
/* #main内 */


/* 各船の観測データへのリンクエリア */

div#side {
	float: right;
	width:190px;
}

ul#side_navi {
	float: right;
	width:190px;
	list-style-type: none;
}


ul#side_navi li {
	width: 190px;
	height: 80px;
	margin-bottom: 3px;
}

ul#side_navi li a {
	display: block;
	text-indent: -9999em;
	width: 190px;
	height: 80px;
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
}
ul#side_navi li#s {
	width: 190px;
	height: 43px;
	margin-top: 12px;
	margin-bottom: 3px;
}

ul#side_navi li#s a {
	display: block;
	text-indent: -9999em;
	width: 190px;
	height: 43px;
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
}


/* 各船の観測データへのリンク */

/*マウスアウト 日本語ページ用*/
a#natsushima {
	background: url(../img/btn_natsushima.jpg) no-repeat 0px 0px;
}

a#kaiyou {
	background: url(../img/btn_kaiyou.jpg) no-repeat 0px 0px;
}

a#yokosuka {
	background: url(../img/btn_yokosuka.jpg) no-repeat 0px 0px;
}

a#kairei {
	background: url(../img/btn_kairei.jpg) no-repeat 0px 0px;
}

a#mirai {
	background: url(../img/btn_mirai.jpg) no-repeat 0px 0px;
}

a#chikyu {
	background: url(../img/btn_chikyu.jpg) no-repeat 0px 0px;
}

a#DataPortal {
	background: url(../img/btn_kaiiki.jpg) no-repeat 0px 0px;
}

/*マウスアウト 英語ページ用*/
a#natsushima_en {
	background: url(../img/btn_natsushima_en.jpg) no-repeat 0px 0px;
}

a#kaiyou_en {
	background: url(../img/btn_kaiyo_en.jpg) no-repeat 0px 0px;
}

a#yokosuka_en{
	background: url(../img/btn_yokosuka_en.jpg) no-repeat 0px 0px;
}

a#kairei_en {
	background: url(../img/btn_kairei_en.jpg) no-repeat 0px 0px;
}

a#mirai_en {
	background: url(../img/btn_mirai_en.jpg) no-repeat 0px 0px;
}

a#chikyu_en {
	background: url(../img/btn_chikyu_en.jpg) no-repeat 0px 0px;
}

a#DataPortal_en {
	background: url(../img/btn_kaiiki_en.jpg) no-repeat 0px 0px;
}

/*マウスオン 日本語ページ用*/
/*a#natsushima:hover {
	background: url(../img/btn_natsushima_on.jpg) no-repeat 0px 0px;
}*/
a#natsushima:hover {
	background: url(../img/btn_natsushima_on.jpg) no-repeat 0px 0px;
}
a#kaiyou:hover {
	background: url(../img/btn_kaiyou_on.jpg) no-repeat 0px 0px;
}

a#yokosuka:hover {
	background: url(../img/btn_yokosuka_on.jpg) no-repeat 0px 0px;
}

a#kairei:hover {
	background: url(../img/btn_kairei_on.jpg) no-repeat 0px 0px;
}

a#mirai:hover {
	background: url(../img/btn_mirai_on.jpg) no-repeat 0px 0px;
}

a#chikyu:hover {
	background: url(../img/btn_chikyu_on.jpg) no-repeat 0px 0px;
}

a#DataPortal:hover {
	background: url(../img/btn_kaiiki_on.jpg) no-repeat 0px 0px;
}


/*マウスオン 英語ページ用*/
a#natsushima_en:hover {
	background: url(../img/btn_natsushima_on_en.jpg) no-repeat 0px 0px;
}

a#kaiyou_en:hover {
	background: url(../img/btn_kaiyo_on_en.jpg) no-repeat 0px 0px;
}

a#yokosuka_en:hover {
	background: url(../img/btn_yokosuka_on_en.jpg) no-repeat 0px 0px;
}

a#kairei_en:hover {
	background: url(../img/btn_kairei_on_en.jpg) no-repeat 0px 0px;
}

a#mirai_en:hover {
	background: url(../img/btn_mirai_on_en.jpg) no-repeat 0px 0px;
}

a#chikyu_en:hover {
	background: url(../img/btn_chikyu_on_en.jpg) no-repeat 0px 0px;
}

a#DataPortal_en:hover {
	background: url(../img/btn_kaiiki_on_en.jpg) no-repeat 0px 0px;
}

div.nonDisp{
	display:none;
}



/* 左側メインコンテンツ */
#left_panel {
	width: 520px;
	padding-top: 10px;

}

#main_image {
	width: 520px;
	height: 98px;
/*	background: url(../img/top_image.jpg) no-repeat 0px 0px;*/
	background: url(../img/top_image.jpg) no-repeat 0px 0px;

}

p#explain {
	background-color: #E8F7FF;
	padding: 20px;
	margin-bottom: 20px;
}



/*最新情報*/
div#news{ width:520px;}
div#news h3 {width:520px; margin-bottom:3px;}


div#news ul{
	margin-top: 3px;
}

div#news ul li{
	background-image:url(../img/potsu_bl4.gif);
	background-repeat:no-repeat;
	display:none;
	padding: 2px 5px 2px 15px;
	margin: 0px 1px;
	border-bottom: 1px dashed #c2d3fc;
	list-style-type: none;
	color:#444444;
	line-height:1.6em;
}
div#news ul li span{
	color:#333333;
}

