@charset "utf-8";

/* -------------------------
--     見出しｈ2     --
------------------------- */

h2 {
  position: relative;
  color: #fff;
  background: #F89500;
  font-size: 20px;
  line-height: 1;
  border :1px solid #F28400;
  margin: 0px 0px 20px 0px;
  padding: 15px 5px 15px 20px;
  border-radius: 3px;
}
h2.orange:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 30px;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-top: 10px solid #F89500;
}
h2.blue:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 30px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #23b9c8;
}


/* -------------------------
--     リスト     --
------------------------- */

ul li {
  list-style: square outside;
  color: #F89500;
  list-style-image: none;
  margin: 5px 0px 0px 20px;
}
ul li span {
  color: #666;
}

/* -------------------------
--     リスト　数字     --
------------------------- */


ol li {
  color: #F89500;
  list-style-image: none;
  margin: 5px 0px 0px 20px;
}
ol li span {
  color: #000;
}

ol li span.pink {
  color: #F85466;
}

/* -------------------------
--     ボックス     --
------------------------- */


.box{
    background-image:-moz-linear-gradient(top, #FDF1CB, #F4E8C5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDF1CB), to(#F4E8C5), color-stop(1,#F6EED7));
    margin: 25px 0px 15px 0px;
    padding: 22px 27px 25px 27px;
    /* IE10+ */
    background: -ms-linear-gradient(top, #FDF1CB, #F4E8C5);
    /* IE8-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDF1CB', endColorstr='#F4E8C5', GradientType=0)";
    /* IE5.5-7 */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccccff', endColorstr='#000066', GradientType=0); */}
 
.boxbig{
    background-image:-moz-linear-gradient(top, #FDF1CB, #F4E8C5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDF1CB), to(#F4E8C5), color-stop(1,#F6EED7));
    margin: 20px 3px 45px 42px;
    padding: 22px 27px 25px 27px;
}
 
.fourcorners{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;

}


/* -------------------------
--     ルビ     --
------------------------- */


ruby {
ruby-align: distribute-space;
ruby-overhang: auto;
ruby-position: above;
}


/* -------------------------
--     一覧表テーブル     --
------------------------- */

table.table2 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 540px;
    border: 1px #bfbfbf solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table2 caption {
  margin-top: 0.8em;
  text-align: left;
  color: #6a6a6a;
}

table.table2 th,
table.table2 td {
  padding: 4px 6px;
}

table.table2 th {
  background: #F89500;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
  color: #FFF;
}

table.table2 td {
    border: 1px #bfbfbf solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

table.table2 col.ken {
  background: #F4E8C5;
  font-size: 92%;
}

table.table2 col.byouin {
  background: #fff;
  font-size: 92%;
  color: #FFF;
  width:180px;
}


/* -------------------------
--     一覧表テーブル　治験実施医療機関   --
------------------------- */

table.table3 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 540px;
    border: 1px #bfbfbf solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table3 caption {
  margin-top: 0.8em;
  text-align: left;
  color: #6a6a6a;
}

table.table3 th,
table.table3 td {
  padding: 15px 17px;
}

table.table3 th {
  background: #F89500;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
  color: #FFF;
}

table.table3 td {
    border: 1px #bfbfbf solid;
    border-width: 0 0 1px 1px;
}

table.table3 col.kikan {
  background: #F4E8C5;
  font-size: 92%;
  text-align: center;

}

table.table3 col.renraku {
  background: #fff;
  font-size: 92%;
  width:380px;
   text-align: left;
 
}

/* -------------------------
--     一覧表テーブル　リスク因子   --
------------------------- */

table.table4 {
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  width: 510px;
    border-style:none;
}

table.table4 td {
    border-style:none;
  vertical-align: top;
}

table.table4 col.no {
  background: #fff;
  font-size: 92%;
  text-align: left;
  width:30px;
}

table.table4 col.insi {
  background: #fff;
  font-size: 92%;
   text-align: left;
}



/* -------------------------
--     オレンジ文字見出し    --
------------------------- */

h2.orange {
	 position: relative;
	 color: #fff;
	 background: #F89500;
	 font-size: 20px;
	 line-height: 1;
	 border :1px solid #F28400;
	 margin: 0px 0px 20px 0px;
	 padding: 15px 5px 15px 20px;
	 border-radius: 3px;
 }

h2.blue {
	position: relative;
	color: #fff;
	background: #23b9c8;
	font-size: 20px;
	line-height: 1;
	border :1px solid #23b9c8;
	margin: 0px 0px 20px 0px;
	padding: 15px 5px 15px 20px;
	border-radius: 3px;
}



/* -------------------------
--     研究報告　CSS     --
------------------------- */

.repo_01lt {
	margin: 0px;
	background-color: #F3F3F3;
	width: 106px;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 13px;
}

.repo_01md {
	margin: 0px;
	background-color: #F3F3F3;
	width: 375px;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.repo_01rt {
	margin: 0px;
	background-color: #F3F3F3;
	width: 106px;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.repo_02lt {
	margin: 0px;
	background-color: #FFFFFF;
	width: 113px;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 13px;
	padding-bottom: 2px;
	padding-left: 13px;
}

.repo_02md {
	margin: 0px;
	background-color: #FFFFFF;
	width: 375px;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.repo_02rt {
	margin: 0px;
	background-color: #FFFFFF;
	width: 106px;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.repo_01 {
	margin: 0px;
	background-color: #F3F3F3;
	width: 583px;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 13px;
}

.repo_02 {
	margin: 0px;
	background-color: #FFFFFF;
	width: 583px;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 13px;
}




/* 携帯サイト追記 */
/* レスポンシブ版テーブルの非表示 */
#res1,
#res2,
.sp_menu{
	display : none;
}
.sp_map_area {
	display : none;
}
/* レスポンシブ版TOPへ戻るボタンの非表示 */
.{
	display : none;
}
/* レスポンシブ */

/* tabletサイズ */

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

	.info {
		width: 100%;
	}
	#containerinner,#header {
		width: 100%;
	}
	/* 文字拡大の非表示 */
	img#Image1 {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.pc_menu {
		display: none;
	}
	.sp_menu {
		display: block;
	}
	.kenkyu_top {
		text-align: center;
	}

	.fltlft {
		width: 100%;
	}

	#containerinner,
	#header,
	#main,
	#panlist,
	#panlist {
		width: 100%;
		overflow: hidden; /**/
	}

	#main {
		background-color: white;
		text-align: center;
	}
	#main h2 {
		text-align: left;
		line-height: 1.4em;
		font-size: 18px;
		padding-left: 8px;
	}

	#main #main_contents_in1 p.indt {
		text-align: left;
	}

	.bx-wrapper {
		text-align: center;
		width: 90%;
	}

	#main_contents {
		width: 95%;
	}

	#panlist {
		text-align: left;
	}

	h2#jissikikan {
		font-size: 120%;
	}

	/* ナビゲーションの制御 */
	.fltrt {
		float: none;
		display: none; /**/
	}

	.aisatsu_prof .fltrt {
		float: right;
		display: block;
		margin-top: 20px;
		margin-bottom: 30px;
	}

	#main_contents_in1 {
		margin-left: 0px;
		width: 100%;
	}

	/* テーブル制御 */
	#main_contents_in1 table {
		width: 100%;
	}

	section.box.fourcorners {
		margin-left: -47px;
	}

	#main_contents_in1 table p {
		margin-left: -47px;
	}

	#main_contents_in1 table table.table2,
	#main_contents_in1 table table.table3 {
		width: 112%;
		margin-left: -47px;
	}

	table.table2 td {
		text-align: left;
	}

	section.box.fourcorners span strong {
		margin-left: 30px;
	}

	section.box.fourcorners ol li,
	section.box.fourcorners ul li {
		margin: 5px 0 0 5px;
	}

	.mar_b_15 table ol li {
		margin-left: -27px;
	}

	table.table2,
	table.table3 {
		display: none;
	}

	/* レスポンシブ版テーブルの制御 */
	#res1,
	#res2 {
		display: block;
		margin-top: -50px;
	}

	#res1 dl,
	#res2 dl {
		border-bottom: 1px solid #bfbfbf;
		margin-bottom: 50px;
	}

	#res1 dt,
	#res2 dt {
		border: 1px solid #bfbfbf;
		background: #F4E8C5;
		padding: 10px 5px;
	}

	#res1 dd,
	#res2 dd {
		border-right: 1px solid #bfbfbf;
		border-left: 1px solid #bfbfbf;
		padding: 10px 5px;
	}

	#res1 {
		margin-top: 20px;
		margin-left: -44px;
	}

	/* footer */
	#footer {
		width: 100%;
		height: auto;
	}

	#copy_right {
		margin-right: 15px;
		margin-bottom: 12px;
		line-height: 1.5em;
	}

	div#text_link {
		width: 90%;
		height: auto;
		margin-top: -45px;
		font-size: 12px;
	}

	.r_top {
		display: block;
		position: absolute;
		right: 0;
		margin-top: -30px;
	}

	div#page_top a img:nth-child(1) {
		margin-left: 199px;
	}

	/* レスポンシブここまで！ */
	#main .blue_member,#main .member_man,#main p,#main li{
		text-align: left;
	}
}


/* 研究者リンクのマップ表示 */
@media screen and (max-width: 660px) {
	.pc_map_area {
		display: none;
	}
	.sp_map_area {
		display: block;
		text-align: center;
	}
	.kenkyu_block {
		width:90%;
		padding: 7px 13px;
		border: dotted 1px #6a6a6a;
		text-align: left;
		background-color: #fdf8e4;
		color: black;
		margin-bottom: 20px;
	}
	.kenkyu_block a:link {
		text-decoration:none;
	}
	.kenkyu_block a{
		color: black;
		line-height: 1.3rem;
	}
	.kenkyu_block a:hover {
		text-decoration: underline;
	}

	.kenkyu_pref {
		font-weight: bold;
		color: #e79213;
	}
}

/* レスポンシブここまで！ */
/* top 不育症Q&A画像の制御*/
.ress_top {
	display: none;
}

.ress_top_o {
	display: none;
}

img.res_title {
	display: none;
}

@media screen and (max-width: 768px) {
	.float_l50 {
		float: none;
		width: auto;
		padding: 0 3%;
	}
	.contents_b_50 {
		margin-bottom: 10px;
	}
	img.mar_l_15.mar_r_15 {
		display: none;
	}

	.ress_top {
		display: block;
		height: 65px;
		background: url("../images/sp_title_back_b.jpg") 0 0 no-repeat;
		background-size: 100% 65px;
	}

	.ress_top_o {
		display: block;
		height: 65px;
		background: url("../images/sp_title_back_o.jpg") 0 0 no-repeat;
		background-size: 100% 65px;
	}

	.ress_top .title_text, .ress_top_o .title_text {
		color: white;
		font-size: 26px;
		padding-top: 2px;
		padding-left: 20px;
		line-height: 65px;
	}

	#container_cont {
		background-position: 0px -99px;
	}

	img.fltrt {
		display: block;
		margin: 0 auto 20px;
	}

	img.fltlft {
		width: auto;
	}

	img.res_title {
		display: block;
		width: 100%;
		margin-top: 7px;
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 480px) {
	img.fltlft {
		width: 100%;
	}
	.repo_01lt {
		margin: 0px;
		background-color: #F3F3F3;
		width: 106px;
		text-align: left;
		vertical-align: top;
		padding-top: 2px;
		padding-right: 8px;
		padding-bottom: 2px;
		padding-left: 13px;
	}
}
@media screen and (max-width: 415px) {
	#main_contents {
		width: 92%;
	}
}

/* 20161021修正 */
.kijun_p {
	color: #333;
}

.kijun_ol li {
	list-style: none;
	color: #333;
	margin-left: 0;
}

ol.kijun_ol {
	margin-bottom: 1.4em;
	margin-left: 1.8em;
	padding-left: 0.6em;
}

ol.kijun_ol li {
	position: relative;
	list-style: none;
	line-height: 1.4;
	margin-bottom: 0.3em;
}

ol.kijun_ol li span {
	position: absolute;
	top: 0;
	left: -2.2em;
}

* html ol.num1 li span {
	top: -0.1em;
}

/* for win ie6 */
*:first-child + html ol.num1 li span {
	top: -0.1em;
}

/* for win ie7 */

@media screen and (max-width: 768px) {
	#main_contents_in1 table .kijun_p {
		margin-left: 0;
	}

	ol.kijun_ol {
		margin-left: 3.6em;
	}

	#global-nav ul li {
		list-style: none;
	}

	#global-nav ul li a {
		width: 90%;
		padding: 8px 12px;
		background: #F89500;
		text-decoration: none;
		font-size: 15px;
		border-radius: 4px;
		text-align: left;
		margin-bottom: 18px;
	}

	#global-nav ul li a:hover {
		background: #fbca7f;
	}

	#global-nav {
		background: rgba(156, 156, 156, 0.8);
	}

	#global-nav,
	.nav-wrap {
		height: 400px;
		overflow-y: scroll;
	}
}

/* ハンバーガー */
.drawer-nav {
	background: rgba(177, 177, 177, 0.8);
	top: 15px;
}

ul.drawer-menu li {
	list-style: none;
	background: #F89500;
	margin: 8px auto;
	padding: 2px 4px;
}

ul.drawer-menu li a {
	text-decoration: none;
	color: #fff;
	display: block;
}

ul.drawer-menu_b li {
	list-style: none;
	background: #78c4cc;
	margin: 8px auto;
	width: 80%;
	padding: 2px 4px;
}

ul.drawer-menu_b li a {
	text-decoration: none;
	color: #fff;
	display: block;
}
.drawer-nav{
	background : rgba(177, 177, 177, 0.8);
	top : 15px;
}
nav.drawer-nav {
	height: 440px;
}

.drawer--right .drawer-nav {
	right: -20.25rem;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	height: 4px;
}

@media screen and (min-width: 769px) {
	button.drawer-toggle.drawer-hamburger {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.ress_top .title_text, .ress_top_o .title_text {
		color: white;
		font-size: 20px;
		padding-top: 2px;
		padding-left: 20px;
		line-height: 65px;
	}

}




























/* 横 */
@media screen and (orientation: landscape) {
	.gnav.on{
		height : 240px;
	}
}
/* 縦 */
@media screen and (orientation: portrait) {
	.gnav.on{
		height : auto;
	}
	.scrollable-menu{
		height : auto;
		padding : 20px 0 30px;
	}
	.gnav li{
		width : 90%;
		margin : 12px auto 0;
	}
	.gnav li a{
		padding : 4px 10px;
	}
}