@charset "utf-8";

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

 File name:      /medical/academic/common/academic.css
 Update:         2009.12.23
 Style Info:     疾患・学術情報トップCSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　サブメニュー設定
----------------------------------------------------------- */
.med-aca-page-menu {
 margin-top: 20px;
 height: 35px;
}

.med-aca-page-menu li {
 display: inline;
 float: left;
 height: 35px;
}


/* -----------------------------------------------------------
　　サマリー/サムネイル設定
----------------------------------------------------------- */
ul.display {
 width: 648px;
 margin-top: 5px;
}
ul.display li {
 width: 648px;
 padding: 11px 0 5px;
 background: url(../../img/border_dot_h.gif) repeat-x left bottom;
}
ul.display li.end {
 background: none;
}
ul.display li p.thumb {
 float: left;
 width: 100px;
 margin-right: 15px;
 font-size: 72%;
}
ul.display li p.thumb img {
 border: solid 1px #959595;
}

ul.display li h4 {
 margin: 0 0 5px 115px;
 padding-left: 16px;
 font-weight: bold;
 background: url(../../../img/arrow_blue_circle.gif) no-repeat left 2px;
 line-height: 1.2;
}
ul.display li .pdfSize {
 padding-left: 8px;
 font-size: 85%;
 font-weight: normal;
}
.switchSummery {
 font-size: 90%;
}

/* サムネイル時 */
ul.thumb_view {
 margin-top: 10px;
}
ul.thumb_view li {
 float: left;
 width: 200px;
 height: 213px;
 margin: 0 13px 15px 0;
 padding: 0;
 background: url(../../img/bg_thumb_bottom.gif) no-repeat right bottom;
 border: solid 1px #E5E5E5;
 overflow: hidden;
 text-align: center;
}
ul.thumb_view li p.thumb {
 float: none;
 padding: 10px 12px 4px;
 width: 176px;
 margin-right: 0;
 background: url(../../img/bg_thumb_top.gif) no-repeat left top;
}
ul.thumb_view li h4 {
 margin: 0;
 margin: 0 6px;
 padding: 5px 2px 0;
 background: none;
 line-height: 1.2;
 /*font-size: 90%;*/
 background: url(../../img/border_dot_h.gif) repeat-x left top;
 /*background-color: #EEE;*/
}
ul.thumb_view li .pdfSize {
 display: block;
 padding-left: 0;
}

ul.thumb_view li .switchSummery {
 display: none;
}
/* 保険調剤向け情報サムネイル時 */
.hoken ul.thumb_view li {
 height: 235px;
 font-size: 90%;
}
.hoken ul.thumb_view li h4 {
 /*font-size: 85%;*/
 text-align: left;
}
/*
a.switch_thumb {
        width: 455px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        margin: 18px 0 0;
        display: block;
        background: url(../../img/switch.gif) no-repeat;
        outline: none;
        text-indent: -9999px;
}
a:hover.switch_thumb {
        filter:alpha(opacity=75);
        opacity:.75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        background-position: left bottom;
}
a.swap { background-position: left bottom; }
*/

.bt-switch {
 width: 437px;
 /*height: 44px;*/
 margin-top: 20px;
 background: url(../../img/bg_switch.gif) no-repeat left top;
 padding: 6px 0 6px 18px;
}
.bt-switch p, .bt-switch a {
 float: left;
}
.bt-switch p {
 padding-top: 12px;
}
a.bt-summery {
 margin-left: 15px;
 background: url(../../img/bt_summary.gif) no-repeat left top;
 text-indent: -9999px;
 width: 163px;
 height: 38px;
 display: block;
}
a:hover.bt-summery {
 background: url(../../img/bt_summary.gif) no-repeat left -38px;
}
a.bt-summery-switch {
 background: url(../../img/bt_summary.gif) no-repeat left bottom;
}
a.bt-summery-switch:hover {
 background: url(../../img/bt_summary.gif) no-repeat left bottom;
}
a.bt-thumb {
 margin-left: 15px;
 background: url(../../img/bt_thumb.gif) no-repeat left top;
 text-indent: -9999px;
 width: 163px;
 height: 38px;
 display: block;
}
a:hover.bt-thumb {
 background: url(../../img/bt_thumb.gif) no-repeat left -38px;
}
a.bt-thumb-switch {
 background: url(../../img/bt_thumb.gif) no-repeat left bottom;
}
a.bt-thumb-switch:hover {
 background: url(../../img/bt_thumb.gif) no-repeat left bottom;
}


/* -----------------------------------------------------------
　　他のコンテンツ設定
----------------------------------------------------------- */
h4.other-cont-title {
 margin-top: 35px;
 padding-left: 10px;
 line-height: 36px;
 color: #000;
 background: url(../../img/bg_other.gif) repeat-x left top #EDEDED;
 border-bottom: solid 1px #DDD;
}
ul.other-contents li {
 padding: 8px 0;
 background: url(../../img/border_dot_h.gif) repeat-x left bottom;
}
ul.other-contents li h5 {
 padding: 0 0 3px 10px;
 background: url(../../img/arrow_blue.gif) no-repeat left center;
 font-weight: bold;
}
ul.other-contents li p {
 font-size: 80%;
}