@charset "utf-8";

/* =====================================================
 File name : 
   r_council.css
 Summary : 
   審議会・懇親会CSS
 Last modified : 
   2014年 11月 14日
===================================================== */

/************************************************************************************
smaller than 960 TB
*************************************************************************************/
@media screen and (max-width: 960px) {
.tpCouncil #contentsArea .councilCnchorBox .alertBoxblue {
    padding-left: 15px;
    padding-right: 15px;
	width: 15%;
}
}

/************************************************************************************
smaller than 780 TB
*************************************************************************************/
@media screen and (max-width: 780px) {
.tpCouncil #contentsArea .councilCnchorBox .alertBoxblue {
	width: 14%;
}
}

/************************************************************************************
smaller than 768 TB
*************************************************************************************/
@media screen and (max-width: 768px) {
.tpCouncil .councilCnchorList{
	float: none;
	width: auto;
	margin-right: -10px;
}
.tpCouncil #contentsArea .councilCnchorBox .alertBoxblue {
	float: none;
	width: auto;
	margin-top: 15px;
}
}

/************************************************************************************
smaller than 640 SP
*************************************************************************************/
@media screen and (max-width: 640px) {
.tpCouncil table.councilTable td {
	display: block;
	float:left;
	clear:both;
}

.tpCouncil .councilTable td.councilListR {
    width: auto;
}

.tpCouncil .councilTable td.councilListR {
    width: auto;
}

.tpCouncil table.councilTable tr td.councilListR ul.bulletList{
	margin-top: -1em!important;
}

.tpCouncil .councilCnchorList {
	margin-right: 0;
	display: block;
}

.tpCouncil #contentsArea .councilCnchorList dl  {
	display: block;
	margin-top: 15px;
	width: auto;
	border-right: none;
}
}


/************************************************************************************
smaller than 420 SP
*************************************************************************************/
@media screen and (max-width: 420px) {
.tpCouncil table.councilTable tbody tr th {
	display: block;
}	

.tpCouncil table.councilTable tbody tr th {
    text-align: left;
    width: 100%;
}

}