/******************************************************************************
/* 枠付きテーブル
*******************************************************************************/



.table01 {
	border-collapse:collapse;
	width: 100%;
	text-align:left;
	line-height: 150%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}


.table01 th{
	width:220px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color : #555555;
	background-color : #F7F9FC;
	font-weight:700;
	margin: 0px;
	padding: 8px;
	vertical-align:middle;
	text-align:center;
	white-space: nowrap;
	font-size: 90%;

}

.table01 td{
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	color : #555555;
	background-color : #ffffff;
	margin: 0px;
	padding: 8px;
	font-size: 90%;
}

.table01 p{
	display:block;
}

.table01 tr .color {
	background:#F1F9FC;
}


/******************************************************************************
/* 検索画面用
*******************************************************************************/


.table02 {
	border-collapse:collapse;
	width: 100%;
	line-height: 150%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}


.table02 th{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color : #555555;
	background-color : #F7F9FC;
	font-weight:700;
	margin: 0px;
	padding: 8px;
	vertical-align:middle;
	text-align:left;
	white-space: nowrap;
	font-size: 90%;

}

.table02 td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	color : #555555;
	background-color : #ffffff;
	margin: 0px;
	padding: 8px;
	text-align:left;
	font-size: 90%;

}

.table02 p{
	display:block;
}

.table02 tr .color {
	font-size: 110%;
	background:#96C3C9;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
	font-weight: 700;
}



/******************************************************************************
/* 発言者テーブル
*******************************************************************************/



.table03 {
	border-collapse:collapse;
	width: 95%;
	text-align:left;
	line-height: 150%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	font-size: 80%;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	margin-top: -30px;

}


.table03 th{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color : #555555;
	background-color : #F7F9FC;
	font-weight:700;
	margin: 0px;
	padding: 8px;
	vertical-align:middle;
	text-align:center;
	white-space: nowrap;

}

.table03 td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	color : #555555;
	margin: 0px;

}

.table03 td:first-child{
	text-align: center;
	padding: 8px;

}



.table03 tr:nth-of-type(2n){
    background: #efefef;
}



.table03 p{
	display:block;
}

.table03 tr .color {
	background:#F1F9FC;
}

.table03 td a {
	display: block;
	padding: 8px;

}

.table03 td a:hover {
	display: block;
	background:#F1F9FC;

}





/******************************************************************************
/* 検索結果外テーブル
*******************************************************************************/



.table04 {
	width: 100%;
	border-collapse:collapse;
	text-align:left;
	line-height: 150%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 90%;
	overflow: hidden;
}


.table04 th{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color : #555555;
	background-color : #F7F9FC;
	font-weight:700;
	margin: 0px;
	padding: 8px;
	vertical-align:middle;
	text-align:center;
	white-space: nowrap;
}

.table04 td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	color : #555555;
	background-color : #ffffff;
	margin: 0px;
	padding: 8px;
}

.table04 td:nth-child(1){
	text-align: center;

}

.table04 td:nth-child(2){
	text-align: left;
	background-color : #efefef;

}


.table04 td:nth-child(3){
	text-align: left;
	font-weight: 700;
}

.table04 td:nth-child(4){
	text-align: right;

}



.table04 tr .color {
	background:#F1F9FC;
}


.table04 span.search_red {
	font-weight: 700;
	color:#8F2731;
	margin-right: 10px;
}


.table04 tr .detail-row.show {background-color: #efefef;}

.table04  .detail-row td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	color : #555555;
	background-color : #efefef;
	margin: 0px;
	padding: 10px;

}


/******************************************************************************
/* 検索結果内テーブル
*******************************************************************************/



.table05 {
	border-collapse:collapse;
	text-align:left;
	line-height: 150%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	font-size: 90%;

}



.table05 td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	color : #555555;
	margin: 0px;

}

.table05 td:first-child{
	text-align: left;
	white-space: nowrap;
	padding: 8px;
	background-color : #ffffff;

}

.table05 td:last-child{
	text-align: left;
	padding: 8px;
	background-color : #ffffff;
}


.table05 tr .color {
	background:#F1F9FC;
}

/* -------------------------
   全体クリック用
------------------------- */
/* ベースのtdを白に指定してもhoverで色が変わるように */
.clickable-row {
  cursor: pointer;
  transition: background-color 0.3s;
}

.clickable-row td {
  background-color: #fff; /* ベース色 */
  transition: background-color 0.3s;
}

/* hover時にtdにも背景色を反映 */
.clickable-row:hover td {
  background-color: #eef; /* ホバー色 */
}


.table05 td span.color {
	display: inline-block;
	background:#FAF50A;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 2px;
	font-weight: 700;
}

/******************************************************************************
/* スマートフォンサイズ
*******************************************************************************/


@media screen and (max-width:480px) {


.table01 {
	width: 100%;
	margin: 0px auto 30px auto;
	font-size: 90%;
}

.table01 th, .table01 td{
        display:block;
        width: 100%;
}



.table02{
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

.table03 {
	width: 99%;
}


/******************************************************************************
/* 検索結果外テーブル
*******************************************************************************/


.table04 {
        display: block;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
}


.table05 {
        display: block;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
}

.table05 td:first-child{
	white-space: wrap;

}

}