@charset "utf-8";

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

 File name:      common.css
 Update:         2010.08.09
 Style Info:     製品情報共通CSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　共通レイアウト設定
----------------------------------------------------------- */
#med-pro-container-bottom {
 width: 884px;
 padding: 0 0 40px 16px;
 background: url(../../../img/bg_med_cont_bottom900.gif) no-repeat left bottom;
}
#med-pro-column-left {
 float: left;
 width: 202px;
}
#med-pro-column-right {
 float: right;
 padding-top: 186px;
 width: 662px;
}

#med-pro-nest-column {
 width: 662px;
}
#med-pro-nest-column-left {
 float: left;
 width: 426px;
}
#med-pro-nest-column-right {
 float: right;
 width: 216px;
}

/* -----------------------------------------------------------
　　製品関係一覧設定
----------------------------------------------------------- */
#med-pro-column-right-list {
 float: right;
 width: 662px;
}
#med-pro-list-wrap {
 padding: 0 16px 0 0;
 text-align: left;
}
#med-pro-search-nest {
 margin-top:10px;
 width:646px;
}
#med-pro-search-nest-left {
 float: left;
 width: 313px;
 background: url(../../../img/prdlist_search_313_bg01.gif) no-repeat left top;
}
#med-pro-search-nest-right {
 float: right;
 width: 313px;
 background: url(../../../img/prdlist_search_313_bg01.gif) no-repeat left top;
}
.med-pro-search-cont {
 padding: 6px 10px 8px;
background: url(../../../img/prdlist_search_313_bg02.gif) no-repeat left bottom;
}
.med-pro-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: 4px;
}

/* -----------------------------------------------------------
　　製品情報一覧テーブル設定
----------------------------------------------------------- */
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: 10px;
}
.table-inline {
 overflow: auto;
 height: 700px;
 width: 646px;
}
.table-inline-kiki {
 overflow: auto;
 /*height: 700px;*/
 width: 646px;
}
a.arwleft01 {
 padding-left: 8px;
 background: url(../../img/prdlist_arw.gif) no-repeat left 3px;
}
table.prdlist {
 width: 626px;
 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;
}
table.prdlist-kiki {
 width: 375px;
 border-top: 1px solid #BFBFBF;
 font-size: 90%;
}
table.prdlist-kiki th {
 padding: 2px 4px;
 background-color: #F0F0F0;
 border-left: 1px solid #E5E5E5;
 font-weight: bold;
 text-align: center;
}
table.prdlist-kiki th, .index50 {
 border-top: 1px solid #BFBFBF;
 border-bottom: 1px solid #BFBFBF;
}
table.prdlist-kiki td.prdnm {
 padding: 6px 4px;
 background-color: #F9FBFF;
}
.bb {
 border-bottom: 3px solid #DCDCDC;
}
.bd {
 border-bottom: 1px dotted #BFBFBF;
}

/* -----------------------------------------------------------
　　コード一覧ページ設定
----------------------------------------------------------- */
table.codelist {
 /*width: 699px;*/
 width: 626px;
 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;
}

/* -----------------------------------------------------------
　　添付文書改訂情報(product_di_rev)ページ設定
----------------------------------------------------------- */
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;
}

/* -----------------------------------------------------------
　　タイトル設定
----------------------------------------------------------- */
h2#med-pro-title {
 width: 885px;
 margin: 15px auto 30px;
 padding-left: 15px;
 text-align: left;
}

#med-pro-column-right h3 {
 padding-top: 20px;
}
#med-pro-column-right h3 span {
 padding: 2px 0 2px 5px;
 border-left: 5px solid #013B8F;
}

#med-pro-column-right h4 {
 margin-top: 10px;
 padding-left: 10px;
 width: 416px;
 height: 30px;
 line-height: 30px;
 font-size: 85%;
 background: url(../../img/bg_product_name.gif) no-repeat left top;
}

#med-pro-column-right h5 {
 margin-top: 20px;
 padding-left: 10px;
 width: 206px;
 height: 31px;
 line-height: 31px;
 background: url(../../../img/bg_sidebar_title.gif) no-repeat left top;
}
#med-pro-column-right h5 span {
 padding: 2px 0 2px 5px;
 border-left: 5px solid #FF7E3F;
}

/* -----------------------------------------------------------
　　アイコン設定
----------------------------------------------------------- */
.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;
}
.zip {
 margin-left: 5px;
 padding-left: 25px;
 background: url(../../img/icon_zip.gif) no-repeat left bottom;
}
.adobe-reader {
 margin-top: 15px;
 padding: 8px 10px;
 border: 1px solid #CCCCCC;
 background-color: #EDEDED;
 font-size: 85%;
}
.adobe-reader img {
 margin-bottom: 5px;
}

/* -----------------------------------------------------------
　　情報リスト設定
----------------------------------------------------------- */
.pro-info-list {
 width: 646px;
 height: 35px;
 background: url(../../img/bg_pro_info_list.png) no-repeat left bottom;
}
.pro-info-list li {
 display: inline;
 float: left;
 width: 145px;
 height: 33px;
}
.pro-info-list02 {
 padding-left: 6px;
 width: 640px;
 height: 27px;
 background: url(../../img/bg_pro_info_list02.png) no-repeat left bottom;
}
.pro-info-list02 li {
 display: inline;
 float: left;
 width: 90px;
 height: 27px;
}

/* -----------------------------------------------------------
　　メニュー設定
----------------------------------------------------------- */
#med-pro-column-left ul {
 margin-top: 1px;
 padding: 2px 3px 3px;
 width: 196px;
 font-size: 90%;
 font-weight: bold;
 background-color: #DCDCDC;
}
#med-pro-column-left li {
 margin-top: 1px;
 border: 1px solid #FFF;
}
#med-pro-column-left li a, 
#med-pro-column-left li a:link, #med-pro-column-left li a:visited {
 display: block;
 padding: 5px 20px 5px 5px;
 width: 169px;
 color: #484848;
 text-decoration: none;
 background: #FFF url(../../../img/arrow_pagelink.gif) no-repeat 175px center;
}
#med-pro-column-left li a:hover, #med-pro-column-left li a:active, 
#med-pro-column-left li a.pro-menu-act, 
#med-pro-column-left li a.pro-menu-act:link, #med-pro-column-left li a.pro-menu-act:visited {
 color: #484848;
 text-decoration: none;
 background: #E1EDFF url(../../../img/arrow_pagelink.gif) no-repeat 175px center;
}

/* -----------------------------------------------------------
　　table設定
----------------------------------------------------------- */
#med-pro-column-right table {
 margin-top: 10px;
 border-top: 1px solid #CCC;
 font-size: 85%;
 background-color: #FFF;
}
#med-pro-column-right table.border-none {
 border: none;
}
#med-pro-column-right td, #med-pro-column-right th {
 padding: 3px 5px;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 text-align: center;
}
#med-pro-column-right td.border-none {
 border: none;
}
#med-pro-column-right td.graph-end, #med-pro-column-right th.graph-end {
 border-right: none;
}
#med-pro-column-right td.pro-name {
 text-align: left;
 background-color: #E7E7E7;
}

/* -----------------------------------------------------------
　　製品画像設定
----------------------------------------------------------- */
.pro-photo-text {
 margin-top: 5px;
 font-size: 85%;
}
.pro-photo-box {
 padding: 0 11px 15px;
 width: 402px;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
 font-size: 85%;
 font-weight: bold;
}
.pro-photo-box p {
 padding-top: 10px;
}
.pro-photo-box li {
 display: inline;
 float: left;
 margin: 10px 20px 0 0;
 width: 120px;
 font-weight: bold;
}
.pro-photo-box li.pro-photo-end {
 margin-right: 0;
}
.pro-photo-box li.pro-photo-zero {
 margin-top: 0;
}
.pro-photo-box li span, .pro-photo-box li.pro-photo-end span, .pro-photo-box li.pro-photo-zero span {
 display: block;
 text-align: center;
 font-weight: normal;
}
.pro-dl {
 width: 426px;
 height: 30px;
 /*line-height: 30px;*/
 background: url(../../img/bg_download.gif) no-repeat left top;
 font-size: 85%;
}
.pro-dl p {
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align: middle;
}

/* -----------------------------------------------------------
　　グラフ画像設定
----------------------------------------------------------- */
.pro-graph-box {
 padding: 5px 61px 15px;
 width: 302px;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
 font-size: 85%;
 font-weight: bold;
}
.pro-graph-box li {
 padding: 10px 0 0;
 width: 302px;
 font-weight: bold;
}
.pro-graph-box-s {
 padding: 5px 91px 15px;
 width: 242px;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
 font-size: 85%;
 font-weight: bold;
}
.pro-graph-box-s li {
 padding: 10px 0 0;
 width: 242px;
 font-weight: bold;
}
.pro-graph-box li img, .pro-graph-box-s li img {
 border: 1px solid #666;
}
.pro-graph-box li span, .pro-graph-box-s li span {
 display: block;
 text-align: center;
 font-weight: normal;
}
.bt-pro-back {
 margin-top: 30px;
 text-align: center;
}
/* -----------------------------------------------------------
　　ピックアップ情報設定
----------------------------------------------------------- */
.med-pickup-bn {
 margin-top: 15px;
}
.med-pickup-text {
 margin-top: 5px;
 padding-right: 5px;
 font-size: 80%;
 line-height: 1.2;
}

/* -----------------------------------------------------------
　　ツールオーダー情報設定
----------------------------------------------------------- */
.med-toolorder-list {
 margin-left: -8px;;
 font-size: 80%;
}
html>body .med-toolorder-list {
 margin-left: -6px;
}
.med-toolorder-list li {
 display: -mox-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 margin: 3px 0 0;
 padding: 0 6px 0 8px;
 border-right: 1px solid #484848;
}
html>body .med-toolorder-list li {
 padding: 0 8px 0 6px;
}
*html .med-toolorder-list li {/*IE6のみ適用*/
 font-size: 95%;
}
.med-toolorder-list li.med-toolorder-list-end {
 padding-right: 0;
 border: 0;
}

/* -----------------------------------------------------------
　　関連コンテンツ情報設定
----------------------------------------------------------- */
.related-cont {
 margin: 10px 5px 0 7px;
 font-weight: bold;
 font-size: 85%;
}
.related-cont-link li {
 margin-top: 5px;
 padding: 5px 5px 5px 25px;
 border-bottom: 1px dashed #CCC;
 background: url(../../../img/arrow_pagelink_white.gif) no-repeat 7px 7px;
 font-size: 80%;
}

/* -----------------------------------------------------------
　　製品情報センター情報設定
----------------------------------------------------------- */
.med-pro-callcenter-wrap {
 margin-top: 30px;
 width: 200px;
 border: 1px solid #BCB9B4;
}
.med-pro-callcenter {
 padding: 10px 8px;
 width: 182px;
 border: 1px solid #FFF;
 background: url(../../../img/bg_med_callcenter.gif) repeat-x left top;
 overfloaw: hidden;
 font-size: 75%;
}
.med-callcenter p {
 line-height: 1.2;
}
.med-callcenter-num {
 margin: 15px 0;
 text-align: center;
}

/* -----------------------------------------------------------
　　製品詳細情報ページ設定
----------------------------------------------------------- */
.pro-about-text {
 margin: 5px 16px 0 0;
}
.pro-bn-toolorder {
 margin-top: 10px;
}

/* ---------------------------
　　臨床試験設定
--------------------------- */
.pro-test-box {
 margin-top: 10px;
 width: 426px;
}
.pro-test-box-left {
 float: left;
 width: 335px;
}
.pro-test-box-right {
 float: right;
 width: 75px;
}
.pro-test-result {
 margin-top: 10px;
 padding: 7px;
 background-color: #F2F2F2;
 font-size: 85%;
 border: 1px solid #CCC;
}

/* ---------------------------
　　PDFサムネイルBOX設定
--------------------------- */
#med-pro-column-right table.pro-pdf-thumbnail-box td {
 padding: 10px 5px 10px 10px;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 text-align: center;
}
#med-pro-column-right table.pro-pdf-thumbnail-box td.border-none {
 border: none;
}
#med-pro-column-right table.pro-pdf-thumbnail-box td.graph-end {
 border-right: none;
}
.pro-pdf-thumbnail-nest-box {
 width: 197px;
 text-align: left;
}
.pro-pdf-thumbnail-nest-box-left {
 float: left;
 width: 54px;
}
.pro-pdf-thumbnail-nest-box-right {
 float: right;
 width: 135px;
}
.pro-pdf-thumbnail-nest-box-right p span {
 font-weight: bold;
}
.pro-pdf-thumbnail-link {
 margin-top: 10px;
}

/* ---------------------------
　　サムネイルBOX設定
--------------------------- */
.pro-thumbnail-box {
 margin-top: 10px;
 width: 426px;
}
.pro-thumbnail-box-left {
 float: left;
 width: 128px;
}
.pro-thumbnail-box-right {
 float: right;
 width: 285px;
}

/* -----------------------------------------------------------
　　旧製品説明文設定
----------------------------------------------------------- */
.pro-name-info {
 padding-top: 20px;
 font-size: 90%;
}


/* ---------------------------
　　ページトップ設定
--------------------------- */
.med-pro-top {
 padding: 20px 16px 0 0;
 text-align: right;
}
.med-pro-top img {
 padding-right: 3px;
 vertical-align: middle;
}

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