@charset "utf-8";

/*-----------------------------------------------------------------------*/
/*【legend】*/
/*-----------------------------------------------------------------------*/
.legend dl {
	margin:0;
	padding:0;
}
.legend dt {
	margin:0;
	padding:0.3rem;
	float:left;
	width:6rem;
	height:40px;
	box-sizing:border-box;
}
.legend dd {
	margin:0;
	padding:0.3rem;
	padding-left:6rem;
	min-height:44px;
	vertical-align:middle;
	box-sizing:border-box;
}
.legend dt span.responding {
	color:#000066;
	border:2px dotted #000066;
	font-weight:bold;
	display:inline-block;
	padding:0.3rem;
}
.legend dt span.ng {
	color:#ff0000;
	border:2px dotted #ff0000;
	font-weight:bold;
	display:inline-block;
	padding:0.3rem;
}


/*-----------------------------------------------------------------------*/
/*【index】*/
/*-----------------------------------------------------------------------*/
ul.remocon-index {
	margin:0;
	padding:0;
}
ul.remocon-index li {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:0.3rem;
}


/*-----------------------------------------------------------------------*/
/*【title】*/
/*-----------------------------------------------------------------------*/
.remoconlistbase h1 {
	margin-top:0;
	margin-bottom:1rem;
	padding:0;
	text-align:left;
	border-bottom:3px solid #dcdcdc;
}
.remoconlistbase h2 {
	margin:0;
	font-size:1.5rem;
}

/*-----------------------------------------------------------------------*/
/*【remocon list】*/
/*-----------------------------------------------------------------------*/
.remoconlistbase {
	margin-left:5px;
}
/*-----769px以上-----*/
@media print,screen and (min-width:769px) {

.remoconlistbase {
	margin-left:auto;
}

}/*-----769px以上-----*/

.remoconlistbase p {
	text-align:left;
}

ul.remoconlist {
	margin:0;
	margin-left:-12px;
	padding:0;
	text-align:left;
	letter-spacing:-0.5rem;
}
ul.remoconlist li {
	margin:0;
	margin-left:10px;
	padding:0;
	list-style:none;
	box-sizing:border-box;
	width:160px;
	display:inline-block;
	vertical-align:top;
	margin-bottom:10px;
	text-align:center;
	position:relative;
	border:2px solid #ffffff;
	letter-spacing:0;
}
/*
ul.remoconlist li.status-1:before {
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:40px;
	background:url(../common_img/icon_ok.png) no-repeat;
	content:"";
}
*/
ul.remoconlist li.status-2:before {
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:40px;
	background:url(../common_img/icon_monitor.png) no-repeat;
	content:"";
}
ul.remoconlist li.status-1.type-200:after,
ul.remoconlist li.status-2.type-200:after {
	position:absolute;
	top:0px;
	left:0;
	width:60px;
	height:40px;
	background:url(../common_img/icon_legacy.png) no-repeat;
	content:"";
}
ul.remoconlist li.status-8 {
	border:2px dotted #000066;
}
ul.remoconlist li.status-9 {
	border:2px dotted #ff0000;
}
ul.remoconlist li img {
	min-height:150px;
}
ul.remoconlist li span {
	display:block;
}
ul.remoconlist li span.responding {
	color:#000066;
	font-weight:bold;
}
ul.remoconlist li span.ng {
	color:#ff0000;
	font-weight:bold;
}
ul.remoconlist li .commit {
	width:140px;
	box-sizing:border-box;
	margin-bottom:2px;
}


/*-----------------------------------------------------------------------*/
/*【remocon select】*/
/*-----------------------------------------------------------------------*/
.selectremocon {
	text-align:left;
	margin-bottom:1rem;
	margin-top:1rem;
}
/*
.selectremocon-wrap {
	border:1px solid #cccccc;
	margin-top:1rem;
	margin-bottom:1rem;
}
*/
.selectremocon h2 {
	margin:0;
	padding:0;
/*
	padding-left:0.5rem;
*/
	font-size:1.2rem;
	font-weight:bold;
	text-align:left;
}
.selectremocon h2 a {
	text-decoration:none;
	color:inherit;
}
.selectremocon h2 a:before {
	content:"\f103";
	font-family:FontAwesome;
	margin-right:3px;
	color:#e96656;
}
/*
.selectremocon h2:before {
	content:"\f0c8";
	font-family:FontAwesome;
	margin-right:3px;
	color:#666666;
}
*/
/*
.selectremocon h3 {
	margin:0;
	margin-left:1rem;
	padding:0;
	font-size:1rem;
	font-weight:bold;
	text-align:left;
}
*/
.selectremocon div {
	display:none;
}
.selectremocon ul {
	margin:0;
	padding:0;
/*
	display:none;
*/
}
.selectremocon ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	vertical-align:top;
	width:150px;
	margin-right:10px;
	border:3px solid #ffffff;
	text-align:center;
	cursor:pointer;
	position:relative;
}
/*
.selectremocon ul li.status-1:before {
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:40px;
	background:url(../common_img/icon_ok.png) no-repeat;
	content:"";
}
*/
.selectremocon ul li.status-2:before {
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:40px;
	background:url(../common_img/icon_monitor.png) no-repeat;
	content:"";
}
.selectremocon ul li.status-1.type-200:after,
.selectremocon ul li.status-2.type-200:after {
	position:absolute;
	top:0px;
	left:0;
	width:60px;
	height:40px;
	background:url(../common_img/icon_legacy.png) no-repeat;
	content:"";
}
.selectremocon ul li img {
	height:100px;
}
.selectremocon ul li span {
	display:block;
}

.selectremocon ul li.selectedremocon {
	border:3px solid #f18280;
}
.selectremocon p {
	margin:0;
	padding:0.5rem;
	text-align:left;
}


/*-----------------------------------------------------------------------*/
/*【remocon comment】*/
/*-----------------------------------------------------------------------*/
.remocon-comment h2 {
	font-size:1rem;
}
.remocon-comment table th,
.remocon-comment table td {
	display:table-cell;
	padding:0.2rem;
	vertical-align:middle;
	border:1px solid #cccccc;
}
.remocon-comment table th {
	text-align:center;
	font-weight:normal;
}
.remocon-comment table td.title {
	background:#ccffcc;
}

/*-----769px以上-----*/
@media print,screen and (min-width:769px) {

.remocon-comment table th,
.remocon-comment table td {
	padding:0.5rem;
}

}/*-----769px以上-----*/