@charset "UTF-8";

/*=====================================================
	臨床研究審査委員会
	/kenkyu/sinsa/
=====================================================*/
body {
	color: #0e050b;
}

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

#sinsa_navi li {
	display: block;
	width: 190px;
	margin-right: 10px;
	padding: 0;
	text-align: center;
	transition: 0.5s all;
	float: left;
}

#sinsa_navi li:last-of-type {
	margin-right: 0;
}

#sinsa_navi li a {
	display: block;
	height: 160px;
	padding: 16px;
	color: #138052;
	font-size: 15px;
	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_s（連絡先）
-------------------------------- */
.sinsa .contact_s {
	padding: 8px 20px 16px;
	border: 4px #f4f3f4 solid;
}

.sinsa .contact_s h3 {
	margin-bottom: 10px;
	padding: 15px 0 4px;
	color: #26664b;
	font-size: 17px;
	font-weight: bold;
	border-top: 0;
	border-bottom: 1px #555 solid;
}

.sinsa .contact_s a {
	font-size: 15px;
}

.sinsa .contact_s .memo {
	padding: 0;
}


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

.contact_area[title="臨床研究審査委員会"] .sst02::before {
	display: none;
}

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

.contact_area[title="臨床研究審査委員会"] .dList04 {
	width: 70%;
	margin: 0 auto;
	color: #333;
}


.contact_area[title="臨床研究審査委員会"] .dList04 dt {
	text-align: right;
	color: #333;
}

.contact_area[title="臨床研究審査委員会"] .dList04 dd {
	text-align: left;
	color: #333;
	padding: 9px 0 8px 220px;
}

.contact_area[title="臨床研究審査委員会"] .dList04 dd a {
	color: #333;
}

.contact_area[title="臨床研究審査委員会"] .memo {
	padding: 9px 0 8px 220px;
	color: #333;
	text-align: left;
}



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

.news_list dd a,
.news_list dd a.inlink {
	line-height: 1.7em;
	color: #0e050b;
}


.youshiki_info {
	margin-bottom: 40px;
  padding: 25px;
  border: 3px solid #89acbe;
  overflow: hidden;
  font-weight: bold;
  font-size: 16px;
  border-radius: 20px;
  background: #e6f4fc;
}

.youshiki_info *{
	color: #333;
}

/* =========================================
	申請関係
========================================= */
/* 申請関係 リンク
-----------------------------------------*/
#shinseikankei {
	display: flex;
	justify-content: space-between;
}

#shinseikankei li {
	width: auto;
	text-align: left;
}

#shinseikankei li:last-of-type {
	margin-right: 0;
}

#shinseikankei li a {
	display: block;
	padding: 12px 16px 12px 40px;
	color: #095937;
	font-size: 15px;
	text-decoration: none;
}

#shinseikankei li a:hover {
	color: #FFF;
	background-color: #2aa270;
}

#shinseikankei li a::after {
	background: #2aa270;
}

#shinseikankei li a:hover::after {
	color: #2aa270;
	background-color: #FFF;
}



/* 申請関係タブ
-----------------------------------------*/
#sinsa_syosiki {
	padding: 0;
	background-color: #FFF;
}

#sinsa_syosiki .tab_area li {
	min-width: 96px;
	padding: 16px 0;
	color: #333;
	font-size: 12px;
	background-color: #FFF;
}

#sinsa_syosiki .tab_area li.select {
	color: #FFF;
	border-top: 3px #2aa270 solid;
	background: #2aa270;
}

#sinsa_syosiki .tab_area {
	border-top: 1px dotted #909090;
	border-left: 1px dotted #909090;
}

#sinsa_syosiki .content_area {
	padding: 24px 5px;
	border: 0;
	border-top: 3px solid #2aa270;
}


/* 申請をされる方へ　#tab1
-----------------------------------------*/
/*太字で協調*/
.st_001 {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	transition: .5s all;
}

/*リンクのみ下線*/
a.st_001 {
	border-bottom: 2px #999 dotted;
}

a.st_001:hover {
	color: #608ac8;
	border-bottom: 2px #608ac8 dotted;
}




/* 審査の流れ(新規申請の場合)　#tab2
--------------------------------------*/
#nagare ul {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

#nagare ul li {
	display: block;
	padding: 1em;
	float: left;
}

#nagare ul li:first-of-type {
	width: 46px;
	text-align: center;
	margin-right: 8px;
}

#nagare ul li:last-of-type {
	width: 726px;
}

#nagare ul[title="申請"] li {
	background: #dee7f0;
	height: 245px;
}

#nagare ul[title="事前審査"] li {
	background: #d7e9e2;
	height: 198px;
}

#nagare ul[title="委員会審査"] li {
	background: #d7e9e2;
	height: 178px;
}

#nagare ul[title="結果通知"] li {
	background: #ecebde;
	height: 110px;
}

#nagare ul[title="実施決定"] li {
	background: #ecebde;
	height: 120px;
}

#nagare ul[title="届出"] li {
	background: #ecebde;
	height: 120px;
}

#nagare ul[title="研究開始"] li {
	background: #F9C9B9;
	width: 100%;
	height: 50px;
	text-align: center;
	font-weight: bold;
}

#nagare ul li p:first-of-type {
	font-size: 110%;
	padding-bottom: 0.5em;
}

#nagare ul li p:nth-child(n + 2) {
	background: rgba(255, 255, 255, 0.6);
	padding: 10px;
	margin-bottom: 10px;
}


/* 三角 */
#nagare ul:after {
	position: relative;
	display: block;
	width: 0;
	height: 0;
	content: "";
	border-top: 30px solid;
	border-left: 30px transparent solid;
	border-right: 30px solid transparent;
	left: 50%;
	transform: translate(-50%,12%);
	clear: both;
}

#nagare ul[title="申請"]::after {
	border-top-color: #b9d4ee;
}

#nagare ul[title="事前審査"]::after,
#nagare ul[title="委員会審査"]::after {
	border-top-color: #b5d9cb;
}
#nagare ul[title="結果通知"]::after,
#nagare ul[title="実施決定"]::after,
#nagare ul[title="届出"]::after{
	border-top-color: #d7d5b9;
}
#nagare ul[title="研究開始"]::after{
	display: none;
}



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

.content_area table tbody td:nth-of-type(2) {
	width: 65%;
}

.content_area table tbody td:last-of-type {
	position: relative;
	width: 30%;
	font-size: 13px;
}

.content_area table tbody td:nth-of-type(2) {
	font-size: 14px;
}

.content_area table tbody td a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 18px 8px 16px 16px;
	font-size: 13px;
	text-align: left;

}

.content_area table tbody td a span {
	position: absolute;
	top: 50%;
	left: 4.5em;
	transform: translateY(-50%);
}

.content_area table .Bunsyo a i {
	margin-right: 5px;
}

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



/* =========================================
	委員会に関する情報
	sinsa/index05.php
========================================= */
#iinnkaijyoho li {
	width: 28%;
}

#iinnkaijyoho li:nth-of-type(3) {
	width: 40%;
}

#iinnkaijyoho li:nth-of-type(6) {
	width: 40%;
}


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

table[summary="審査料"] td,
table[summary="経過措置期間における再審査料"] td {
	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: auto;
	left: auto;
	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;
}










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

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

/*-----------------------------------------------------
バックナンバー 表示非表示
-----------------------------------------------------*/
.list_faq.back dt { 
	font-weight: normal;
	padding: .8em 50px 1em 67px;
	text-indent: 0 !important;
}
.list_faq.back dt::before { 
	width: 36px;    
	content: "+";
	position: absolute;
	left: 10px;
	top: 0.2em;
	background: #ccc;
	color: #3a5570;
	font-weight: bold;
}

.list_faq.back dt.active::before{
	 content: "－";
}

.list_faq.back dt::after{  display: none;     }

.list_faq.back dd { 
	position: relative;
  padding: .8em 20px 1em 20px;
  text-indent: 0 !important;
  counter-increment: aq;
}

.list_faq.back dd::before{ 
	display: none;
}
.list_faq.back dd p, .list_faq dd a {    
	text-indent: 0 !important;  
}

/*-----------------------------------------------------
バックナンバー 
-----------------------------------------------------*/

.backnumber ul li{
  font-size: 15px;
  padding: 10px 0 20px;
  border-bottom: 1px #ccc dashed;
}

.backnumber ul li span{
  display: block;
  color: #555;
}