HTML, BODY {
		width 100%;
		overflow-x:hidden;
		/*background-color:darkgreen;*/
		background-color:#e2e2e2;
		text-align:left;
	}
	
	div{
		box-sizing: border-box;
	}
	
	h1{
		font-size:28px;
		text-align:left;
		margin-left:5%;
		/*color:#ffffff;*/
		color:#dc143c;
	}
	
	h3{
		font-size:14px;
		text-align:left;
		margin-left:5%;
		margin-right: 5%;
		/*color:#ffffff;*/
		/*color:#dc143c;*/
	}
	
	#contents{
		margin-right:5%;
		margin-left:5%;
		width:90%;
		height:900px;
		
		overflow-y:scroll;
		/*
		position: relative;
		left: 50%;
		float:left;
		*/
	}
	
	
	@media screen and (max-width: 767px) {
		body{
			text-align:center;
		}
		#contents{
			margin-right:2%;
			margin-left:2%;
			width:96%;
			height:auto;
			
			overflow-y:visible;
		}
	}

	
	#content_header{
		width:100%;
		
		background-color:#f5deb3;	
		border:2px solid red;
		
		padding-top:3px;
		padding-bottom:3px;
		
		font-size:24px;
	}
	
	.content{
		/*float:left;*/
		
		text-align:left;
		width:170px;
		
		margin:1px;
		margin-left:0px;
		
		border:2px solid red;
		/*border-collapse: collapse;*/
		
		display: inline-block;
		/*
		position: relative;
		left: -50%;
		*/
	}
	
	table{
		box-sizing: border-box;
		width:166px;

		border:0px;
		
	}
	
	tr{
		border:0px;
	}
	
	td{
		border:0px;
		padding-top:2px;
		color:white;
		background-color:black;
		font-size:8px;
	}
	
	/*カメラ画像*/
	.content_image{
		width:160px;
		height:120px;
	}
	
	/*設置場所セル*/
	.rosenname{
		text-align:center;
		font-size:12px;
		font-weight:700;
		height:40px;
		background-color:blue;
	}
	
	/*情報セル*/
	.titen{
		font-size:12px;
		height:25px;
		padding-left:2px;
	}
	.time{
		font-size:10px;
		height:12px;
		padding-left:2px;
	}
	
	/*フッター*/
	#footer{
		margin-left:5%;
	}
	
	#notice{
		/*font-weight:900;*/
		text-align:left;
		/*color:#ffffff;*/
		color:#000000;
		font-size:16px;
		font-weight:700;
	}
	
	#minuet_string{
		color:#ff0000;
	}
	
	/*中央揃え*/
	.center{
		text-align:center;
	}
	
	/*ボタン関係*/
	
	#buttonarea{
		margin-left:5%;
		text-align:left;
	}
	button{
		color: #FFFFFF;
		border-radius: 8px 8px 8px 8px;
		border: transparent 1px solid;
		background-color: #59abfc;
		padding: 5px 15px 5px 15px;
		width: 150px;
		height: 36px;
		font-size: 16px;
		font-weight: 500;
		margin: 5px 0px 5px 12px;
		cursor:pointer;
		
		box-shadow:3px 2px 2px grey;
	}
	
	.selected{
		background-color: orange;
	}
	
	@media screen and (max-width: 320px) {
		.content{
			width:150px;
		}
		
		table{
			width:146px;
		}
		.titen{
			font-size:10px;
			height:22px;
			padding-left:2px;
		}
		
		/*カメラ画像*/
		.content_image{
			width:140px;
			height:100px;
		}
		
		#buttonarea{
			margin-left:2%;
		}
		button{
			width: 135px;
			height: 30px;
			font-size: 14px;
			font-weight: 500;
		}
	}