@charset "UTF-8";
body {
	background-color:#7391a5;
	width:100%;
	height:100%;
	margin:0px;
	-ms-touch-action:pan-y;
}

#logo {
	position:fixed;
	background-image:url("logo_w.png");
	width:317px;
	height:119px;
	bottom:15px;
	right:30px;
	z-index:-1;
}

#menu {
	position:absolute;
	background-image:url("menubar_bg.png");
	width:100%;
	height:100px;
	z-index:1;
}


#menucontents {
	position:absolute;
	left:30px;
	top:20px;
	width:300px;
	height:80px;
}

#menucontents a{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:80px;
	background-image:url("btn_back1.png");
	background-repeat:no-repeat;
	text-indent:-999;
	overflow:none;
}

#menucontents span{
	display:block;
	top:20px;
	width:400px;
	height:80px;
	font-size:32px;
	line-height:56px;
	font-weight:bold;
	text-indent:75px;
}

#menucommand{
	position:absolute;
	right:0px;
	top:0px;
	width:460px;
	height:100%;
}

#userName{
	position:absolute;
	left:170px;
	top:13px;
	width:200px;
	height:30px;
	background-image:url("loginicon.png");
	background-repeat:no-repeat;
	text-indent:30;
	line-height:30px;
	color:#003ba8;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}

#menuBtn{
	position:absolute;
	left:0px;
	top:50px;
	width:167px;
	height:37px;
	background-image:url("btn_menu_0.png");
	background-repeat:no-repeat;
	overflow:none;
	text-indent:-9999;
}
#menuBtn:hover {
	background-image:url("btn_menu_1.png");
}

#menubar{
	position:fixed;
	left:0px;top:102px;
	background-color:rgba(0,0,0,0.7);
	z-index:200;
	width:100%;
}

#logout{
	position:absolute;
	left:170px;
	top:50px;
	
	display:inline-block;
	
	width:150px;height:35px;
	
	background-color:#969696;
	border:2px solid #646464;
	border-radius:7px;
	box-sizing:border-box;
	cursor:pointer;
	
	text-align:center;
	line-height:35px;
	
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
}
#logout:hover{
	background-color:#0962C8;
	border:2px solid #082A79;
}
#logout img{
	display:inline-block;
	width:19px;
	height:23px;
	vertical-align:middle;
	
	margin-top:0px;
	margin-bottom:7px;
	margin-left:0px;
	margin-right:5px;
}

#date2{
	position:absolute;
	right:0px;
	top:8px;
	width:110px;
	height:25px;
	overflow:none;
	text-align:right;
	font-size:14pt;
	line-height:25px;
	padding-right:18px;
}

#day2{
	position:absolute;
	right:0px;
	top:30px;
	width:110px;
	height:25px;
	overflow:none;
	text-align:right;
	font-size:14pt;
	line-height:25px;
	padding-right:18px;
}

#time2{
	position:absolute;
	right:0px;
	top:56px;
	width:110px;
	height:32px;
	overflow:none;
	text-align:right;
	font-size:20pt;
	line-height:32px;
	font-weight: bold;
	padding-right:18px;
}

#timezone2{
	position:absolute;
	display:block;
	right:0px;
	top:86px;
	width:400px;
	height:13px;
	overflow:hidden;
	text-align:right;
	font-size:11px;
	line-height:11px;
	font-weight: bold;
	padding-right:18px;
}


#contents {
	position:absolute;
	top:10px;
	width:100%;
	z-index:0;
}
#findcommand{
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	width:200px;
	z-index:0;
	height:100%;
	padding-top:15px;
	padding-bottom:20px;
}


.listtable {
	margin:0 auto;
	

}


.listtable thead th{
	height:37px;
	border:none;
	border-bottom:solid 2px #cacaca;
	text-align:left;
}
.listtable tbody td{
	height:35px;
	border:none;
	border-bottom:solid 2px #cacaca;
}

.listtable tbody tr td{
	background-color:#ffffff;
}
a.delete{
	display:inline-block;
	width:100px;
	height:30px;
	background-color:#4FB5FD;
	line-height:30px;
	border:2px solid #3772D7;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
}
a.delete:hover{
	background-color:#0962C8;
	border:2px solid #082A79;
}
.listtable tbody  tr:nth-child(2n) td{
	background-color:#ebebeb;
	
}

#menubar.open{
	/*opacity:1.0;*/
	display:block;
}

#menubar.close{
	/*opacity:0.0;*/
	display:none;
}
#menubar{
	position:fixed;
	left:0px;top:102px;
	background-color:rgba(0,0,0,0.7);
	z-index:200;
	width:100%;
}

#menubar.open{
	opacity:1.0;
}

#menubar.close{
	opacity:0.0;
}


.numBookmark {
	text-align:right;
	margin-top : 20px;
}

a.open{
	display:inline-block;
	width:140px;
	height:30px;
	background-color:#4FB5FD;
	line-height:30px;
	border:2px solid #3772D7;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	margin:3px;
}
a.open:hover{
	background-color:#0962C8;
	border:2px solid #082A79;

	cursor: pointer;
}
.remove_icon{
	display:inline-block;
	background-image:url("delete_2.png");
	width:39px;
	height:39px;
}
.remove_icon:hover{
	display:inline-block;
	background-image:url("delete_1.png");
	width:39px;
	height:39px;

	cursor: pointer;
}
.select_remove{
	display:inline-block;
	width:120px;
	height:30px;
	background-color:#DC0000;
	border:2px solid #4d1010;
	line-height:30px;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
}
.select_remove:hover{
	background-color:#ff0000;
	border:2px solid #c42d2d;

	cursor: pointer;
}
a.button{
	display:inline-block;
	width:120px;
	height:36px;
	background-color:#4FB5FD;
	line-height:36px;
	border:2px solid #3772D7;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-decoration: none;
	text-align:center;
}
a.button:hover{
	background-color:#0962C8;
	border:2px solid #082A79;
	cursor: pointer;
}