@charset "utf-8";
h1{
	clear : both;
	border-bottom: 5px #333 solid;
	padding-bottom: 5px;
	font-size: 20px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

h2{
	clear : both;
	border-bottom: 2px #3f3f3d solid;
	padding-bottom: 5px;
	font-size: 17px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#3f3f3d;
}

.status{
	float : left;
	position: relative;
	width: 290px;
	height: 250px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.title{
	position: absolute;
	width: 280px;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	border-color: white;
	border-radius: 10px;
	background : #3f3f3d;
	color:white;
}

.chart{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.count{
	position: absolute;
	bottom: 88px;
	width: 220px;
	font-size: 20px;
	text-align: center;
	color:#3f3f3d;
}

.srclabel0a{
	position: absolute;
	bottom: 75px;
	left: 220px;
	width : 15px ;
	height : 15px ;
	background : cornflowerblue ;
	border-style:solid;
	border-width:2px;
	border-color: white;
}

.srclabel0b{
	position: absolute;
	bottom: 75px;
	left: 240px;
	width : 95px;
	height : 15px;
	font-size: 15px;
	border-style:solid;
	border-width:1px;
	border-color: white;
	text-align: left;
	color:#3f3f3d;
}
      
.srclabel1a{
	position: absolute;
	bottom: 50px;
	left: 220px;
	width : 15px ;
	height : 15px ;
	background : lightcoral ;
	border-style:solid;
	border-width:2px;
	border-color: white;
}

.srclabel1b{
	position: absolute;
	bottom: 50px;
	left: 240px;
	width : 95px;
	height : 15px;
	font-size: 15px;
	border-style:solid;
	border-width:1px;
	border-color: white;
	text-align: left;
	color:#3f3f3d;
}

.srclabel2a{
	position: absolute;
	bottom: 25px;
	left: 220px;
	width : 15px ;
	height : 15px ;
	background : seagreen ;
	border-style:solid;
	border-width:2px;
	border-color: white;
}

.srclabel2b{
	position: absolute;
	bottom: 25px;
	left: 240px;
	width : 95px;
	height : 15px;
	font-size: 15px;
	border-style:solid;
	border-width:1px;
	border-color: white;
	text-align: left;
	color:#3f3f3d;
}

.srclabel3a{
	position: absolute;
	bottom: 0px;
	left: 220px;
	width : 15px ;
	height : 15px ;
	background : dimgray ;
	border-style:solid;
	border-width:2px;
	border-color: white;
}

.srclabel3b{
	position: absolute;
	bottom: 0px;
	left: 240px;
	width : 95px;
	height : 15px;
	font-size: 15px;
	border-style:solid;
	border-width:1px;
	border-color: white;
	text-align: left;
	color:#3f3f3d;
}

.osinfo{
	clear : both;
	position: relative;
	width: 300px;
	height: 150px;
	font-weight: normal;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.oschart{
	position: absolute;
	top: 0px;
	left: 0px;
}

.oslabel0a{
	position: absolute;
	bottom: 125px;
	left: 225px;
	width : 15px ;
	height : 15px ;
	background : cornflowerblue ;
	border-style:solid;
	border-width:2px;
	border-color: white;
}

.oslabel0b{
	position: absolute;
	bottom: 125px;
	left: 245px;
	width : 95px;
	height : 15px;
	font-size: 15px;
	border-style:solid;
	border-width:1px;
	border-color: white;
	text-align: left;
	color:#3f3f3d;
}

.oslabel1a{
	position: absolute;
	bottom: 100px;
	left: 225px;
	width : 15px ;
	height : 15px ;
	background : lightcoral ;
	border-style:solid;
	border-width:2px;
	border-color: white;
}

.oslabel1b{
	position: absolute;
	bottom: 100px;
	left: 245px;
	width : 95px;
	height : 15px;
	font-size: 15px;
	border-style:solid;
	border-width:1px;
	border-color: white;
	text-align: left;
	color:#3f3f3d;
}
      
.oslabel2a{
	position: absolute;
	bottom: 75px;
	left: 225px;
	width : 15px ;
	height : 15px ;
	background : seagreen ;
	border-style:solid;
	border-width:2px;
	border-color: white;
}

.oslabel2b{
	position: absolute;
	bottom: 75px;
	left: 245px;
	width : 95px;
	height : 15px;
	font-size: 15px;
	border-style:solid;
	border-width:1px;
	border-color: white;
	text-align: left;
	color:#3f3f3d;
}

.oslabel3a{
	position: absolute;
	bottom: 50px;
	left: 225px;
	width : 15px ;
	height : 15px ;
	background : slateblue ;
	border-style:solid;
	border-width:2px;
	border-color: white;
}

.oslabel3b{
	position: absolute;
	bottom: 50px;
	left: 245px;
	width : 95px;
	height : 15px;
	font-size: 15px;
	border-style:solid;
	border-width:1px;
	border-color: white;
	text-align: left;
	color:#3f3f3d;
}

.oslabel4a{
	position: absolute;
	bottom: 25px;
	left: 225px;
	width : 15px ;
	height : 15px ;
	background : goldenrod ;
	border-style:solid;
	border-width:2px;
	border-color: white;
}

.oslabel4b{
	position: absolute;
	bottom: 25px;
	left: 245px;
	width : 95px;
	height : 15px;
	font-size: 15px;
	border-style:solid;
	border-width:1px;
	border-color: white;
	text-align: left;
	color:#3f3f3d;
}

.oslabel5a{
	position: absolute;
	bottom: 0px;
	left: 225px;
	width : 15px ;
	height : 15px ;
	background : dimgray ;
	border-style:solid;
	border-width:2px;
	border-color: white;
}

.oslabel5b{
	position: absolute;
	bottom: 0px;
	left: 245px;
	width : 95px;
	height : 15px;
	font-size: 15px;
	border-style:solid;
	border-width:1px;
	border-color: white;
	text-align: left;
	color:#3f3f3d;
}

.vinfo{
	color:#3f3f3d;
	font-size: 14px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}