@charset "utf-8";

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

 File name:      products.css
 Update:         2009.06.19
 Style Info:     医療関係者向け-商品基本情報CSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　共通設定
----------------------------------------------------------- */
#med-container-prd {
 width: 752px;
 margin: 0 auto;
 background: url(../../img/bg_med_cont.gif) no-repeat left top;
 text-align: left;
}

.pdf {
 padding-left: 18px;
 background: url(../../../img/icon_pdf.gif) no-repeat left bottom;
}
.jpeg {
 padding-left: 18px;
 background: url(../../products/img/ic_jpg.gif) no-repeat left bottom;
}
.adobe-reader {
 margin-top: 40px;
 padding: 8px 10px;
 border: 1px solid #D7D7D7;
 background-color: #EDEDED;
 font-size: 85%;
}
.adobe-reader img {
 padding-right: 10px;
 vertical-align: middle;
}

/* ---------------------------
　　サブメニュー設定
--------------------------- */
ul#prd-submenu {
 width: 722px;
 /*height: 27px;*/
 padding: 0 15px;
 background: #D2D2D2 url(../../img/bg_menu_products.gif) no-repeat left top;
 border-bottom: 1px solid #A9A9A9;
 line-height: 27px;
}
ul#prd-submenu li {
 display: inline;
 margin-right: 20px;
 padding-top: 4px;
 padding-bottom: 5px;
 font-size: 90%;
 font-weight: bold;
}
ul#prd-submenu li a, ul#submenu li a:link {
 color: #383838;
 text-decoration: underline;
}
ul#prd-submenu li a:active, ul#submenu li a:focus, ul#submenu li a:hover {
 text-decoration: none;
}
ul#prd-submenu li img {
 padding-left: 10px;
 vertical-align: middle;
}

/* ---------------------------
　　テーブル設定
--------------------------- */
table, tr, th, td {
 border-collapse: collapse;
}

.border-l {
 border-left: 1px solid #CCC;
 background-color: #FFF;
 text-align: center;
}
.border-l2 {
 border-left: 1px solid #EEE;
 background-color: #FFF;
 text-align: center;
}

.table-hd {
 margin-top: 20px;
}
.table-inline {
 overflow: auto;
 height: 600px;
}
a.arwleft01 {
 padding-left: 8px;
 background: url(../../img/prdlist_arw.gif) no-repeat left 3px;
}

/* ---------------------------
　　年インデックス設定
--------------------------- */
ul.yearindex {
 font-size: 90%
}
ul.yearindex li {
 display: inline;
 padding: 0 8px 0 8px;
 font-weight: bold;
 line-height: 1.0;
}
ul.yearindex li.active {
 font-size: 120%;
}
ul.yearindex li.end {
 border: none;
}
ul.yearindex li a {
 padding-left: 8px;
 background: url(../../img/prdlist_arw.gif) no-repeat left 4px;
 /*text-decoration: underline;*/
}
ul.yearindex li a:hover {
 /*text-decoration: none;*/
}
/* -----------------------------------------------------------
　　製品情報一覧ページ設定
----------------------------------------------------------- */
#prd-search-wrap {
 width: 719px;
 margin-top: 20px;
}
.prd-search {
 float: left;
 width: 340px;
 margin-right: 19px;
 background: url(../../img/prdlist_search_bg01.gif) no-repeat left top;
}
.prd-search-cont {
 padding: 10px;
 background: url(../../img/prdlist_search_bg02.gif) no-repeat left bottom;
}
.prd-search-title {
 margin-bottom: 5px;
 padding-left: 14px;
 font-size: 85%;
 font-weight: bold;
 background: url(../../img/prdlist_ico.gif) no-repeat left 4px;
}
ul.prdlist50 li {
 display: inline;
 padding-right: 6px;
}

table.prdlist {
 width: 699px;
 border-top: 1px solid #BFBFBF;
 font-size: 90%;
}
table.prdlist th {
 padding: 2px 4px;
 background-color: #F0F0F0;
 border-left: 1px solid #E5E5E5;
 font-weight: bold;
 text-align: center;
}
td.index50 {
 padding: 2px 6px;
 background-color: #D5D5D5;
 font-weight: bold;
 line-height: 1.0em;
}

table.prdlist th, .index50 {
 border-top: 1px solid #BFBFBF;
 border-bottom: 1px solid #BFBFBF;
}
table.prdlist td.prdnm {
 padding: 6px 4px;
 background-color: #F9FBFF;
}
.bb {
 border-bottom: 3px solid #DCDCDC;
}
.bd {
 border-bottom: 1px dotted #BFBFBF;
}


/* -----------------------------------------------------------
　　コード一覧ページ設定
----------------------------------------------------------- */
table.codelist {
 width: 699px;
 border-top: 1px solid #BFBFBF;
 font-size: 80%;
}
table.codelist td, table.codelist th {
 border-right: 1px solid #FFF;
}
table.codelist th {
 padding: 3px;
 background-color: #F0F0F0;
 border-bottom: 1px solid #BFBFBF;
 text-align: center;
 font-weight: bold;
}
table.codelist td {
 padding: 6px 3px 9px;
 background-image: url(../../img/bg_bb.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
}
table.codelist td.prdnm {
 background-color: #F9FBFF;
}

table.codelist td.code01, table.codelist td.code02 {
 text-align: center;
 background-color: #FFF;
}
table.codelist td.code01 p {
 margin-left: 45px;
 text-align: left;
}
table.codelist td.code02 p {
 margin-left: 28px;
 text-align: left;
}
table.codelist td.code03 {
 text-align: right;
 background-color: #FFF;
}


/* -----------------------------------------------------------
　　添付文書改訂情報(03.html)ページ設定
----------------------------------------------------------- */
table.codelist td.te-date, table.codelist td.te-prd {
 background-color: #F9FBFF;
}
table.codelist td.te-summary {
 background-color: #FFF;
}
table.codelist td.te-pdf {
 text-align: center;
 background-color: #FFF9F7;
}


/* -----------------------------------------------------------
　　製品詳細情報ページ設定
----------------------------------------------------------- */
.prd-logo {
 padding: 10px 15px;
 border-bottom: 1px solid #A9A9A9;
}
h4.prd {
 margin-bottom: 8px;
 padding-left: 7px;
 border-left: 4px solid #003B8F;
 font-size: 105%;
 font-weight: bold;
 line-height: 1.2em;
}
h5.prdnm {
 margin-bottom: 8px;
 padding: 5px;
 background-color: #E0EEFF;
 border-bottom: 1px solid #949494;
 color: #003B8F;
 /*font-size: 110%;*/
 font-weight: bold;
}
table.prdimg {
 font-size: 85%;
}
table.prdimg th {
 padding-bottom: 2px;
 font-weight: bold;
}
table.prdimg td {
 text-align: center;
}
table.prdimg a img {
 border: 1px solid #0066BA;
}
.prdimg01 {
 padding-right: 25px;
}
.prdimg02 {
 padding-right: 15px;
}

.bt-prd-down {
 margin-top: 10px;
}
.bt-prd-down img {
 padding-right: 5px;
 vertical-align: middle;
}
.bt-prd-down a {
 font-size: 90%;
}
.bt-prd-down a:hover {
 text-decoration: none;
}

table.prd {
 width: 719px;
 border-top: 1px solid #CCC;
 font-size: 86%;
}
table.prd td, table.prd th {
 padding: 4px;
 border-bottom: 1px solid #CCC;
}
table.prd th {
 font-weight: bold;
 text-align: center;
}
table.prd td.prdnm, th.prdnm {
 background-color: #F0F0F0;
}
table.prd sup {
 font-size: 75%;
}
.bt-prd-back {
 margin-top: 20px;
}
/* ---------------------------
　　製品拡大写真設定
--------------------------- */
div.prdimg-l {
 /*width: 500px;*/
 margin: 0 20px;
 text-align: left;
}
p.prdnm {
 margin: 20px 0;
 padding: 6px 0 6px 5px;
 background-color: #E0EEFF;
 border-left: 4px solid #003B8F;
 /*border-top: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 border-right: 1px solid #CCC;*/
 color: #000;
 font-size: 110%;
 font-weight: bold;
}
.prdimg-exp {
 padding: 10px;
 border: 1px solid #D6D6D7;
 background-color: #F6F7F8;
}
.prdimg-l01 {
 margin-top: 20px;
 text-align: center;
}
.prdimg-l01 img {
 border: 1px solid #999;
}
p.prdimg-close {
 margin-top: 20px;
 text-align: center;
}


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