@charset "utf-8";

body	{
	font-family: Verdana,Arial,sans-serif;
	background: url("image/sn_background.png") repeat;
	margin: 0;
}

/* ** container ************************************************ */
div#container	{
/*	width: 980px;   */
	width: 880px;
	margin: auto;
	padding: 0 25px;
	color: #666666;
	-webkit-box-shadow: 0px 0px 10px #bbbbbb;
	box-shadow: 0px 0px 10px #bbbbbb;
	background-color: #ffffff;
}

/* == header ============================================ */
header#pageheader	{
/*	width: 980px; */
	width: 880px;  
	margin: auto;
	border-top: solid 5px #25438a;
}
img#pageheaderlogo	{
	margin-top: 5px;
	margin-left: 3px;
}
img#pageheaderimg	{
	border: solid 1px #25438a;
}

/* -- nav [header] -------------------------------- */
ul#mainnav	{
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 2px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
ul#mainnav li	{
	background-color: #289bcc;
	list-style-type: none;
	float: left;
}
ul#mainnav li a	{
	display: block;
/*	padding: 10px 14px; */
	padding: 10px 10px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
/*	border-right: dotted 1px #ffffff; */
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}
/* ul#mainnav li a:hover	{ */
/*	background-color: #4169e1; */
/* }  */

ul#mainnav li:hover  a {
        background-color: #4169e1;
}
ul#mainnav li ul        {
           list-style: none;
           position: absolute;
           top: 100%
           left: 0;
           margin: 0;
           padding: 0;
           border-radius: 0 0 3px 3px;
}

ul#mainnav li ul li     {
           float: none;
           overflow: hidden;
           width: 100%;
           height: 0;
}

ul#mainnav li ul li a   {
           padding: 10px 14px;
           background: #ffffff;
           text-align: left;
           font-size: 12px;
}

ul#mainnav li:hover ul li       {
           overflow: visible;
           height: 32px;
           width: 160px;
           border-bottom: solid 1px #ffffff;
           border-right: 0;
}

ul#mainnav li:hover ul li:last-child a  {
           border-radius: 0 0 3px 3px;
}

ul#mainnav li ul li a:hover     {
    background-color: #7c97ea;
}


/* -- bread list [header] ------------------------- 
ul#breadlist	{
	clear: both;
	margin: 0;
	padding: 3px 3px 5px 3px;
	font-size: 0.75em;
}
ul#breadlist li {
	display: inline;
}
*/

/* == contents ========================================= */
div#contents	{
	clear: both;
/*20160525	width: 700px;   */
/*	width: 980px;  */
	width: 880px;
/*	float: left; */
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	font-size: 0.85em;
	line-height: 1.35em;
	/* border: solid 1px #bbbbbb; */
}

#contents p	{
	padding : 0 15px;
}

/* == sidebar ========================================== */
div#sidebar	{
	width: 270px;
	float: right;
	margin-top: 5px;
	font-size: 0.85em;
	background-color: #ffffff;
}
div#sidebar p	{
	padding : 0 10px;
}


/* == submenu ========================================== */
div#submenu    {
    width: 170px;
    margin: 0;
 
    padding: 0;
    font-size: 1.0em;
    float: left;
    display:inline;
}
div#submenu    {
/*    overflow-y: hidden */
/*    overflow: hidden */
}

div#submenu ul    {
    margin: 0;
    padding: 0 0 0 15px;
    background: #eaf4ff;
    list-style: none;
}
div#submenu li    {
    overflow-y: hidden;
}

div#submenu label {
    display: block;
    margin: 0 0 2px 0;
    padding: 10px;
    line-height: 1;
    color: #25438a;
    background: #bbdbf3;
    border: solid 0px #ffffff;
    border-radius: 5px;
}

div#submenu label:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f13a';
    padding-left: 5px;
    transition: 0.2s;
}

div#submenu label:hover   {
        background-color: #00a7db;
	color: #ffffff;
}

/*div#submenu input:checked + label {*/
/*        background-color: #00a7db;*/
/*	color: #ffffff;*/
/*}*/

div#submenu input[type="checkbox"]:checked + label:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f139';
}

div#submenu input {
    display: none;
}

div#submenu .on-off {
    height: 0;
    overflow: hidden;
}

div#submenu input:checked + label + .on-off {
    height: auto;
}



/* == footer =========================================== */
footer#pagefooter	{
	clear: both;
/*	width: 980px;  */
	width: 880px;
	height: 90px;
	color: #ffffff;
	background-color: #25438a 
	/* background: #25438a url("image/sn_skyradiometer.png") no-repeat right center; */
}

/* quicklooks nav */
ul.quicknav {
	list-style: none;
	margin-top: 0;
}

ul.quicknav li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	float: left;
}
ul.quicknav li a{
	display: block; 
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	padding: 5px;
	text-decoration: none;
	width: 120px; 
	height: 35px;
	margin: 1px;
	text-align: center;
    	color: #000000;
}
ul.quicknav li a:hover, ul.quicknav li a:active{
    	color: #25438a;
	text-decoration: none;
	background-color: #eaf4ff;
	border-color: #25438a;
}

/* observation data */
div#obsdata	{
/*	width: 650px; */
	width: 610px;
	margin-left:  auto;
/*	margin-left:  100px; */
	margin-right: auto;
	text-align: center;
	overflow: hidden;
}

div#obsdata2	{
	width: 880px;
	margin-left:  auto;
/*	margin-left:  100px; */
	margin-right: auto;
	text-align: center;
}

#stnav	{
	float: right;
}
#stnav li {
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 5px;
}
#stnav li a	{
    display: block;
	width: 170px;
	height: 30px;
	padding: 3px 10px;
	border-width: 1px;
	border-style: solid;
}
#stnav li a:link, #stnav li a:visited	{
    color: #000000;
	text-decoration: none;
	background-color: #eeeeee;
	border-color: #cccccc;
}
#stnav li a:hover, #stnav li a:active	{
    color: #25438a;
	text-decoration: none;
	background-color: #eaf4ff;
	border-color: #25438a;
}


/* ** common ************************************************ */
/** default **/
a,div,h1,h2,h3,h4,h5,h6	{
	margin:0;
	padding:0;
}


h1,h2,h3,h4,h5,h6{
	font-size: 1.15em;
}

img	{
	border: none;
}

a img	{
	border: none;
}

.clearRight	{
	clear:right;
}
.clearLeft	{
	clear:left;
}
.clearBoth	{
	clear:both;
}


/** link **/
a:link	{
	color:#4e9a06;
}
a:visited	{
	color:#25438a;
}

a:hover	{
	color:#289bcc;
}
.hidden	{
	display: none;
}


/** character **/
.mright	{
	text-align: right;
	padding: 0;
	margin: 0;
}
.mleft	{
	text-align: left;
	padding: 0;
	margin: 0;
}
.mcenter	{
	text-align: center;
	padding: 0;
	margin: 0;
}
.mbold	{
    font-weight:bold;
	padding: 0;
	margin: 0;
}

small	{
	color: #ffffff;
	font-size: 0.75em;
	padding-top: 35px;
	text-align: center;
	display: block;
}


/** kajyougaki **/
ul.kaj_ten li	{
	list-style-image: url("image/sn_kmaru.png") ;
	margin-bottom: 5px;
	padding-right : 15px;
}


ol.kaj_suu li	{
	margin-bottom: 5px;
	padding-right : 15px;
}


dl.kaj_pub{  
  padding : 10px;      
}

dl.kaj_pub dt{  
	font-weight:bold;
	border-left-width : 5px;
	border-left-style : solid;
	border-left-color : #44a5cb;
	padding-left : 8px;
}

dl.kaj_pub dd{  
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #999999;
	margin-top : 5px;    
	margin-bottom : 13px;
	margin-left : 10px;
	margin-right : 15px;
	padding-right : 15px;     
	padding-left : 6px;
}

ul.link_ten	{
	padding: 0 10px;
}
ul.link_ten li	{
	list-style: none;
	padding-left: 20px; 
	padding-right: 10px; 
	margin-bottom: 5px;
	background: url("image/sn_linkmaru.png") left center no-repeat;
}

/** table **/
table.tab01	{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 11px;
	width: 95%;
	font-size: 0.90em;
}
thead.tab01_scrlHD {
    display: block;
}
tbody.tab01_scrlBD {
    display: block;
    overflow-y:scroll;
    height: 500px;
}
table.tab01 th	{
	border: 1px solid #c0c0c0;
	background: #dcdcdc;
	padding: 8px;
}
table.tab01 td	{
	border: 1px solid #dcdcdc;
	padding: 5px 4px;
}
tr.tbgcol01	{
	background: #f4f4f4;
}
th.thaba01_1	{
	width: 12%;
}
th.thaba01_2	{
	width: 15%;
}
th.thaba01_3	{
	width: 15%;
}
th.thaba01_4	{
	width: 12%;
}
th.thaba01_5	{
	width: 18%;
}
th.thaba01_6	{
	width: 12%;
}
th.thaba01_7	{
	width: 8%;
}
th.thaba01_8	{
	width: 8%;
}
td.tdaba01_1	{
	width: 12%;
}
td.tdaba01_2	{
	width: 15%;
}
td.tdaba01_3	{
	width: 15%;
}
td.tdaba01_4	{
	width: 12%;
}
td.tdaba01_5	{
	width: 18%;
}
td.tdaba01_6	{
	width: 12%;
}
td.tdaba01_7	{
	width: 8%;
}
td.tdaba01_8	{
	width: 8%;
}


table.tab02	{
	width: 300px;
/*	width: 880px; */
	margin-left: 200px; 
	margin-right: auto; 
    	font-weight:bold;
}
table.tab02 td	{
	width: 110px;
	vertical-align: top;
}

table.tab03	{
	margin-left: auto;
	margin-right: auto;
	font-weight:bold;
	width: 500px; 
/*	width: 880px; */
}
table.tab03 td	{
	width: 	150px;
	vertical-align: top;
}
table.tab04	{
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
table.tab05	{
	border: 1px solid #dcdcdc;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.90em;
	width: 800px;
}
th.thaba05_1	{
	width: 15%;
}
th.thaba05_2	{
	width: 20%;
}
th.thaba05_3	{
	width: 65%;
}
td.tbgcol05	{
	background: #f4f4f4;
}

td.migi {	
	text-align:right;
	vertical-align:bottom;
}
td.cent {	
	text-align:center;
	vertical-align:bottom;
}

/** form **/
select.sel01	{
	width:100px;
	height:80px;
}

input.inp01	{
	width:70px;
}

input.btn_reset	{
	width:90px;
	height:25px;
	color:#ffffff;
	background-color:#bfbfbf;
	border-radius: 4px;
}
input.btn_reset:hover {
    background: #dfdfdf;
    color: #ffffff;
    text-decoration: none;
}

input.btn_view	{
        font-weight: 700;
        margin-left: auto;
        margin-right: auto;
/*	width:150px; */
	width:100px;
	height:25px;
	color:#ffffff;
	background-color:#3498db;
	border-radius: 4px;
}
input.btn_view:hover {
    background: #0080ff;
    color: #ffffff;
    text-decoration: none;
}

.mds_pol_text   {
        text-align:center;
        color:#000000;
        font-size:1.2em;
        font-weight: 400;
        margin-top: 3px;
        margin-bottom: 3px;

}


/** title **/
.mds_pagetitle	{
	border-left: 6px solid #3261ab;
	border-right: 1px solid #3261ab;
	border-top: 1px solid #3261ab;
	border-bottom: 1px solid #3261ab;
	padding: 8px 0 8px 10px;
	margin: 0 0 11px 0;
	border-radius: 2px 0 0 2px;
	color: #3261ab;
	text-shadow: 1px 1px 1px #bbbbbb;
}

.mds_lev01	{
	border-left: #bbbbbb solid 1px;
	border-bottom: #bbbbbb solid 1px;
	display: block;
	padding-left: 5px;
	margin: 0 0 11px 0;
}
.mds_lev01t	{
	border-left: #44a5cb solid 6px;  
	padding: 7px 0 7px 10px;
	margin: 2px 0;
}

.mds_ref	{
	border-top: #3261ab solid 1px;
	border-bottom: #3261ab solid 1px;
	padding: 8px 0 8px 10px;
	margin: 0 0 11px 0;
	color: #3261ab;
}

.mds_link	{
	background: #1abc9c;
	margin: 0 0 11px 0;
	padding: 9px 0;
	border-radius: 5px 5px 0 0;
	color: #ffffff;
	text-align: center;
}

.mds_contact	{
	background: #f39c12;
	margin: 0 0 11px 0;
	padding: 9px 0;
	border-radius: 5px 5px 0 0;
	color: #ffffff;
	text-align: center;
}

.mds_obs	{
	border-bottom: #c0c0c0 dashed 1px;
	padding: 7px 0;
	margin: 0 0 10px 0;
}

.mds_area	{
	text-align: left;
	font-size: 1.2em;
	padding: 7px 0;
	margin: 0 0 10px 0;
}

.mds_sta	{
	border: #25438a solid 1px;
	padding: 7px 0;
	margin: 18px 0 7px 0;
	background: #eaf4ff;
	color: #25438a;
}

.mds_sta_dev_date	{
	padding: 7px 0;
	border-bottom: #25438a solid 1px;
	color: #25438a;
}


/** div **/
/* div aside */
.waku01	{
	-webkit-box-shadow: 0px 0px 5px #bbbbbb;
	box-shadow: 0px 0px 5px #bbbbbb;
	border-radius: 5px;
	padding : 0 0 4px 0;
	margin: 0 auto 11px auto;
	width: 270px;
}


/** image **/
img.img01	{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.img02	{
	float:right;
	margin: 5px 10px;
}

img.img03	{
	float:left;
	margin: 5px 10px;
}

img.img04	{
	margin: 3px;
}

img.img05	{
	float:right;
	margin-top: 70px;
}

img.img06	{
	display: block;
	margin-top: 70px;
	margin-bottom: 70px;
	margin-left: auto;
	margin-right: auto;
}

img.img07	{
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    box-shadow: 0 10px 8px -6px #8d8c8c;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
	
hr.hr01 {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

p.indent-1 {
	padding-left:3em;
	text-indent:-1em;
}
video.vd01 {
	margin-top: 20px;
	margin-bottom: 20px;
}
		
/** color **/
/* 1.Belize hole #2980b9 */
/* 2.Green sea #16a085 */
/* 3.Nephritis #27ae60 */
/* 4.Orange #f39c12 */
/* 5.Pumpkin #d35400 */
/* 6.Pomegranate #d35400 */
/* 7.Wisteria #8e44ad */
/* 8.Asbestos #7f8c8d */
/* 9.Midnight blue #2c3e50 */


mapid { height: 400px; }