@charset "utf-8";

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

 File name:      medical900_02.css
 Update:         2009.12.26
 Style Info:     医療関係者向けCSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　共通設定
----------------------------------------------------------- */
body {
 background:#FFF url(../../img/bg.gif) repeat-x scroll center top;
}

img.popup {
 padding: 0.2em 0 0.3em 0.3em;
 vertical-align: middle;
}
img.new {
 padding-right: 3px;
 vertical-align: middle;
}
img.alart {
 padding: 0.2em 0 0.3em 0.3em;
 vertical-align: middle;
}
img.pdf {
 padding: 0.2em 0.3em 0.3em 0.3em;
 vertical-align: middle;
}

.top5 {
 margin-top: 5px;
}
.top10 {
 margin-top: 10px;
}
.top15 {
 margin-top: 15px;
}
.top20 {
 margin-top: 20px;
}
.top30 {
 margin-top: 30px;
}
.top40 {
 margin-top: 40px;
}
.ptop5 {
 padding-top: 5px;
}
.pleft20 {
 padding-left: 20px;
}
.blue {
 color: #003b8f;
}
.dot-space {
 padding: 0 4px 0 6px;
}
.bt-med-detail {
 text-align: right;
}
.font-size-110 {
 font-size: 112%;
}
.font-size-90 {
 font-size: 90%;
}
.red {
 color: #F00;
}

/* ---------------------------
　　リンク設定
--------------------------- */
a, a:link, a:visited {
 color: #0066BA;
 text-decoration: none;
}
a:hover, a:active {
 text-decoration: underline;
}

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

/* ---------------------------
　　ぱんくず設定
--------------------------- */
.pankuzu {
 padding-top: 10px;
}
.med-pankuzu, .med-white-pankuzu {
 margin: 0 auto;
 padding: 20px 0 0 15px;
 width: 885px;
 text-align: left;
 /*padding: 20px 15px 0;*/
}
.med-white-pankuzu {
 color: #FFF;
}
.med-white-pankuzu a, .med-white-pankuzu a:link, .med-white-pankuzu a:visited, 
.med-white-pankuzu a:hover, .med-white-pankuzu a:active {
 color: #FFF;
 text-decoration: underline;
}
.med-white-pankuzu a:hover, .med-white-pankuzu a:active {
 text-decoration: none;
}

/* ---------------------------
　　ヘッダー設定
--------------------------- */
#header {
 margin: 0 auto;
 padding: 15px 0 0;
 width: 900px;
 text-align: left;
}
.header-left {
 float: left;
 width: 312px;
 padding-top: 3px;
}
.header-right {
 float: right;
 width: 580px;
}

.header-nest {
 width: 580px;
}
.header-nest-left, .header-nest-right {
 float: right;
 margin-left: 10px;
}

#header form {
 margin: 5px 0 3px;
 text-align: right;
}
#header ul.subnavi {
 text-align: right;
}
#header ul.subnavi li {
 display: inline;
 background: url(../../img/arrow_med_orange.gif) no-repeat left center;
 margin-left: 3px;
 padding: 0 4px 0 14px;
 font-size: 80%;
}
#header ul.subnavi li.blue {
 background: url(../../img/arrow_med_blue.gif) no-repeat left center;
}

#medmenu-container {
 height: 40px;
 margin-top: 4px;
 background: url(../../img/bg_menu.gif) repeat-x top;
}
/* ---------------------------
　　メニュー設定
--------------------------- */
#med-menu {
 margin: 0 auto;
 width: 900px;
 text-align: left;
}
#med-menu li {
 display: inline;
}
/* ---------------------------
　　ページトップ設定
--------------------------- */
/*.top {
 margin-top: 15px;
 text-align: right;
}
.top img {
 margin-right: 3px;
 vertical-align: middle;
}*/

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

h3.med-common, h3.w250-l, h3.w500-r {
 border-bottom: 1px solid #e1e1e2;
 background: url(../../img/bg_title_news.gif) no-repeat left top;
}
h3.med-common {
 width: 845px;
 margin: 0 1px;
 padding: 5px 20px 5px 33px;
}
.h3-wrap {
 margin: 0 1px;
}
h3.w250-l {
 width: 207px;
 float: left;
 padding: 5px 5px 5px 33px;
}
h3.w500-r {
 float: left;
 width: 452px;
 padding: 5px 20px 5px 33px;
 /*margin: 0 1px 0 0;*/
}
/* -----------------------------------------------------------
　　ページレイアウト設定
----------------------------------------------------------- */
#med-cont-wrap {
 margin-top: 10px;
 background: url(../../img/bg_med_cont_wrap.gif) repeat-x bottom;
}

#med-container {
 width: 900px;
 margin: 0 auto;
 padding-top: 20px;
 background: url(../../img/bg_med_cont900.gif) no-repeat left top;
 text-align: left;
}

#med-container-bottom {
 width: 900px;
 padding-bottom: 40px;
 background: url(../../img/bg_med_cont_bottom900.gif) no-repeat left bottom;
}

#med-home-container-bottom {
 width: 876px;
 padding: 0 12px 40px;
 background: url(../../img/bg_med_cont_bottom900.gif) no-repeat left bottom;
}

#med-home-column-left {
 float: left;
 width: 620px;
}
#med-home-column-right {
 float: right;
 width: 236px;
}

#med-home-nest-column {
 margin-top: 30px;
 width: 620px;
 background: url(../../img/bg_med_home_nest_column.gif) repeat-y center;
}
#med-home-nest-column-left, #med-home-nest-column-right {
 width: 300px;
}
#med-home-nest-column-left {
 float: left;
}
#med-home-nest-column-right {
 float: right;
}
.med-home-list-column {
 margin-top: 15px;
 width: 300px;
}
.med-home-list-column-left {
 float: left;
}
.med-home-list-column-right {
 float: right;
}




div.med-cont752 {
 width: 719px;
 padding: 15px 17px 25px 16px;
}
div.med-cont870 {
 width: 870px;
 padding: 15px 15px 25px;
}

/* -----------------------------------------------------------
　　新着情報設定
----------------------------------------------------------- */
.news-title {
 width: 620px;
 height: 31px;
 background: url(../../img/bg_news_title.gif) no-repeat left top;
}
.news-title h3 {
 float: left;
 padding-left: 10px;
 color: #FFF;
 line-height: 31px;
}
.news-title h3 span {
 padding: 2px 0 2px 5px;
 border-left: 5px solid #FFF;
}
.news-page-link {
 float: right;
 margin: 5px 5px 5px 0;
 padding: 0 5px;
 width: 8em;
 line-height: 20px;
 background-color: #FFF;
 border-top: 1px solid #CBCBCB;
 border-left: 1px solid #CBCBCB;
 font-size: 90%;
}
.news-page-link span {
 padding-left: 17px;
 background: url(../../img/arrow_pagelink.gif) no-repeat left center;
}

dl#med-news {
}
dl#med-news dt {
 margin-top: 15px;
 padding-bottom: 4px;
 border-bottom: 1px dashed #BCB9B4;
}
dl#med-news dt span {
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 margin-right: 10px;
 padding: 1px;
 width: 9em;
 text-align: center;
 font-size: 80%;
}
.med-info-academic {
 border: 1px solid #43D902;
 background-color: #D8FFC7;
}
.med-info-product {
 border: 1px solid #32A1FF;
 background-color: #C7E5FF;
}
dl#med-news dd {
 margin-top: 5px;
 padding-bottom: 3px;
 border-bottom: 1px solid #8D8B87;
}

/* 新着情報一覧ページ */
dl#med-news-list {
 margin-bottom: 15px;
}
dl#med-news-list dt {
 margin-top: 10px;
}
dl#med-news-list dd {
 margin-top: 5px;
 padding: 0 0 3px 18px;
 border-bottom: 1px dashed #ACACAC;
 background: url(../../img/arrow_blue_circle.gif) no-repeat left 2px;
}
ul.yearindex {
 padding: 6px 0;
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 background-color: #F5F5F5;
 font-size: 90%;
}
ul.yearindex li {
 display: inline;
 padding: 0 8px 0 8px;
 font-weight: bold;
 line-height: 1.0;
}
ul.yearindex li.end {
 border: none;
}
ul.yearindex li a {
 padding-left: 8px;
 background: url(../../img/prdlist_arw.gif) no-repeat left 4px;
}

/* 新着情報詳細ページ */
.news-container {
 width: 610px;
 padding: 0 5px 0 5px;
}
.news-heading {
 margin-top: 0px;
 border-top: 2px solid #003B8F;
 border-bottom: 2px solid #003B8F;
 font-size: 110%;
 font-weight: bold;
 padding: 5px 0 5px 0;
 color: #222222;
}
.news-date {
 margin-top: 10px;
 font-size: 105%;
 font-weight: bold;
 color: #222222;
}
.news-sentence {
 margin-top: 10px;
}
.news-photo-base-600-wrap {
 margin-top: 25px;
 padding: 0px;
}
.news-photo-left-295 {
 float: left;
 width: 295px;
 text-align: center;
}
.news-photo-right-295 {
 float: right;
 width: 295px;
 text-align: center;
}
.news-photo-left-295 p, .news-photo-right-295 p{
 margin-top:7px;
}
.news-quote-blue {
 background-color: #E8F0FD;
 border: 1px solid #CCCCCC;
 clear: both;
 margin-top: 20px;
 padding: 10px;
}

/* -----------------------------------------------------------
　　製品情報、疾患・学術情報設定
----------------------------------------------------------- */
#med-home-nest-column h3 {
 padding-left: 10px;
 width: 290px;
 height: 31px;
 background: url(../../img/bg_other_info_title.gif) no-repeat left top;
 color: #FFF;
 line-height: 31px;
}
#med-home-nest-column h3 span {
 padding: 2px 0 2px 5px;
 border-left: 5px solid #FFF;
}
#med-home-nest-column-left h4, #med-home-nest-column-right h4 {
 padding: 2px 2px 2px 5px;
 font-size: 85%;
 background-color: #DEDEDE;
}
#med-home-nest-column-left ul, #med-home-nest-column-right ul {
 padding-top: 10px;
}
#med-home-nest-column-left ul li, #med-home-nest-column-right ul li {
 margin-top: 5px;
 /*padding-left: 5px;*/
 font-size: 80%;
}

/* -----------------------------------------------------------
　　ピックアップ情報設定
----------------------------------------------------------- */
#med-home-column-right h4 {
 padding-left: 10px;
 width: 226px;
 height: 31px;
 line-height: 31px;
 background: url(../../img/bg_sidebar_title.gif) no-repeat left top;
}
#med-home-column-right h4 span {
 padding: 2px 0 2px 5px;
 border-left: 5px solid #FF7E3F;
}
.med-pickup {
 margin-top: 5px;
 font-size: 80%;
 line-height: 1.2;
}
.med-pickup img {
 margin-top: 10px;
}

/* -----------------------------------------------------------
　　ピックアップ情報設定-216px
----------------------------------------------------------- */
.column-right216-midashi {
 margin-top: 20px;
 padding-left: 10px;
 width: 206px;
 height: 31px;
 line-height: 31px;
 background: url(../../img/bg_sidebar_title.gif) no-repeat left top;
}
.column-right216-midashi span {
 padding: 2px 0 2px 5px;
 border-left: 5px solid #FF7E3F;
}
.column-right216-pickup-bn {
 margin-top: 15px;
}
.column-right216-pickup-text {
 margin-top: 5px;
 padding-right: 5px;
 font-size: 80%;
 line-height: 1.2;
}


/* -----------------------------------------------------------
　　製品情報センター情報設定
----------------------------------------------------------- */
.med-callcenter-wrap {
 margin-top: 30px;
 width: 234px;
 border: 1px solid #BCB9B4;
}
.med-callcenter {
 padding: 10px 8px;
 width: 216px;
 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;
}
/* -----------------------------------------------------------
　　製品情報センター情報設定-216px
----------------------------------------------------------- */
.med-callcenter216-wrap {
 margin: 30px 0 0 6px;
 width: 200px;
 border: 1px solid #BCB9B4;

}
.med-callcenter216 {
 padding: 8px;
 width: 182px;
 border: 1px solid #FFF;
 background: url(../../img/bg_med_callcenter.gif) repeat-x left top;
 overfloaw: hidden;
 font-size: 75%;
}
.med-callcenter216 p {
 line-height: 1.2;
}
.med-callcenter216-num {
 margin: 15px 0;
 text-align: center;
}


/* -----------------------------------------------------------
　　患者さま向け　疾患情報設定
----------------------------------------------------------- */
.med-kanja-wrap {
 position: relative;
 margin-top: 15px;
 width: 234px;
 border: 1px solid #BCB9B4;
}
.med-kanja {
 padding: 10px 8px;
 width: 216px;
 border: 1px solid #FFF;
 background: url(../../img/bg_med_kanja.gif) repeat-x left top;
 overfloaw: hidden;
 font-size: 80%;
}
.med-kanja ul {
 margin: 15px 0 0 5px;
}
.med-kanja ul li {
 margin-top: 5px;
 background: url(../../img/arrow_pagelink_ore.gif) no-repeat left center;
}
.med-kanja ul li a {
 padding-left: 17px;
}
.med-kanja-image {
 position: absolute;
 top: 25px;
 right: 5px;
}

/* ---------------------------
　　フッター設定
--------------------------- */
#med-footer-container {
 margin-top: 10px;
}
#med-footer {
 margin: 0 auto;
 padding: 0;
 width: 900px;
 min-height: 77px;
 text-align: left;
}
.med-footer-left {
 float: left;
}
.med-footer-right {
 float: right;
}

#med-footer ul {
 padding-top: 15px;
}
.med-footer-right ul {
 text-align: right;
}
#med-footer li {
 display: inline;
 background: url(../../img/arrow_med_orange.gif) no-repeat left center;
 padding: 0 7px 0 14px;
 font-size: 85%;
}
#med-footer p {
 margin-top: 20px;
 font-size: 85%;
}


/* -----------------------------------------------------------
　　上付き、下付き設定
----------------------------------------------------------- */
#med-container .sub {
 /* 下付 */
 font-size: 8px;
 position: relative;
 top: 0.4em;
}
#med-container .sup {
/* 上付（イオン価数） */
 font-size: 8px;
 position: relative;
 top: -0.6em;
}


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