* { margin: 0px; padding: 0px; }
html { /* overflow-y: hidden; */ }
body { background-color: #FFF; }
#wrapper { 
	width: 820px; margin: 0px auto 0px auto; 
	padding: 0px 10px 10px 10px; background-color: #FFF;
}
header {
	padding-top: 5px; height: 72px; 
	background-image: url("/es-room/images/esr-title.png"); 
	background-position: right top;
}
#content { margin-bottom: 0px; }
#tblWrap {
	width: 100%; border-collapse: collapse;
	border-spacing: 0px; border: none;
}
nav {
	text-align: left; padding-left: 40px;
	font-size: 16px; font-weight: bold; color: #666;
}
h1 {
	text-align: left; font-size: 15px;
	color: #900; padding: 11px 0px 8px 6px;
}
h2 {
	margin-top: 0px; padding: 0px; font-size: 18px;
	color: #363; text-align: center;
}
h3 {
	margin-top: 0px; padding: 0px; font-size: 16px;
	color: #963; text-align: center;
}
h4 {
	margin-top: 0px; padding: 0px; font-size: 16px;
	color: #339; text-align: center;
}
.pagetitle { text-align: center; }
.link:link    { text-decoration: none; color: #009; font-weight: bold; }
.link:visited { color: #009; }
.link:hover   { color: #900; }
p { font-size: 16px; color: #333; }
#top_content {
	width: 700px;	margin: 0px auto;
	border-collapse: collapse; border: none; margin: 5px auto;
}
#top_content td {
	width: 400px; text-align: center; vertical-align: top; border: none;
}
#mainmenu{
	text-align: center; list-style-type: none; 
	margin: 5px 0px 0px 0px; font-size: 20px;
}
#eqlist {
	margin: 0px auto; border-spacing: 0px;
}
#eqlist th, #eqlist td {
	background-color: #FFF; white-space: nowrap; 	font-size: 13px;
	border-top: none; border-left: none; border-right: none;
	border-bottom: 1px solid #CCC;
}
.tbl_cdrs {
	border: none; border-spacing: 0px; padding: 0px; margin: 0px auto;
}
.tbl_cdrs td {
	border: none; padding: 0px;
}
.al_right { text-align: right; }
.about {
	padding-top: 0px; text-align: center; font-size: 12px;
	font-weight: bold; color: #666;
}
.count { color: #D03; }
#btnDispUsage { font-size: 13px; padding: 4px 10px 3px 10px; }
#btnOperations { padding: 5px 0px; text-align: center; }
#btnOperations button { font-size: 13px; padding: 4px 10px 3px 10px; }
#usage { padding-top: 5px; text-align: center; font-size: 18px; }
.op_buttons0 { text-align: center; margin-bottom: 5px; }
.op_buttons { text-align: center; margin-top: 5px; }
button {
	padding: 3px 10px; font-weight: bold; color: #333;
	border: 2px solid #999; border-radius: 5px;
}
.small { font-size: 15px; }
#searchStatus {
	width: 350px; padding: 5px 5px 3px 5px;
	border: 1px solid #900; font-size: 16px;
	text-align: center; vertical-align: middle;
	display: none;
}
#searchStatus span { color: #900; font-weight: bold; }
.setparams {
	margin: 0px auto; border-collapse: separate;
	border-spacing: 0px; border: none;
}
#setparams {
	/* display: block; */
}
th, td { border: 1px solid #666; }
th {
	padding: 4px 5px 2px 5px; white-space: nowrap; font-size: 16px;
	background-color: #DDD; width: 100px; color: #333;
}
td {
	padding: 4px 5px 2px 5px; white-space: nowrap;
	font-size: 16px; width: 100px;
}
#tdMap, #tdSettings { margin: 0px; padding: 0px; vertical-align: top; }
#tdSettings { width: 400px; }
#loadsave { text-align: center; }
#setSetName {
	margin: 0px auto; border: none; 
	border-collapse: collapse; border-spacing: 0px;
}
#setSetName th, #setSetName td { border: none; border: none; }
#setSetName th {
	text-align: right; padding-left: 0px; background-color: #FFF;
	white-space: nowrap; width: 10px;
}
#setSetName td { text-align: left; vertical-align: middle; padding: 0px; }
#title { margin-top: 5px; width: 280px; font-size: 16px; }
#load { font-size: 13px; padding: 1px 10px 0px 10px; }
#save { font-size: 13px; padding: 1px 10px 0px 10px; }
.caution { font-size: 16px; font-weight: bold; color: #880; }
.date { width: 172px; font-size: 12px; font-weight: bold; color: #666; }
.btnSetDateTime{
	font-size: 11px; margin-top: 2px;
	font-weight: normal; padding: 0px 5px;
}
.shortCut { font-weight: normal; }
.shortCut span { text-decoration: underline; }
.divSettings {
	text-align: center; margin: 0px auto 5px auto;
	font-size: 12px; font-weight: bold;
}
.btnSettings { width: 180px; font-size: 14px; margin-bottom: 5px; }
.setVal { color: #060; }
#divSetName { display: none; }
#loadFile { display: none; }
#txtUrl {
	font-weight: bold; width: 360px; height: 16px; margin-bottom: 5px;
}
#mag1, #mag2 { width: 55px; font-size: 12px; }
#dpt1, #dpt2 { width: 55px; font-size: 12px; }
/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.coodinate_list1 { height: 221px; font-size: 13px; }
	.coodinate_list2 { height:  34px; font-size: 13px; }
}
/* Firefox */
@-moz-document url-prefix() {
	.coodinate_list1 { height: 220px; font-size: 13px; }
	.coodinate_list2 { height:  34px; font-size: 13px; }
}
/* Edge */
@supports (-ms-ime-align: auto) {
	.coodinate_list1 { height: 200px; }
	.coodinate_list2 { height:  36px; }
}
.op_buttons2 { text-align: center; }
.op_buttons2 button { padding: 0px 5px; font-size: 12px; font-weight: bold; }
#msgText {
	display: none; text-align: center; padding: 0px 5px;
	color: #363; font-size: 12px; font-weight: bold;
}
#td_map { margin: 0px; padding-top: 15px; text-align: center; }
#map_td { padding: 0px; }
#mapid {
	margin: 0px; padding: 0px;
	border: none; cursor: default; background-color: #FFF;
}
#mapSearchCondition {
	text-align: center; font-weight: bold; width: 100%;
}
.green { color: #363; }
#searchCondition {
	margin: 0px auto; padding: 0px; width: 790px;
	border: none; cursor: default; background-color: #FFF;
}
#searchResult {
	margin: 0px auto; padding: 0px; width: 790px;
	border: none; cursor: default; background-color: #FFF;
}
.draw_td { text-align: center; }
.draw_btn { padding: 0px 10px; }
#lbl_setsearch { margin: 0px; padding: 0px; }
#btn_setdatetime, #btn_setsearch, #btn_setarea, 
#btn_selectmap, #btn_selectdisp { z-index: 100000; }
#btn_setdatetime {
	padding: 6px 4px 0px 2px; border: 2px solid #999;
	border-radius: 5px; background-color: #fff;
}
#btn_setdatetime img { cursor: pointer; }
#tbl_setdatetime {
	border-collapse: collapse; border: none;
	margin-bottom: 5px; display: none;
}
#tbl_setdatetime td {
	width: 5px; padding: 2px 2px 0px 2px; text-align: right;
	font-size: 12px; border: none; background-color: #FFF;
}
.input-setdatetime {
	width: 85px; padding: 0px 2px; font-size: 12px;
}
.btn-setdatetime {
	height: 18px; padding: 0px 2px;
	font-size: 11px; font-weight: normal;
}
#btn_setarea {
	padding: 6px 4px 0px 2px; border: 2px solid #999;
	border-radius: 5px; background-color: #fff;
}
#btn_setarea img { cursor: pointer; }
#tbl_setarea {
	border-collapse: collapse; 	border: none;
	margin-bottom: 5px; display: none;
}
#tbl_setarea td {
	width: 5px; padding: 2px 2px 0px 2px; text-align: right;
	font-size: 12px; border: none; background-color: #FFF;
}
.input-setarea { width: 108px; padding: 0px 2px; font-size: 12px; }
.btnCreateSearchArea, .btnRemoveSearchArea ,
.btnCreateCrossSection, .btnRemoveCrossSection {
	height: 18px; padding: 0px 2px;
	font-size: 11px; font-weight: normal;
}
.searchAreaTitle {
	font-size: 12px;
}
.searchSectionTitle {
	font-size: 5px;
}
.csOpenClose { cursor: pointer; }

#btn_selectdisp {
	padding: 3px 3px 0px 4px; border: 2px solid #999;
	border-radius: 5px; background-color: #fff;
}
#btn_selectdisp img { cursor: pointer; }
#tbl_selectdisp {
	border-collapse: collapse; border: none;
	margin-bottom: 5px; display: none;
}
#tbl_selectdisp th {
	width: 20px; padding: 2px; text-align: right; font-size: 13px;
	font-weight: normal; border: none; background-color: #FFF;
}
#tbl_selectdisp td {
	width: 50px; padding: 0px 5px 2px 0px; font-size: 13px;
	border: none; background-color: #FFF;
}
#tbl_selectdisp td .select_map {
	width: 170px; padding: 0px; font-size: 13px;
}
#tbl_selectdisp td .select_map option {
	padding: 0px;
	font-size: 13px;
}
#tbl_selectdisp td .set_opacity {
	width: 45px;
	padding: 0px;
	font-size: 11px;
}
#tbl_seletbl_selectdispctmap td .set_opacity option {
	font-size: 11px;
}
#btn_selectmap {
	padding: 3px 3px 0px 4px; border: 2px solid #999;
	border-radius: 5px; background-color: #fff;
}
#btn_selectmap img { cursor: pointer; }
#tbl_selectmap {
	border-collapse: collapse; border: none;
	margin-bottom: 5px; display: none;
}
#tbl_selectmap th {
	width: 20px; padding: 2px; text-align: right; font-size: 13px;
	font-weight: normal; border: none; background-color: #FFF;
}
#tbl_selectmap td {
	width: 50px; padding: 0px 5px 2px 0px; font-size: 13px;
	border: none; background-color: #FFF;
}
#tbl_selectmap td .select_map {
	width: 170px; padding: 0px; font-size: 13px;
}
#tbl_selectmap td .select_map option {
	padding: 0px; font-size: 13px;
}
#tbl_selectmap td .set_opacity {
	width: 45px; padding: 0px; font-size: 11px;
}
#tbl_selectmap td .set_opacity option{
	font-size: 11px;
}
#btn_setsearch {
	padding: 4px 3px 0px 2px; border: 2px solid #999;
	border-radius: 5px; background-color: #fff;
}
#btn_setsearch img { cursor: pointer; }
#tbl_setsearch {
	border-collapse: collapse; border: none;
	margin-bottom: 5px; display: none;
}
#tbl_setsearch td {
	width: 50px; padding: 2px 5px 2px 2px; font-size: 12px;
	border: none; background-color: #FFF;
}
.td_setsearch_left {
	text-align: center;
}
#eq_dist_settings { margin: 0px auto; }
#eq_dist_settings th, #eq_dist_settings td { padding: 5px 22px; }
#eq_dist_settings td { text-align: left; }
.update_search_map { margin-top: 5px; }
.disp_caution {
	margin: 5px 50px; font-size: 16px; color: #666;
	font-weight: bold; text-indent: 1em;
}
.lbl_draw { font-size: 16px; }
#eq_dist_btns { margin: 5px; }
#thanks { text-align: center; }
footer { text-align: center; }
footer hr { margin: 10px 0px; }
footer p  { margin-top: 15px; }
#browser {
	margin-top: 5px; text-align: center; font-size: 12px; color: #666;
	font-weight: bold; line-height: 10px;
}
#copyright {
	margin-top: 3px; text-align: center; font-size: 12px; color: #666;
	font-weight: bold;
}
.area-marker {
	text-align: center; background: #FFF; border: none; font-size: 14px;
}
.fuchidori {
	color: #000;
}
.btnSearchEq2 {
	padding: 0px 5px; font-size: 12px; font-weight: normal;
}
.map-scroll:before {
	content: 'Ctrlキーを押しながらマウスのホイールを回すとズームできます';
	position: absolute; top: 50%; left: 50%;
	z-index: 999; font-size: 34px;
}
.map-scroll:after {
	position: absolute; left: 0; right: 0; bottom: 0; top: 0;
	content: ''; background: #00000061; z-index: 999;
}
.Strict_warning { color: #990099; }
.Warning { color: #FF0000; }
.Caution { color: #FF6600; }
.Normal { color: rgb( 63,104,22); }
.caution_p {
	font-size: 12px; color: #666666; padding-left: 20px;
	font-weight: bold; line-height: 1.5em; text-indent: -1.4em;
}
.setDateTime {
	font-weight: normal; margin-top : 5px; padding: 0px 5px;
}
#searchTideDate { font-size: 18px; }
#searchTideHour { font-size: 17px; }
.eqdTnput { width: 40px; }