@charset UTF-8;
html {
    height: auto;
}

body {
 width: 100%;
 padding: 0px
 font-family: ＭＳ Ｐゴシック,Osaka;
 font-size: 90%;
 color: #000000;
 margin: 0px;
 /*background-color: #D4E1FC;*/
 background-color:#fff;
 height: auto;
 scrollbar-base-color: #FFFFFF;
 scrollbar-face-color: #000066;
 scrollbar-track-color: #D4E1FC;
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-3dlight-color: #FFFFFF;
 scrollbar-highlight-color: #333399;
 scrollbar-shadow-color: #330099;
 scrollbar-darkshadow-color: #FFFFFF;
 }

A:link		{ color: #0000CC;}
A:hover		{ text-decoration: none; color: #3366FF;cursor:pointer }
A:visited	{ color: #660099; }

tr {
 font-family: ＭＳ Ｐゴシック,Osaka;
/* font-size: 100%; */
 color: #000000;
 margin: 0;
 }

.ib{
  display: inline-block;
}

table.has_border, table.has_border th, table.has_border td{
  border: 1px grey solid;
  border-collapse: collapse;
}
#side_menu {
  position: absolute;
  top:0px;
  left:0px;
  width: 230px;
  margin: 0px;
  padding: 0px;
  padding-bottom:20px;
  bottom:0px;
	background-color:#FFF;
	overflow:visible;
	z-index:5;
}

#main_container{
  position: fixed;
  left: 230px;
  top:0px;
  width: calc(100% - 230px);
  bottom: 0px;
  overflow: auto;
	background-color:#fff;
  z-index: 10;
}

#photo_list{
  margin: auto;
}

#camera_title{
  background-color: #D4E1FC;
  padding: 5px 10px;
  width: 100%;
  text-align: center;
}

#timelist{
  list-style-type: none;
  marker-offset: 0px;
  padding: 0px;
	/*text-align:center;*/
	margin-left:30px;
  margin-top:5px;
  margin-bottom:5px;
}
#timelist ul{
  list-style-type: none;
  marker-offset: 0px;
  padding: 0px;
	margin-left:7px;
}

.phototime{
  margin: 0px 2px 10px 0px;
}

p.title_bar{
    text-align:left;
    font-size: 12pt;
    color: #000080;
    font-weight: bold;
    padding: 5px;
    background-color: #D4E1FC;
    margin-top: 0px;
    margin-bottom: 30px;
}
#camera_list{
  position: relative;
  padding: 12px;
  height: auto;
  background-color:#D4E1FC;
}
#camera_list p{
}
.camera_list-camera{
  margin: 10px 0px;
}

#menu_contents_tv{
  position: relative;
  padding-left:50px;
  padding-right:50px;
  padding-bottom:20px;
  width:130px;
  height: auto;
  background-color:#D4E1FC;

}
a.camera_list-name{
  display: inline-block;
  width: 160px;
  font-size: 10pt;
}
.live_img{
  display: inline-block;
  vertical-align: top;
  text-align: right;
	height:14px;
}
.date a:hover{
	cursor: pointer;
}
a img {
    border-style:none;
}
a img:visited	{ color:#F00;
border-style:solid;
 }
.file_counts{
	float:right;
	margin-right:30px;
}
#profile{
   background-color: white;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 30px;
   padding-right: 36px;
   /*position: absolute;
   left: 0px;
   bottom: 0px;*/
   display:block;
}
/*#profile:hover{
	z-index:10;
}*/
/*ログイン画面*/
#login{
	width:300px;
	height:100%;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
	text-align:center;
	background-color:#000066;
    -moz-box-shadow:10px 10px 30px #4F5355;
    -webkit-box-shadow:10px 10px 30px #4F5355;
    box-shadow:10px 10px 30px #4F5355;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
	/*background: -moz-linear-gradient(left top, #000064, #000066);　/* Firefox用 */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#000065), to(#000066));　/* Safari,Google Chrome用 */
	}
#copyright{
  width:100%;
  margin-top:20px;
  text-align:center;
  color:#FFF;
  text-shadow:black 0px 1px 2px;
  font-size:14px;
  -webkit-font-smoothing: antialiased;
}
#copyright a:link ,#copyright a:visited{
  text-decoration:none;
  color:#FFF;
}
#copyright a:hover{
  color:#0FF;
}
#under_lg{
  width:340px;
  margin-top:40px;
  margin-left:auto;
  margin-right: auto;
}
#idc{
  font-size:16px;
  font-weight:bold;
  color:#A3A2A2;
  text-shadow: 1px 1px 1px white;
  -webkit-font-smoothing: antialiased;
  margin-left: 70px;
}
#idc ul{
  padding-left:10px;
    list-style:none;
}
#idc li{
  list-style:none;
  margin-top:5px;
}


a.int_bt{
  display: inline-block;
  margin: 0px 5px;
  text-decoration: none;
  border: 1px solid #CCC;
  padding: 3px;
  background-color: #D8D8D8;
}
a.int_bt:visited{
  color: #0000CC;
}

#chg_to_html5{
  line-height: 1em;
  font-size: 0.8em;
  text-decoration: none;
  background-color: #81BEF7;
  color: black;
  padding: 5px;
  margin-top: 3px;
  margin-left: 5px;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
#chg_to_html5:active{
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}