@charset "UTF-8";

  div[contenteditable="true"]:focus {
    outline: none; /* カーソルが当たった時のアウトラインを無効にする */
  }
 #popBack2{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10008;
	opacity: 0.5;
	visibility: hidden;
	background-color: #000;
}
#trainZokusei{
	  position: absolute;
	  top:30px;
	  left: 30px;	  
	  z-index: 1200;
	  background-color: #fff;
	  border-color: rgb(255, 0, 0);
	  color: #000;
	 visibility:hidden;
  }
#popup-inner2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 190px;
	padding: 20px;
	text-align: center;
	background-color: #fff;
	z-index: 10009;
	visibility: hidden;
	opacity: 1.00;
} 
#top_manu {
	position: fixed;
	z-index: 18;
	top: 0px;
	left: 0px;
	background-color: darkslategray;
	height: 60px;
	width: 100%;
	padding-top: 20px;
}

.icon {
	padding-top: 3px;
	padding-left: 30px;
	padding-right: 10px;
	float: left;
}

#dummy1 {
	width: 700px;
	height: 20px;


}

#dummya {
	width: 700px;
	height: 100%;

	background-color: #aaa;
}

#dummy2 {
	width: 700px;
	height: 90px;
	float: left;
}

#toparea {
	position: fixed;
	padding-top: 30px;
	width: 700px;
	height: 100%;
	left: 0px;

	background-color: dimgray;
	overflow-y: scroll;
	font-size: 12px;
	color: #fff;
}

#rightArea2 {

	position: fixed;
	top: 50px;
	left: 0px;

	overflow: none;
	background-color: #fff;
}

.button {
	
	padding-left: 15px;
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding: 10px;
}

.button2 {
	padding-top: 5px;
	padding-left: 15px;
	float: left;
}
.buttony {
	
	padding-left: 15px;
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	height: 50px;
	padding-top: 15px;
	float: left;
}
#menuFrame{
	width: 2000px;
	height: 55px;
	overflow: hidden;
}
#sokudo_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;

}

#sokudo_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#sokudo_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#sokudo_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#sokudo_info {
	height: 500px;
	width: 400px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: #333;
	color: #fff;
}




#dia_main {
	position: fixed;
	top: 55px;
	left: 30px;
	z-index: 50;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#dia_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#dia_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#dia_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#dia_info {
	height: 580px;
	width: 800px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}
#stMark_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#stMark_window_close {
	height: 25px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#stMark_bar {
	width: 100%;
	height: 25px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#stMark_info_bar {
	width: 100%;
	height: 25px;
	color: #fff;
	font-size: 15px;
	text-align: right;
}

#stMark_info {
	height: 400px;
	width: 400px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}
#textEdit_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#textEdit_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#textEdit_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#textEdit_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#textEdit_info {
	height: 400px;
	width: 400px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#title_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#title_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#title_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#title_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#title_info {
	height: 400px;
	width: 500px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#iti_moji {
	width: 150px;
	text-align: center;
}

#iti_button {
	width: 150px;
	height: 100px;
}

#title_up {
	width: 150px;
	height: 40px;
	text-align: center;
}

#title_left {
	width: 75px;
	height: 40px;
	float: left;
	text-align: left;
}

#title_right {
	width: 75px;
	height: 40px;
	float: left;
	text-align: right;
}

#title_down {
	width: 150px;
	height: 40px;
	text-align: center;
}

#user_tate_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#user_tate_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#user_tate_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#user_tate_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#user_tate_info {
	height: 400px;
	width: 500px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#iti_tate_moji {
	width: 150px;
	text-align: center;
}

#iti_tate_button {
	width: 150px;
	height: 100px;
}

#user_tate_up {
	width: 150px;
	height: 40px;
	text-align: center;
}

#user_tate_left {
	width: 75px;
	height: 40px;
	float: left;
	text-align: left;
}

#user_tate_right {
	width: 75px;
	height: 40px;
	float: left;
	text-align: right;
}

#user_tate_down {
	width: 150px;
	height: 40px;
	text-align: center;
}
#kakko_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#kakko_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#kakko_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#kakko_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#kakko_info {
	height: 300px;
	width: 200px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}


#hoan_line_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#hoan_line_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#hoan_line_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#hoan_line_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#hoan_line_info {
	height: 350px;
	width: 250px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#denryoku_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#denryoku_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#denryoku_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#denryoku_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#denryoku_info {
	height: 490px;
	width: 350px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#station_main {
	position: fixed;
	top: 55px;
	left: 30px;
	z-index: 100;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#station_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#station_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#station_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#station_info {
	height:700px;
	width: 800px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}





#kiden_iti_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#kiden_iti_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#kiden_iti_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#kiden_iti_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#kiden_iti_info {
	height: 350px;
	width: 350px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}



#hendensyo_iti_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#hendensyo_iti_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#hendensyo_iti_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#hendensyo_iti_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#hendensyo_iti_info {
	height: 350px;
	width: 350px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}



#user_line_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#user_line_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#user_line_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#user_line_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#user_line_info {
	height: 350px;
	width: 350px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#user_text_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#user_text_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#user_text_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#user_text_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#user_text_info {
	height: 350px;
	width: 350px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}
#user_text_tate_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#user_text_tate_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#user_text_tate_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#user_text_tate_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#user_text_tate_info {
	height: 350px;
	width: 350px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}


#hoanline_edit_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#hoanline_edit_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#hoanline_edit_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#hoanline_edit_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#hoanline_edit_info {
	height: 350px;
	width: 350px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}





#line_edit_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#line_edit_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#line_edit_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#line_edit_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#line_edit_info {
	height: 350px;
	width: 350px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}




#rectDraw_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#rectDraw_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#rectDraw_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#rectDraw_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#rectDraw_info {
	height: 350px;
	width: 350px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}




#rectEdit_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#rectEdit_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#rectEdit_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#rectEdit_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#rectEdit_info {
	height: 480px;
	width: 350px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}




#file_save_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 200;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#file_save_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#file_save_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#file_save_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#file_save_info {
	height: 120px;
	width: 520px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}


#file_name_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 10010;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#file_name_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#file_name_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#file_name_info {
	height: 180px;
	width: 520px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}
#file_name_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#savePop {
	visibility: hidden;
	position: fixed;
	z-index: 120;
	top: 35px;
	width: 120px;
	height: 80px;
	background-color: darkslategray ;
	color: #fff;

	padding-top: 5px;
	cursor: pointer;
}

.menubox {
	padding-left: 30px;

	height: 30px;
	border: solid 1px dimgray;
}

.menubox:hover {
	background-color: #fff;
	color: dimgray;
}


#train_edit_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#train_edit_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#train_edit_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#train_edit_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#train_edit_info {
	height: 820px;
	width: 700px;
	overflow: auto;
	background-color: #fff;
	padding: 10px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;

}

#timeWindow_bar {
	height: 30px;
	width: 690px;

}

#timeWindow {
	height: 400px;
	width: 695px;
	background-color: #fff;
	overflow: auto;
}

.timeStation_bar {
	height: 30px;
	width: 120px;
	background-color: #ccc;
	color: #000;
	float: left;
	border: solid;
	border-color: #555;
	border-width: 0.5px;
}

.ekikan_bar {
	height: 30px;
	width: 50px;
	background-color: #ccc;
	font-size: 11px;
	color: #000;
	float: left;
	border: solid;
	border-color: #555;
	border-width: 0.5px;
}

.stop_bar {
	height: 30px;
	width: 50px;
	background-color: #ccc;

	color: #000;
	float: left;
	border: solid;
	border-color: #555;
	border-width: 0.5px;
}

.tyakutime_bar {
	height: 30px;
	width: 80px;
	background-color: #ccc;

	color: #000;
	float: left;
	border: solid;
	border-color: #555;
	border-width: 0.5px;
}

.hatutime_bar {
	height: 30px;
	width: 80px;
	background-color: #ccc;

	color: #000;
	float: left;

	border: solid;
	border-color: #555;
	border-width: 0.5px;
}

.home_bar {
	height: 30px;
	width: 80px;
	background-color: #ccc;

	color: #000;
	float: left;
	border: solid;
	border-color: #555;
	border-width: 0.5px;
}
.senro_bar{
	height: 30px;
	width: 35px;
	background-color: #ccc;
	font-size: 15px;
	color: #000;
	float: left;
	border: solid;
	border-color: #555;
	border-width: 0.5px;	
}
.timeStation {
	height: 23px;
	width: 120px;
	font-size: 15px;
	border: solid;
	border-color: #bbb;
	border-width: 0.5px;
	color: #000;
	float: left;
	overflow: hidden;
}

.ekikan {
	position: relative;
	top: -11.5px;	
	height: 23px;
	width: 50px;
	font-size: 15px;
	border: solid;
	border-color: #bbb;
	border-width: 0.5px;
	color: #000;
	float: left;
}
#ekikanStart {
	height: 11.5px;
	width: 50px;
	font-size: 15px;
	border: solid;
	border-color: #bbb;
	border-width: 0.5px;
	color: #000;
	float: left;
	}	
.tyakutime {
	height: 23px;
	width: 80px;
	font-size: 15px;
	border: solid;
	border-color: #bbb;
	border-width: 0.5px;
	color: #000;
	float: left;
	color: #000;
	float: left;
}

.stop {
	height: 23px;
	width: 50px;
	font-size: 15px;
	border: solid;
	border-color: #bbb;
	border-width: 0.5px;
	color: #000;
	float: left;
}

.hatutime {
	height: 23px;
	width: 80px;
	font-size: 15px;
	border: solid;
	border-color: #bbb;
	border-width: 0.5px;
	color: #000;
	float: left;
	color: #000;
}

.home {
	height: 23px;
	width: 80px;
	font-size: 15px;
	border: solid;
	border-color: #bbb;
	border-width: 0.5px;
	color: #000;
	float: left;
	color: #000;
}

.senro {
	height: 23px;
	width: 35px;
	font-size: 15px;
	border: solid;
	border-color: #bbb;
	border-width: 0.5px;
	color: #000;
	float: left;
	color: #000;
}

#train_station_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 200;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#train_station_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#train_station_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#train_station_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#train_station_info {
	height: 550px;
	width: 450px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#side_type_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 200;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#side_type_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#side_type_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#side_type_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#side_type_info {
	height: 550px;
	width: 450px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#trainDia_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 200;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#trainDia_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#trainDia_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
	
}

#trainDia_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#trainDia_info {
	height: 1000px;
	width: 1000px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#station_henkou_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 200;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#station_henkou_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#station_henkou_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#station_henkou_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#station_henkou_info{
	height: 550px;
	width: 450px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#mark_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 20;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#mark_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#mark_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#mark_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#mark_info {
	height: 200px;
	width: 200px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#trNoEdit_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 50;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#trNoEdit_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#trNoEdit_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#trNoEdit_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#trNoEdit_info {
	height: 250px;
	width: 250px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}
#sideWrit_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 50;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#sideWrit_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#sideWrit_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#sideWrit_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#sideWrit_info {
	height: 250px;
	width: 250px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}
#orikaeshiText_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 50;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#orikaeshiText_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#orikaeshiText_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#orikaeshiText_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#orikaeshiText_info {
	height: 250px;
	width: 250px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}
#unyou_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 30;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#unyou_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#unyou_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;

}

#unyou_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#unyou_info {
	height: 520px;
	width: 430px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}

#unyou_sokusen_name_bar {
	height: 30px;
	width: 120px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}

.unyou_sokusen_name {
	height: 25px;
	width: 120px;
	background-color: #fff;
	color: #000;
	clear: both;
	float: left;
	border: 1px solid #a9a9a9;

}

#unyou_train_id_bar {
	height: 30px;
	width: 50px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}

.unyou_train_id {
	height: 25px;
	width: 50px;
	background-color: #fff;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}

.unyou_train_id2 {
	height: 25px;
	width: 50px;
	background-color: #fff;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}

#unyou_tyaku_bar {
	height: 30px;
	width: 100px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}

.unyou_tyaku {
	height: 25px;
	width: 100px;
	background-color: #fff;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}

#unyou_hatu_bar {
	height: 30px;
	width: 100px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}

.unyou_hatu {
	height: 25px;
	width: 100px;
	background-color: #fff;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}

#unyou_button_bar {
	height: 30px;
	width: 50px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}

.unyou_button {
	height: 25px;
	width: 50px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}

#unyou_time_table {
	width: 410px;
	color: #000;
	float: left;
	border: 1px solid #808080;
}

#unyou_table_bt {
	clear: both;
}

#unyouTableArea {
	width: 380px;
	height: 380px;
	overflow: scroll;

}
/*運用作成*/
#unyou1_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 30;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#unyou1_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#unyou1_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;

}

#unyou1_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#unyou1_info {
	height: 550px;
	width: 620px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	
}

#unyou1_sokusen_name_bar {
	height: 30px;
	width: 120px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}
#konaiSideLine_bar {
	height: 30px;
	width: 70px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}
.unyou1_sokusen_name {
	height: 25px;
	width: 120px;
	background-color: #fff;
	color: #000;
	clear: both;
	float: left;
	border: 1px solid #a9a9a9;

}
.konaiSideLine {
	height: 25px;
	width: 70px;
	background-color: #fff;
	color: #000;
	
	float: left;
	border: 1px solid #a9a9a9;

}
#unyou1_train_id_bar {
	height: 30px;
	width: 40px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}
#unyou1_trainNumber_bar {
	height: 30px;
	width: 60px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}
.unyou1_train_id {
	height: 25px;
	width: 40px;
	background-color: #fff;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}
.unyou1_train_number {
	height: 25px;
	width: 60px;
	background-color: #fff;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}
.unyou1_train_number2 {
	height: 25px;
	width: 60px;
	background-color: #fff;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}
.unyou1_train_id2 {
	height: 25px;
	width: 40px;
	background-color: #fff;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}

#unyou1_tyaku_bar {
	height: 30px;
	width: 80px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}

.unyou1_tyaku {
	height: 25px;
	width: 80px;
	background-color: #fff;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}

#unyou1_hatu_bar {
	height: 30px;
	width: 100px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}

.unyou1_hatu {
	height: 25px;
	width: 100px;
	background-color: #fff;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}

#unyou1_button_bar {
	height: 30px;
	width: 50px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #808080;

}

.unyou1_button {
	height: 25px;
	width: 50px;
	background-color: #d3d3d3;
	color: #000;
	float: left;
	border: 1px solid #a9a9a9;

}

#unyou1_time_table {
	width: 640px;
	color: #000;
	float: left;
	border: 1px solid #808080;

}

#unyou1_table_bt {
	clear: both;
}

#unyouTableArea1 {
	width: 620px;
	height: 380px;
	overflow: scroll;

}


#popBack{
	position: fixed;
	left: 0px;
	top: 40px;
	width: 100%;
	height: 100%;
	z-index: 9998;
	opacity: 0.5;
	visibility: hidden;
	background-color: #000;
}

#popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 100px;
	padding: 20px;
	text-align: center;
	background-color: #fff;
	z-index: 9999;
	visibility: hidden;
	opacity: 1.00;
}

.close-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}

.close-btn i {
	font-size: 20px;
	color: #333;
}

.black-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	z-index: 1;
	cursor: pointer;
}

.div5 {
	width: 70px;
	height: 20px;
	background-color: #fff;
	color: #000;
	font-size: 13px;
	float: left;
}

.div40 {
	width: 200px;
	height: 20px;
	background-color: #fff;
	color: #000;
	font-size: 13px;
	float: left;
}

#titlefont {
	background-color: beige;
	width: 200px;
	height: 30px;
	border: 1px solid #000000;
	font-size: 13px;
	color: #000;
	float: left;
}

#listbox {
	position: relative;
	width: 200px;
	border: 1px solid #000000;
	z-index: 9999;
	background-color: #fff;
	visibility: hidden;
	color: #000;
	font-size: 13px;

}
.timeSuggest {
	border: solid 0px #000000;
	list-style: none;
	background-color: #d3d3d3 ;
	color: #dcdcdc ;
	margin: 0px;
	padding: 0px;
	position: absolute;
	
	z-index: 1000;
	width: 80px;
	height: 160px;
	visibility: hidden;
	box-shadow: 2px 2px 5px rgba(0, 0.5, 0.5, 0.5); /* 影の設定 */
}
.timeSuggest li {
	background-color:#d3d3d3;
	margin: 0px;
	padding: 2px;
	color:#000;
	font-size: 14px;
}
#timeSuggest li:nth-child(7) {
    background-color: #e6e6fa ; /* 例: 2番目の<li>要素を赤色に変える */
}

.timeSuggest li:hover {
	background-color: #c0c0c0 ;
}
.timeSuggest2 {
	border: solid 0px #000000;
	list-style: none;
	background-color: #d3d3d3 ;
	color: #dcdcdc ;
	margin: 0px;
	padding: 0px;
	position: absolute;
	
	z-index: 1000;
	width: 80px;
	height: 160px;
	visibility: hidden;
	box-shadow: 2px 2px 5px rgba(0, 0.5, 0.5, 0.5); /* 影の設定 */
}
.timeSuggest2 li {
	background-color:#d3d3d3;
	margin: 0px;
	padding: 2px;
	color:#000;
	font-size: 14px;
}

.timeSuggest2 li:hover {
	background-color: #c0c0c0 ;
}
.stationTb{
	margin: 0px;
}
.AutoCompleteListFrame {
	
    border: solid 1px #000000;
    list-style: none;
    background-color: #fff;
    color: #000;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 1000;
    width: calc(100% - 8px); /* 親要素の幅からborderの分を引いた値 */
    max-width: 210px; /* 最大幅を指定 */
    height: 240px;
    visibility: hidden;
    overflow: auto; /* scrollではなくautoに変更 */
}
.AutoCompleteListFrame2 {
	
    border: solid 1px #000000;
    list-style: none;
    background-color: #fff;
    color: #000;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 1000;
    width: calc(100% - 8px); /* 親要素の幅からborderの分を引いた値 */
    max-width: 210px; /* 最大幅を指定 */
    height: 240px;
    visibility: hidden;
    overflow: auto; /* scrollではなくautoに変更 */
}
.AutoCompleteListFrame li {
	background-color:#fff;
	margin: 0px;
	padding: 0px;
}

.AutoCompleteListFrame li:hover {
	background-color: #b8ceff;
}
.AutoCompleteListFrame2 li {
	background-color:#fff;
	margin: 0px;
	padding: 0px;
}

.AutoCompleteListFrame2 li:hover {
	background-color: #b8ceff;
}

#mouseMove {
	position: fixed;
	left: 0px;
	top: 40px;
	width: 100%;
	height: 100%;
	z-index: 9998;
	opacity: 0.5;
	visibility: hidden;
	
}
#station_dist_main {
	position: fixed;
	top: 35px;
	left: 30px;
	z-index: 200;
	box-shadow: 0 0 15px darkblue;
	color: #fff;
	background-color: darkgray;
	visibility: hidden;


}

#station_dist_window_close {
	height: 35px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	background-color: darkgray;
	user-select: none;
	float: right;
}

#station_dist_bar {
	width: 100%;
	height: 35px;
	float: left;
	text-align: left;
	background-color: royalblue;
}

#station_dist_info_bar {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: right;
}

#station_dist_info {
	height: 550px;
	width: 450px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	border-bottom: 2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;

	background-color: dimgray;
	color: #fff;
	resize: both;
}


.buttonTime{
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding: 0px;
	width:30px;
	height: 30px;	
}
.buttonTime2{
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding-left: 25px;;
	padding-top: 10px;
	width:30px;
	height: 30px;	
}
.buttonTime2b{
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding-left: 15px;;
	padding-top: 10px;
	width:30px;
	height: 30px;	
}
.buttonTimeA {
	
	padding-left: 15px;
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding: 10px;
	padding-top: 12px;
}
.buttonTimeB {
	
	padding-left: 0px;
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding-top: 12px;
}
#wButton{
	padding-left: 0px;
	float: left;
	color:#fff;
	cursor: pointer;
	font-size: 12px;
	padding: 0px;
	width:35px;
}
#tab1{
	top:0px;
	left:0px;
	width: 80px;
	height: 20px;
	background-color: gainsboro;
	color: #fff;
	text-align: center;
	font-size: 12px;
	float: left;
	cursor: default;
	z-index: 100;
	position:fixed;	
}
#tab2{
	top:0px;
	width: 80px;
	left:80px;
	height: 20px;
	background-color: darkgray ;
	color: #000;
	text-align: center;
	font-size: 12px;
	float: left;
	cursor: default;
	z-index: 100;
	position:fixed;	
}
#tab3{
	top:0px;
	width: 80px;
	left:160px;
	height: 20px;
	background-color: darkgray ;
	color: #000;
	text-align: center;
	font-size: 12px;
	float: left;
	cursor: default;
	z-index: 100;
	position:fixed;		
}
#tabArea{
	top:0px;
	width: 80px;
	left:240px;	
	width: 100%;
	height: 20px;
	background-color: gainsboro  ;
	z-index: 100;
	position:fixed;		
}