body {
 font-family:'Hiragino Kaku Gothic ProN',  sans-serif;
}


.center {	text-align: center;}
.left {	text-align: left;}
.right {	text-align: right;}
.border {	border:solid 1px #cccccc; padding:3px 5px;	}
.bordernon {	border:solid 2px #ffffff; padding:0px 5px;	}


.c { background-color:#b8cca3;}
.c0 {background-color: #ffdab9;   /*#b8cca3 */

}  /* 主分野 */

.c1{ }
.c2 {background-color:  lightgreen }		/* 気象庁    lightgrey;*/
.c3{background-color: lightgreen}    /* 河川    yellow;*/
.c4{background-color: lightgreen }   /* 港湾    orange; */
.c5{ }
.c6 { background-color:  lightgreen}   /*水産庁    lightblue;*/
.c7 { }
.c8 {}
.c9 { }

a {
text-decoration:none;
}
a:hover {
color:purple !important;
	background-color:#cccccc;

}
a:visited{
color:blue;
}

strong {
/*	background-color:azure;*/
}

/***
 * 3 major sections of page: Header, Container(body), and Footer
 */

/* Header */

#headerlogo {
	width: 100%;
margin:0px;
	padding: 10px 0px;;
	font-size: 20px;
	color: #000000;

	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*background-image: url(images/title0.jpg);
background-repeat: repeat-x;*/
background-color:#ffffff;

}
#headercaption {
	width: 100px;
	padding-top: 8px;

	font-size: 12px;
	text-align: left;
	color: #000000;
border:soild 1px red;
}

/* pankuzu */
#pankuzu{

margin:0px;
padding:0px;
}
#pankuzu p{
margin:0px;
padding:5px 10px;
	font-size:11px;
}

/* Navigation */
.nav{
width:950px;
font-size:12px !important;
}


#page_nav {
	margin			:0px auto;;
	width			:120x;   /*    ???   */
	height:100%;
	padding:0px;
	font-size: 12px;

/*	background-color:#cccc99;
	background-repeat: repeat-y;*/
background-color:#ffffff;
	position:fixed;
	top:80px;
left:25px;
}

#page_nav ul {
	list-style-type: none;
	margin: 0px;
	padding:5px 0px;
	text-align: center;
}

#page_nav li {
	margin:10px 0px;
	padding:0px;
/*	background: url(images/navibg_up_2.png);*/
/*	height:50px;*/
	line-height:14px;
	border:solid 1px #333333;
}

#page_nav li a {
	display: block;
	padding:5px;
	color: #000000;
	text-decoration: none;
}

#page_nav li a:hover {
	color: #d8f886;
	text-decoration: none;
/*	background: url(images/navibg_up.png);*/
	background-color:#cccc99;
	
}

.activelink {
/*	background: url(images/navibg_up.png) !important;*/
/*	background-repeat: no-repeat;*/
	color: #556b2f;
	background-color:#cccc99 !important;
}



/* Content */

/*
#contentmid {
	width: 978px;
margin:0px;
padding-left:300px;


}
*/
#contentmid h1 {
	width:100%;
	text-align: center;
	margin: 20px;
	padding-top:20px;
	color: #000000;
	font-size: 20px;
	font-weight: normal;
}

#contentmid h2 {
	color: #000000;
	padding-left: 55px;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	word-wrap: break-word;
	text-align: justify;
	margin: 30px 0px 0px 60px;
	top: 0px;
}
#contentmid p {
	margin:0px;
	font-size:14px;
	text-indent:1em;
	padding:3px;
	}
	

#contentbrowse p {
	margin:0px;
	font-size:14px;
	text-indent:1em;
	padding:3px;
	}

	/* エラーメッセージ */
.messagedisplay {
	float: right;
	color: #575656;
	font-size: 13px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	top: 0px;
}


#error {
	width: 95%;
	margin: 0px auto;
	text-align: center;
	color: #575656;
	font-size: 13px;;
	font-style: normal;
	font-weight: normal;
}


/* other pages */

.scrolladd {
	width:100%;
	margin: 0px ;
padding:0px;
background-color:#ffffff;

	overflow: hidden;

}

table.box{
border:solid 1px #cccc99;
width:100%;
background-color:#ffffff;
}
table.box td{

	margin:0px;
	font-size:14px;
	padding:3px 10px;
vertical-align:top;

}
table.box th{

	margin:0px;
	font-size:14px;
	padding:3px 10px;
vertical-align:top;
font-weight:normal;
}

/* materialltable用 */
table.boxlisthead{
border-collapse: collapse;
/* border:solid 1px #cccc99; */
width:100%;
background-color:#ffffff;
font-size:10px;
}

table.boxlist{
border-collapse: collapse;
/* border:solid 1px #cccc99; */
width:100%;
background-color:#ffffff;
font-size:10px;
}
table.boxlist td{

	margin:0px;
	padding:3px;
vertical-align:top;
border:solid 1px #cccc99;

}
table.boxlist th{
 border:solid 1px #cccc99; 
	margin:0px;
	padding:3px;
font-weight:normal;
text-align:center;
}

table.boxlist th.nosort { /* background: url(images/browseheader_bg.png) repeat-x; */}
table.boxlist th.sort_a {	background: url(images/10sort_a.png) repeat-x;}
table.boxlist th.sort_d {	background: url(images/10sort_d.png) repeat-x left bottom;}





/* データ送り*/
table.reclistnavi {
margin-left:100px;;
}

td.recordlist_nav {
	font-size: 12px;
	font-variant: normal;
	border:solid 1px green;
text-align:center;
margin:0px !important;
	padding: 0px !important;
 
}
td.recordlist_nav a {
	display: block;
	text-decoration: none;
padding:0px 10px;
}

td.recordlist_nav a:hover {
	color: #d8f886;
	text-decoration: none;
	background-color:#cccc99;
	
}
.activelink {
/*	background: url(images/navibg_up.png) !important;*/
/*	background-repeat: no-repeat;*/
	color: #556b2f;
	background-color:#cccc99 !important;
}


/* 表示件数、ソート指示テーブル */
table.navtable{
padding-left:30px; 
}
td.navtable{
	font-size: 12px;
text-align:center;
vertical-align:middle;
margin:0px;
}
td.navtable a {
	display: block;
	text-decoration: none;
margin:0px;
padding:0px; 
padding:0px;

}

td.navtable a:hover {
	color: #d8f886;
	text-decoration: none;
	background-color:#cccc99;
padding:0px; 
padding:0px;
}


/* 検索 */
table.search {
border-collapse:collapse;
margin:0px auto;
}
table.search td{
	margin:0px;
	font-size:11px;
	padding:0px 3px;
}

/*select {
	width:180px;
}
*/


.buttons input{
height:20px;
border: 1px solid #90908d; 
background-color:#ffffff;
color:blue;
}

.buttons input:hover{
	background-color:#cccccc;
}


	
.buttons_clear {
border: 1px solid #90908d; 
height:18px;
	padding: 0px 8px ;
text-align: center;
vertical-align:middle;
	color: #000000;
	display: block;
}

.buttons_clear:hover{
	background-color:#cccccc;
}


select.fieldinput {
width:100px;
}