/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:"MEIRYO", monospace;
}

div.wrapper form input,form table.user_table input{
	font-family:"MEIRYO", monospace;
}

html, body{
	width: 100%;
	min-width: 1280px;
}

article, aside, canvas, details, figcaption, figure, header,
footer, hgroup, menu, nav, section, summary {
	display: block;
	width: 100%;
	height: 100%;
}

ul{
	list-style: none;
}

div#wrapper{
	position:relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1280px;
}

#header{
	position: fixed;
	top:0;
	margin:  0;
	padding: 3px0 3px 0;
	font-size: 13px;
	text-align:center;
	height: 44px;
	line-height: 44px;
	font-weight: bold;
	z-index: 100;
	width: 1280px;
}

#header h2{
	font-size: 16px;
	font-weight: bold;
	width:auto;
	color:#FFF;
	-webkit-text-shadow:#333 0px 1px 3px;
	-moz-text-shadow:#333 0px 1px 3px;
	text-shadow:#333 0px 1px 3px;
}

#gloval_nav1{
	display:none;
	position:absolute;
	margin:5px 0 0 10px;
	padding:0;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	height: 35px;
}

#gloval_nav1 ul li{
	display: block;
	float:left;
	padding: 0 10px 0 10px;
	border:1px solid #003;
	text-align:center;
	height:32px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-text-shadow:#333333 0px 1px 1px;
	-moz-text-shadow:#333333 0px 1px 1px;
	text-shadow:#333333 0px 1px 1px;

	background: rgb(197,222,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,222,234,1)), color-stop(31%,rgba(138,187,215,1)), color-stop(100%,rgba(6,109,171,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
}

#gloval_nav1 ul li a{
	font-size: 14px;
}

#gloval_nav2{
	position:fixed;
	margin:5px 0 0 920px;
	padding:0;
	top: 0;
	width: auto;
	height: 35px;
	z-index: 9999;
	min-width: 1280px;
}



#section{
	position: relative;
	margin: 44px 0 0 0;
	min-height: 883px;
}

#footer{
	margin:  0;
	padding:3px 10px 0px 10px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	width: 100%;
	max-width: 1260px;
}

#footer div{
	float: left;
	width: 50%;
}

#footer div  p{
	padding: 0 15px 0 0;
	float: right;
}

#placeinfo{
	position: relative;
	width: 100%;
	text-align: center;
	color:#333333;
	font-size: 18px;
	font-weight: bold;
	/*
	-webkit-text-shadow:#666666 1px 1px 1px;
	-moz-text-shadow:#666666 1px 1px 1px;
	text-shadow:#666666 1px 1px 1px;
	*/
	padding: 10px 0 15px 0;
}

#datetime{
	position: absolute;
	padding: 5px 20px 5px 20px;
	top:10px;
	right: 0px;
	width: 280px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color:#0074c7;
	/*
	-webkit-text-shadow:#666666 3px 3px 5px;
	-moz-text-shadow:#666666 3px 3px 5px;
	text-shadow:#666666 3px 3px 5px;
	*/

	border: 1px solid #039;
	background-color:#FFF;
}


#interval_switch{
	position: absolute;
	top:10px;
	left: 20px;
	width: 180px;
	font-size: 11px;
	white-space: nowrap;
}

#history_switch{
	position: absolute;
	top:8px;
	left: 150px;
	width: 180px;
	font-size: 11px;
	white-space: nowrap;
}

#main{
	position:relative;
	width: 100%;
	height: 90%;
	margin: 0 auto;
}

#hanrei{
	position: absolute;
	top: 630px;
	left:10px;
	width: auto;
	font-size: 12px;
}

#hanrei div div{
	float: left;
	padding: 0 10px 0 10px;
}

#hanrei div div p{
	white-space: nowrap;
}

#hanrei div div p:first-child{
	font-weight: bold;
	text-align: center;
}

#alt_interval{
	font-size: 11px;
}

#alt_item{
	position:absolute;
	bottom: 50px;
	left: 10px;
	font-size: 11px;
}

#alt_item label{
	width: 80px;
	white-space: nowrap;
}

#hanrei canvas{
	float: left;
}

#databox{
	position: absolute;
	top: 5px;
	left:10px;
	width: auto;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
}
#databox h3{
	font-size: 14px;
}

#databox dl{
	border-bottom: dotted 1px #999;
	height: 13px;
	padding: 3px 0 3px 0;
	clear: both;
}

#databox dl dt{
	float: left;
	width: 130px;
	/*width: 100px;*/
	overflow: hidden;
	white-space: nowrap;
}

#databox dl dd{
	float: left;
	width: 50px;
	white-space: nowrap;
	padding: 0 0 0 5px;
}
#databox dl dd.data{
	text-align: right;
	color:#036;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#databox dl dd.unit{
	font-size: 10px;
	line-height: 16px;
}
#databox dl dd.tm{
	font-size: 10px;
	line-height: 16px;
	width: auto;
}

#infobox{
	position: absolute;
	top: 5px;
	left:10px;
	width: auto;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
}
#infobox h3{
	font-size: 14px;
}

#nowloading{
	position: absolute;
	height: 48px;
	width: 48px;
	top: 40%;
	left: 50%;
	background-image:url(../img/loadinfo.net.gif);
	background-repeat: no-repeat;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	filter: alpha(opacity=50);
	opacity:0.5;
	/*display: none;*/
 }

#tbl_hanrei{
	background:#FFF;
	font-size: 10px;
	border-collapse: collapse;
}
#tbl_hanrei tr{
}
#tbl_hanrei td{
	border: 1px solid #333;
	padding: 0 2px 0 2px;
}

ul{
	list-style: none;
	zoom: 1;
}

ul.menu{
	display: block;

}

ul.menu li{
	float: left;
}

ul.menu li a{
	display: block;
	width: 78px;
	height: 30px;
	border:1px solid #003;

}

ul.menu li.tail2 a{
	width: 156px;
}

ul.menu li.tail3 a{
	width: 205px;
}
ul.sub{
	position: relative;
	margin: 0;
	padding: 0;
	display: none;
}

ul.sub li{
	float: none;
}

ul.sub li ul.sub{
	position: absolute;
	padding: 0;
	margin: -32px 0 0 80px;
}

ul.sub li ul.sub li{
	float: none;
}

.back_gradient{
	color:#000;
	background: #cfe7fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* IE10+ */
	background: linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}

.button{
	-webkit-text-shadow:#333333 0px 1px 1px;
	-moz-text-shadow:#333333 0px 1px 1px;
	text-shadow:#333333 0px 1px 1px;

	background: rgb(197,222,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,222,234,1)), color-stop(31%,rgba(138,187,215,1)), color-stop(100%,rgba(6,109,171,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
}

.show_me{
	-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);
	box-shadow:inset 0 1px 4px rgba(0,0,0,.2);
	-webkit-text-shadow:#fff 0px 1px 1px;
	-moz-text-shadow:#fff 0px 1px 1px;
	text-shadow:#fff 0px 1px 1px;
	background: rgb(242,249,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,249,254,1)), color-stop(100%,rgba(214,240,253,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */

}

.button,
.show_me{
	position: relative;
	display:block;
	text-decoration:none;
	width: 100%;
	height: 100%;
	font-size: 12px;
	text-align:center;
	line-height: 32px;
	font-weight: bold;
}
.button:link,
.show_me:link{
	color: #FFF;
}
.button:visited,
.show_me a:visited{
	color: #FFF;
}

.button:hover{
	color: #FCC;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.button:active{
	color: #FFF;
}

.show_me:link{
	color: #0074c7 ;
}
.show_me:visited{
	color: #0074c7;
}
.show_me:hover{
	color: #C69;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.show_me:active{
	color: #0074c7;
}

.section_bg{
	background:url(../img/back.png);
}

.icon_back{
	float:left;
	height:20px;
	width:20px;
	padding: 0 0 0 0;
	margin: 7px 5px 0 0;
	background:url(../img/Icons.png) no-repeat -526px -589px;
	border-radius: 10px;
	-webkit-box-shadow:0px 1px 2px #ccc;
	-moz-box-shadow:0px 1px 2px #ccc;
	box-shadow:0px 1px 2px #ccc;
}

.icon_camera1{
	float: left;
	height:15px;
	width:12px;
	padding: 0 0 0 0;
	background:url(../img/camera01.png) no-repeat;
	border-radius: 10px;
}

.icon_camera2{
	float: left;
	height:15px;
	width:12px;
	padding: 0 0 0 0;
	background:url(../img/camera02.png) no-repeat;
	border-radius: 10px;
}

.icon_info{
	float:left;
	height:20px;
	width:20px;
	padding: 0 0 0 0;
	margin: 7px 5px 0 0;
	background:url(../img/Icons.png) no-repeat -142px -542px;
	border-radius: 10px;
	-webkit-box-shadow:0px 1px 2px #ccc;
	-moz-box-shadow:0px 1px 2px #ccc;
	box-shadow:0px 1px 2px #ccc;
}

.contents_l{
	position: relative;
	display: block;
	height: 100%;
	float: left;
}

.contents_c{
	position: relative;
	display: block;
	height: 100%;
	float: none;
	margin: 0 10px;
}


.custom_table{
	border-collapse: collapse;
	border: 1px solid #666666;
	float:left;
}

.custom_table tr{
}

.custom_table th{
	vertical-align: middle;
	padding:2px 3px 2px 3px;
	font-size: middium;
	white-space: nowrap;
	border: 1px solid #666666;
	background: rgb(171,211,238);

	-webkit-text-shadow:#fff 0px 1px 1px;
	-moz-text-shadow:#fff 0px 1px 1px;
	text-shadow:#fff 0px 1px 1px;
}

.custom_table tr:first-child th:first-child{
	width: 100px;
}

.custom_table td{
	vertical-align: middle;
	text-align: right;
	padding:4px 5px 4px 5px;
	font-size: small;
	white-space: nowrap;
	border: 1px solid #666666;
	background: #FFF;
	/*font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
}

.custom_table td:first-child{
	text-align: center;
	background: rgb(171,211,238);
}

.table_1min_info{
	float:left;
}

.table_1min_info table{
	margin-top: 632px;
	margin-left: 5px;
	border: 2px solid #666666;
	background-color: seashell;
}

.table_1min_info table td{
	vertical-align: middle;
	text-align: right;
	/*font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
}

.cam_table{
	border-collapse: collapse;
	border: 1px solid #666666;
}

.cam_table tr{
}

.cam_table th{
	vertical-align: middle;
	padding:3px 5px 3px 5px;
	font-size: 13px;
	line-height: 14px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: rgb(171,211,238);

	-webkit-text-shadow:#fff 0px 1px 1px;
	-moz-text-shadow:#fff 0px 1px 1px;
	text-shadow:#fff 0px 1px 1px;
}

.cam_table td{
	padding:1px 5px 1px 5px;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid #666666;
	background: #000;
}

.stripe{
	background: #FFC !important;
}

.padLeft{
	padding-left: 27px;
}

.dontshow{
	display: none;
}

.pointing{
	background: #F99;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.newest_pic{
	float: left;
	width:auto;
	width: 336px;
	margin: 0 4% 4% 0;
	position: relative;
	z-index: 1;
}

.newest_pic img{
	border: 8px solid #FFF;
/*
	-webkit-box-shadow: 0 10px 8px -6px #999999;
	-moz-box-shadow: 0 10px 8px -6px #999999;
	box-shadow: 0 10px 8px -6px #999999;
*/

	-webkit-box-shadow: 2px 2px 5px 0px #999999;
	-moz-box-shadow: 2px 2px 5px 0px #999999;
	box-shadow: 2px 2px 5px 0px #999999;
}

.past_pictures{
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	list-style: none;
	clear: both;
}

.past_pictures li{
	float:left;
	display: block;
	padding: 10px;
	width: 296px;
}

.pictures{
	float: left;
	width:auto;
	width: 296px;
	margin: 0 4% 4% 0;
	position: relative;
	z-index: 0;
	white-space: nowrap;
}

.pictures img{
	border: 8px solid #FFF;
/*
	-webkit-box-shadow: 0 10px 8px -6px #999999;
	-moz-box-shadow: 0 10px 8px -6px #999999;
	box-shadow: 0 10px 8px -6px #999999;
*/

	-webkit-box-shadow: 2px 2px 5px 2px #999999;
	-moz-box-shadow: 2px 2px 5px 2px #999999;
	box-shadow: 2px 2px 5px 2px #999999;
}

.pictures:last-of-type { margin-right: 0; }

/* Stacks creted by the use of generated content */
.pictures:before, .pictures:after {
	content: "";
	border-radius: 3px;
	width: 100%;
	height: 100%;
	position: absolute;
	border: 10px solid #fff;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.pictures:before { top: 2px; z-index: -10; } /* 1st element in stack (behind image) */
.pictures:after { top: 4px; z-index: -20; } /* 2nd element in stack (behind image) */

.pictures:before {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}
.pictures:after {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

.pic_timestamp{
	display: block;
	position: absolute;
	bottom: 15px;
	right: 15px;
	width:90px;
	text-align: right;
	background:#000;
	color:#FFF;
	font-size: 14px;
	text-align: center;
}

.dt{
	width: auto;
}

.ar{
	width: 15px;
	float: right;
}

@keyframes pyon{

 0%{
 transform: scale(1, 1);
 }
 48%{
 transform: scale(1, 1);
 }
 50%{
 transform: scale(1.1, 0.9);
 }
 53%{
 transform: scale(0.9, 1.1) translate(0, -5px);
 }
 57.5%{
 transform: scale(1, 1) translate(0, -3px);
 }
 59%{
 transform: scale(1, 1) translate(0, 0px);
 }
 100% {
 transform: scale(1, 1);
 }

}

@-ms-keyframes pyon{

 0%{
 -ms-transform: scale(1, 1);
 }
 48%{
 -ms-transform: scale(1, 1);
 }
 50%{
 -ms-transform: scale(1.1, 0.9);
 }
 53%{
 -ms-transform: scale(0.9, 1.1) translate(0, -5px);
 }
 57.5%{
 -ms-transform: scale(1, 1) translate(0, -3px);
 }
 59%{
 -ms-transform: scale(1, 1) translate(0, 0px);
 }
 100% {
 -ms-transform: scale(1, 1);
 }

}

@-moz-keyframes pyon{

 0%{
 -moz-transform: scale(1, 1);
 }
 48%{
 -moz-transform: scale(1, 1);
 }
 50%{
 -moz-transform: scale(1.1, 0.9);
 }
 53%{
 -moz-transform: scale(0.9, 1.1) translate(0, -5px);
 }
 57.5%{
 -moz-transform: scale(1, 1) translate(0, -3px);
 }
 59%{
 -moz-transform: scale(1, 1) translate(0, 0px);
 }
 100% {
 -moz-transform: scale(1, 1);
 }

}

@-webkit-keyframes pyon{

 0%{
 -webkit-transform: scale(1, 1);
 }
 48%{
 -webkit-transform: scale(1, 1);
 }
 50%{
 -webkit-transform: scale(1.1, 0.9);
 }
 53%{
 -webkit-transform: scale(0.9, 1.1) translate(0, -5px);
 }
 57.5%{
 -webkit-transform: scale(1, 1) translate(0, -3px);
 }
 59%{
 -webkit-transform: scale(1, 1) translate(0, 0px);
 }
 100% {
 -webkit-transform: scale(1, 1);
 }

}

@keyframes punyo{
 0%{
 transform: scale(1, 1);
 }
 48%{
 transform: scale(1, 1);
 }
 50%{
 transform: scale(0.9, 0.9);
 }
 53%{
 transform: scale(1.1, 1.1);
 }
 57.5%{
 transform: scale(0.9, 0.9);
 }
 62%{
 transform: scale(1, 1);
 }
 100% {
 transform: scale(1, 1);
 }
}
@-ms-keyframes punyo{
 0%{
 -ms-transform: scale(1, 1);
 }
 48%{
 -ms-transform: scale(1, 1);
 }
 50%{
 -ms-transform: scale(0.9, 0.9);
 }
 53%{
 -ms-transform: scale(1.1, 1.1);
 }
 57.5%{
 -ms-transform: scale(0.9, 0.9);
 }
 62%{
 -ms-transform: scale(1, 1);
 }
 100% {
 -ms-transform: scale(1, 1);
 }
}
@-moz-keyframes punyo{
 0%{
 -moz-transform: scale(1, 1);
 }
 48%{
 -moz-transform: scale(1, 1);
 }
 50%{
 -moz-transform: scale(0.9, 0.9);
 }
 53%{
 -moz-transform: scale(1.1, 1.1);
 }
 57.5%{
 -moz-transform: scale(0.9, 0.9);
 }
 62%{
 -moz-transform: scale(1, 1);
 }
 100% {
 -moz-transform: scale(1, 1);
 }
}
@-webkit-keyframes punyo{
 0%{
 -webkit-transform: scale(1, 1);
 }
 48%{
 -webkit-transform: scale(1, 1);
 }
 50%{
 -webkit-transform: scale(0.9, 0.9);
 }
 53%{
 -webkit-transform: scale(1.1, 1.1);
 }
 57.5%{
 -webkit-transform: scale(0.9, 0.9);
 }
 62%{
 -webkit-transform: scale(1, 1);
 }
 100% {
 -webkit-transform: scale(1, 1);
 }
}


.move_pyon{
 animation-duration: 3s;
 animation-timing-function: ease-in;
 animation-iteration-count: infinite;
 transform-origin: bottom center;
 animation-name: pyon;

 -ms-animation-duration: 3s;
 -ms-animation-timing-function: ease-in;
 -ms-animation-iteration-count: infinite;
 -ms-transform-origin: bottom center;
 -ms-animation-name: pyon;

 -moz-animation-duration: 3s;
 -moz-animation-timing-function: ease-in;
 -moz-animation-iteration-count: infinite;
 -moz-transform-origin: bottom center;
 -moz-animation-name: pyon;

 -webkit-animation-duration: 3s;
 -webkit-animation-timing-function: ease-in;
 -webkit-animation-iteration-count: infinite;
 -webkit-transform-origin: bottom center;
 -webkit-animation-name: pyon;
}

.move_punyo{
	/*
 animation-duration: 4s;
 animation-timing-function: ease-in;
 animation-iteration-count: infinite;
 transform-origin: middle center;
 animation-name: punyo;

 -ms-animation-duration: 4s;
 -ms-animation-timing-function: ease-in;
 -ms-animation-iteration-count: infinite;
 -ms-transform-origin: middle center;
 -ms-animation-name: punyo;

 -moz-animation-duration: 4s;
 -moz-animation-timing-function: ease-in;
 -moz-animation-iteration-count: infinite;
 -moz-transform-origin: middle center;
 -moz-animation-name: punyo;

 -webkit-animation-duration: 4s;
 -webkit-animation-timing-function: ease-in;
 -webkit-animation-iteration-count: infinite;
 -webkit-transform-origin: middle center;
 -webkit-animation-name: punyo;
	*/
}

.ie6{
	position: absolute;
	padding: 20px;
	top: 40%;
	left: 30%;
	width: 40%;
	height: auto;
	font-size: 12px;
	background:#FFF;
	border: 2px solid #C03;
	text-align: center;
	z-index: 9999;
	cursor: pointer;
}

div#live_camera{
	background:#333;
	padding: 8px;
	height: 520px;
	width: 800px;
	margin: 0 auto;
}

div#cam_img_container{
	position: relative;
	float:left;
	width: 640px;
	height: 480px;
}

div#cam_control_panel{
	float:left;
}

div#cam_info{
	font-size: 14px;
	padding: 10px;
	text-align: center;
}

div#play_panel{
	width: 320px;
	height: 40px;
}
div#play_panel div{
	position: relative;
	float: left;
	margin: 5px;
}
div#play{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -568px -248px;
	border-radius: 8px;
}
div#pause{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -248px;
	border-radius: 8px;
}
div#up{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -88px -201px;
	border-radius: 8px;
}
div#down{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -136px -201px;
	border-radius: 8px;
}
div#right{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -232px -201px;
	border-radius: 8px;
}
div#left{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -187px -201px;
	border-radius: 8px;
}
div#center{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -857px -250px;
	border-radius: 8px;
}
div#zoom_in{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -712px -105px;
	border-radius: 8px;
}
div#zoom_out{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -296px;
	border-radius: 8px;
}
div#preset_home{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -857px -250px;
	border-radius: 8px;
}
div#preset_custom1{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -202px;
	border-radius: 8px;
}
div#preset_custom2{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -202px;
	border-radius: 8px;
}
div#preset_custom3{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -202px;
	border-radius: 8px;
}
div#preset_custom4{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -202px;
	border-radius: 8px;
}
div#preset_custom5{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -202px;
	border-radius: 8px;
}
div#preset_custom6{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -202px;
	border-radius: 8px;
}
div#preset_custom7{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -202px;
	border-radius: 8px;
}
div#preset_custom8{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -202px;
	border-radius: 8px;
}
div#preset_custom9{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -202px;
	border-radius: 8px;
}
div#preset_custom10{
	height: 30px;
	width: 30px;
	background:url(../img/Icons.png) no-repeat -617px -202px;
	border-radius: 8px;
}

div#preload{
	display: none;
}

.effect_on{
	-webkit-box-shadow:inset 0 1px 2px #000;
	-moz-box-shadow:inset 0 1px 2px #000;
	box-shadow:inset 0 1px 2px #000;

}
.effect_off{
	-webkit-box-shadow:inset 0 1px 1px #999;
	-moz-box-shadow:inset 0 1px 1px #999;
	box-shadow:inset 0 1px 1px #999;
	filter: alpha(opacity=50);
	opacity:0.5;

}

.effect_hover{
	filter: alpha(opacity=100);
	opacity:1.0;

	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}






/*iPhone Style Radio and Checkbox Switches using JQuery and CSS*/
.cb-enable, .cb-disable,
.cb-enable span, .cb-disable span { background: transparent url(../img/switch.png) repeat-x; display: block; float: left;}
.cb-enable { background-position: left -90px; padding-left: 5px;}
.cb-disable{ background-position:right -180px; padding-right:5px; background-repeat:no-repeat;}
.cb-enable span, .cb-disable span { line-height: 30px; display: block; font-weight: bold; padding: 0 10px; font-family:"MEIRYO", monospace; }

.cb-enable.selected { background-position: left -150px;}
.cb-enable.selected span { background-position: 0 -60px; color: #fff; }
.cb-disable.selected { background-position: right -210px; }
.cb-disable.selected span { background-position: 0 -30px; color: #fff; }

.switch label { cursor: pointer; }
.switch input { display: none; }



div.detail_box{
	z-index:100;
	font-size: 14px;
	position:absolute;
	float: left;
	top:10px;
	left:10px;
	border: 1px solid #ddd;
	padding:10px 10px;
	margin: 10px 0px;
	display: inline-block;
	color: #111;
	letter-spacing: 0;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	background: rgb(222,222,234); /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
	background: -webkit-linear-gradient(#fff, #cecece);
	background: -moz-linear-gradient(#fff, #cecece);
	background: -o-linear-gradient(#fff, #cecece);
	background: -ms-linear-gradient(#fff, #cecece);
	background: linear-gradient(#fff, #cecece);
}


div.detail_box .kyoku_name{
	margin: 5px 5px;
}


.row {
	display:table-row;
}
.row>div {
	display:table-cell;
	margin:5px;
	padding:2px;
}

.custom_table tr.keikai th{
	color:white;
}
.custom_table tr.chuui th{
	color:white;
}

div.box {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	padding: 0.5em 1em 0.5em 1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: url("../img/boxback.png");
}

div.login_title{
	margin-top: 5%;
	font-size: 20px;
	font-weight: bold;
}

img.login_img{
	width:300px;
}

div.list_table{
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
}

table.list_table{
	margin:0px 15px 0px 15px;
	border-collapse: collapse;
	border: 1px solid #666666;
}

.list_table tr{
}

.list_table th{
	vertical-align: middle;
	padding:0px 5px 0px 5px;
	font-size: 9px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: rgb(171,211,238);

	-webkit-text-shadow:#fff 0px 1px 1px;
	-moz-text-shadow:#fff 0px 1px 1px;
}

.list_table tr:first-child th{
	width: 100px;
}

.list_table td{
	vertical-align: middle;
	text-align: center;
	padding:0px 5px 0px 5px;
	font-size: 9px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: #FFF;
	/*font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
}

.list_table tr td.stripe{
	background:#FFC;
}
.list_table th.err{
	color: #FFF;
	background: #F00;
}

.list_table th.warn{
	color: #FFF;
	background: #ffa500;
}

table.list_table tr td.none{
	background: #AAA;
}

.list_table td.err{
	color: #F00;
}

.list_table td.warn{
	color: #ffa500;
}

/*管理画面*/
div.manage{
}

.user_table{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666666;
}

.user_table tr{
}

.user_table th{
	text-align: center;
	vertical-align: middle;
	padding:5px;
	font-size: 13px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: rgb(171,211,238);

	-webkit-text-shadow:#fff 0px 1px 1px;
	-moz-text-shadow:#fff 0px 1px 1px;
	text-shadow:#fff 0px 1px 1px;
}

.user_table td{
	height: 1.5em;
	vertical-align: middle;
	padding:3px;
	font-size: 12px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: #FFF;
	/*font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
}

.user_table tr:nth-child(even) td{
	background:#FFC;
}

.user_table td.center{
	text-align: center;
}

div.user_profile_input {
	text-align: center;
}

div.info {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0.5em 1em 0.5em 1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #FFFFFF;
}
div.info textarea{
	width: 100%;
}
.btn {
	background: -moz-linear-gradient(top,#FFEF85 0%,#FFC34C);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFEF85), to(#FFC34C));
	background: linear-gradient(to bottom, #FFEF85, #FFC34C);
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #111;
	width: 100px;
	padding: 10px;
	margin-right: 20px;
	margin-left: 20px;
	cursor:pointer;
}

.btn:disabled {
	background: -moz-linear-gradient(top,#AAAAAA 0%,#AAAAAA);
	background: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#AAAAAA));
	background: linear-gradient(to bottom, #AAAAAA, #AAAAAA);
	color: #111;
	cursor:default;
}

.link {
	color: #0000FF;
	text-decoration: underline;
	cursor: pointer;
}

/*アナウンスメント*/
form.announce{
	margin: 0px 50px;
}

div.announce{
	width: 100%;
	margin-top: 10px;
}

.announce_table{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666666;
}

.announce_table th{
	text-align: center;
	vertical-align: middle;
	padding:5px;
	font-size: 13px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: rgb(171,211,238);

	-webkit-text-shadow:#fff 0px 1px 1px;
	-moz-text-shadow:#fff 0px 1px 1px;
	text-shadow:#fff 0px 1px 1px;
}

.announce_table td{
	height: 1.5em;
	vertical-align: middle;
	padding:3px;
	font-size: 12px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: #FFF;
	/*font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
}

.announce_table tr:nth-child(even) td{
	background:#FFC;
}

.announce_table td.center{
	text-align: center;
}

.report_table{
	width: 55%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666666;
	margin-bottom: 20px;
}

.report_table th{
	text-align: center;
	vertical-align: middle;
	padding:5px;
	font-size: 13px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: rgb(171,211,238);

	-webkit-text-shadow:#fff 0px 1px 1px;
	-moz-text-shadow:#fff 0px 1px 1px;
	text-shadow:#fff 0px 1px 1px;
}

.report_table td{
	height: 1.5em;
	vertical-align: middle;
	padding:3px;
	font-size: 12px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: #FFF;
	/*font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
}


/*通報先設定画面*/
div.mail_address{
}

.mail_address_table{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666666;
}

.mail_address_table tr{
}

.mail_address_table th{
	text-align: center;
	vertical-align: middle;
	padding:5px;
	font-size: 13px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: rgb(171,211,238);

	-webkit-text-shadow:#fff 0px 1px 1px;
	-moz-text-shadow:#fff 0px 1px 1px;
	text-shadow:#fff 0px 1px 1px;
}

.mail_address_table td{
	height: 1.5em;
	vertical-align: middle;
	padding:3px;
	font-size: 12px;
	white-space: nowrap;
	border: 1px solid #666666;
	background: #FFF;
	/*font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
}

.mail_address_table tr:nth-child(even) td{
	background:#FFC;
}

.mail_address_table td.center{
	text-align: center;
}

div.mail_address_profile_input {
	text-align: center;
}

#logout {
	position: absolute;
	margin: 5px 47px 0 0;
	top: 0;
	left: 10px;
	width: auto;
	height: 35px;
	z-index: 9999;
	color: #FFF;
	border: 1px solid #003;
	cursor: pointer;
}

.last_login {
	position: absolute;
	margin: 5px 47px 0 0;
	top: 5px;
	left: 90px;
	width: auto;
	height: 35px;
	z-index: 9999;
	text-align:left;
	line-height:15px;
	font-size: smaller;
	font-weight: normal;
}

div.enzan_kansoku_name {
	display:inline-block;
	width: 56px;
}

div.enzan_kansoku_name.sin {
	display:inline-block;
	width: 72px;
}

div.enzan_kansoku_name.pump {
	display:inline-block;
	width: 46px;
}

input.dateselect{
	width: 80px;
}

#csv_output input.dateselect{
	width: 100px;
}

form.announce span{
	margin-left: 20px;
}