@charset "utf-8";

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

 File name:      base.css
 Update:         2010.06.25
 Style Info:     MARUHO DERMA REPORT向けCSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　MARUHO DERMA REPORT設定
----------------------------------------------------------- */
#med-container-derma {
 width: 900px;
 margin: 0 auto;
 background: url(../../../../img/bg_med_cont900.gif) no-repeat left top;
 text-align: left;
}

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

.derma-cont-wrap {
 width: 850px;
 margin: 15px 10px 0;
}

.derma-lead {
 width: 870px;
 padding-top: 5px;
 background: url(../../img/bg_lead_top.gif) no-repeat left top #2f2f2f;
 font-size: 90%;
}
.derma-lead-bottom {
 width: 810px;
 padding: 20px 30px;
 background: url(../../img/bg_lead_bottom.gif) no-repeat left bottom #2f2f2f;
 color: #FFF;
}
#derma-lead-left {
 float: left;
 width: 440px;
 line-height: 1.5;
}
#derma-lead-right {
 float: right;
 width: 310px;
 background: url(../../img/bg_lead_fla.jpg) no-repeat left top;
}

#derma-wrap {
 width: 870px;
}
#derma-left {
 float: left;
 width: 634px;
}
#derma-right {
 float: right;
 width: 216px;
 margin-top: 20px;
}

.derma-arrow01 {
 padding-left: 1.2em;
 background: url(../../img/arrow01.gif) no-repeat left center;
 font-weight: bold;
}

h4.derma-title-new {
 margin-top: 20px;
 line-height: 1;
 padding-top: 10px;
 height: 24px;
 border-top: solid 2px #606060;
 border-bottom: solid 2px #DBDBDB;
 font-size: 116%
}
h4.derma-title-new img {
 padding-left: 15px;
 vertical-align: middle;
}

.derma-new-wrap {
 width: 634px;
 padding: 15px 0 40px
}
.derma-new-left {
 float: left;
 width: 140px;
}
.derma-new-right {
 float: right;
 width: 480px;
}
.derma-new-title {
 width: 480px;
 color: #002B8A;
 font-weight: bold;
}
.derma-new-vol {
 float: left;
 width: 56px;
}
.derma-new {
 float: right;
 width: 410px;
}
.derma-new-title h5 {
 font-size: 116%;
 line-height: 1.4;
}
.derma-new-en {
 padding-top: 2px;
 font-size: 90%;
}
.derma-new-right h6 {
 margin-top: 10px;
 font-weight: bold;
}
p.derma-date {
 font-size: 78%;
}
.derma-new-bt-wrap {
 width: 480px;
 margin-top: 10px;
}
.derma-new-bt {
 float: right;
 width: 345px;
}
img.derma-bt-left {
 margin-right: 25px;
}

h4.derma-back {
 padding: 0 0 15px 10px;
 line-height: 36px;
 background: url(../../img/bg_midashi.gif) repeat-x left top;
 font-size: 105%;
}

/***** tab *****/
ul.derma-tab01 {
 border-bottom: solid 3px #535353;
}
ul.derma-tab02 {
 border-top: solid 3px #535353;
}
ul.derma-tab01 li,
ul.derma-tab02 li {
 float: left;
 width: 162px;
}
ul.derma-tab01 li a,
ul.derma-tab02 li a {
 display: block;
 width: 162px;
 height: 31px;
 text-indent: -9999px;
 font-size: 1px;
 line-height: 1px;
}

ul.derma-tab01 li a.tab0101 {
 background: url(../../img/tab0101.gif) no-repeat left top;
}
ul.derma-tab01 li a.tab0102 {
 background: url(../../img/tab0102.gif) no-repeat left top;
}
ul.derma-tab01 li a.tab0103 {
 background: url(../../img/tab0103.gif) no-repeat left top;
}
ul.derma-tab02 li a.tab0201 {
 background: url(../../img/tab0201.gif) no-repeat left top;
}
ul.derma-tab02 li a.tab0202 {
 background: url(../../img/tab0202.gif) no-repeat left top;
}
ul.derma-tab02 li a.tab0203 {
 background: url(../../img/tab0203.gif) no-repeat left top;
}

ul.derma-tab01 li a:hover,
ul.derma-tab02 li a:hover {
 background-position: left -31px;
}
ul.derma-tab01 li a.active,
ul.derma-tab01 li a.active:hover,
ul.derma-tab02 li a.active,
ul.derma-tab02 li a.active:hover {
 background-position: left bottom;
}

/***** /tab *****/

.derma-back-wrap {
 width: 634px;
 padding: 12px 0;
 background: url(../../../../img/border_dot_h.gif) repeat-x left bottom;
}
.derma-back-last {
 background: none;
}
.derma-back-left {
 float: left;
 width: 41px;
}
.derma-back-right {
 float: right;
 width: 579px;
}
.derma-back-right h5 {
 margin-bottom: 5px;
 color: #002B88;
 font-weight: bold;
}
.derma-back-right h6,
.derma-back-right p {
 font-size: 90%;
}
.derma-back-right h6 {
 font-weight: bold;
}
.derma-back-bt-wrap {
 width: 579px;
 margin-top: 8px;
 line-height: 1;
}
.derma-back-bt-left {
 float: left;
 width: 200px;
}
.derma-back-bt-right {
 float: right;
 width: 283px;
}
p.derma-back-date {
 font-size: 80%;
}

.derma-ex-area {
 color: #DE3900;
 font-size: 85%;
}

/* -----------------------------------------------------------
　　上付き文字設定
----------------------------------------------------------- */
.supfix {
 font-size: 60%;
 vertical-align:super;
}