@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      kanja.css
 Update:         2010.09.06
 Style Info:     患者さまページCSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　共通設定
----------------------------------------------------------- */
p.pat-common {
 margin-top: 5px;
}

p.pankuzu {
 width: 900px;
 margin: 8px auto 0;
 text-align: left;
}
/* -----------------------------------------------------------
　　メイン画像エリア設定
----------------------------------------------------------- */
#main-patient {
 margin: 15px auto 0;
 padding: 7px 0 7px 7px;
 width: 900px;
 text-align: left;
 background: url(../../img/bg_patient_main.png) no-repeat left top;
}

/* -----------------------------------------------------------
　　患者様コンテンツ囲み設定
----------------------------------------------------------- */
.container900-left {
 float: left;
 width: 590px;
}
.container900-right {
 float: right;
 width: 280px;
}

/* -----------------------------------------------------------
　　皮膚の病気設定
----------------------------------------------------------- */
.sinfo {
 width: 590px;
 background: url(../../img/bg_title_skin_middle.gif) repeat-y left top;
}
.sinfo-end {
 padding: 0 15px 15px;
 width: 560px;
 background: url(../../img/bg_title_skin_end.gif) no-repeat left bottom;
}

/* -----------------------------------------------------------
　　皮膚以外の病気設定
----------------------------------------------------------- */
.no-sinfo {
 margin-top: 30px;
 width: 590px;
 background: url(../../img/bg_title_noskin_middle.gif) repeat-y left top;
}
.no-sinfo-end {
 padding: 0 15px 15px;
 width: 560px;
 background: url(../../img/bg_title_noskin_end.gif) no-repeat left bottom;
}

/* -------------------------
　　各病気エリア設定
------------------------- */
.sinfo-inner-wrap {
 margin-top: 20px;
 width: 560px;
}
.sinfo-left {
 float: left;
 width: 90px;
}
.sinfo-right {
 float: right;
 width: 455px;
}
h4.sinfo-title {
 font-size: 110%;
 font-weight: bold;
 line-height: 1.2;
}

/* -----------------------------------------------------------
　　褥瘡辞典エリア設定
----------------------------------------------------------- */
.bn-box-jokusoujiten {
 padding-bottom: 15px;
 border-bottom: 1px dashed #CCC;
}
.bn-box-jokusoujiten p {
 margin-top: 10px;
}
.bn-box-jokusoujiten p.next-page {
 margin-top: 5px;
 text-align: right;
}

/* -----------------------------------------------------------
　　アトピー性皮膚炎エリア設定
----------------------------------------------------------- */
.bn-box-atopi {
 margin-top: 15px;
 padding-bottom: 15px;
 border-bottom: 1px dashed #CCC;
}
.bn-box-atopi p {
 margin-top: 10px;
}
.bn-box-atopi p.next-page {
 margin-top: 5px;
 text-align: right;
}

/* -----------------------------------------------------------
　　とびひエリア設定
----------------------------------------------------------- */
.bn-box-tobihi {
 margin-top: 15px;
 padding-bottom: 15px;
 border-bottom: 1px dashed #CCC;
}
.bn-box-tobihi p {
 margin-top: 10px;
}
.bn-box-tobihi p.next-page {
 margin-top: 5px;
 text-align: right;
}

/* -----------------------------------------------------------
　　楽しく洗って皮膚を清潔にエリア設定
----------------------------------------------------------- */
.bn-box-araikata {
 margin-top: 15px;
 padding-bottom: 15px;
 border-bottom: 1px dashed #CCC;
}
.bn-box-araikata p {
 margin-top: 10px;
}
.bn-box-araikata p.next-page {
 margin-top: 5px;
 text-align: right;
}

/* -----------------------------------------------------------
　　保湿剤の塗り方エリア設定
----------------------------------------------------------- */
.bn-box-moisture {
 margin-top: 15px;
 padding-bottom: 15px;
 border-bottom: 1px dashed #CCC;
}
.bn-box-moisture p {
 margin-top: 10px;
}
.bn-box-moisture p.next-page {
 margin-top: 5px;
 text-align: right;
}

/* -----------------------------------------------------------
　　マルホのーとエリア設定
----------------------------------------------------------- */
.bn-box-note {
 margin-top: 15px;
}
.bn-box-note p {
 margin-top: 10px;
}
.bn-box-note p.next-page {
 margin-top: 5px;
 text-align: right;
}

/* -----------------------------------------------------------
　　くすりのしおりエリア設定
----------------------------------------------------------- */
.medleaf-box-wrap {
 margin-top: 30px;
}
.medleaf-box {
 padding: 10px;
 background-color: #F3F9E5;
 border-left: 1px solid #E2EFBF;
 border-right: 1px solid #E2EFBF;
 border-bottom: 1px solid #E2EFBF;
 line-height: 1.2;
 font-size: 90%;
}
.medleaf-title {
 font-weight: bold;
}
.medleaf-box p.next-page {
 margin-top: 5px;
 text-align: right;
}

/* -----------------------------------------------------------
　　ADOBE READERエリア設定
----------------------------------------------------------- */
.get-reader {
 margin-top: 20px;
 padding: 10px;
 border: 1px solid #CCC;
 line-height: 1.2;
 font-size: 90%;
}






/* -----------------------------------------------------------
　　くすりのしおり設定
----------------------------------------------------------- */
#medleaf-wrap {
 width: 900px;
 margin-top: 10px;
}
#medleaf-wrap .medleaf-left {
 float: left;
 width: 570px;
}
#medleaf-wrap .medleaf-right {
 float: right;
 width: 300px;
 border: 1px solid #ccc;
 padding: 2px;
}
#medleaf-wrap .medleaf-inner {
 border: 1px solid #ccc;
 padding: 10px;
 background-color: #effaeb;
}
#medleaf-wrap .medleaf-inner2 {
 border: 1px solid #ccc;
 padding: 10px;
 background-color: #FFFFF5;
}

/* テーブル */
#bookmarkofdrug-table-a {
 margin: 30px 0px 20px 0px;
 width: 900px;
 text-align: left;
 border-collapse: collapse;
}
#bookmarkofdrug-table-a th{
 font-size: 100%;
 font-weight: bold;
 padding: 10px 10px 10px 80px;
 /*background: #C1EDB2;
 border-top: 4px solid #AADE98;*/
 background: #E3FFD6;
 border-top: 4px solid #00896A;
 border-bottom: 1px solid #CCCCCC;
 color: #333333;
}
#bookmarkofdrug-table-a td {
 font-size: 100%;
 padding: 10px 10px 10px 80px;
 /*background: #EFFAEB; */
 background: #FFFFF5; 
 border-bottom: 1px solid #CCCCCC;
 color: #333333;
 border-top: 1px solid transparent;
}
#bookmarkofdrug-table-a tr:hover td {
 /*background: #E3FFD9;
 color: #2D4226;*/
 background: #EFFAEB;
 color: #FF0000;

}

#bookmarkofdrug-table-a img {
 margin: 0px 5px 0px 0px;
}


/* -----------------------------------------------------------
　　IE PNG FIX 2.0設定
----------------------------------------------------------- */
img, div {
 behavior: url(../common/js/iepngfix.htc);
}