@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 83%;
	line-height: 1.4em;
	/*background: url(../images/back.jpg) repeat-x;*/
}
a,p,h1,h2,h3,h4,h5,h6,img,ul,li,dl,form ,td,th{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body,td,th {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	
}
table {
	border-collapse:collapse;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.clear {
	font-size: 1px;
	clear: both;
}
.float_left {
	display: block;
	float: left;
}
.float_right {
	display: block;
	float: right;
}
.f-size70 {
	font-size: 68%;
}
.txt_ind-1 {
	text-indent: -1em;
	padding-left: 1em;
}
.txt_red {
	color: #F00;
}
.itizu_space{
	width:570px;
}
.uryou_mark{
	color: #ff0;
}
.suii_mark{
	color: #009;
}
.multi_kyoku_box{
	height: 350px;
}
#header_back {
	height: 100px;
	width: 100%;
  min-width:1310px;
	background-image: url(../images/header_back.gif);							
	background-repeat: repeat-x;														
}
#header {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header_right {
	float: right;
	width: 300px;
	height: 100px;																					/* kanoh@120313 add */

}
#footer {
	clear: both;
	background-color:#ccc;	/* kanoh@120313 add */
  height:22px;           	/* kanoh@120313 add */
  width:100%;
  text-align:center;
  min-width:1310px;
/* kanoh@120313 	border-top-width: 2px;     */
/* kanoh@120313 	border-top-style: solid;   */
/* kanoh@120313 	border-top-color: #010340; */
}
/*  kanoh@120313 del
#footer div h2 {
	margin-bottom: 5px;
}
*/
/*  kanoh@120313 add */
#footer_left {
	float: left;
	width: 560px;
  height:20px;
	text-align:right;
}
/*  kanoh@120313 add */
#footer_right {
	float: right;
	width: 260px;
  height:20px;
	text-align:right;
}
#content ,#content_cameralist{
	width: 900px;
    min-height: 560px;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	word-wrap: break-word;
}
/*#content_cameralist {
	width: 1475px;
    min-height: 560px;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	word-wrap: break-word;
}*/
#content_top {
	width: 1310px;
    min-height: 560px;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	word-wrap: break-word;
}
#side_navi {
	float: left;
	width: 240px;
	margin-bottom: 15px;
	margin-left:5px;
}
#main ,#main_cameralist{
	float: left;
	width: 645px;
	margin-left:10px;
	margin-bottom: 10px;
	_width: 640px;
}
/*#main_cameralist {
	float: left;
	width: 1220px;
	margin-left:10px;
	margin-bottom: 10px;
}*/
#main_top {
	float: left;
	width: 1055px;
	margin-left:10px;
	margin-bottom: 5px;
	_margin-left:5px;

}
#side_navi h2 {
	background-image: url(../images/side_navi_h2.gif);
	background-repeat: repeat-x;
	font-size: 140%;
	font-weight: bold;
	color: green;
	height: 33px;
	line-height: 1.8em;
	overflow: hidden;
	padding-left: 5px;
	display: block;
}
#side_navi .bt {
	margin-bottom: 1px;
}
#side_navi .bt:hover img{
	opacity:0.8;
}

#side_navi .menu {
	margin-bottom: 1px;
}
#side_navi .menu li {
	display: block;
	background-image: url(../images/side_navi_menu_li.gif);
	background-repeat: repeat-x;
	/*background-position: bottom;*/
	list-style-type: none;
	height:28px;
  margin:0px;
  padding:0px;
}
#side_navi .menu li a {
	color: #000;
	display: block;
	padding: 5px;
  zoom: 1;
}
#side_navi .menu li a:hover {
	color: #06F;
	text-decoration: none;
}
#setsumei {
	adding-left: 1em;
	text-indent: -1em;
	margin-top:10px;
	margin-bottom: 15px;
	width: 220px;
	margin-left: 20px;
}
#setsumei p {
	margin-bottom: 5px;
}
#main #main_map {
	border: 1px solid #010340;
	height: 671px;
	width: 648px;
	background-image: url(../images/map_new111104.gif);
	background-repeat: no-repeat;
	position: relative;
}
#content1 P.last_update_time{
	font-weight:bold;
	font-size:22px;
	margin-bottom:5px;
}
h1 {
	font-size: 180%;
	color: #FFF;
	display: block;
	height: 33px;
	padding-left: 5px;
	padding-top: 9px;
	background-image:url(../images/side_navi_h2.gif);
	background-repeat: repeat-x;
}
#navi {
	width: 190px;
	float: left;
}
#main_img {
	margin-bottom: 15px;
}
#menu li a{
	display: block;
	background-image: url(../images/side_navi_menu_li.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	list-style-type: none;
	font-weight: bold;
	border: 1px solid #09F;
	color: #03F;
	padding: 5px;
}
#menu li a:hover {
	color: #0CF;
	text-decoration: none;
}
#menu li {
	list-style-type: none;
	display: block;
	margin-bottom: 5px;
}
#menu {
	margin-bottom: 10px;
}
#navi h2 {
	background-image: url(../images/side_navi_h2.gif);
	background-repeat: repeat-x;
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	overflow: hidden;
	display: block;
	padding: 3px;
	margin-bottom: 5px;
}
#navi h2 a {
	color: #FFF;
	display: block;
}
#navi h2 a:hover {
	color: #6FF;
	text-decoration: none;
}
#main_img #heijou {
	float: right;
	margin-top: 15px;
}
#heijou h2 {
	background-image: url(../images/side_navi_h2.gif);
	background-repeat: repeat-x;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	overflow: hidden;
	display: block;
	padding: 3px;
	margin-bottom: 5px;
	width:320px;
}
#main_img #suii {
	margin-top: 15px;
	float: left;
}
#main_img #suii h2 {
	background-image: url(../images/side_navi_h2.gif);
	background-repeat: repeat-x;
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	overflow: hidden;
	display: block;
	padding: 3px;
	margin-bottom: 5px;
}
#main_img #suii table {
	width: 320px;
}
#main_img #suii table th {
	border: 1px solid #999;
	background-color: #D7FFFF;
	text-align: center;
	padding: 3px;
}
#main_img #suii table tr td {
	text-align: center;
	border: 1px solid #999;
	padding: 3px;
}
.ichiran {
	float: left;
	width: 600px;
	margin-right: 5px;
	margin-left: 5px;
}
#ichiran {
	margin-right: auto;
	margin-left: auto;
		width: 645px;
		_width: 640px;
}
.ichiran td *, .ichiran th *{
		/*width: 230px;*/
    word-wrap: break-word;

}
#ichiran td *,#ichiran th *{
		width: 230px;
    word-wrap: break-word;

}
.ichiran td ,.ichiran th{
	padding: 5px 10px 5px 10px;
	border: 1px solid #09F;
}
#ichiran td ,#ichiran th{
	padding: 5px 10px 5px 10px;
	border: 1px solid #09F;
}
.ichiran .num {
	text-align: center;
	width:26px;
}
.ichiran .date {
	width:100px;
}
#ichiran .num {
	text-align: center;
	width:26px;
}
#ichiran .date {
	width:100px;
}
#multi {
    width: 655px;
}
#information ,#information pre{
	margin:10px auto auto 10px;
	font-size:18px;
	font-weight:bold;
}
#information dt,#information dd{
	margin-bottom:5px;
}
#multi dl {
	float: left;
	margin-bottom: 15px;
	clear: left;
	margin-right: 5px;
	position: relative;
	z-index: 2
}
#multi dl dt {
	background-image: url(../images/side_navi_h2.gif);
	background-repeat: repeat-x;
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	overflow: hidden;
	display: block;
	padding: 3px;
	margin-bottom: 5px;
}
#multi dl dt a {
	color: #FFF;
}
#multi dl dd {
	display: block;
	text-align: center;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#multi dl dd a img {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
#multi .suii {
}
#multi .suii h2 {
	background-image: url(../images/side_navi_h2.gif);
	background-repeat: repeat-x;
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	overflow: hidden;
	display: block;
	padding: 3px;
	margin-bottom: 5px;
}
#multi .suii table {
	width: 230px;
	margin-right: auto;
	margin-left: auto;
}
#multi .suii table th {
	border: 1px solid #999;
	background-color: #D7FFFF;
	text-align: center;
	padding: 3px;
}

#multi .suii table tr td {
	text-align: center;
	border: 1px solid #999;
	padding: 3px;
}

div.suii {
    float: right;
    position: relative;
}

#cameras {
    margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
    border-spacing: 2px;
}

#cameras td{
    max-width: 206px;
    _max-width: 203px;
    word-wrap: break-word;
    margin: 2px;
    padding: 2px;
    border: solid 1px black;
    vertical-align:bottom;
}
#cameras td img{
  padding-left:3px;
  _padding:0px;
  _margin:0px;
}
#cameras p{
	width: 206px;
	_width: 203px;
    word-wrap: break-word;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    height:2em;
    line-height:1em;
    padding-top: 2px;
}
#gmap_popup{
	text-align:center;
	width:340px;
	height:270px;
	z-i:10000;
}
#gmap_popup a:hover{
	cursor:pointer;
}
#info{
	float:left;
	width:515px;
	height:250px;	
	font-size: 16px;
	border: solid 5px #1C6FAF;
	font-weight: bold;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.htc);
}
#info div{
	width:500;
    overflow-y: scroll;
	height: 208px;
	padding: 5px;
	}
#info div p {
	font-family:'ヒラギノ角ゴ Pro W3';
	margin: 0px 3px;
    padding: 0px 0px;
	font-size: 11.5px;
	font-weight: bold;
}
#jalert{
	float: left;
	width: 515px;
	height: 250px;
	font-size: 16px;
	border: solid 5px #F00;
	font-weight: bold;
	margin-left: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url(PIE.htc);
}
#jalert div{
	width:500;
	overflow-y: scroll;
height: 208px;
padding: 5px;}
#jalert p{
	margin: 0px 3px;
    padding: 0px 0px;
	font-size: 11.5px;
	font-weight: bold;
}
#radio{
	float:left;
	width:300px;
	min-height:200px;
	max-height:740px;
	font-size: 16px;
	margin-top:5px;
	border: solid 5px #FF931E;
	font-weight: bold;
	margin-left:5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url(PIE.htc);
	}
#radio pre{
	width:290px;
	overflow:auto;
	margin:5px;
}
pre{
	font-size:16px;
}
#radio p{
	margin: 0px 3px;
    padding: 0px 0px;
	font-size: 11.5px;
	font-weight: bold;
}
#mail_registration div{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}

#mail_registration li{
	list-style:none;
}
#mail_registration ul{
	padding-left:20px;
}
#mail_registration p{
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	border-bottom:1px solid #09F
}
#mail_registration #registration{
	margin-left:10px;
	padding-top:5px;

}
/*201304kaisyu*/
#map_canvas{
	width:740px;
	height:740px;
	float:left;
	margin-top:5px;
}
#mail_reg{
	text-align:right;
	margin-top:30px;
}
#mail_reg:hover img{
	opacity:0.8
}
#info_time{
	margin: 0px;
	padding-right: 10px;
	vertical-align: bottom;
	line-height: 27px;
	font-size: 16px;
	color: #FFF;
	width: 505px;
	height: 30px;
	text-align: right;
	background-image: url(../images/info.png);
	background-repeat: no-repeat;
}
#ie8{
  text-align:center;
}
.button {
  display       : inline-block;
  border-radius : 5%;                  /* 角丸               */
  font-size     : 10pt;                /* 文字サイズ         */
  text-align    : center;              /* 文字位置           */
  cursor        : pointer;             /* カーソル           */
  padding       : 2px 2px;             /* 余白               */
  background    : #00007f;             /* 背景色             */
  color         : #ffffff;             /* 文字色             */
  line-height   : 1em;                 /* 1行の高さ          */
  transition    : .3s;                 /* なめらか変化       */
  box-shadow    : 2px 2px 2px #999999; /* 影の設定           */
  border        : 2px solid #999999;   /* 枠の指定           */
}
.button:hover {
  box-shadow    : none;                /* カーソル時の影消去 */
  color         : #00007f;             /* 文字色             */
  background    : #ffffff;             /* 背景色             */
}