/* ********************************************************************
/* CSS for VIEWMAP
/* Date.2007/3/10
/* Copyright 2007 CyberVIsion All rights reserved.
/*
/* ********************************************************************


/*	background-color: #FFFFFF;  */
body,html {
	margin: 0px 0px 0px 0px;
	font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	font-align:left;
	color:#000;
	line-height:14pt;
}

a:link {
	color:#38464E;
	text-decoration:none;
}
a:visited {
	color:#38464E;
	text-decoration:none;
}
a:hover {
	color:#38464E;
	text-decoration:underline;
}

A.navi1 {color:#38464E;text-decoration:underline;font-weight:none ;font-size:13px;}
A.navi1:active {color:#38464E;text-decoration:underline;}
A.navi1:visited {color:#38464E;text-decoration:underline;}
A.navi1:hover {color:#38464E;text-decoration:underline;}
A.navi1:visited:hover {color:#ff3300;text-decoration:underline;}

A.red {color:#FF0000;text-decoration:none;font-weight:none ;font-size:13px;}
A.red:active {color:#FF0000;text-decoration:none;}
A.red:visited {color:#FF0000;text-decoration:none;}
A.red:hover {color:#FF0000;text-decoration:underline;}
A.red:visited:hover {color:#FF0000;text-decoration:underline;}

A.w {color:#fff;text-decoration:none;font-weight:none ;font-size:13px;}
A.w:active {color:#fff;text-decoration:none;}
A.w:visited {color:#fff;text-decoration:none;}
A.w:hover {color:#fff;text-decoration:underline;}
A.w:visited:hover {color:#fff;text-decoration:underline;}

.white:link {
	color:#999999;
	text-decoration:none;
}
.white:visited {
	color:#999999;
	text-decoration:none;
}
.white:hover {
	color:#ffffff;
	text-decoration:none;
}


.area {
		font-size: 13px;
		font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
		padding: 0.0em;
		border: 0px solid #1B3187;
		width: 360px;
		height: 460px;
		overflow: auto;
		line-height: 1.2em;
		color: #111;

}
.list {
		font-size: 13px;
		font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
		background: #fff;
		padding: 0.0em;
		border: 0px solid #1B3187;
		width: 360px;
		height: 460px;
		overflow: auto;
		line-height: 1.2em;
		color: #111;
		scrollbar-base-color: #1B3187;
		scrollbar-face-color: #1B3187;
		scrollbar-arrow-color: #ffffff;
		scrollbar-track-color: #ffffff;
		scrollbar-3dlight-color: #1B3187;
		scrollbar-highlight-color: #1B3187;
		scrollbar-shadow-color: #1B3187;
		scrollbar-darkshadow-color: #1B3187;
		white-space: normal; 
}

.list2 {
		font-size: 13px;
		font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
		background: #fff;
		padding: 0.0em;
		border: 0px solid #1B3187;
		width: 360px;
		height: 220px;
		overflow: auto;
		line-height: 1.2em;
		color: #111;
		scrollbar-base-color: #1B3187;
		scrollbar-face-color: #1B3187;
		scrollbar-arrow-color: #ffffff;
		scrollbar-track-color: #ffffff;
		scrollbar-3dlight-color: #1B3187;
		scrollbar-highlight-color: #1B3187;
		scrollbar-shadow-color: #1B3187;
		scrollbar-darkshadow-color: #1B3187;
		white-space: normal; 
}

.spotlist {
		font-size: 13px;
		font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
		background: #fff;
		padding: 0.0em;
		border: 0px solid #1B3187;
		width: 870px;
		height: 380px;
		overflow: auto;
		line-height: 1.2em;
		color: #111;
		scrollbar-base-color: #1B3187;
		scrollbar-face-color: #1B3187;
		scrollbar-arrow-color: #ffffff;
		scrollbar-track-color: #ffffff;
		scrollbar-3dlight-color: #1B3187;
		scrollbar-highlight-color: #1B3187;
		scrollbar-shadow-color: #1B3187;
		scrollbar-darkshadow-color: #1B3187;
		white-space: normal; 
}
.man {
		font-size: 13px;
		font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
		background: #fff;
		padding: 0.0em;
		border: 0px solid #1B3187;
		width: 420px;
		height: 360px;
		overflow: auto;
		line-height: 1.2em;
		color: #111;
		scrollbar-base-color: #1B3187;
		scrollbar-face-color: #1B3187;
		scrollbar-arrow-color: #ffffff;
		scrollbar-track-color: #ffffff;
		scrollbar-3dlight-color: #1B3187;
		scrollbar-highlight-color: #1B3187;
		scrollbar-shadow-color: #1B3187;
		scrollbar-darkshadow-color: #1B3187;
		white-space: normal; 
}
.norap { white-space: nowrap; } 

/* 漢字入力モード */
.kanji		{
		font-family:MS P Gothic, verdana, arial, helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		font-weight:none;
		color:;
		ime-mode:active; text-align:left;
		}
		
/* 半角英数字入力モード（固定）、左寄せ  */				
.left		{
		font-family:MS P Gothic, verdana, arial, helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		font-weight:none;
		color:;
                ime-mode:disabled; text-align:left;
		}

/* 半角英数字入力モード（固定）、右寄せ  */			
.right		{
		font-family:MS P Gothic, verdana, arial, helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		font-weight:none;
		color:;
		background-color:#FFFFFF;
		ime-mode:disabled; text-align:right;
		}

/* 半角英数字入力モード（無効変更化）、左寄せ  */			
.leftfree		{
		font-family:MS P Gothic, verdana, arial, helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		font-weight:none;
		color:;
		background-color:#FFFFFF;
		ime-mode:inactive; text-align:left;
		}

select, option,input,textarea {
  	margin: 0px;  
	font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	vertical-align:middle;
background: #fff;
border-bottom: 1px solid #687379;
border-right: 1px solid #687379;
border-left: 1px solid #687379;
border-top:1px solid #687379;
color:#000;

}



.input-1 {font-family:MS UI Gothic, MS PGothic, Osaka;
margin: 0px;  
font-size:13px;
color:#000000;
height:20px;
vertical-align:middle;
background: #E4E4E4;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
border-left: 1px solid #666666;
border-top:1px solid #666666;
}

.input-fff {
  	margin: 0px;  
	font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	vertical-align:middle;
background: #FFFFFF;
border-bottom: 1px solid #687379;
border-right: 1px solid #687379;
border-left: 1px solid #687379;
border-top:1px solid #687379;
color:#000;

}

.input-left {font-family:MS UI Gothic, MS PGothic, Osaka;
margin: 0px;  
font-size:13px;
color:#ff3300;
height:20px;
vertical-align:middle;
}

.input-right {font-family:MS UI Gothic, MS PGothic, Osaka;
margin: 0px;  
font-size:13px;
vertical-align:middle; text-align:right;
}


.radio {  	margin:0px; 
	font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	vertical-align:middle;
background: #fff;
border:none;
color:#687379;

}

.btn {
font-family:MS UI Gothic, MS PGothic, Osaka;
font-size:13px;
background: #1B3187;
border-bottom: 1px solid #1B3187;
border-right: 1px solid #1B3187;
border-left: 1px solid #1B3187;
border-top:1px solid #1B3187;
color:#ffffff;
height:24px;
text-decoration:none;
cursor: hand;
height:20px;
}

.btn1 {
font-family:MS UI Gothic, MS PGothic, Osaka;
font-size:13px;
background: #687379;
border-bottom: 1px solid #687379;
border-right: 1px solid #687379;
border-left: 1px solid #687379;
border-top:1px solid #E9E9E9;
color:#ffffff;
width: 120px;
height:20px;
text-decoration:none;
cursor: hand;
}

.btn2 {
font-family:MS UI Gothic, MS PGothic, Osaka;
font-size:13px;
background: #9A0000;
border-bottom: 1px solid #9A0000;
border-right: 1px solid #9A0000;
border-left: 1px solid #9A0000;
border-top:1px solid #F73B3B;
color:#ffffff;
width: 120px;
height:20px;
text-decoration:none;
cursor: hand;
}

.btn3 {
font-family:MS UI Gothic, MS PGothic, Osaka;
font-size:13px;
background: #018BA9;
border-bottom: 1px solid #018BA9;
border-right: 1px solid #018BA9;
border-left: 1px solid #018BA9;
border-top:1px solid #B9F4FF;
color:#ffffff;
width: 120px;
height:20px;
text-decoration:none;
cursor: hand;
}

.btn4 {
font-family:MS UI Gothic, MS PGothic, Osaka;
font-size:13px;
background: #CD6601;
border-bottom: 1px solid #CD6601;
border-right: 1px solid #CD6601;
border-left: 1px solid #CD6601;
border-top:1px solid #ED9700;
color:#ffffff;
width: 120px;
height:20px;
text-decoration:none;
cursor: hand;
}

.btnL {
font-family:MS UI Gothic, MS PGothic, Osaka;
font-size:14px;
background: #00baff;
border-bottom: 1px solid #687379;
border-right: 1px solid #687379;
border-left: 1px solid #687379;
border-top:1px solid #E9E9E9;
color:#002f40;
font-weight: bold;
width: 140px;
height:30px;
text-decoration:;
cursor: hand;
}



.msg{
	vertical-align: top;
	font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height:14pt;
}

td, table {
	vertical-align: top;
	font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	font-align:left;
/*	color:#000000;  */
	border-collapse:collapse;
	line-height:14pt;
}


.hr {
	height: 1px;
	background-color: #CCCCCC;
	padding-top: 0;
	padding-bottom: 0;
}


.print {font-size:9.5pt;line-height:17px;}
		
<!-- Set slider CSS                         -->
*.horizontal_track {
	background-color: #bbb;
	width: 120px;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	padding: 4px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
*.horizontal_slider {
	background-color: #666;
	width: 16px;
	height: 8px;
	position: relative;
	z-index: 2;
	line-height: 0;
	margin: 0;
	border: 2px solid;
	border-color: #999 #333 #333 #999;
}
*.horizontal_slit {
	background-color: #333;
	width: 110px;
	height: 2px;
	margin: 4px 4px 2px 4px;
	line-height: 0;
	position: absolute;
	z-index: 1;
	border: 1px solid;
	border-color: #999 #ddd #ddd #999;
}
*.vertical_track {
	background-color: #bbb;
	padding: 3px 5px 15px 5px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
*.vertical_slider {
	background-color: #666;
	width: 18px;
	height: 8px;
	font: 0px;
	text-align: left;
	line-height: 0px;
	position: relative;
	z-index: 1;
	border: 2px solid;
	border-color: #999 #333 #333 #999;
}
*.vertical_slit {
	background-color: #000;
	width: 2px;
	height: 100px;
	position: absolute;
	margin: 4px 10px 4px 10px;
	padding: 4px 0 1px 0;
	line-height: 0;
	font-size: 0;
	border: 1px solid;
	border-color: #666 #ccc #ccc #666;
}
*.display_holder {
	background-color: #bbb;
	color: #fff;
	width: 34px;
	height: 20px;
	text-align: right;
	padding: 0;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
.value_display {
	background-color: #bbb;
	color: #333;
	width: 30px;
	margin: 0 2px;
	text-align: right;
	font-size: 8pt;
	font-face: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 12px;
	border: 0;
	cursor: default;
}
/* Stylesheet for sliders (only properties that differ from default) */
#horizontal_slider_1 {
	background-color: #696;
	border-color: #9c9 #363 #363 #9c9;
	}
#horizontal_track_1, #display_holder_1 {
	background-color: #bdb;
	border-color: #ded #9a9 #9a9 #ded;
	}
#horizontal_slit_1 {
	background-color: #232;
	border-color: #9a9 #ded #ded #9a9;
	}
#value_display_1 {
	background-color: #bdb;
	color: #363;
	}
#horizontal_slider_2 {
	background-color: #5F6B71;
	border-color: #94A8B2 #283238 #283238 #94A8B2;
	}
#horizontal_track_2, #display_holder_2 {
	background-color: #E5E5E5;
	border-color: #def #9ab #9ab #def;
	}
#horizontal_slit_2 {
	background-color: #036;
	border-color: #9ab #def #def #9ab;
	}
#value_display_2 {
	background-color: #E5E5E5;
	color: #38464E;
	}
#horizontal_slider_3 {
	background-color: #c33;
	border-color: #f66 #933 #933 #f66;
	}
#horizontal_track_3, #display_holder_3 {
	background-color: #dbb;
	border-color: #fdd #b99 #b99 #fdd;
	}
#horizontal_slit_3 {
	background-color: #300;
	border-color: #b99 #fdd #fdd #b99;
	}
#value_display_3 {
	background-color: #dbb;
	color: #933;
	}
#horizontal_track_5, #display_holder_5 {
	background-color: #fff;
	border: #fff;
	}
#horizontal_slit_5 {
	background-color: #000;
	border-color: #999 #fff #fff #999;
	}
#value_display_5 {
	background-color: #fff;
	color: #666;
	}
	
.off { color: #00729B; font-weight: ; font-size: ; text-decoration: none; background-color: ; text-align: ;  cursor: hand}
.on { color: #00729B; font-weight: ; font-size: ; text-decoration: none; background-color: #A4DBEF; text-align: ;  cursor: hand}
.rollover { color: #00729B; font-weight: ; font-size: ; text-decoration: none; background-color: #A4DBEF; text-align: ;  cursor: hand}