/*clearfix-------------------*/


.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/*-------------------*/


/*PDF*/
div.fileicon a[href$=".pdf"]:after {
	content: url(img/file_icon/icon_pdf_s.gif);
	padding-right: 5px;
	padding-left: 5px;
}

a.icon-pdf {
	background-image: url("img/file_icon/icon_pdf_s.gif");
	background-repeat: no-repeat;
	background-position: right center;
	padding: 2px 20px 2px 0;
	margin-right: 10px;
}

a.icon-excel {
	background-image: url("img/file_icon/icon_excel.gif");
	background-repeat: no-repeat;
	background-position: right center;
	padding: 2px 20px 2px 0;
	margin-right: 10px;
}



/*-------------------*/

.m-bottom-10 { margin-bottom:10px; }
.m-bottom-20 { margin-bottom:20px; }
.m-bottom-30 { margin-bottom:30px; }
.m-bottom-40 { margin-bottom:40px; }

.m-left-10 { margin-left:10px; }
.m-left-20 { margin-left:20px; }
.m-left-30 { margin-left:30px; }
.m-left-40 { margin-left:40px; }


/*-------------------*/


a img {
	border:none;
}


.list-n {
	text-indent: -1.0em;
	padding-left: 1.0em;
	
	padding-bottom:0px;
}


h1 {
	line-height: 150%;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}
h2 {
	line-height: 150%;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
h3 {
	line-height: 150%;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
h5 {
	font-weight: bold;
	color: #030;
	text-decoration: none;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

.m-top-0 {
	margin-top:0;
}

.m-bottom-0 {
	margin-bottom:0;
}


/*水道PRページ*/

/*スクロール領域*/
#suidou_pr div.scl_kiyaku {
	width: 90%;

	height: 300px;
	overflow: auto;
	margin:0 0 40px 40px;
	padding:10px;
	border:1px solid #CCC;
}

#suidou_pr .label1 {
	font-size:200%;
	line-height:1.4;
	border-bottom:2px solid #0066FF;
}

#suidou_pr .label1-s {
	font-size:60%;
	font-weight:bold;
}

#suidou_pr .label2 {
	font-size:150%;
	line-height:1.5;
	background-color:#0AF;
	padding-left:0.5em;
	
	color:#FFF;
	font-weight:bold;
}


#suidou_pr .contact {
	font-size:150%;
	line-height:1.2;
	border-bottom:2px dashed  #0066FF;
}

#suidou_pr div.inputarea {
	margin:0 0 20px 40px;
	
}

#suidou_pr .agree_button {
	width:250px;
	height:40px;
	
	font-size:110%;
	background-color:#09F;
	color:#fff;
	
}

#suidou_pr table.thumb img {
	border:1px solid #666;
}

#suidou_pr table.thumb a img:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}


#suidou_pr table.thumb .cap {
	color:#333;
	font-size:90%;
	height:40px;
}

.indent-1 {
	text-indent: -1em;
	margin-left:2.5em;
}



/*震災復興ページ*/

/*スクロール領域*/
div.scl_topics {
	width: 600px;
/*
	width: 90%;
*/
	height: 180px;
	overflow: auto;
	margin:0 0 20px 40px;
	border:1px solid #CCC;
}

div.noscl_topics {
	width: 600px;
/*
	width: 90%;
*/
	margin:0 0 20px 40px;
	border:1px solid #CCC;
}

.list1 {
	font-size: 100%;
	line-height: 150%;
	color: #333333;
	text-indent: -1em;
	padding-left: 3em;
}
.list2 {

	font-size: 100%;
	line-height: 150%;
	color: #333333;
	text-indent: -0.4em;
	padding-left: 3em;
}
.list3 {
	font-size: 100%;
	line-height: 150%;
	color: #333333;
	text-indent: -1.72em;
	padding-left: 1.8em;
}

.list4 li{
	line-height:1.0;
	padding-bottom:5px;
}

.list5 li{
	line-height:1.0;
	padding-bottom:20px;
}

.list_nodisc{
	list-style:none;
}

div.event {
	height: 200px;
	width: 100%;
	overflow: scroll;
}.listlabel {
	color: #063;
}

tr.label-tit{
	background-color:#e5f5ff;
	line-height:2.0;
}

td.border-u{
	border-bottom:1px dotted #AAA;
}

td.border-r{
	border-right:1px dotted #AAA;
}

/*地震等緊急時対応 類------------------------------------------*/

h2.jishin-1{
	background-color:#FDA;
	color:#C33;

	font-size:16pt;
	font-weight:bold;
	line-height:200%;
	padding-left:15px;
	margin-bottom:15px;
}

h2.jishin-2{
	background-color:#ADF;
	color:#33C;

	font-size:16pt;
	font-weight:bold;
	line-height:200%;
	padding-left:15px;
	margin-bottom:15px;
}

h2.jishin-3{
	background-color:#BFA;
	color:#363;

	font-size:16pt;
	font-weight:bold;
	line-height:200%;
	padding-left:15px;
	margin-bottom:15px;
}

h3.jishin-tit{
	font-size:14pt;
	font-weight:bold;
	line-height:175%;
	background-color:#EED;
	padding-left:15px;
	margin-bottom:15px;
	border-bottom:1px solid #999;
	color:#336;
}


.jishin_box_jirei{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-size:11pt;
	line-height:120%;
	color:#333;
	margin:0 0 0px 20px;
	padding:10px;
	
	background-color:#EFF;
	border:1px solid #ccc;
	
/*	display:block;*/
	float:left;
	width:520px;
/*	height:200px;*/
}

.jishin_box_image{
	text-align:center;
	margin:0 0 10px 20px;
	padding:0px;
	
	background-color:#FFF;
	
	display:block;
	float:left;
	width:520px;
}

div.jishin_jire_title{
	font-weight:bold;
	font-size:14pt;
	color:#F63;
	margin-bottom:10px;
}

a.btn_jishin {
	display:block;
	width:250px;
/*	height:35px;*/
	margin:0 0 50px 20px;
	padding:16px 0;
	font-size:14pt;
	text-align:center;
	text-decoration:none;
	
	color:#036;
	font-weight:bold;
	background-color:#EEF;
	border:1px solid #369;
	border-radius:10px;
	box-shadow: 1px 1px 3px 0px #53789d;
}

a.btn_jishin:hover {
	color:#69C;
	background-color:#EFF;
	border:1px solid #06D;
	text-decoration:underline;
}

table.jishin_pic img {
	margin:0 10px;
}

/*地震対応の手引ページ　固定メニュー関連*/
#fixed-menu {
	position: absolute;
}

#fixed-menu.fixed{
    position: fixed;
    top: 0;
}



/*改正水道法ページ*/
#kaisei_suidou {
	width:880px;
}

#kaisei_suidou div.labelblock{
	float:left;
	width:265px;
	height:100px;
	padding:0 20px 10px 0;
}

ul.list_disc {
	list-style-type:disc;
}

/*水道イノベーションページ*/
div.picbox{
	float:left;
	width:300px;
	padding-right:20px;
	padding-bottom:10px;
}

/*水道リンク集*/

.click_popup, .click_popup_1, .click_popup_2 {	/*画像はクリック可能であることを示すため、カーソルをポインタにする*/
	cursor: pointer;
}


/*水道イノベーション賞ページ ---------------------------------------------------------------------*/
div#innovation{
}

#innovation div.panel_area {
/*	width:1150px;
	border: 1px solid #9CC;
	background-color:#CFF;
*/
	padding: 20px;
}

#innovation div.panel_area ul.panel {
	display:flex;
/*	justify-content: space-evenly;*/
	padding-inline-start: 0;
/*	float:left;*/
}

#innovation div.panel_area ul.panel a {
	text-decoration: none;
	color:#333;
	text-align:center;
}
#innovation div.panel_area ul.panel li {
	width:180px;
	height:56px;
	border: 2px solid #9d924a;
	line-height: 1.2;
	
	margin-right:8px;
	
/*	background-color:#FF9;*/
	list-style: none;
	padding:16px;
	border-radius:4px;
	background: linear-gradient(0deg, rgb(255 253 234) 0%, rgb(251 247 119) 80%);
}

#innovation div.panel_area ul.panel li:hover {
	opacity:0.6;
}

#innovation div.panel_area ul.panel li.prize {
/*	background-color:#FCC;*/
	border-color: indianred;
	background: linear-gradient(0deg, rgb(253 232 212) 0%, rgb(243 191 95) 80%);
}

#innovation .prizetag {
	color:red;
}

#innovation div.panel_area ul.panel li.line2 {
	padding-top:24px;
	padding-bottom:8px;
}

#innovation div.panel_area ul.panel li.blank {
	border: none;
    background: none;
}



/* ------------------------------------------------------------------------------------------------*/

/*
body {
	background-color: #0ef !important;
}

body > table {
	width: 900px;
	margin: 0 auto;
	background-color: #fff;
}
*/