@charset "utf-8";

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

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

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

img.popup {
 /*padding-left: 3px;*/
 padding: 0.2em 0 0.3em 0.3em;
 vertical-align: middle;
}
img.new {
 padding-right: 3px;
 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: 2px;
 text-align: right;
}
.med-top img, .med-top02 img {
 padding-right: 3px;
 vertical-align: middle;
}

/* ---------------------------
　　ぱんくず設定
--------------------------- */
.med-pan-bottom {
 padding: 20px 17px 0 16px;
}

/* ---------------------------
　　ヘッダー設定
--------------------------- */
#header {
 margin: 0 auto;
 padding: 15px 0 0;
 width: 750px;
 text-align: left;
}
.header-left {
 float: left;
 width: 312px;
 padding-top: 3px;
}
.header-right {
 float: right;
 width: 430px;
}
#header form {
 margin: 5px 0 3px;
 text-align: right;
}
#header ul {
 text-align: right;
}
#header 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 li.blue {
 background: url(../../img/arrow_med_blue.gif) no-repeat left center;
}
#medmenu-container {
 height: 47px;
 margin-top: 4px;
 background: url(../../img/bg_menu.gif) repeat-x top;
}
/* ---------------------------
　　メニュー設定
--------------------------- */
#med-menu {
 margin: 0 auto;
 width: 750px;
 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: 750px;
 margin: 30px auto 0;
 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: 697px;
 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: 20px;
 background: url(../../img/bg_med_cont_wrap.gif) repeat-x bottom;
}

#med-container {
 width: 752px;
 margin: 0 auto;
 padding-top: 5px;
 background: url(../../img/bg_med_cont.gif) no-repeat left top;
 text-align: left;
}
#med-container-bottom {
 width: 752px;
 margin: 0 auto;
 padding-bottom: 20px;
 background: url(../../img/bg_med_cont_bottom.gif) no-repeat left bottom;
}
div.med-cont752 {
 width: 719px;
 padding: 15px 17px 25px 16px;
}

/* -----------------------------------------------------------
　　医療関係者カテゴリエリア設定
----------------------------------------------------------- */
#med-category-menu {
 width: 303px;
 margin-top: 20px;
 /*background: url(../../img/bg_bt_medcat.gif) no-repeat left top;*/
}
#med-category-menu ul {
 width: 303px;
}
#med-category-menu ul li {
 float: left;
 width: 101px;
}
#med-category-menu ul li a {
 display: block;
 width: 101px;
 height: 28px;
 font-size: 0pt;
 line-height: 1px;
 text-indent: -9999px;
}
#med-category-menu ul li#doctorcat a {
 background: url("../../img/bt_med_doc.gif") no-repeat left top;
}
#med-category-menu ul li#pharmacycat a {
 background: url("../../img/bt_med_pha.gif") no-repeat left top;
}
#med-category-menu ul li#mscat a {
 background: url("../../img/bt_med_ms.gif") no-repeat left top;
}
#med-category-menu ul li#doctorcat a:hover, #med-category-menu ul li#doctorcat a.active {
 background: url("../../img/bt_med_doc_a.gif") no-repeat left top;
}
#med-category-menu ul li#pharmacycat a:hover, #med-category-menu ul li#pharmacycat a.active {
 background: url("../../img/bt_med_pha_a.gif") no-repeat left top;
}
#med-category-menu ul li#mscat a:hover, #med-category-menu ul li#mscat a.active {
 background: url("../../img/bt_med_ms_a.gif") no-repeat left top;
}

#med-category {
 width: 719px;
 margin-top: 20px;
}

.med-category-left {
 float: left;
 width: 209px;
}
.med-category-right {
 float: right;
 width: 493px;
}
.med-category-r-wrap {
 width: 493px;
}
.med-category-r-left {
 float: left;
 width: 230px;
}
.med-category-r-right {
 float: right;
 width: 260px;
}

#med-category ul.med-list {
 margin: 10px 3px 0;
}
#med-category ul.med-list li {
 margin-top: 5px;
}

div.med-category-title {
 width: 209px;
 background: url(../../img/bg_med_cat.gif) no-repeat left top;
}
h3.med-category-title {
 width: 199px;
 padding: 4px 0 4px 10px;
 background: url(../../img/bg_med_cat_bottom.gif) no-repeat left bottom;
}
div.med-category-title02 {
 width: 493px;
 background: url(../../img/bg_med_cat02.gif) no-repeat left top;
}
h3.med-category-title02 {
 width: 483px;
 padding: 4px 0 4px 10px;
 background: url(../../img/bg_med_cat_bottom02.gif) no-repeat left bottom;
}

/* -----------------------------------------------------------
　　ニュースリリース設定
----------------------------------------------------------- */
.news-title {
 position: relative;
 height: 32px;
}
.news-title h3 {
 position: absolute;
 top: 0;
 left: 0;
}
.news-page-link {
 position: absolute;
 top: 6px;
 right: 17px;
 z-index: 1;
}
.news-page-link img {
 padding-left: 3px;
 vertical-align: middle;
}
dl#med-news {
}
dl#med-news dt {
 margin-top: 10px;
}
dl#med-news 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.med-news-q li {
 margin-top: 4px;
 padding-left: 18px;
 background: url(../../img/arrow_blue_circle.gif) no-repeat left 2px;
}
.news-q-year {
 margin-left: 20px;
 padding-left: 24px;
 background: url(../../img/bg_news_year.gif) no-repeat left 2px;
 font-size: 130%;
 font-weight: bold;
 line-height: 1.0;
 color: #000;
}

#med-news-title {
 position: relative;
 width: 900px;
 height: 51px;
 margin: 0 auto;
}
#med-news-title h2 {
 position: absolute;
 top: 0;
 left: 0;
}
ul.med-news-year-list {
 position: absolute;
 top: 0;
 right: 0;
 margin-top: 34px;
}
ul.med-news-year-list li {
 display: inline;
 padding: 0 8px;
 border-right: 1px solid #5C6885;
 /*line-height: 1.0;*/
 font-size: 90%;
}
ul.med-news-year-list li.end {
 padding-right: 0;
 border-right: none;
}


/* -----------------------------------------------------------
　　ライブラリー設定
----------------------------------------------------------- */
.lib-wrap {
 width: 719px;
 margin-top: 5px;
}
.lib_left {
 float: left;
 width: 414px;
 /*margin-right: 25px;*/
}
.lib_right {
 float: right;
 width: 280px;
}
.bt-med-list {
 margin-top: 10px;
 text-align: right;
}
.bt-med-list img {
 padding-left: 3px;
 vertical-align: middle;
}

#med-container02 {
 width: 752px;
 margin: 0 auto;
 background: url(../../img/bg_med_cont.gif) no-repeat left top;
 text-align: left;
}
.libcont01 {
 width: 719px;
 margin-top: 10px;
}
.libcont01 .lib-left {
 float: left;
 width: 400px;
}
.libcont01 .lib-right {
 float: right;
 width: 300px;
 border: 1px solid #CCC;
}
.libcont01 .lib-right-inner {
 margin: 2px;
 padding: 10px 8px;
 border: 1px solid #CCC;
 background-color: #fdfefd;
}
.lib-contact-title {
 color: #000;
 font-weight: bold;
}
.lib-contact-exp {
 margin-top: 5px;
 font-size: 90%;
}
.lib-contact-bt {
 margin: 20px auto 0;
 text-align: center;
}
.libmv-index-wrap {
 width: 719px;
 margin: 30px 0 20px;
 background: url(../../img/libmv_index_bg01.gif) no-repeat left top;
}
.libmv-index {
 padding: 5px 30px 15px;
 width: 689px;
 background: url(../../img/libmv_index_bg02.gif) no-repeat left bottom;
}
.libmv-index-left {
 float: left;
 width: 460px;
}
.libmv-index-right {
 float: right;
 width: 210px;
}
.libmv-index01 {
 margin-top: 10px;
 padding-left: 13px;
 background: url(../../img/lib_ico_index01.gif) no-repeat left 6px;
 font-weight: bold;
}
.libmv-index li {
 padding-left: 8px;
 background: url(../../img/lib_ico_index02.gif) no-repeat left 8px;
}

table.libmv-tbl {
 width: 719px;
 margin-top: 2px;
 border-top: solid 1px #CCC;
 border-left: solid 1px #CCC;
}
table.libmv-tbl, table.libmv-tbl th, table.libmv-tbl td {
 border-collapse: collapse;
}
table.libmv-tbl th, table.libmv-tbl td {
 padding: 3px;
 border-right: 1px solid #CCC;
 border-bottom: solid 1px #CCC;
 text-align: center;
}
table.libmv-tbl th {
 padding: 3px 1px;
 background-color: #E8E8E8;
 font-size: 70%;
 font-weight: normal;
 line-height: 1.0;
}
table.libmv-tbl th.fsmall {
 font-size: 60%;
}
table.libmv-tbl td {
 padding: 3px;
 font-size: 88%;
}
table.libmv-tbl td.fsmall {
 font-size: 72%;
}

.libmv-contact-top {
 width: 719px;
 margin-top: 30px;
 padding-top: 5px;
 background: url(../../img/libmv_contact_bg01.gif) no-repeat left top;
}
.libmv-contact-middle {
 width: 719px;
 background: url(../../img/libmv_contact_bg02.gif) repeat-y left;
}
.libmv-contact-bottom {
 width: 679px;
 padding: 15px 20px;
 background: url(../../img/libmv_contact_bg03.gif) no-repeat left bottom;
}
.libmv-contact-attension {
 background-color:#E8F0FD;
 border:1px solid #CCCCCC;
 margin-top:15px;
 padding:10px;
}
.node-title {
 background:transparent url(../../../aboutus/img/sankaku_down.gif) no-repeat scroll left center;
 color:#003B8F;
 font-weight:bold;
 margin:0 0 5px;
 padding-left:13px;
}
.content-btarea {
 margin: 20px auto 10px;
 width: 400px;
 text-align: center;
}
.content-btarea img {
 margin: 0 30px;
}

table.seminar {
 width: 719px;
 border-top: 1px solid #BFBFBF;
 line-height: 1.3;
}
table.seminar, table.seminar th, table.seminar td {
 border-collapse: collapse;
}
table.seminar td, table.seminar th {
 border-right: 1px solid #FFF;
}
table.seminar th {
 padding: 3px;
 background-color: #F0F0F0;
 border-bottom: 1px solid #BFBFBF;
 text-align: center;
 font-size: 90%;
 font-weight: bold;
}
table.seminar td {
 padding: 6px 3px 9px;
 background-image: url(../../img/bg_bb.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 font-size: 85%;
}
table.seminar td.sem01 {
 background-color: #F9FBFF;
}
table.seminar td.sem01 p.semtitle {
 font-size: 110%;
 font-weight: bold;
}
table.seminar td.sem02 {
 background-color: #FFF;
}
table.seminar td.sem-pdf {
 text-align: center;
 background-color: #FFF9F7;
}


/* -----------------------------------------------------------
　　医学会情報設定
----------------------------------------------------------- */
.society {
 width: 683px;
 margin: 30px auto 50px;
 padding-top: 5px;
 background: url(../../img/society_bg01.gif) no-repeat left top;
}
.society-middle {
 width: 683px;
 background: url(../../img/society_bg02.gif) repeat-y left;
}
.society-bottom {
 width: 597px;
 padding: 40px 43px;
 background: url(../../img/society_bg03.gif) no-repeat left bottom;
}
.society .btarea {
 width: 537px;
 margin: 30px auto 0;
}
.btarea img.bt01 {
 margin-right: 65px;
}
.society .bookmark {
 margin-top: 60px;
 padding: 15px;
 border: 1px solid #CCC;
}
.society .attention {
 margin-top: 30px;
 padding: 15px;
 background-color: #f3f4f6;
 font-size: 85%;
}


/* -----------------------------------------------------------
　　バナーエリア設定
----------------------------------------------------------- */
.med-bn-area {
 margin: 15px 1px;
 padding: 5px 0 5px;
 width: 750px;
 background-color: #F0F0F0;
}
.med-bn-arrow {
 float: left;
 width: 17px;
 padding-top: 20px;
 text-align: center;
}
.med-bn-arrow img {
 vertical-align: middle;
}
.jCarouselLite {
 float: left;
 width: 716px;
 padding-top: 0;
}
ul#med-bn {
 width: 716px;
}
ul#med-bn li {
 float: left;
 width: 171px;
 padding: 4px;
}


#med-bn-cont {
 width: 724px;
 margin: 0 1px;
 padding: 6px 13px 0 13px;
 text-align: left;
 background: url(../../img/bg_featured_cont.png) repeat-x top;
}
#med-bn-cont .med-bn-left {
 float: left;
 width: 483px;
}
#med-bn-cont .med-bn-right {
 float: right;
 width: 241px;
}
#med-bn-cont .med-bn-left-box {
 float: left;
 width: 241px;
}
#med-bn-cont div.bn-lead {
 width: 217px;
 padding: 2px 12px;
 min-height: 115px;
 height: auto !important;
 height: 100px;
 background: url(../../img/bg_med_bn.png) repeat-y left;
 font-size: 85%;
}
#med-bn-cont .bt-med-detail {
 width: 221px;
 padding: 0 10px 15px;
 background: url(../../img/bg_med_bn_bottom.png) no-repeat bottom right;
}
.doctornm {
 font-size: 133%;
}
.bn-new {
 margin: 5px 0;
}
.bn-new img {
 vertical-align: middle;
 padding-right: 5px;
}

/* ---------------------------
　　フッター設定
--------------------------- */
#med-footer-container {
 margin-top: 10px;
}
#med-footer {
 margin: 0 auto 30px; /* min-height: 77px;をトル変わりにbottomに追加 */
 padding: 0;
 width: 750px;
 /*min-height: 77px;*/ /* IE8でminmax.jsが効かないので */
 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);
}