@charset "UTF-8";

 @media only screen and (min-width: 1000px) {   
.brief a {font: 14px/1.2 "Noto Sans JP", "arial", "微软雅黑"; }
}

  #maincontainer {
    width:100%;
    height: 100%;
  }

  #leftcolumn {
    float:left;
    display:inline-block;
    width: 100px;
    height: 100%;
    background: blue;
  }

  #contentwrapper {
    float:left;
    display:inline-block;
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    height: 100%;
    background-color: red;
  }
table#comm {

  border-collapse: collapse;
  width: 100%;
}
		table#comm th {
		background-color: rgba(170,20,40,1.00)	;
		color:#FFF;
		font-weight:bold;
		
		}
table#comm td, table#comm th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

table#comm tr:nth-child(even) {
  background-color: #dddddd;
}		
	table#jps, table#jps2{

    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;

}
		table#jps th, table#jps2 th{
		background-color: rgba(170,20,40,1.00)	;
		color:#FFF;
		font-weight:bold;
		
		}
table#jps td, table#jps th,table#jps2 td, table#jps2 th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
	line-height: 1.5em;
	width:50%;
}
	table#jps a,table#jps2 a { 
	font: 14px/1.2 "Noto Sans JP", "arial", "微软雅黑"; 
	color:#666666;
}	
table#jps a:hover, table#jps2 a:hover{ 
	font: 14px/1.2 "Noto Sans JP", "arial", "微软雅黑"; 
	color:rgba(170,20,40,1.00);
}	
table#jps tr:nth-child(even) {
  background-color: #dddddd;
	
}
	
@media (orientation: portrait) {
	table#jps td, table#jps th {
	display:block;
	text-align:left;	
	width:100%;
	border:0;
}	
	}
@media (orientation: portrait) {
	table#jps2 td, table#jps2 th {
	display:block;
	text-align:left;	
	width:100%;
	border:0;
}	
	}	
@media (orientation: portrait) {
	table#comm td, table#comm th {
	display:block;
	text-align:left;	
	width:100%;
	border:0;
}	
	}