<!--
*{
	margin        : 0;
	padding       : 0;
	font-size     : 12pt;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

a {
	color: #333333;
	text-decoration:none;
}

a:link {
	color: #333333;
	text-decoration:none;
}

a:visited {
	color: #333333;
	text-decoration:none;
}

a:hover{
	color: #333333;
	text-decoration:underline;
}

body{
/*	background-image : url("./image/back.gif");
	background-repeat : repeat-y;
	background-color : #f6f6f6;*/
	background-color : #fff;
	-webkit-print-color-adjust: exact;
}

#body{
	width        : 100%;
	margin-bottom : 100px;
}

h1{
	margin-left  : 10px;
	margin-top   : 0px;
	background-image: url("./image/header_img.jpg");
	background-repeat: no-repeat;
	height       : 63px;
}

#line1 {
	margin  : 0px 0px 0px 0px;
	border-top: 3pt solid #278899;
	background-color : #ffffff;
	width        : 100%;
}

/* 繧｢繝翫え繝ｳ繧ｹ陦ｨ遉ｺ */

#info {
	margin  : 2px 8px 2px 4px;
	border: 2pt dashed #ff6600;
	background-color : #ffffcc;
	padding : 0px 4px 0px 4px;
	width        : 98%;
	font-size: 1.2em;
	color: red;
}

/* 繝代Φ縺上★繝ｪ繧ｹ繝� */

#kirikae {
	margin       : 0px 0px 20px 0px;
	padding      :3px 10px;
	text-align   : left;
	font-size    : 11pt;
	background-color : #EBEBEB;
}

#kirikae #pcview{
	font-size    : 11pt;
}

#kirikae a {
	color: #0000FF;
	text-decoration:none;
	font-size    : 11pt;
}

#kirikae a:link {
	color: #0000FF;
	text-decoration:none;
	font-size    : 11pt;
}

#kirikae a:visited {
	color: #0000FF;
	text-decoration:none;
	font-size    : 11pt;
}

#kirikae a:hover{
	color: #0000FF;
	text-decoration:underline;
	font-size    : 11pt;
}

/* 繧ｫ繝｡繝ｩ縲∵ｰｴ菴阪€�岑驥城∈謚� */
#selectsection {
	margin  : 20px 0px 20px 0px;
}

/* 繧ｫ繝｡繝ｩ縲∵ｰｴ菴阪€�岑驥城∈謚� */
#menubotton {
	margin  : 0px 0px -5px 0px;
	padding       : 0;
}

#menuline{
	background-color : #DCDE80;
	margin  : 0px 0px 0px 0px;
	padding       : 0;
	width        : 100%;
	height       : 6px;
}


#thumbdisptitle_suii {
	font-size    : 1.2em;
	font-weight  : bold;
	line-height  : 1.6em;
	letter-spacing: 5px;
	border-left  : 10px solid #3366FF;
	border-bottom: 1px solid #3366FF;
	margin       : 0px 40px 0px 10px;
	padding-left : 10px;
	display      : none;
}

#thumbdisptitle_uryo {
	font-size    : 1.2em;
	font-weight  : bold;
	line-height  : 1.6em;
	letter-spacing: 5px;
	border-left  : 10px solid #2F46B3;
	border-bottom: 1px solid #2F46B3;
	margin       : 0px 40px 0px 10px;
	padding-left : 10px;
	display      : none;
}

#nearcamdisptitle1 {
	font-size    : 1.1em;
	font-weight  : bold;
	line-height  : 1.0em;
	letter-spacing: 5px;
	border-left  : 1.1em solid #000099;
	margin       : 20px 40px 10px 0px;
	padding-left : 10px;
}
#nearcamdisptitle2 {
	font-size    : 1.1em;
	font-weight  : bold;
	line-height  : 1.0em;
	letter-spacing: 5px;
	border-left  : 1.1em solid #006600;
	margin       : 20px 40px 10px 0px;
	padding-left : 10px;
}
#nearcamdisptitle3 {
	font-size    : 1.1em;
	font-weight  : bold;
	line-height  : 1.0em;
	letter-spacing: 5px;
	border-left  : 1.1em solid #800000;
	margin       : 20px 40px 10px 0px;
	padding-left : 10px;
}

#nearsuiidisp {
	margin       : 10px 0px 20px 20px;
	display      : none;
}

#nearraindisp {
	margin       : 10px 0px 20px 20px;
	display      : none;
}

#address {
    clear: both;
    min-height: 20px;
    padding: 8px 12px;
    background: url(/ktr_content/content/000619753.gif) repeat-x left top #f0f0f0;
}

#footer {
	position     : fixed;
	bottom       : 0;
	left         : 0;
	margin       : 0;
	width: 100%;
	margin       : 0px 0px 0px 0px;
	padding      : 5px;
	text-align   : right;
	font-size    : 10pt;
	color        : #FFF;
	background-color: #206D7B;
	text-align   : left;
	height       : 40px;
}

#footer #pcview{
	font-size    : 10pt;
}


#pagetop {
	position     : fixed;
	bottom       : 50px;
	right        : 30px;
	margin       : 0;
	width        : 150px;
	height       : 25px;
	z-index      : 1000;
	color        : #FFF;
	font-size    : 10pt;
	line-height  : 20pt;
	background-color: #206D7B;
	text-align   : center;
	border-radius: 3px 3px 0px 0px;
}

#pagetop a {
	color: #FFF;
	text-decoration:none;
	font-size    : 10pt;
}

/* 500px 莉･荳� */
@media screen and (min-width:500px){
	#thumbdisptitle_cam {
		font-size    : 1.2em;
		font-weight  : bold;
		line-height  : 1.6em;
		letter-spacing: 5px;
		border-left  : 10px solid #800000;
		border-bottom: 1px solid #800000;
		margin       : 0px 20px 0px 10px;
		padding-left : 10px;
	}

	#nearcamdisp {
		margin       : 10px 0px 20px 20px;
	}
	.camera-tooltip {
		width:250px;
	    border: solid 0px;              /* 譫�邱壽欠螳� */
		border-collapse:  collapse;     /* 繧ｻ繝ｫ縺ｮ邱壹ｒ驥阪�繧� */
	}
	.camera-tooltip img, .imagearea{
		height:140px;
	}

}
/* 500px 莉･荳� */
@media screen and (max-width:500px){
	#pcview {
		display:none;
	}
	#thumbdisptitle_cam {
		font-size    : 1.2em;
		font-weight  : bold;
		line-height  : 1.6em;
		letter-spacing: 5px;
		border-left  : 10px solid #800000;
		border-bottom: 1px solid #800000;
		margin       : 0px 5px 0px 5px;
		padding-left : 10px;
	}

	#nearcamdisp {
		margin       : 5px 5px;
	}
	.camera-tooltip {
		width:100%;
	    border: solid 0px;              /* 譫�邱壽欠螳� */
		border-collapse:  collapse;     /* 繧ｻ繝ｫ縺ｮ邱壹ｒ驥阪�繧� */
	}
	.camera-tooltip img, .imagearea{
		width:100%;
		height:auto;
	}
}


.camera-tooltip th,td {
    border: solid 1px;              /* 譫�邱壽欠螳� */
	font-size    : 10pt;
    padding: 3px;      /* 菴咏區謖�ｮ� */
}

.camera-tooltip th {
	font-size    : 10pt;
}

.camera-tooltip .camname {
	text-align: center;
	background-color: #DCDE80;
}

.camera-tooltip .midashi {
	background-color: #F3F3F3;
}

.camera-tooltip .imagearea{
    padding: 0px;      /* 菴咏區謖�ｮ� */
}


@media screen and (max-width:380px){
	h1{
		margin-left  : 10px;
		margin-top   : 0px;
		background-image: url("./image/header_img_s.jpg");
		background-repeat: no-repeat;
		height       : 70px;
		background-size: 100% auto;
	}
}

-->