説明

このページを複製して追加していってください。
この部分にテンプレの説明があれば入れてください。

キャプチャ画像を入れる場合はこの辺に入れてください。

※HTMLやCSSなどの編集は「テキスト」モードで入力してください。ビジュアルモードにするとｐタグが自動変換されてしまうので、ビジュアルは使用しないでください。

HTML

<section class="clearfix">
         
        <h3 class="tit01">白内障<span>cataract</span></h3>
         
        <h4 class="tit01">当院の日帰り白内障手術</h4>
         
        <div class="text">
        <p>白内障とは、眼の中の水晶体が白く濁って視力低下を起こしている状態です。治療は基本的には手術しかありません。<br>
        視力低下の原因が白内障だと診断され、手術を希望された場合、まず精密に術前検査を行います。角膜形状解析、角膜曲率・角膜内皮細胞数・眼軸長などの計測を行い、眼の状態を把握し、挿入する眼内レンズの選択を患者様と相談しながら決定します。</p>
         
        <p class="img_fl"><img src="../images/medical_img01.jpg" width="180" alt="執刀中の望月医師"></p>
        <p>術前検査が終わりいざ手術当日。<br>
        お食事やお薬などは、いつもと同じようにとっていただいて大丈夫です。<br>
        病院に到着すると、まず手術のための散瞳薬の目薬の点眼が開始され、直前の診察を行い、そして順番が来ると、いよいよ手術室にご案内致します。</p>
        <p>この段階から目薬の麻酔が何度も点眼されます。通常、白内障手術はこの点眼麻酔だけで十分痛くなく行うことができます。消毒をし、清潔を保つ無菌の布がお顔にかかると、ほどなく手術顕微鏡の明るい光が見え、手術開始となります。<br>
        手術中は、時々、眼をうるおすために眼内還流液というお水がかけられますので、おどろかないでください。多くの場合、10分たらずで終了です。</p>
        <p>お顔にかけた清潔布を外し、清潔な眼帯をテープで固定し、回復室へご案内致します。しばらくゆっくりとお休み下さい。安静時間が終わると、お薬をお渡ししてご帰宅です。<br>
        眼帯は翌日の診察時まではそのままにし、翌日の診察前に外します。</p>
        <p>翌日の診察で眼帯が外れたら、術後の目薬が開始されます。指示どおりに確実に点眼してください。術直後は、洗顔・洗髪はできません。数日後の診察で許可されるまでは、必要なら美容院などで眼に水がはいらないように慎重に洗髪してもらってください。</p>
        </div>
         
     
 
 </section>

CSS

#contents section{
	margin-bottom:100px;
}
#contents section:last-child{
	margin-bottom:0;
}

#contents_left{
	box-sizing:border-box;
	position:relative;
	float:left;
	width:730px;
	padding:0 40px 80px;
	background-color:rgba(255,255,255,.6);
	border:1px solid #FFF;
}
#contents_right{
	box-sizing:border-box;
	float:right;
	width:280px;
}
#contents_right h3{
	position:relative;
	height:95px;
	top:35px;
	text-align:center;
	font-size:24px;
	letter-spacing:2.2px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#contents_right h3:before{
	content:"";
	position:absolute;
	top:-35px;
	right:0;
	left:0;
	width:1px;
	height:25px;
	margin:auto;
	background-color:#888;
}
#contents_right ul{
	padding: 30px 25px 10px;
	background-color:rgba(255,255,255,.6);
	border:1px solid #FFF;
}
#contents_right li{
	margin-bottom:30px;
}

javascript

ここにjavascriptが入ります。テキストモードで編集してください。

関連ファイル

参考サイト