@charset "utf-8";

/******************** monitor ********************/

div.monitor {

	margin-left: 5px;

}

p.monitor_top {

	background: url(../img/monitor_top.jpg) no-repeat center top;

	width: 520px;

	height: 160px;

	display: block;

	text-indent: -10000px;

	overflow: hidden;

	margin: 0 0 20px;

}

div.commenttop{

	padding: 5px 0 5px 0;

	background-color: #63C;

	border: 2px solid #63C;

}

p.titletab {

	font-weight: bold;

	font-size: 150%;

	margin: 15px 0 10px;

	padding: 0 0 0 20px;

	color: #600;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

	color:#FFF;

}

div.comment{

	background-color: #CECEFF;

	border-top-width: 0px;

	border-right-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 2px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #63C;

	border-bottom-color: #63C;

	border-left-color: #63C;

	margin-bottom: 30px;

	padding-top: 20px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}

div.comment2{

	background-color: #f5f5f5;

	border-top-width: 0px;

	border-right-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 2px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #63C;

	border-bottom-color: #63C;

	border-left-color: #63C;

	margin-bottom: 30px;

	padding-top: 20px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}

div.comment2 ol {

	margin: 5px 10px 20px 40px;

}

/***********/

p.title {

	background: url(../img/icon_square.gif) no-repeat left;

	font-weight: bold;

	font-size: 120%;

	margin: 0 0 0 15px;

	padding: 0 0 0 20px;

}


ul.monitor {

	list-style-type: none;

	width: 500px;

	margin: 0 5px 30px 20px;

}

ul.monitor li {

	padding-left: 14px;

	margin-bottom: 5px;

	padding-top: 5px;

}

div.monitor ol {

	margin: 0 10px 20px 30px;

}

div.titletop {

	margin-top: 10px;

	margin-right: 5px;

	margin-bottom: 5px;

	padding-top: 1px;

	padding-right: 15px;

	padding-bottom: 1px;

	padding-left: 0px;

}

.inner .titletop {

	font-size: 130%;

	font-weight: bold;

	color: #60F;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;

	padding-left: 10px;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

}

.inner .titletop_2 {

	font-size: 110%;

	font-weight: bold;

	color: #60F;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;

	padding-left: 10px;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

}
/***********/

table.system1 {

	color: #333;

	background: #fff;

	width: 500px;

	border: 2px solid #ccc;

	border-collapse: collapse;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 25px;

	margin-left: 13px;

	padding: 0px;

}

table.system1 td {

	padding: 3px;

	border-top: 1px solid #ccc;

	border-right: 2px solid #ccc;

	border-left: 2px solid #ccc;

	text-align: center;

}

table.system1 td.item {

	background: #FFFFD7;

	color: #000;

}

table.system1 td.item2 {

	background: #D7FAFB;

	color: #000;

}

table.system1 td.title {

	text-align: center;

	font-weight: bold;

	border: 1px solid #fff;

	border: 2px solid #ccc;

	background: #C6C repeat;

	color: #fff;

}

table.system1 td.title span {

	font-size: 120%;

	margin-right: 10px;

}

.monitor li .em {

	font-size: 130%;

	font-weight: bold;

	color: #F00;

}

.monitor li .em2 {

	font-weight: bold;

	color: #F00;

}



table.system1 td.day, table.system1 td.night {

	width: 50%;

	background: #909;

	font-weight: bold;

	color: #FFF;

}

table.system1 td.night {

	background: #909;

}

table.system1 td.title2 {

	border: 2px solid #ccc;

	background: #f5f5f5;

}

p.window {

	text-align: right;

	margin: 7px 0 0 0;

	font-size: 80%;

}

/***********/

p.button {

	margin: -5px 0 20px 175px;

}

p.button a {

	background: url(../img/monitor_button.gif) no-repeat top center;

	width: 170px;

	height: 30px;

	display: block;

	text-indent: -10000px;

	overflow: hidden;

}

p.button a:hover {

	background: url(../img/monitor_button.gif) no-repeat bottom;

}





/********************

*html  Internet Explorer6.0

*:first-child+html  Internet Explorer7.0

html>body  Firefox

html:first-child  Safari & Opera

********************/