Skip to content

sora / mci-retympa

Go to a project
Commit df200b4a by o.kimura
Options

不要ファイル削除

parent c5799e2c
Inline Side-by-side
Showing with 0 additions and 886 deletions
20200423_retympa/5.html deleted 100644 → 0
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ディテーリング入稿用HTML</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript">
google.load('jquery', '1');
google.load('jqueryui', '1');
</script>
<link rel="stylesheet" href="./common.css" type="text/css" />
</head>
<body>
<header id="header">
<div id="header_inner">
</div>
</header>
<div id="contents" class="clf">
<div id="contents_main">
<article>
<!--///////ここから！編集エリア///////-->
<!-- （1）干渉を防ぐために、id="dt_xxx"を必ずユニークなIDに書き換えてください。例。dt_medicaltribune-->
<div id="dt_retympa" class="dt_area">
<h2>「リティンパ<sup>®</sup> 耳科用250µgセット」を利用した鼓膜穿孔治療①－小穿孔例－</h2>
<div class="drArea">
公益財団法人 田附興風会 医学研究所 北野病院<br class="sp-only">耳鼻咽喉科・頭頸部外科<br>
公益財団法人神戸医療産業都市推進機構<br class="sp-only">医療イノベーション推進センター<br>
<strong>金丸 眞一 先生</strong>
</div>
<div class="movieArea">
<p>「リティンパ<sup>®</sup> 耳科用250μgセット」は、トラフェルミン（遺伝子組換え）と鼓膜用ゼラチンスポンジをセットにした鼓膜穿孔治療剤です。本剤を用いた治療法では、トラフェルミン（遺伝子組換え）の上皮組織増殖作用と血管新生作用により鼓膜修正が期待されます。また、トラフェルミン（遺伝子組換え）を浸潤させた鼓膜用ゼラチンスポンジは、複雑な形状の穿孔や大きな穿孔も覆うことができるようにサイズや形状を調整可能です。</p>
<p>今回は、外来で治療が可能な症例や、小穿孔における投与方法、投与後の注意、適正使用情報についてご説明します。</p>
<div class="figure">
<img src="files/05.png" width="600" height="400" alt="" />
</div>
</div>
<div class="productArea">
<h2>製品サイト「リティンパ.jp」のご紹介</h2>
<p>「リティンパ.jp」では、<a href="https://retympa.nobelpark.jp/product/features.html?utm_source=medicaltribune&utm_medium=email&utm_campaign=e-detailing_20200512#title_1" target="_blank">国内臨床試験成績</a>や、<a href="https://retympa.nobelpark.jp/for_the_first_time/?utm_source=medicaltribune&utm_medium=email&utm_campaign=e-detailing_20200512#title_surgery" target="_blank">手術手技解説動画</a>、<a href="https://retympa.nobelpark.jp/member/safety/appropriate_use.html?utm_source=medicaltribune&utm_medium=email&utm_campaign=e-detailing_20200512" target="_blank">適正使用に関する情報</a>などを掲載しておりますのでぜひご覧ください。</p>
<div class="btnArea">
<a class="btn_retympa" href="https://retympa.nobelpark.jp/?utm_source=medicaltribune&utm_medium=email&utm_campaign=e-detailing_20200512" target="_blank">「リティンパ.jp」へ</a>
</div>
</div>
<div class="meetingArea">
<h2>オンライン面談・説明のご案内</h2>
<p>専任MRがWeb会議システムでリティンパ<sup>®</sup> 耳科用250μgセットのご紹介や、先生方のご質問にお答えする「オンライン面談・説明会」を行っております。ご希望の日時でご予約いただけますので、ぜひお問い合わせください。<br>
※ご予約は、ご希望日の3営業日前までにお願いいたします。<br>
※開始時間は、平日の10：00～17：30の間からお選びください。</p>
<div class="btnArea">
<a class="btn_retympa" href="https://nobelpark.jp/nobelremote/?utm_source=medicaltribune&utm_medium=email&utm_campaign=e-detailing_20200512" target="_blank">オンライン面談・説明会に申し込む</a>
</div>
</div>
<div class="top_area">
<img src="/files/logo2.png" alt="" class="retympa_logo">
</div>
<div class="top_area">
<img src="/files/5_1.png" alt="" class="retympa_logo">
</div>
<div class="top_area">
<img src="/files/5_2.png" alt="" class="retympa_logo">
</div>
<div class="top_area">
<img src="/files/5_3.png" alt="" class="retympa_logo">
</div>
<div class="top_area">
<img src="/files/5_4.png" alt="" class="retympa_logo">
</div>
<div class="top_area">
<img src="/files/5_5.png" alt="" class="retympa_logo">
</div>
<div class="supplement">(2020年5月作成)</div>
<!-- // .dt_area -->
</div>
<!--///////ここまで！編集エリア///////-->
</article>
</div>
<div id="contents_sub">
<img src="files/img_banner.png" alt="" />
<div class="contents_sub_inner">
<h2>SideBar / Don't touch</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mauris erat, sodales quis rutrum eu, tincidunt eu leo. Ut aliquam nulla sit amet libero faucibus tincidunt. Ut et urna purus. Mauris eros nibh, sollicitudin sit amet posuere sed, faucibus id odio. Quisque vitae urna augue. Cras est nisl, iaculis in dignissim nec, facilisis id ipsum. Duis non enim consectetur urna fringilla congue. Nunc nec ipsum orci. Suspendisse vehicula lectus ut sem ornare ut aliquet nibh placerat. Nam eros sem, commodo id auctor egestas, tempor eleifend lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed at felis venenatis nulla pharetra gravida at eu lacus. Vivamus tristique risus non tortor cursus aliquam. Proin quis tortor at nisi vulputate pharetra. Maecenas placerat nisi in nunc ultrices a suscipit diam cursus. Nunc aliquam ultricies dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu ultricies lorem. Nulla luctus adipiscing feugiat.</p>
</div>
</div>
</div>
<hr class="doc_separate" />
<footer id="footer">
<div id="footer_inner">
</div>
</footer>
</body>
</html>
20200423_retympa/common.css deleted 100644 → 0
@charset "UTF-8";
/* ***********************************************************
* Stylesheet : Common
* Since: 2015-07-29 MedicalTribune
* Last Modified: 2017-07-04 MedicalTribune
* このCSSはレスポンシブウェブデザインに対応しています。
* タブレット・スマートフォン専用の表示をしない場合は、
* PC表示用CSSのみ記述してください。
* ********************************************************* */
/********************************************************** *
common (編集NG)
********************************************************** */
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
dt,
dd,
li,
table,
th,
td,
form {
margin: 0px;
padding: 0px;
}
* {
font-size: 100%;
}
body {
margin: 0px;
padding: 0px;
}
a img {
border: none;
}
a {
color: #0066FF;
text-decoration: underline;
}
a:hover {
color: #074b9c;
}
a:visited {
color: #551A8B;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0em 0px 0.5em 0px;
}
p,
ul,
ol,
dl {
margin: 0px 0px 1em 0px;
line-height: 1.4;
}
ul,
ol {
padding: 0px 0px 0px 30px;
}
dt {
font-weight: bold;
}
dd {
margin: 0px 0px 0.5em 1.0em;
}
table {
border-collapse: collapse;
border-spacing: 0px;
margin: 0px 0px 1em 0px;
}
table th,
table td {
font-weight: normal;
border: 1px solid #666;
text-align: left;
padding: 4px 6px;
vertical-align: top;
}
table th {
background-color: #EFEFEF;
}
table caption {
caption-side: top;
text-align: left;
}
.clf {
min-height: 1px;
}
.clf:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .clf {
height: 1px;
overflow: visible;
}
/**/
.doc_separate {
display: none;
}
/********************************************************** *
Layout (編集NG)
********************************************************** */
@media screen and (min-width:961px) {
body {
font-size: 100%;
background-color: #fff;
text-align: center;
}
#header,
#contents,
#footer {
width: 1200px;
margin: 0 auto 10px;
text-align: left;
}
#header_inner {}
article {
width: 100%;
margin: 0;
padding: 0;
}
#footer_inner {
padding: 10px;
}
#contents_main {
width: 850px;
margin: 0 auto;
background: none;
box-sizing: content-box;
}
#contents_main .dt_area {
margin: 0 20px;
}
.dt_img {
width: 100%;
margin: 10px auto;
padding: 0;
text-align: center;
}
.dt_img img {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
text-align: center;
}
.figure {
display: block;
margin: 20px auto;
max-width: 600px;
text-align: right;
}
.figure img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.figure span {
font-size: 81.25%;
text-align: right;
}
.dt_area table {
width: 90%;
margin: 20px 5%;
}
#contents_sub {
display: none;
float: right;
width: 300px;
background: none;
border: 2px dashed #C00;
box-sizing: content-box;
}
#contents_sub .contents_sub_inner {
padding: 10px;
}
}
/********************************************************** *
【クライアント側_編集エリア】
鑑賞を防ぐため、
<div id="dt_xxx">で付与したユニークなIDを必ず接頭詞に持ってきてください。
記述例）
#dt_xxx .content{~~~~~~}
#dt_xxx h1{~~~~~~}
********************************************************** */
/*PC表示用CSSを記述*/
body {
font-family: "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#dt_retympa h2 {
font-size: 1.5rem;
}
#dt_retympa .top_area {
width: 100%;
max-width: 100%;
margin: 20px 0 10px 0;
display: flex;
flex-basis: auto;
-webkit-justify-content: space-between;
justify-content: space-between;
box-sizing: border-box;
}
#dt_retympa .top_area .retympa_logo {
width: 100%;
height: auto;
padding-top: 10px;
}
#dt_retympa .top_area .retympa_right {
display: none;
width: 260px;
height: auto;
}
#dt_retympa .supplement {
position: absolute;
margin: -20px 0 0 680px;
font-size: 1rem;
text-align: right;
}
#dt_retympa .attachedDoc {
display: inherit;
text-align: right;
margin-bottom: 10px;
}
#dt_retympa .drArea {
display: inherit;
text-align: right;
}
#dt_retympa .movieArea {
margin-top: 30px;
}
#dt_retympa .productArea {
margin-top: 70px;
}
#dt_retympa .meetingArea {
margin: 60px 0;
}
#dt_retympa sup {
font-size: 70%;
position: relative;
top: -0.2em;
}
#dt_retympa .btnArea {
display: flex;
justify-content: center;
margin-top: 30px;
}
.btn_retympa {
box-shadow: inset 0px 1px 0px 0px #fce2c1;
background-color: #ff9419;
border-radius: 6px;
display: inline-block;
cursor: pointer;
color: #ffffff !important;
font-size: 1.4rem;
font-weight: bold;
padding: 12px 20px;
text-decoration: none;
text-shadow: 0px 1px 0px #cc9f52;
}
.btn_retympa:hover {
background-color: #ffb561;
}
.btn_retympa:active {
position: relative;
top: 1px;
}
a:hover {
cursor: pointer;
}
#dt_retympa br.sp-only {
display: none;
}
@media screen and (max-width:960px) {
/*タブレット表示用CSSを記述*/
#contents_main {
clear: both;
width: 100%;
margin: 0 auto;
}
#contents_main .dt_area {
clear: both;
width: 100%;
margin: 0 auto;
}
#contents_sub {
display: none;
clear: both;
width: 100%;
margin: 0;
}
.detailing_img img {
width: 100%;
height: auto;
max-width: 670px;
margin: 10px auto;
padding: 0;
text-align: center;
}
.figure img {
width: 90%;
height: auto;
max-width: 670px;
margin: 10px 5%;
padding: 0;
text-align: center;
}
.dt_area table {
width: 90%;
margin: 0 5%;
}
#dt_retympa h2 {
font-size: 1.5rem;
padding: 10px 5px;
}
#dt_retympa .top_area {
width: auto;
margin: 20px 0 10px 0;
display: block;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#dt_retympa .top_area .retympa_logo {
width: 100%;
height: auto;
padding-top: 10px;
}
#dt_retympa .top_area .retympa_right {
width: 260px;
height: auto;
}
#dt_retympa .supplement {
position: absolute;
margin: -20px 10px 0 0;
right: 0;
font-size: 1rem;
}
#dt_retympa .attachedDoc {
display: inherit;
text-align: right;
margin-bottom: 10px;
padding: 10px;
}
#dt_retympa .drArea {
display: inherit;
text-align: right;
padding: 10px;
}
#dt_retympa .movieArea {
margin-top: 20px;
padding: 10px;
}
#dt_retympa .productArea {
margin-top: 60px;
padding: 10px;
}
#dt_retympa .meetingArea {
margin: 50px 0;
padding: 10px;
}
#dt_retympa sup {
font-size: 70%;
position: relative;
top: -0.2em;
}
#dt_retympa .btnArea {
display: flex;
justify-content: center;
margin-top: 30px;
}
.btn_retympa {
box-shadow: inset 0px 1px 0px 0px #fce2c1;
background-color: #ff9419;
border-radius: 6px;
display: inline-block;
cursor: pointer;
color: #ffffff !important;
font-size: 1.4rem;
font-weight: bold;
padding: 12px 20px;
text-decoration: none;
text-shadow: 0px 1px 0px #cc9f52;
}
.btn_retympa:hover {
background-color: #ffb561;
}
.btn_retympa:active {
position: relative;
top: 1px;
}
a:hover {
cursor: pointer;
}
#dt_retympa br.sp-only {
display: block;
}
}
@media screen and (max-width:480px) {
/*スマホ表示用CSSを記述*/
#header,
#contents,
#footer {
width: 100%;
}
#header_inner {}
article {
width: 100%;
margin: 0;
padding: 0;
}
#footer_inner {
padding: 10px;
}
#contents_main {
clear: both;
width: 100%;
margin: 0 auto;
}
#contents_main .dt_area {
clear: both;
width: 100%;
margin: 0 auto;
}
#contents_sub {
display: none;
clear: both;
width: 100%;
margin: 0;
}
.detailing_img img {
width: 100%;
height: auto;
max-width: 670px;
margin: 10px auto;
padding: 0;
text-align: center;
}
.figure img {
width: 90%;
height: auto;
max-width: 670px;
margin: 10px 5%;
padding: 0;
text-align: center;
}
.dt_area table {
width: 90%;
margin: 0 5%;
}
#dt_retympa h2 {
font-size: 1rem;
line-height: 1.5rem;
padding: 10px 8px;
margin-bottom: 0;
}
#dt_retympa .top_area {
display: block;
margin: 0;
width: auto;
height: auto;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#dt_retympa .top_area .retympa_logo {
width: 100%;
height: auto;
padding-top: 10px;
}
#dt_retympa .top_area .retympa_right {
display: none;
}
#dt_retympa .supplement {
position: absolute;
margin: -5px 10px 0 0;
right: 0;
font-size: 11px;
line-height: 16px;
}
#dt_retympa .attachedDoc {
display: inherit;
text-align: right;
margin-bottom: 0;
font-size: 0.8rem;
line-height: 1.2rem;
padding: 10px;
}
#dt_retympa .drArea {
font-size: 0.8rem;
line-height: 1.2rem;
padding: 10px;
}
#dt_retympa .movieArea {
margin-top: 0;
font-size: 0.8rem;
line-height: 1.2rem;
padding: 10px;
}
#dt_retympa .productArea {
margin-top: 0;
font-size: 0.8rem;
line-height: 1.2rem;
padding: 10px;
}
#dt_retympa .meetingArea {
margin: 0;
font-size: 0.8rem;
line-height: 1.2rem;
padding: 10px;
}
#dt_retympa sup {
font-size: 100%;
position: relative;
}
#dt_retympa .btnArea {
display: flex;
justify-content: center;
margin-top: 30px;
}
.btn_retympa {
font-size: 1rem;
}
.btn_retympa:hover {
background-color: #ffb561;
}
.btn_retympa:active {
position: relative;
top: 1px;
}
a:hover {
cursor: pointer;
}
#dt_retympa br.sp-only {
display: block;
}
}
20200423_retympa/index.html deleted 100644 → 0
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ディテーリング入稿用HTML</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript">
google.load('jquery', '1');
google.load('jqueryui', '1');
</script>
<link rel="stylesheet" href="./common.css" type="text/css" />
</head>
<body>
<header id="header">
<div id="header_inner">
</div>
</header>
<div id="contents" class="clf">
<div id="contents_main">
<article>
<!--///////ここから！編集エリア///////-->
<!-- （1）干渉を防ぐために、id="dt_xxx"を必ずユニークなIDに書き換えてください。例。dt_medicaltribune-->
<div id="dt_retympa" class="dt_area">
<h2>「リティンパ<sup>®</sup> 耳科用250µgセット」を利用した鼓膜穿孔治療①－小穿孔例－</h2>
<div class="drArea">
公益財団法人 田附興風会 医学研究所 北野病院<br class="sp-only">耳鼻咽喉科・頭頸部外科<br>
公益財団法人神戸医療産業都市推進機構<br class="sp-only">医療イノベーション推進センター<br>
<strong>金丸 眞一 先生</strong>
</div>
<div class="movieArea">
<p>「リティンパ<sup>®</sup> 耳科用250μgセット」は、トラフェルミン（遺伝子組換え）と鼓膜用ゼラチンスポンジをセットにした鼓膜穿孔治療剤です。本剤を用いた治療法では、トラフェルミン（遺伝子組換え）の上皮組織増殖作用と血管新生作用により鼓膜修正が期待されます。また、トラフェルミン（遺伝子組換え）を浸潤させた鼓膜用ゼラチンスポンジは、複雑な形状の穿孔や大きな穿孔も覆うことができるようにサイズや形状を調整可能です。</p>
<p>今回は、外来で治療が可能な症例や、小穿孔における投与方法、投与後の注意、適正使用情報についてご説明します。</p>
<div class="figure">
<img src="files/05.png" width="600" height="400" alt="" />
</div>
</div>
<div class="productArea">
<h2>製品サイト「リティンパ.jp」のご紹介</h2>
<p>「リティンパ.jp」では、<a href="https://retympa.nobelpark.jp/product/features.html?utm_source=medicaltribune&utm_medium=email&utm_campaign=e-detailing_20200512#title_1" target="_blank">国内臨床試験成績</a>や、<a href="https://retympa.nobelpark.jp/for_the_first_time/?utm_source=medicaltribune&utm_medium=email&utm_campaign=e-detailing_20200512#title_surgery" target="_blank">手術手技解説動画</a>、<a href="https://retympa.nobelpark.jp/member/safety/appropriate_use.html?utm_source=medicaltribune&utm_medium=email&utm_campaign=e-detailing_20200512" target="_blank">適正使用に関する情報</a>などを掲載しておりますのでぜひご覧ください。</p>
<div class="btnArea">
<a class="btn_retympa" href="https://retympa.nobelpark.jp/?utm_source=medicaltribune&utm_medium=email&utm_campaign=e-detailing_20200512" target="_blank">「リティンパ.jp」へ</a>
</div>
</div>
<div class="meetingArea">
<h2>オンライン面談・説明のご案内</h2>
<p>専任MRがWeb会議システムでリティンパ<sup>®</sup> 耳科用250μgセットのご紹介や、先生方のご質問にお答えする「オンライン面談・説明会」を行っております。ご希望の日時でご予約いただけますので、ぜひお問い合わせください。<br>
※ご予約は、ご希望日の3営業日前までにお願いいたします。<br>
※開始時間は、平日の10：00～17：30の間からお選びください。</p>
<div class="btnArea">
<a class="btn_retympa" href="https://nobelpark.jp/nobelremote/?utm_source=medicaltribune&utm_medium=email&utm_campaign=e-detailing_20200512" target="_blank">オンライン面談・説明会に申し込む</a>
</div>
</div>
<div class="top_area">
<img src="/files/logo2.png" alt="" class="retympa_logo">
</div>
<div class="top_area">
<img src="/files/5_1.png" alt="" class="retympa_logo">
</div>
<div class="top_area">
<img src="/files/5_2.png" alt="" class="retympa_logo">
</div>
<div class="top_area">
<img src="/files/5_3.png" alt="" class="retympa_logo">
</div>
<div class="top_area">
<img src="/files/5_4.png" alt="" class="retympa_logo">
</div>
<div class="top_area">
<img src="/files/5_5.png" alt="" class="retympa_logo">
</div>
<div class="supplement">(2020年5月作成)</div>
<!-- // .dt_area -->
</div>
<!--///////ここまで！編集エリア///////-->
</article>
</div>
<div id="contents_sub">
<img src="files/img_banner.png" alt="" />
<div class="contents_sub_inner">
<h2>SideBar / Don't touch</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mauris erat, sodales quis rutrum eu, tincidunt eu leo. Ut aliquam nulla sit amet libero faucibus tincidunt. Ut et urna purus. Mauris eros nibh, sollicitudin sit amet posuere sed, faucibus id odio. Quisque vitae urna augue. Cras est nisl, iaculis in dignissim nec, facilisis id ipsum. Duis non enim consectetur urna fringilla congue. Nunc nec ipsum orci. Suspendisse vehicula lectus ut sem ornare ut aliquet nibh placerat. Nam eros sem, commodo id auctor egestas, tempor eleifend lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed at felis venenatis nulla pharetra gravida at eu lacus. Vivamus tristique risus non tortor cursus aliquam. Proin quis tortor at nisi vulputate pharetra. Maecenas placerat nisi in nunc ultrices a suscipit diam cursus. Nunc aliquam ultricies dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu ultricies lorem. Nulla luctus adipiscing feugiat.</p>
</div>
</div>
</div>
<hr class="doc_separate" />
<footer id="footer">
<div id="footer_inner">
</div>
</footer>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment