@charset "utf-8";

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

 File name:      medicaltop.css
 Update:         2012.01.27
 Style Info:     医療関係者向けトップページCSSファイル
----------------------------------------------------------- */
#medph5-container-bottom {
 padding: 14px 2px 22px;
 text-align: left;
 width: 900px;
}

#med-main-wrap {
 width: 876px;
 margin: 0 12px 16px;
 background: url(../../img/bg_main.gif) no-repeat left top #003B8F;
 color: #FFF;
 position: relative;
}
#med-main-nest {
 width: 876px;
}

.med-main {
 width: 836px;
 padding: 20px 20px 25px;
}
#med-main-products {
 float: left;
 width: 250px;
}
#med-main-products ul {
 font-size: 93%;
}
#med-main-shikkan {
 float: right;
 width: 564px;
}
#med-main-shikkan ul {
 float: left;
 width: 178px;
 margin-right: 10px;
 font-size: 93%;
}
#med-main-academic ul {
 float: left;
 width: 278px;
 margin-right: 0px;
 font-size: 93%;
}

.med-main h2 {
 margin-bottom: 7px;
 padding-bottom: 6px;
 border-bottom: solid 1px #A7B2C3;
 font-size: 108%;
 font-weight: bold;
}
.med-main a, .med-main a:link, .med-main a:visited, .med-main a:hover, .med-main a:active {
 color: #FFF;
}
ul.med-main-products li {
 margin-bottom: 10px;
 padding-left: 12px;
 background: url(../../img/ico_prd.gif) no-repeat left center;
 line-height: 1em;
}
ul.med-main-ico li {
 margin-bottom: 4px;
 padding-left: 35px;
 background-position: left center;
 background-repeat: no-repeat;
 height: 30px;
}
ul.med-main-ico li a {
 display: block;
 padding: 7px 0 0;
}
ul.med-main-ico li.book { background-image: url(../../img/ico_acd_book.gif) }
ul.med-main-ico li.paper { background-image: url(../../img/ico_acd_paper.gif) }
ul.med-main-ico li.speach { background-image: url(../../img/ico_acd_speach.gif) }
ul.med-main-ico li.movie { background-image: url(../../img/ico_acd_movie.gif) }
ul.med-main-ico li.podcast { background-image: url(../../img/ico_acd_podcast.gif) }
ul.med-main-ico li.skin { background-image: url(../../img/ico_shi_skin.gif) }
ul.med-main-ico li.copd { background-image: url(../../img/ico_shi_copd.gif) }
ul.med-main-ico li.g { background-image: url(../../img/ico_shi_g.gif) }
ul.med-main-ico li.toutsu { background-image: url(../../img/ico_shi_toutsu.gif) }


#med-main-navi {
 position: relative;
 z-index: 1;
}
#med-main-navi ul {
 padding: 0 186px 0 185px;
 width: 505px;
 background: url(../../img/bg_main_navi.gif) no-repeat left bottom;
}
li#med-main-navi-products {
 float: left;
 width: 271px;
}
li#med-main-navi-academic {
 float: right;
 width: 184px;
}
#med-main-navi li a {
 text-indent: -9999px;
 display: block;
}
#med-main-navi li#med-main-navi-products a {
 display: block;
 width: 271px;
 height: 46px;
 background: url(../../img/mainnavi_products.gif) no-repeat left top;
}
#med-main-navi li#med-main-navi-products.current a,
#med-main-navi li#med-main-navi-products a:hover {
 background: url(../../img/mainnavi_products.gif) no-repeat left -46px;
}
#med-main-navi li#med-main-navi-academic a {
 display: block;
 width: 184px;
 height: 46px;
 background: url(../../img/mainnavi_academic.gif) no-repeat left top;
}
#med-main-navi li#med-main-navi-academic.current a,
#med-main-navi li#med-main-navi-academic a:hover {
 background: url(../../img/mainnavi_academic.gif) no-repeat left -46px;
}

#med-main-prev {
 position: absolute;
 left: 0;
 top: 6px;
 z-index: 10;
}
#med-main-next {
 position: absolute;
 right: 0;
 top: 6px;
 z-index: 20;
}

#med-top-cont {
 width: 882px;
 margin: 0 9px 30px;
}
#med-top-special-wrap {
 float: left;
 width: 288px;
 background: url(../../img/bg_special_middle.gif) repeat-y left top;
}
#med-top-special {
 background: url(../../img/bg_special_top.gif) no-repeat left top;
}
#med-top-special-nest {
 background: url(../../img/bg_special_bottom.gif) no-repeat left bottom;
 padding: 10px 14px 14px;
}
#med-top-recommend-wrap {
 float: right;
 width: 586px;
 background: url(../../img/bg_recommend_middle.gif) repeat-y left top;
}
#med-top-recommend {
 background: url(../../img/bg_recommend_top.gif) no-repeat left top;
}
#med-top-recommend-nest {
 width: 558px;
 background: url(../../img/bg_recommend_bottom.gif) no-repeat left bottom;
 padding: 10px 14px 14px;
}
#med-top-cont h2 {
 padding-bottom: 2px;
 margin-bottom: 10px;
 border-bottom: solid 1px #93BACD;
 font-size: 108%;
 font-weight: bold;
 color: #000;
}
#med-top-special-nest ul li {
 margin-bottom: 4px;
 padding-left: 35px;
 background: url(../../img/ico_sp.gif) no-repeat left center;
 padding-top: 5px;
 height: 25px;
}

/*ul#med-top-recommend-left {
 float: left;
 width: 178px;
}
ul#med-top-recommend-left li {
 margin-bottom: 14px;
}*/

#med-top-recommend-left {
 float: left;
 width: 184px;
}

/* WEBセミナーのバナー掲載時 */
#med-top-recommend-left2 {
 float: left;
 width: 275px;
}

#med-top-bnfade-tp-wrap {
 width: 174px;
 margin-bottom: 7px;
 padding: 5px;
 background: url(../../img/bg_bn_top.png) no-repeat left top;
}
#med-top-bnfade-bt-wrap {
 width: 174px;
 margin-bottom: 7px;
 padding: 5px;
 background: url(../../img/bg_bn_top.png) no-repeat left top;
}
#med-top-bnfade {
 width: 174px;
 height: 98px;
 overflow: hidden;
}
#med-top-bnfade div {
 display: block;
}
.med-top-bn {
 padding: 0 3px;
}

#med-under {
 width: 876px;
 margin: 0 12px;
}
#med-under-left {
 float: left;
 width: 586px;
 padding-left: 7px;
}
#med-under-right {
 float: right;
 width: 236px;
 background: url(../../img/bg_pickup.gif) repeat-x left top;
 padding: 10px;
}
#med-under-right h2 {
 padding-bottom: 7px;
}

#med-news-title {
 position: relative;
 z-index: 1;
 width: 586px;
 margin-bottom: 8px;
 padding-bottom: 6px;
 border-bottom: solid 1px #CCC;
}
#med-news-title h2 {
 border-left: solid 5px #0099E5;
 padding-left: 8px;
 line-height: 1.8em;
 font-size: 108%;
 font-weight: bold;
}
#med-news-title ul#news-bt-wrap {
 position: absolute;
 right: 80px;
 top: 0;
 padding: 2px 0 0 10px;
 border-left: solid 1px #CCC;
}
#med-news-title ul#news-bt-wrap li {
 display: inline;
 margin-right: 8px;
 font-size: 90%;
}
#med-news-title ul#news-bt-wrap li a, #med-news-title ul#news-bt-wrap li a:link, #med-news-title ul#news-bt-wrap li a:visited {
 color: #2A2A2A;
 padding: 2px 5px;
 text-decoration: none;
}
#med-news-title ul#news-bt-wrap li a:hover, #med-news-title ul#news-bt-wrap li a:active,
#med-news-title ul#news-bt-wrap li a.news-bt-active,
#med-news-title ul#news-bt-wrap li a.news-bt-active:link,
#med-news-title ul#news-bt-wrap li a.news-bt-active:visited,
#med-news-title ul#news-bt-wrap li a.news-bt-active:hover,
#med-news-title ul#news-bt-wrap li a.news-bt-active:active {
 background-color: #003B8F;
 color: #FFF;
 text-decoration: none;
}
#med-news-title p.bt-news-list {
 position: absolute;
 right: 0;
 top: 0;
}

#med-news {
}
#med-news dt {
 margin-top: 15px;
 padding-bottom: 0;
 border-bottom: none;
}
#med-news dd {
 margin-top: 5px;
 padding-bottom: 3px;
 border-bottom: solid 1px #CCC;
}
.med-news-academic dt span {
 border: 1px solid #43D902;
 background-color: #D8FFC7;
}
.med-news-product dt span {
 border: 1px solid #32A1FF;
 background-color: #C7E5FF;
}
.med-news-tool dt span {
 border: 1px solid #FFC259;
 background-color: #FFEED0;
}
.med-news-company dt span {
 border: 1px solid #FF79A2;
 background-color: #FFDBE5;
}
.med-news-other dt span {
 border: 1px solid #FFC259;
 background-color: #FFEED0;
}

#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-callcenter236-wrap {
 margin-top: 10px;
}
.med-callcenter236 {
 width: 216px;
 padding: 10px 10px;
 background: url(../../img/bg_pickup_bottom.gif) no-repeat left bottom;
 font-size: 75%;
}
.med-callcenter236 img {
 padding: 0 0 7px 7px;
}

.med-new-window {
 padding-right: 25px;
 background: url(../../img/ico_nwindow.gif) no-repeat right center;
}


#med-news dd ul li.pdf {
 padding-left: 21px;
 background: url(../../../img/icon_pdf.gif) no-repeat left center;
}


/* -----------------------------------------------------------
　　製品名プルダウン設定
----------------------------------------------------------- */
#prd-pulldown {
 margin-bottom: 12px;
 position: relative;
}
#prd-pulldown .pulldownBt a {
 display: block;
 width: 238px;
 min-height: 21px;
 padding: 0 5px;
 height: auto !important;
 height: 21px;
 line-height: 21px;
 border: solid 1px #003C93;
 background: url(../../img/bg_prd_pulldown.gif) no-repeat right top #E6EEF2;
 font-size: 90%;
}
#prd-pulldown .pulldownBt a, #prd-pulldown .pulldownBt a:link, #prd-pulldown .pulldownBt a:visited {
 color: #000;
}
#prd-pulldown .pulldownBt a:hover, #prd-pulldown .pulldownBt a:active {
 border: solid 1px #00AAFF;
 text-decoration: none;
 background: url(../../img/bg_prd_pulldown.gif) no-repeat right -31px #E6EEF2;
}
ul#prd-pulldown-list {
 width: 248px;
 height: 200px !important;
 height: auto;
 border: solid 1px #333;
 background-color: #FFF;
 text-align: left;
 font-size: 90%;
 overflow: auto;
}
.pulldown {
 display: none;
 position: absolute;
 z-index: 31000;
 top: 58px;
 left: 20px;
}
ul#prd-pulldown-list li {
 height: 1em;
 height: auto !important;
}
ul#prd-pulldown-list li.end {
 background: none;
}
ul#prd-pulldown-list li a {
 display: block;
 zoom: 1;
 padding: 2px;
 background-color: #FFF;
}
ul#prd-pulldown-list li a, ul#prd-pulldown-list li a:link, ul#prd-pulldown-list li a:visited {
 color: #000;
}
ul#prd-pulldown-list li a:hover, ul#prd-pulldown-list li a:active {
 text-decoration: none;
 color: #FFF;
 background-color: #3399FF;
}

#prd-pulldown select {
 width: 248px;
}

/* Dermadoバナー */
#med-top-recommend-right {
 float: right;
 width: 368px;
}

/* Dermadoバナー（WEBセミナーのバナー掲載時） */
#med-top-recommend-right2 {
 float: right;
 width: 275px;
}

/* ペンレスInformationバナー */
#med-top-recommend-right p.title {
}
#med-top-recommend-right #med-top-recommend-right-nest {
 width: 350px;
 padding: 14px 8px;
 border: solid 1px #0090C5;
 background: url(../../img/bg_bn_penles.gif) repeat-y right top;
}

#med-top-recommend-right-l {
 float: left;
 width: 142px;
}
#med-top-recommend-right-r {
 float: right;
 width: 200px;
}
#med-top-recommend-right p.lead {
 font-size: 80%;
 line-height: 1.4em;
 padding: 10px 0 30px;
}
#med-top-recommend-right p.cf {
 font-size: 75%;
 padding-bottom: 0.8em;
}
#med-top-recommend-right p.bt {
 text-align: center;
}
/*#med-top-recommend-right {
 float: right;
 width: 348px;
 padding: 15px 10px;
 background-color: #003B8F;
 color: #CED5E0
}
#med-top-recommend-right-l {
 float: left;
 width: 124px;
}
#med-top-recommend-right-r {
 float: right;
 width: 206px;
 background-color: #FFF;
}
#med-top-recommend-right p.title {
 padding-bottom: 15px;
}
#med-top-recommend-right p.lead {
 font-size: 80%;
 line-height: 1.4em;
 padding-bottom: 0.8em;
}
#med-top-recommend-right p.cf {
 font-size: 75%;
 padding-bottom: 0.8em;
}
#med-top-recommend-right p.bt {
 text-align: right;
}*/



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