@charset "UTF-8";

/*=====================================================
	臨床研究審査委員会
	/kenkyu/sinsa/
=====================================================*/
body {
	color: #0e050b;
}
/* 臨床審査委員会 タイトル */
.sinsa .st::before {
	border-top: 125px solid rgba(225, 228, 231, .5);
}


/* =========================================
	臨床研究審査委員会 ナビ
========================================= */
#sinsa_navi {
	margin-bottom: 30px;
}

#sinsa_navi li {
	display: block;
	width: 48%;
	margin: 1%;
	padding: 0;
	text-align: center;
	float: left;
	transition: 0.5s all;
}

#sinsa_navi li a {
	display: block;
	height: 160px;
	padding: 16px 8px 0;
	color: #138052;
	font-size: 14px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.3em;
	border: 1px #138052 solid;
	background: #efefef;
}

#sinsa_navi li img {
	width: auto;
	margin-bottom: 1em;
	opacity: .7;
}

#sinsa_navi li.active a {
	background: #fff;
	border: 5px #138052 solid;
}

#sinsa_navi li.active img {
	opacity: 1;
}

#sinsa_navi li:hover {
	background: #eefbf3;
}

#sinsa_navi li:hover img {
	opacity: 1;
}

/* .contact_area
--------------------------------*/

.contact_area[title="臨床研究審査委員会"] {
  margin-bottom: 30px;
  padding: 16px;
	background-color: #FFF;
	border: 5px #efefef solid;
}


.contact_area[title="臨床研究審査委員会"] h3.sst02 {
	display: block;
	padding: 10px 30px 5px;
  margin-bottom: 5px;
  padding: 10px 0 5px;	
	color: #333;
  font-size: 16px;
  font-weight: normal;
  background: transparent;
}

.contact_area[title="臨床研究審査委員会"] .dList04 {
	display: flex;
	flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  padding: 8px;
  color: #333;
}

.contact_area[title="臨床研究審査委員会"] .dList04 dt {
  width: 21%;
  text-align: center;
  color: #333;
	font-size: 14px;
  margin-left: 0;
  text-align: right;
}

.contact_area[title="臨床研究審査委員会"] .dList04 dd {
	width: 78%;
	margin-left: 0;
	padding: 3px 0 8px 5px;
	color: #333;
	text-align: left;
	border-bottom: 0;
}
.contact_area[title="臨床研究審査委員会"] .dList04 dd::after {	display: none;	}


.contact_area[title="臨床研究審査委員会"] .dList04 dd a {
	color: #333;
}
.contact_area[title="臨床研究審査委員会"] .memo {
  padding: 15px 0 0 0;
  position: relative;
  bottom: auto;
  left: auto;
  display: block;
  width: 100%;
}


/* =========================================
	臨床研究審査委員会からのお知らせ
========================================= */
.news_list dd,
.news_list dd a,
.news_list dd a.inlink{
	color: #0e050b;
	line-height: 1.7em;
}

.news_list dd a:hover,
.news_list dd a.inlink:hover{
	color: #c0881d;
}
.youshiki_info {
	margin-bottom: 40px;
  padding: 20px;
  border: 3px solid #89acbe;
  overflow: hidden;
  font-weight: bold;
  font-size: 16px;
  border-radius: 20px;
  background: #e6f4fc;
}
.youshiki_info .txt_16{
  font-size: 14px;
  text-align: justify;
}

/* =========================================
	申請関係
========================================= */
/* 申請関係 リンク
----------------------------------------- */
#shinseikankei {
	flex-wrap: wrap;
}

#shinseikankei li {
	position: relative;
	width: calc(99% / 2);
	width: 49.5%;
}

#shinseikankei li a {
	font-size: 14px;
}

#shinseikankei li:nth-of-type(3) a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}




/* 申請関係タブ
----------------------------------------- */
#sinsa_syosiki .tab_area {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px dotted #909090;
	border-left: 1px dotted #909090;
}

#sinsa_syosiki .tab_area li {
	width: calc(100% / 2);
	width: 50%;
	min-width: none;
	height: 50px;
	padding: 12px 8px;
	border-top: 1px #efefef solid;
}

#sinsa_syosiki .tab_area li.select {
	height: 50px;
	padding: 12px 8px;
	color: #FFF;
	border-top: 1px #219665 solid;
	background: #2aa270;
}

#sinsa_syosiki div.content_area {
	padding: 16px;
	border: 1px dotted #909090;
	border-top: 3px solid #2aa270;
}




/* 申請をされる方へ　#tab1
-----------------------------------------*/
.st_001 {
	font-size: 15px;
}



/* 審査の流れ(新規申請の場合)　#tab2
--------------------------------------*/
#nagare ul {
	display: flex;
	flex-wrap: wrap;
}

#nagare ul[title="申請"] li,
#nagare ul[title="事前審査"] li,
#nagare ul[title="結果通知"] li,
#nagare ul[title="実施決定"] li,
#nagare ul[title="委員会審査"] li,
#nagare ul[title="届出"] li {
	display: block;
	height: auto;
}

#nagare ul li:first-of-type {
	width: 10%;
	margin-right: 1%;
	padding: 8px 12px;
	color: #444;
	font-weight: bold;
}

#nagare ul li:last-of-type {
	width: 89%;
}

/* [title="研究開始"]の調整 */
#nagare ul[title="研究開始"] li {
	display: block;
	width: 100%;
	height: auto;
	padding: 1em;
	text-align: center;
	font-weight: bold;
	background: #F9C9B9;
}



/* 新規申請/変更申請/定期報告/
	 病床等報告?不具合報告/
	 重大な不適合報告/
	 終了?中止報告
	/#tab3/#tab4/#tab5/#tab6/#tab7/#tab8
-------------------------------------- */
#sinsa_syosiki table tbody td:first-of-type {
	width: 5%;
}

#sinsa_syosiki table tbody td:nth-of-type(2) {
	width: 50%;
	text-align: left;
}

#sinsa_syosiki table tbody td:last-of-type {
	width: 45%;
	position: inherit;
}

#sinsa_syosiki table tbody td a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-90%,-50%);
}

#sinsa_syosiki table tbody td .align_c{	text-align: left !important;	}

#sinsa_syosiki table tbody td.Bunsyo a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 16px 8px;
  color: #333;
	font-size: 12px;
	text-align: left;
  text-decoration: none;
  border: 1px solid #c4c4c4;
  background: #f3f3f3;
  transition: 0.5s all;
}

.Bunsyo a {	font-size: 13px;	}
.Bunsyo a i {
  font-size: 20px;
  margin-right: 3px;
}

#sinsa_syosiki table tbody td.Bunsyo a.inlink {
  display: inline;
  background: transparent;
  border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
  border-bottom: 1px #555 dashed;
  padding: 0;
}




/* 利益相反管理
	sinsa/index02.php
-------------------------------------- */
#kenkyu h4.sst03 {
	font-size: 15px;
}


/* =========================================
	委員会に関する情報
	sinsa/index05.php
========================================= */
#iinnkaijyoho li {
	width: 49% !important;
	margin-right: 1%;
}


/* 審査料
--------------------------------------*/
table[summary="審査料"],
table[summary="経過措置期間における再審査料"] {
	width: 100%;
	border-collapse: collapse;
}

table[summary="審査料"] td,
table[summary="経過措置期間における再審査料"] td {
	width: auto !important;
	border: 1px #CCC solid;
	padding: 1em;
}


/*-- 委員会日程　2021年以降
--------------------------------------*/
.content_area table[summary="委員会日程"] tbody td {
	width: 20%;
	height: 90px;
	text-align: center;
}

.content_area table[summary="委員会日程"] thead td {
	background: #5d5b5b;
	color: #FFF;
}

.content_area table[summary="委員会日程"] tbody td:nth-of-type(2) {
	position: relative;
	width: 12%;
}

.content_area table[summary="委員会日程"] tbody td:nth-of-type(3),
.content_area table[summary="委員会日程"] tbody td:nth-of-type(5) {
	width: 10%;
	font-size: 13px;
	text-align: center;
}

.content_area table[summary="委員会日程"] tbody td a {
	position: relative;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
	text-decoration: none;
	padding: 13px 15px 13px 15px;
	border: 1px solid #aba9a7;
	display: inline-block;
	background: #efecea;
	transform: translate(-50%,-50%);
	transition: 0.5s all;
}

.content_area table[summary="委員会日程"] tbody td.end {
	position: inherit;
	background-color: #efefef;
	color: #555;
}


.iinkai_nittei::before {
	content: "※この表は左右にスクロールします。";
}





/* =========================================
	相談窓口
	sinsa/index06.php
========================================= */
table[title="研究ごとの連絡先"] tr th {
	display: block;
	width: 100%;
	padding: 1em;
	background: #f0f0f0;
}

table[title="研究ごとの連絡先"] tr td {
	display: block;
	width: 100%;
	text-align: left;
	padding: 1em;
}

table[title="研究ごとの連絡先"] p.kome {
	padding-left: 1em;
	text-indent: -1em;
}












/* 相談窓口
---------------------------------- */
.sinsa table[title="研究ごとの連絡先"] tbody td {
	width: 100%;
}