@charset "utf-8";

/*------------------------------------------------------------------*/
/* Wether (2026/06/14 update) */
/*------------------------------------------------------------------*/

*{
	margin:0px;
	padding:0px;
	border:0px;
}

a:link{   text-decoration:none;  color:#000000;}
a:visited{text-decoration:none;  color:#000000;}
a:hover{  text-decoration:none;  color:#000000;}
a:active{ text-decoration:none;  color:#dd0000;}

body{
	background-color:#ffffff;
	-webkit-text-size-adjust:100%;
	min-height:460px;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	font-size:12px;
	}

	select {font-size: 14px;}

/*------------------------------------------------------------------*/
/* 共通設定 */
/*------------------------------------------------------------------*/

header{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	width:100%;
	height:60px;
	background-color:#44a93a;
	}

#backhome{
	float:right;
	position:absolute;
	top:8px;
	right:8px;
	width:52px;
	height:44px;
	background:url("../images/back_home.png") no-repeat;
	background-size:52px 44px;
	-moz-background-size:52px 44px;
	-webkit-background-size:52px 44px;
	}

#backhome a{
	display:block;
	width:52px;
	height:44px;
	}

img#Title{margin-left:8px;}

main{
	width:100%;
	margin:0px auto;
	padding:5px 0px 0px 0px;
	}

.navi_wm{
	width:100%;
	text-align:center;
	}

.ggad{margin:8px 0px;}


/*------------------------------------------------------------------*/
/* Categoly Select */
/*------------------------------------------------------------------*/

.select-wrap{
	position:relative;
	display:inline-block;
	width:95%;
	margin:8px auto;
	min-width:192px;
	background-image:-webkit-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
	background-image:linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
	border:1px solid #c0c0c0;
	color:#333;
	line-height:1.5em;
	overflow:hidden;
	}

.select-wrap select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	position:relative;
	z-index:2;
	display:block;
	width:100%;
	padding:8px 32px 8px 8px;
	background:transparent;
	border:0;
	background:url("../images/arr.png") no-repeat;
	background-size:16px 16px;
	background-position:98%;
	outline:none;
	line-height:180%;
	}

.entypo-down-open-mini:before{
	position:absolute;
	z-index:1;
	top:50%;
	right:12px;
	margin-top:-8px;
	font-size:16px;
	}

#local_navi{
	margin:0px auto;
	}

/*------------------------------------------------------------------*/
/* wt img */
/*------------------------------------------------------------------*/

#img_main{
	width:300px;
	height:169px;
	margin:8px auto;
	position:relative;
	}

#img_main .zoom{
	position:absolute;
	display:block;
	width:15px;
	height:16px;
	right:3px;
	bottom:4px;
	background-image:url("../images/icon_roope.png");
	background-repeat:no-repeat;
	background-size:15px 16px;
	}


#wt_image{
	width:300px;
	}

.zoom{
	}

/*------------------------------------------------------------------*/
/* Sub_Window */
/*------------------------------------------------------------------*/

#sub_box{
	width:90%;
	margin:0px auto;
	padding:0px 0px 5px 0px;
	background-image:url("../images/icon_sub_box.png");
	background-repeat:no-repeat;
	background-color:#45a83b;
	text-align:center;
	}

#sub_box_inner{
	margin:0px 5px;
	padding:5px;
	background-color:#ffffff;
	}

dl.sub_box_title{
	margin:0px 0px 10px 0px;
	padding:15px 0px 0px 0px;
	}

dl.sub_box_title dt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:17px;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
	}

dl.sub_box_title dd{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:12px;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	}

table.inner{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-collapse:separate;
	border-spacing:5px;
	}

table.inner td{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:18px;
	font-size:14px;
	font-weight:normal;
	color:#000000;
	text-align:center;
	}

table.inner td.selected{
	margin:0px 0px 0px 0px;
	padding:7px 0px 7px 0px;
	line-height:18px;
	font-size:13px;
	font-weight:normal;
	color:#ffffff;
	background-color:#f56969;
	}

table.inner td.nolink{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	line-height:18px;
	font-size:13px;
	font-weight:normal;
	color:#aaaaaa;
	background-color:#ffffff;
	border:2px solid #ccc;
	}

table.inner td a:link,
table.inner td a:visited{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	display:block;
	line-height:18px;
	font-size:13px;
	font-weight:normal;
	color:#000000;
	background-color:#ffffff;
	border:2px solid #f99f9f;
	}

table.inner td a.active{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	display:block;
	text-decoration:none;
	line-height:18px;
	font-size:13px;
	font-weight:normal;
	color:#ffffff;
	background-color:#f56969;
	border:2px solid #f56969;
	}


/*------------------------------------------------------------------*/
/* Footer */
/*------------------------------------------------------------------*/

footer{
	width:100%;
	}

.copyright{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:"Times New Roman";
	line-height:14px;
	color:#666666;
	}



/*------------------------------------------------------------------*/
/* HOME main_image */
/*------------------------------------------------------------------*/

#main_image{
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px;
	}


/*------------------------------------------------------------------*/
/* 注意報・警報 */
/*------------------------------------------------------------------*/

table.warning{
	width:95%;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	border-collapse:collapse;
	border:1px solid #aaaaaa;
	}

table.warning td{
	padding:8px 5px 4px 8px;
	line-height:180%;
	font-size:13px;
	font-weight:normal;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #aaaaaa;
	}

table.warning td.name{
	width:84px;
	background-color:#f5ffee;
	}

/* 異常なし -----------------------*/
span.alarm_0{
	margin:0px 10px 0px 0px;
	padding:2px 5px 2px 5px;
	background-color:#ffffff;
	}

/* 注意報 -----------------------*/
span.alarm_1{
	margin:0px 4px 0px 0px;
	padding:2px 5px 2px 5px;
	background-color:#ffee55;
	}

/* 警報 -----------------------*/
span.alarm_2{
	margin:0px 4px 0px 0px;
	padding:2px 5px 2px 5px;
	background-color:#ff7777;
	}

/* 特別警報 -----------------------*/
span.alarm_3{
	margin:0px 4px 0px 0px;
	padding:2px 5px 2px 5px;
	background-color:#ccaaff;
	}

.reload{
	width:200px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	font-size:14px;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	border:2px solid #dd0000;
	border-radius:8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.90, #e9e9e9), color-stop(0.05, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 5%, #e9e9e9 90%);
	background: -moz-linear-gradient(top, #ffffff 5%, #e9e9e9 90%);
	background: -o-linear-gradient(top, #ffffff 5%, #e9e9e9 90%);
	background: -ms-linear-gradient(top, #ffffff 5%, #e9e9e9 90%);
	background: linear-gradient(top, #ffffff 5%, #e9e9e9 90%);
	}

.reload a:link,
.reload a:visited{
	display:block;
	margin:0px 0px 0px 0px;
	padding:12px 10px 10px 50px;
	background-image:url("../images/recycle_on.gif");
	background-repeat:no-repeat;
	background-position:10px 5px;
	background-size:28px 28px;
	color:#000000;
	text-decoration:none;
	}

.alarm_sample{
	margin:8px 0px;
	text-align:center;
	}

.alarm_sample .alarm_1{
	width:80px;
	margin:0px 5px 0px 20px;
	padding:0px 10px 0px 10px;
	}

.alarm_sample .alarm_2{
	width:80px;
	margin:0px 5px 0px 20px;
	padding:0px 10px 0px 10px;
	}

.alarm_sample .alarm_3{
	width:80px;
	margin:0px 5px 0px 0px;
	padding:0px 10px 0px 10px;
	}


/* ヒストリーバック・ボタン --------------------------------------*/

p.history_back input{
	margin:10px auto 10px auto;
	padding:10px 10px 15px 10px;
	text-align:center;
	width:150px;
	height:40px;
	background-color:#ffffff;
	color:#000000;
	line-height:16px;
	font-size:14px;
	font-weight:normal;
	font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
	border:solid 1px #999999;
	border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px;
	}


/*------------------------------------------------------------------*/
/*	ClearFixElements    */
/*------------------------------------------------------------------*/

.clearfix:after{
	content: ".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

.clearfix{
	display:inline-block;
	overflow:hidden;
	}