@charset "utf-8";

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

 File name:      base.css
 Update:         2009.09.05
 Style Info:     各ページCSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　共通設定
----------------------------------------------------------- */
/* ---------------------------
　　ヘッダー設定
--------------------------- */
#header {
 margin: 0 auto;
 padding: 15px 0 0;
 width: 900px;
 text-align: left;
}
.header-left {
 float: left;
 width: 312px;
 padding-top: 3px;
}
.header-right {
 float: right;
 width: 580px;
}
#header form {
 margin: 5px 0 3px;
 text-align: right;
}
#header form img {
 vertical-align: top;
}
#header ul {
 text-align: right;
}
#header li {
 display: inline;
 background: url(../../img/arrow_orange.gif) no-repeat left center;
 margin-left: 4px;
 padding: 0 4px 0 12px;
 font-size: 80%;
}
#header li.blue {
 background: url(../../img/arrow_topblue.gif) no-repeat left center;
}
#topmenu-container {
 height: 47px;
 background: url(../../img/bg_menu.png) no-repeat center top;
}
/* ---------------------------
　　メニュー設定
--------------------------- */
#menu {
 margin: 0 auto;
 padding: 3px 0 0;
 width: 900px;
 text-align: left;
}
#menu li {
 display: inline;
}
/* ---------------------------
　　ページトップ設定
--------------------------- */
.top {
 margin-top: 15px;
 text-align: right;
}
.top img {
 margin-right: 3px;
 vertical-align: middle;
}

#pagetop-container {
 margin:15px 0 0 0;
}

.pagetop-left {
 float: left;
}

.pagetop-right {
 float: right;
}
/* ---------------------------
　　フッター設定
--------------------------- */
#footer-container {
 margin-top: 20px;
 background: url(../../img/bg_footer.gif) repeat-x left top;
}
#footer {
 margin: 0 auto;
 padding: 0;
 width: 900px;
 min-height: 77px;
 text-align: left;
}
.footer-left {
 float: left;
}
.footer-right {
 float: right;
}

#footer ul {
 padding-top: 15px;
}
.footer-right ul {
 text-align: right;
}
#footer li {
 display: inline;
 background: url(../../img/arrow_orange.gif) no-repeat left center;
 padding: 0 7px 0 13px;
 font-size: 85%;
}
#footer p {
 margin-top: 20px;
 font-size: 85%;
}

/* -----------------------------------------------------------
　　トップページ設定
----------------------------------------------------------- */
/* ---------------------------
　　トップのメニューエリア設定
--------------------------- */
#topmenu-wrap {
 padding-top: 3px;
 background: url(../../img/bg_menu_top.png) no-repeat center top;
 text-align: left;
}
ul#topmenu {
 position: relative;
 width: 900px;
 margin: 0 auto;
}
ul#topmenu li.w01,
ul#topmenu li.w03,
ul#topmenu li.w04,
ul#topmenu li.w05 {
 float: left;
 width: 120px;
}
ul#topmenu li.w02 {
 float: left;
 width: 148px;
}
ul#topmenu li.w06 {
 float: left;
 width: 122px;
}


ul#topmenu li .dropMenu {
 position: relative;
 z-index: 100;
 height: 40px;
}

/* ---------------------------
　　スライドダウンパネル設定
--------------------------- */
.slidePannelBg {
 position: absolute;
 top: 40px;
 left: 0;
 z-index: 2;
 width: 900px;
 height: 0;
 overflow: hidden;
 background-color: #FFF;
}
.slidePannel {
 position: absolute;
 top: 40px;
 left: 0;
 z-index: 10;
 width: 900px;
 height: 0;
 overflow: hidden;
}
#slidePannel-inner {
 margin: 10px 10px 0;
}
.slidePannel-inner-left {
 float: left;
 width: 300px;
}
.slidePannel-inner-right {
 float: right;
 width: 580px;
}
.slidePannel-index-wrap {
 width: 580px;
 background: url(../../img/bg_pannel.gif) repeat-y left bottom;
}
.slidePannel-index-wrap2 {
 width: 560px;
 margin-left: 20px;
}
.slidePannel-index {
 float: left;
 width: 172px;
 height: 170px;
 padding-left: 18px;
 overflow: none;
}
.slidePannel-index-end {
 float: left;
 width: 172px;
 height: 170px;
 overflow: none;
}
.slidePannel-link {
 height: 20px;
 text-align: right;
 font-weight: bold;
 font-size: 12px;
}
.slidePannel-link a {
 padding-right: 22px;
 background: url(../../img/arrow_orange_sq.gif) no-repeat right bottom;
}

#slidePannel-inner a, #slidePannel-inner a:link, #slidePannel-inner a:visited {
 text-decoration: none;
}
#slidePannel-inner a:hover, #slidePannel-inner a:active {
 text-decoration: underline;
}
#slidePannel-inner h3 {
 font-size: 12px;
 font-weight: bold;
}
#slidePannel-inner h3.index-link, #slidePannel-inner h3.index-link2, #slidePannel-inner h3.index-link2top {
 padding-left: 15px;
 margin: 4px 0;
 background: url(../../img/arrow_orange_l.gif) no-repeat left 4px;
 font-size: 12px
}
#slidePannel-inner h3.index-link2 {
 margin: 6px 0 0;
}
#slidePannel-inner h3.index-link2top {
 margin: 0;
}
#slidePannel-inner h3.index-none {
 padding-left: 11px;
 background: url(../../img/bg_kanjatitle.gif) no-repeat left 2px;
}
.slidePannel-index ul {
 margin-left: 13px;
}
.slidePannel-index ul li {
 display: block;
 padding: 2px 0 0 10px;
 background: url(../../img/arrow_orange_s.gif) no-repeat left 8px;
 font-size: 11px;
}
p.exp {
 margin: 1px 3px 0 10px;
 font-size: 11px;
 line-height: 1.2;
}

/* 医療関係者エリア */
.pannel-medical {
 padding: 10px 20px 0;
 background: url(../../img/pannel_medical_bg.gif) no-repeat center top;
 text-align: center;
 height: 190px;
}
.medicaltext {
 margin: 0 auto;
 width: 440px;
}
.medicaltext-left {
 float: left;
 padding-top: 9px;
 width: 178px;
}
.medicaltext-right {
 float: right;
 width: 228px;
}
.medicaltext-right ul {
 width: 228px;
}
.medicaltext-right li {
 display: inline;
 padding-right: 20px;
}


/* ---------------------------
　　メイン画像設定
--------------------------- */
#main {
 height: 280px;
}

/* ---------------------------
　　コンテンツ囲み設定
　　（FLASHより下の要素）
--------------------------- */
#container-top-wrap {
 position: relative;
 top: -65px;
}

/* ---------------------------
　　バナー01エリア設定
--------------------------- */
#bn-container-top {
 width: 920px;
 margin: 0 auto;
 background: url(../../img/bg_container.png) no-repeat left top;
 text-align: left;
}

ul#bn01-container {
 width: 908px;
 margin: 0 6px 0;
 padding-top: 9px;
}
#bn01-container li {
 display: inline;
 width: 227px;
}

/* ---------------------------
　　バナー02エリア設定
--------------------------- */
div#bn02-container {
 width: 900px;
 height: 81px;
 /*height: 74px;*/
 margin: 15px 10px 0;
 /*padding-top: 12px;*/
 background: url(../../img/bg_bn2.jpg) no-repeat left top;
 text-align: left;
}
.bn02-arrow {
 float: left;
 width: 18px;
 padding-top: 32px;
}
.jCarouselLite {
 float: left;
 width: 864px;
 padding-top: 12px;
}
ul#bn02 li {
 float: left;
 width: 216px;
}

/* 750pxのときの設定 */
#bn-container {
 margin: 0 auto;
 padding: 5px 0 0;
 width: 756px;
 text-align: left;
}
.bn-container-left {
 float: left;
 width: 501px;
}
.bn-container-right {
 float: right;
 width: 246px;
}
.bn-cont-l-left, .bn-cont-l-right {
 width: 246px;
}
.bn-cont-l-left {
 float: left;
}
.bn-cont-l-right {
 float: right;
}
/* 750pxのときの設定 */


/* ---------------------------
　　幅750エリア設定
--------------------------- */
#container750 {
 margin: 0 auto;
 padding: 30px 0 0;
 width: 750px;
 text-align: left;
}

/* ---------------------------
　　幅900エリア設定
--------------------------- */
#container900 {
 margin: 0 auto;
 padding: 30px 0 0;
 width: 900px;
 text-align: left;
}

.container900 {
 margin: 0 auto;
 width: 900px;
 text-align: left;
}
.container900top {
 margin: 15px auto 0;
 width: 900px;
 text-align: left;
}

/* ---------------------------
　　ニュースエリア設定
--------------------------- */
#news-wrap {
 float: left;
 width: 620px;
 background: url(../../img/bg_topwrap_01.gif) repeat-y left;
}
#news-inner {
 width: 620px;
 background: url(../../img/bg_topwrap_02.gif) no-repeat left bottom;
}
.news-left, .news-right {
 width: 300px;
}
.news-left {
 float: left;
}
.news-right {
 float: right;
}
.newstitle-bg {
 width: 280px;
 height: 18px;
 padding: 10px 10px 8px;
 background: url(../../img/bg_toptitle.gif) repeat-x left top;
}
.newstitle {
 float: left;
 width: 127px;
}
.newstitle-list {
 float: right;
 width: 50px;
 text-align: right;
}
.newstitle-list a {
 padding-left: 10px;
 background: url(../../img/arrow_blue.gif) no-repeat left 4px;
 color: #04186E;
 font-size: 80%
}
.newstitle-list a, .newstitle-list a:link, .newstitle-list a:visited {
 text-decoration: none;
}
.newstitle-list a:hover, .newstitle-list a:active {
 text-decoration: underline;
}
#news-wrap dl {
 margin: 0 10px 10px;
}
#news-wrap dt {
 margin-top: 5px;
}
#news-wrap dd {
 margin-top: 3px;
 padding: 0 0 3px 23px;
 border-bottom: 1px dashed #CBC9C6;
}
.pdf {
 background: url(../../img/icon_pdf.gif) no-repeat left top;
}
.page {
 background: url(../../img/icon_page.gif) no-repeat left top;
}

/* ---------------------------
　　患者様エリア設定
--------------------------- */
#top-right-wrap {
 float: right;
 width: 260px;
}
#top-kanja {
 width: 260px;
 background: url(../../img/bg_kanja_01.gif) repeat-y left;
}
#top-kanja-inner {
 width: 230px;
 padding: 0 15px 10px;
 background: url(../../img/bg_kanja_02.gif) no-repeat left bottom;
}
.topkanja-index {
 margin-top: 10px;
 padding-left: 12px;
 background: url(../../img/bg_kanjatitle.gif) no-repeat left 2px;
 font-size: 100%;
 font-weight: bold;
}
#top-kanja ul li {
 margin-top: 4px;
}
#top-kanja ul.other li {
 float: left;
 width: 115px;
}

/* ---------------------------
　　右下バナーエリア設定
--------------------------- */
#top-banner {
 width: 260px;
 margin-top: 20px;
 background: url(../../img/bg_banner_01.gif) no-repeat left top #F4F2EE;
}
ul#top-banner-inner {
 width: 240px;
 padding: 0 10px 10px;
 background: url(../../img/bg_banner_02.gif) no-repeat left bottom;
}
ul#top-banner-inner li {
 padding-top: 10px;
}

/* ---------------------------
　　左カラムバナーエリア設定
--------------------------- */
#top-banner-left {
 float: left;
 width: 620px;
 margin-top: 20px;
 background: url(../../img/bg_banner_left_01.gif) no-repeat left top #F4F2EE;
}
ul#top-banner-left-inner {
 width: 600px;
 padding: 0 10px 10px;
 background: url(../../img/bg_banner_left_02.gif) no-repeat left bottom;
}
ul#top-banner-left-inner li {
 float: left;
 padding-top: 10px;
 margin-right: 16px;
}
ul#top-banner-left-inner li#end {
 margin-right: 0px;
}


/* ---------------------------
　　新聞広告エリア設定
--------------------------- */
#ad-main {
 xwidth: 1200px;
 height: 280px;
 background: url(../../img/main.jpg) no-repeat center top;
}
#ad-wrap {
 width: 890px;
 margin: 0 auto;
 padding-right: 10px;
 xposition: relative;
}
/*.ad-copy {
 position: absolute;
 top: 45px;
 left: 0;
 z-index: 0;
}
.ad-bn {
 position: absolute;
 top: 35px;
 right: 10px;
 z-index: 0;
}*/
.ad-copy {
 float: left;
 width: 269px;
 padding-top: 45px;
}
.ad-bn {
 float: right;
 width: 303px;
 padding-top: 35px;
}


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