@charset "utf-8";

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

 File name:      medical_content_ph5.css
 Update:         2011.09.15
 Style Info:     コンテンツページ共通CSS
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　レイアウト設定
----------------------------------------------------------- */
#med-cont-left {
 float: left;
 width: 646px;
}
#med-cont-right {
 float: right;
 width: 202px;
}

/* 旧レイアウト (medical900_02.cssからもってきたもの) */
div.med-cont870 {
 width: 870px;
 padding: 15px 15px 25px;
}


/* -----------------------------------------------------------
　　タイトル設定
----------------------------------------------------------- */
h2#med-pagetitle, h2#med-title {
 width: 884px;
 height: 22px;
 margin: 18px auto 12px;
 padding-left: 16px;
 text-align: left;
}

.med-title-common {
 width: 620px;
 height: 44px;
 padding-left: 26px;
 margin-bottom: 20px;
 line-height: 44px;
 background: url(../../img/bg_title.gif) no-repeat left top;
 color: #000;
 font-size: 123.1%;
 font-weight: bold;
}

/* -----------------------------------------------------------
　　右エリア共通設定
----------------------------------------------------------- */
.right-menu {
 width: 202px;
 padding-bottom: 3px;
 background: url(../../img/bg_rmenu.gif) no-repeat left bottom;
}
.right-menu ul li {
 padding: 2px 3px 3px;
 background: url(../../img/border_dot_h.gif) repeat-x left bottom;
 font-size: 93%;
}
.right-menu ul li.end {
 background: none;
}
.right-menu ul li a, .right-menu ul li a:link, .right-menu ul li a:visited, .right-menu ul li a:hover, .right-menu ul li a:active {
 display: block;
 width: 170px;
 padding: 5px 0 5px 26px;
 background: url(../../img/arrow01.gif) no-repeat 14px center;
 color: #000;
}
.right-menu ul li.active a, .right-menu ul li a:hover {
 background-color: #e1f2fa;
}
.right-menu-exp {
 margin: 0 2px;
 padding: 8px 9px 9px;
 background: url(../../img/border_dot_h.gif) repeat-x left bottom #F4F5F7;
 font-size: 85%;
}

.med-callcenter202 {
 width: 182px;
 padding: 10px 10px 5px;
 background: url(../../img/bg_rmenu.gif) no-repeat left bottom;
 font-size: 75%;
}
.med-callcenter202 p {
 margin-bottom: 5px;
 line-height: 1.2em;
}

.med-pickup202-title {
 margin: 30px 0 8px;
}
.med-pickup202-title-top {
 margin-bottom: 8px;
}
.med-toolorder202 {
 width: 202px;
 background: url(../../img/bg_rmenu.gif) no-repeat left bottom;
}
.med-toolorder202 p {
 padding: 10px 10px 5px;
}
ul.med-toolorder-list202 {
 padding: 0 8px 5px;
}
ul.med-toolorder-list202 li {
 display: -mox-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 margin: 3px 0 0;
 padding: 0 6px 0 8px;
 border-right: 1px solid #484848;
}
html>body ul.med-toolorder-list202 li {
 padding: 0 8px 0 6px;
}
ul.med-toolorder-list202 li.med-toolorder-list-end {
 padding-right: 0;
 border: 0;
}

ul.med-toolorder-bt202 {
 margin: 8px 8px 0;
 padding: 4px 0 12px;
 background: url(../../img/border_dot_h.gif) repeat-x left top;
}
.med-toolorder-bt202 li {
 padding-top: 7px;
}

.med-kanja-202 {
 width: 186px;
 padding: 10px 8px;
 background: url(../../img/bg_rmenu.gif) no-repeat left bottom;
 font-size: 80%;
 position: relative;
}
.med-kanja-202-nest {
 padding-right: 1px;
}
.med-kanja-202 ul {
 position: relative;
 z-index: 2;
}
.med-kanja-202 ul li {
 margin-top: 5px;
 background: url(../../img/arrow_pagelink_ore.gif) no-repeat left center;
}
.med-kanja-202 ul li a {
 padding-left: 17px;
}
.med-kanja-image {
 position: absolute;
 top: -6px;
 right: 1px;
 z-index: 1;
}

.med-pickup202-bn {
 margin-top: 15px;
}
.med-pickup202-text {
 font-size: 80%;
 line-height: 1.2;
 margin-top: 5px;
}

dl.about-doc {
 background: url(../../img/bg_rmenu.gif) no-repeat left bottom;
 padding: 10px;
 width: 182px;
 font-size: 85%;
}
dl.about-doc dt {
 padding-bottom: 3px;
 font-weight: bold;
}
dl.about-doc dd {
 margin-bottom: 7px;
 padding-bottom: 6px;
 background: url(../../img/border_dot_h.gif) repeat-x left bottom;
}
dl.about-doc dd.end {
 background: none;
 margin-bottom: 0;
}
dl.about-doc dd ul li {
 padding-left: 1em;
 text-indent: -1em;
}

/* -----------------------------------------------------------
　　関連リンク
 ----------------------------------------------------------- */
#pro-relate-link {
 clear: both;
 margin: 0 -16px;
 padding: 40px 0 20px;
 width: 900px;
}

#pro-relate-link h3 {
 background: url(../../img/bg_link.gif) repeat-x left top;
 height: 35px;
 line-height: 35px;
 font-weight: bold;
 margin: 0 1px;
 padding-left: 23px;
 width: 875px;
}
#pro-relate-link ul {
 padding-left: 18px;
 width: 882px;
}
#pro-relate-link ul li {
 float: left;
 width: 276px;
 margin: 10px 18px 0 0;
 padding-bottom: 10px;
 background: url(../../img/border_dot_h.gif) repeat-x left bottom;
 font-size: 85%;
 display: inline;
}


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