@charset "utf-8";
/* CSS Document */

/* --- [ common ] --- */
body{
     margin:0px;
     padding:0px;
     text-align:center;
	 background-color:#ffffff;
}

/* --- common header --- */
#header_bar_area{
	padding-top:4px;
	background-color:#0476CA;
}
#header{
     margin-left:auto;
     margin-right:auto;
     width:960px;
     text-align:left;
	 background-color:#ffffff;
}

#header_login_area{
	background-color:#ffffff;
	padding:8px 0px 6px 0px;
	text-align:right;
}

@media screen and (min-width:0px){
ul{color: #5bc0de;}
}


#header_image_area{
	background-repeat:repeat;
	background-image:url(../image/logo.jpg);
        height: 28px;
	text-align:right;
	padding:16px;
}
#header_image_area_sp{
        height: 61px;
	background-image:url(../image/logo_sp.jpg);
        background-repeat:no-repeat;
        /*background-size: 100% 41px ;*/
}
@media screen and (min-width:300px){
ul{color: #d9534f;}
#header_image_area{
        height: 61px;
	background-image:url(../image/logo_sp.jpg);
        background-repeat:no-repeat;

}
}

@media screen and (min-width:600px){
ul{color: #115a71;}
#header_image_area{
	background-repeat:repeat;
        background-image:url(../image/logo.jpg);
        height: 28px;
	text-align:right;
	padding:16px;
}
}

#header_image_area_pub{
	background-repeat:repeat;
	background-image:url(../image/logo_pub.jpg);
    height: 28px;
	text-align:right;
	padding:16px;
}

#header_image_area_bbs{
	background-repeat:repeat;
	background-image:url(../image/logo_bbs.jpg);
    height: 61px;
	text-align:right;
	padding:16px;
}

#header_title_area{
	padding:8px 0px 8px 2px;
	background-color:#ffffff;
}
.header_title{
	border-bottom:#F1EDDC solid 1px;
}

.header_image_area_hinsanso{
	background-repeat:repeat;
	background-image:url(../image/960x60.jpg);
        height: 28px;
	text-align:right;
	padding:16px;
}



h1{
    margin:0px;
    padding:0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
}
#header_version_area{
	padding:3px 3px 3px 3px;
	text-align:right;
	float:right;
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
}
#header_version_area_1{
	padding:20px 3px 3px 3px;
	text-align:right;
	float:right;
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
}
.login_area{
	padding:3px 3px 3px 3px;
	text-align:right;
	float:right;
	background-color:#d9e1e6;
}
.login_area a{color:#333333c;
		 text-decoration:none;
		 display:block;
		 padding:3px 3px 3px 3px;
		 }
.login_area a:hover{background:#AFBEFA;
		 color:#000000;
}

/* --- common maincontent --- */
#maincontent{
     margin-left:auto;
     margin-right:auto;
     text-align:center;
     width:960px;
	 background-color:#ffffff;
	 padding:1px 1px 3px 1px;
}
#maincontent2{
     margin-left:auto;
     margin-right:auto;
     text-align:center;
     width:1150px;
	 background-color:#ffffff;
	 padding:1px 1px 3px 1px;
}
#maincontent_wide{
     margin-left:auto;
     margin-right:auto;
     text-align:center;
     width:1280px;
	 background-color:#ffffff;
	 padding:1px 1px 3px 1px;
}
h2{
    margin:0px;
    padding:0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
}

/* --- common footer --- */
#footer{
     margin-left:auto;
     margin-right:auto;
     text-align:left;
     width:960px;
}

#footer_bar_area{
	padding-top:10px;
	background-color:#FFFFFF;
	border-top: 4px solid #0476CA;
	margin: 0px 0px 10px 0px;
}

.clear{
	clear:both;
}

/* --- common table --- */
.table_common{
}


/* --- [ TOP ] --- */
.content_map_top{
	width:770px;
	height:600px;
	float:left;
	margin-bottom: 8px;
}
.content_left_navi{
	float:left;
	height:736px;
}

.navi_manual{
	width:173px;
	height:76px;
	padding: 4px 2px 4px 6px;
	margin: 0px 4px 4px 0px;
	text-align:left;
	border: 1px solid #999999;
	font-size:95%;
}

.navi_manual_title{
	font-size:110%;
	border-bottom:#F1EDDC solid 1px;
	font-weight:bold;
}

.navi_news{
	width:173px;
	height:640px;
	padding: 4px 2px 4px 6px;
	margin: 0px 4px 4px 0px;
	text-align:left;
	border: 1px solid #999999;
	font-size:95%;
}

.navi_news_title{
	font-size:110%;
	border-bottom:#F1EDDC solid 1px;
	font-weight:bold;
}

.navi_news_kaiku_list{
	width: 100%;
	height: 480px;
	overflow: auto;
	border-top: 1px solid #999999;
	padding:0px;
	text-align: left;
	font-size:95%;
}

.kaiku_box{
	position:absolute;
	background-color:#FFFFFF;
	padding:8px 8px 8px 8px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;
	font-size:170%;
	white-space: nowrap;
}
#content_info{
	width:770px;
	float:left;
	text-aline: left;
}
#content_info_title{
	margin-bottom:4px;
	width:770px;
	float:left;
	text-aline: left;
}
.info_title{
	font-size:120%;
	font-weight: 900;
	color:#99CCFF;
	float:left;
}
.info_title2{
	font-size:120%;
	font-weight: 900;
	color:#265e71;
	float:left;
}
#content_info_list{
	width:765px;
	height: 100px;
	overflow: auto;
	border: 1px solid #999999;
	padding:4px;
	text-align: left;
	background-color: #f1f8fa;
}
.content_info_dt{
	font-weight:bold;
	font-size: 85%;
	padding:6px 0px 2px 0px;
}

/* --- [ SEAPOINT ] --- */
#content_toplink_area{
	text-align:right;
}

/*.content_map_kaiku{
	width:770px;
	height:600px;
	float:left;
	margin-bottom: 2px;
}*/

.content_map_kaiku{
	width:840px;
	height:630px;
	float:left;
	margin-bottom: 2px;
}

.content_left_navi_kaiku{
	float:left;
	height:765px;
}

.navi_manual_kaiku{
	width:173px;
	height:130px;
	padding: 4px 2px 4px 6px;
	margin: 0px 4px 4px 0px;
	text-align:left;
	border: 1px solid #999999;
	overflow: auto;
	font-size:95%;
}

.navi_graph{
	width:173px;
	height:100px;
	padding: 4px 2px 4px 6px;
	margin: 4px 0px 0px 0px;
	text-align:left;
	border: 1px solid #999999;
	overflow: auto;
	font-size:95%;
}

.navi_manual_title_kaiku{
	font-size:110%;
	border-bottom:#F1EDDC solid 1px;
	font-weight:bold;
}

.navi_news_kaiku{
	width:173px;
	height:497px;;
	padding: 4px 2px 4px 6px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	border: 1px solid #999999;
}

.navi_news_main{
	width: 100%;
	height: 65px;
	overflow: auto;
	padding:0px;
	text-align: left;
	font-size:95%;
}


/* --- SEAPOINT sea_area --- */
#content_menu_sea_area{
}
ul.seapoint_ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#ffffff;
	/*background-color:#B4E4EF*/;
}
li.seapoint_li{
	float:left;
	background-color:#B4E4EF;
	white-space: nowrap;
}
a:link.seapoint,a:visited.seapoint{
	display:block;
	font-weight:bold;
	color:#ffffff;
	background-color:#6699FF;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border: 1px solid #99CCFF;
}
a:link.seapoint2,a:visited.seapoint2{
	display:block;
	font-weight:bold;
	color:#ffffff;
	background-color:#0033FF;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border: 1px solid #99CCFF;
}
a:hover.seapoint,a:active.seapoint{
	background-color:#0033FF;
}

/* --- SEAPOINT date_area --- */
#content_seapoint_date{
	width:773px;
	margin-top:4px;
	margin-bottom:4px;
	text-align:left;
}

/* --- SEAPOINT plankton --- */
#content_menu_plankton_area{
}
ul.plankton_ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:4px;
	overflow:hidden;
	background-color:#ffffff;
	/*background-color:#B4E4EF;*/
}
li.plankton_li{
	float:left;
	background-color:#ffffff;
	white-space: nowrap;
}

a:link.plankton,a:visited.plankton{
	display:block;
	font-weight:bold;
	color:#ffffff;
	background-color:#FF8C00;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border: 1px solid #A26318;
}

a:link.plankton2,a:visited.plankton2{
	display:block;
	font-weight:bold;
	color:#ffffff;
	background-color:#E47353;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border: 1px solid #A26318;
}
a:hover.plankton,a:active.plankton{
	background-color:#D8521E;
}

/* --- SEAPOINT plankton nori --- */
#content_menu_plankton_nori_area{
}
ul.plankton_nori_ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:4px;
	overflow:hidden;
	background-color:#ffffff;
	/*background-color:#B4E4EF;*/
}
li.plankton_nori_li{
	float:left;
	background-color:#ffffff;
	white-space: nowrap;
}

a:link.plankton_nori,a:visited.plankton_nori{
	display:block;
	font-weight:bold;
	color:#333300;
	background-color:#f0f800;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border: 1px solid #99CC00;
}

a:link.plankton2_nori,a:visited.plankton2_nori{
	display:block;
	font-weight:bold;
	color:#333300;
	background-color:#afee00;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border: 1px solid #99CC00;
}
a:hover.plankton_nori,a:active.plankton_nori{
	background-color:#afee00;
}

/* --- SEAPOINT plankton WaterQuality --- */
#content_menu_plankton_waterquality_area{
}
ul.plankton_waterquality_ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:4px;
	overflow:hidden;
	background-color:#ffffff;
	/*background-color:#B4E4EF;*/
}
li.plankton_waterquality_li{
	float:left;
	background-color:#ffffff;
	white-space: nowrap;
}

a:link.plankton_waterquality,a:visited.plankton_waterquality{
	display:block;
	font-weight:bold;
	color:#ffffff;
	background-color:#9DCCE0;
	text-align:center;
	padding:4px;
	text-decoration:none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border: 1px solid #3399CC;
}

a:link.plankton2_waterquality,a:visited.plankton2_waterquality{
	display:block;
	font-weight:bold;
	color:#ffffff;
	background-color:#0085C9;
	text-align:center;
	padding:4px;
	text-decoration:none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border: 1px solid #3399CC;
}
a:hover.plankton_waterquality,a:active.plankton_waterquality{
	background-color:#0085C9;
}

/* --- SEAPOINT legend --- */
#content_legend_area{
	width: 770px;
	font-size:85%;
	text-align:left;
	float:left;
	background-color: #ffffff;
	margin-bottom:10px;
}

ul.legend_ul{
	list-style-type:none;
	margin:0;
	padding:2px;
	overflow:hidden;
}
li.legend_li{
	float:left;
	white-space: nowrap;
}


/* --- SEAPOINT map --- */
.cpntent_map_seapoint{
	width:475px;
	height:500px;
}

.content_map_seapoint1{
	float:left;
	padding:0px 4px 4px 0px;
}

.content_map_seapoint2{
	float:left;
	padding:0px 0px 4px 4px;
}
.content_news_seapoint{
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	border: 1px solid #999999;
}
.news_title_seapoint{
	border-bottom:#F1EDDC solid 1px;
}

/* --- PRIVATE PAGE --- */
.ul_private_menu {
	line-height: 300%;
}
.div_private_menu {
	text-align: left;
}
.div_private_bottom_btn {
	text-align: right;
}


/* --- [ ATTEST ] --- */

/* --- [ MENU ] --- */

/* --- [ DATA ] --- */

/* --- [ KANRI ] --- */
table.excel_table {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.excel_table th {
	font-size: small;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
	text-align: center;
}
table.excel_table td {
	font-size: small;
	padding: 10px 1px 10px 1px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
	text-align: center;
}

/* --- [ MASTER ] --- */

.sel_box{
width:100%;
float:left;
color:#333333;
background-color: #fafbfb;
padding: 2px 1px 2px 1px;
text-align: left;
}

.sel_kaiku{
background-color: #e9eafc;
}
.sel_seapoint{
background-color: #99CCFF;
}
.sel_plankton{
width:23%;
background-color: #FF8C00;
}
.sel_plankton_nori{
width:23%;
background-color: #f0f800;
}
.sel_water_quality{
width:23%;
background-color: #dae6f6;
}
.span_kaiku{
font-weight: 900;
color:#e9eafc;
}
.span_seapoint{
font-weight: 900;
color:#99CCFF;
}
.span_plankton{
font-weight: 900;
color:#FF8C00;
}
.span_plankton_nori{
font-weight: 900;
color:#f0f800;
}
.span_water_quality{
font-weight: 900;
color:#dae6f6;
}

table.akashiwoAllList {
	    border-top:1px solid #663300;
	    border-left:1px solid #663300;
	    border-collapse:collapse;
	    border-spacing:0;
	    background-color:#ffffff;
	    empty-cells:show;
}
.akashiwoAllList th{
	    border-right:1px solid #663300;
	    border-bottom:1px solid #663300;
	    color:#330000;
	    background-color:#CCCCCC;
	    background-position:left top;
	    padding:0.3em 0.3em 0.3em 0.3em;
	    text-align:center;
}
.akashiwoAllList td{
	    border-right:1px solid #663300;
	    border-bottom:1px solid #663300;
	    padding:0.3em 0.3em 0.3em 0.3em;
	    font-size: 95%;
}
#header_image_area_sen{
	background-repeat:repeat;
	background-image:url(../image/logo_senkai.png);
        height: 28px;
	text-align:right;
	padding:16px;
}

#rr_table{
    font-size: small;
}
#rr_table tbody td{
    text-align: center;
    text-decoration: none;
    font-size: small;
}
.fontsmall{
    font-size:smaller;
    display: inline-block;
}
#rr_table th, td { white-space: nowrap; }
#rr_list div.dataTables_wrapper {
    margin: 0 auto;
}
#rr_list div.container {
    max-width: 1200px;
}

#rr_list{
    display:none;
}
#loading_rr{
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-30px;
}

.sel_kikan_id{
    width: 200px;
}
.akashiwo_list_cell{
    padding: 1px 4px;
}

div#header_select_area{
    padding: 0;
    float:left;
    width:54%;
    padding-left: 220px;
    display:flex;
}
div#header_select_area .title{
	padding:0 4px;
	color: darkblue;
	font-weight: bold;
}

/* 基本のセレクトボックスのカスタマイズ */
.select_period {
  background: #fff16f;
  height: 25px;
  width: 160px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

.select_period::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  z-index: -1;
}

.select_period select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}
#header_select_area div.comment{
  padding:4px 1px;
  font-size:11px;
  font-weight:bold;
}