/*------------------------------------------------------------------------ [ desing.css ] Copyright Studio FIX Inc. --------------------------------------------------------------------------*/ h1#logo { width : 500px; height: 45px; background: url(../images/t_yokohama.gif) ; /*\*/overflow: hidden; /**/ text-indent: -100em;} h2 { background: url(../images/h2img_01.gif) no-repeat ; height: 35px; } h3 { background: url(../images/h3img_01.gif) no-repeat ; height: 20px; } h4 { margin: 25px 0 0 0; font-size: 120%; font-weight: normal; color: #f18a96; } h4.schedule_month { margin: 10px 0 5px 0; padding: 0 0 0 5px; font-size: 120%; font-weight: bold; color: #f18a96; border-left: 6px solid #f18a96; } h2.h2_txt { padding: 3px 0 0 25px; background: url(../images/h2img_620.gif) no-repeat ; height: 32px; font-size: 140%; } h3.h3_txt { padding: 0 0 0 10px; background-image:none; font-size: 120%; border-left: 6px solid #f18a96; height: auto; } /*------------------------------------------------------------------------ Global Navigation Block --------------------------------------------------------------------------*/ #global_navi { width:950px; height:65px; background:url(../images/global_navi.gif) no-repeat; background-position: 0 0; margin: 0; padding: 0; } #global_navi span { display: none;} #global_navi ul { list-style-type: none; margin: 0; padding: 0;} #global_navi li { height:65px; display:block; float:left; display:inline; } #global_navi a { height:65px; display:block;} #global_navi01 { width: 175px; } #global_navi02 { width: 148px; } #global_navi03 { width: 150px; } #global_navi04 { width: 150px; } #global_navi05 { width: 149px; } #global_navi06 { width: 178px; } #global_navi01 a:hover { background: url(../images/global_navi.gif) 0px -100px no-repeat; } #global_navi02 a:hover { background: url(../images/global_navi.gif) -175px -100px no-repeat; } #global_navi03 a:hover { background: url(../images/global_navi.gif) -323px -100px no-repeat; } #global_navi04 a:hover { background: url(../images/global_navi.gif) -473px -100px no-repeat; } #global_navi05 a:hover { background: url(../images/global_navi.gif) -623px -100px no-repeat; } #global_navi06 a:hover { background: url(../images/global_navi.gif) -772px -100px no-repeat; } #active_navi01 { width: 175px; background: url(../images/global_navi.gif) 0px -200px no-repeat;} #active_navi02 { width: 148px; background: url(../images/global_navi.gif) -175px -200px no-repeat;} #active_navi03 { width: 150px; background: url(../images/global_navi.gif) -323px -200px no-repeat; } #active_navi04 { width: 150px; background: url(../images/global_navi.gif) -473px -200px no-repeat; } #active_navi05 { width: 149px; background: url(../images/global_navi.gif) -623px -200px no-repeat;} #active_navi06 { width: 178px; background: url(../images/global_navi.gif) -772px -200px no-repeat;} /*------------------------------------------------------------------------ Copyright --------------------------------------------------------------------------*/ #copy { width : 940px; background-color: #fac8cd; margin: 0 7px 0 3px; padding: 10px 0 20px 0; font-size: 90%; text-align: center; } #copy ul { width : 940px; margin: 0; padding: 0; position: static; float: left; display: block; list-style: none; text-align: center; } #copy li { position: relative; display: inline; list-style: none; border-style: solid; border-width: 0 0 0 1px; border-color: #999; padding: 0 3px 0 6px; } #copy li#start { border: none; } #copy p { text-align: center; margin: 15px 0 0 0; } /*------------------------------------------------------------------------ INDEX --------------------------------------------------------------------------*/ #index { } #index h2#h2_lavel01 { background-position: 0 0; margin: 0 0 10px 0; } .topics { margin: 0 0 15px 0; border: 1px solid #aaa; font-size: 90%; } .topics p.data { padding: 3px 10px 0 10px ; background-color: #f0f0f0; } .topics p.title { padding: 0 10px 3px 10px ; background-color: #f0f0f0; } .topics p.text { padding: 3px 10px 3px 10px ; } .topics p.link { background: url(../../../../common/images/m_01.gif) no-repeat 0 0.5em; margin: 0 0 0 8px; padding: 0 0 10px 1.2em; } div#bg_usability { padding: 0 20px 0 20px; background: url(../images/bg_usability_02.gif) repeat-y; } /*------------------------------------------------------------------------ 病院概要 --------------------------------------------------------------------------*/ #outline { } #outline h2#h2_lavel01 { background-position: 0 -35px; margin: 0 0 10px 0; } #outline h2#h2_lavel02 { background-position: 0 -70px; margin: 0 0 10px 0; } #outline h2#h2_lavel03 { background-position: 0 -105px; margin: 0 0 10px 0; } #outline h2#h2_lavel04 { background-position: 0 -140px; margin: 40px 0 10px 0; } #outline h2#h2_lavel05 { background-position: 0 -245px; margin: 0 0 10px 0; } #outline h2#h2_lavel06 { background-position: 0 -280px; margin: 0 0 10px 0; } #outline h2#h2_lavel07 { background-position: 0 -455px; margin: 0 0 10px 0; } #outline h3#h3_lavel01 { background-position: 0 -140px; margin: 30px 0 5px 0; } #outline h3#h3_lavel02 { background-position: 0 -160px; margin: 30px 0 5px 0; } #outline h3#h3_lavel03 { background-position: 0 -180px; margin: 30px 0 5px 0; } /*------------------------------------------------------------------------ 診療案内 --------------------------------------------------------------------------*/ #specialities { } #specialities h2#h2_lavel01 { background-position: 0 -315px; margin: 0 0 10px 0; } #specialities h2#h2_lavel03 { background-position: 0 -490px; margin: 0 0 10px 0; } #specialities h2#h2_lavel04 { background-position: 0 -525px; margin: 0 0 10px 0; } #specialities h3#h3_lavel01 { background-position: 0 -200px; margin: 30px 0 5px 0; } #specialities h3#h3_lavel02 { background-position: 0 -220px; margin: 30px 0 5px 0; } #specialities h3#h3_lavel03 { background-position: 0 -240px; margin: 30px 0 10px 0; } #specialities h3#h3_lavel04 { background-position: 0 -260px; margin: 30px 0 10px 0; } #specialities h3#h3_lavel05 { background-position: 0 -280px; margin: 30px 0 10px 0; } #specialities h3#h3_lavel06 { background-position: 0 -300px; margin: 0 0 10px 0; } /*------------------------------------------------------------------------ 部門紹介 --------------------------------------------------------------------------*/ #section { } #section h2#h2_lavel01 { background-position: 0 -210px; margin: 0 0 15px 0; } #section h3#h3_lavel01 { background-position: 0 0; margin: 0 0 10px 0; } #section h3#h3_lavel02 { background-position: 0 -20px; margin: 0 0 10px 0; } #section h3#h3_lavel03 { background-position: 0 -40px; margin: 0 0 10px 0; } #section h3#h3_lavel04 { background-position: 0 -60px; margin: 0 0 10px 0; } #section h3#h3_lavel05 { background-position: 0 -80px; margin: 0 0 10px 0; } /*------------------------------------------------------------------------ 施設案内 --------------------------------------------------------------------------*/ #institution { } #institution h2#h2_lavel01 { background-position: 0 -350px; margin: 0 0 10px 0; } #institution h2#h2_lavel02 { background-position: 0 -560px; margin: 50px 0 10px 0; } /*------------------------------------------------------------------------ 日本医療機能評価機構認定病院 --------------------------------------------------------------------------*/ #quality { } #quality h2#h2_lavel01 { background-position: 0 -595px; margin: 0 0 10px 0; } /*------------------------------------------------------------------------ アクセス --------------------------------------------------------------------------*/ #access { } #access h2#h2_lavel01 { background-position: 0 -175px; margin: 0 0 15px 0; } /*------------------------------------------------------------------------ 採用情報 --------------------------------------------------------------------------*/ #recruit { } #recruit h2#h2_lavel01 { background-position: 0 -420px; margin: 0 0 10px 0; } /*------------------------------------------------------------------------ 外来担当医表 --------------------------------------------------------------------------*/ #schedule { } #schedule h2#h2_lavel01 { background: url(../images/h2img_02.gif) no-repeat ; background-position: 0 0; margin: 0 0 15px 0; } #schedule h3#h3_lavel01 { background-position: 0 -140px; margin: 30px 0 5px 0; } #schedule h3#h3_lavel02 { background-position: 0 -160px; margin: 30px 0 5px 0; } #schedule h3#h3_lavel03 { background-position: 0 -180px; margin: 30px 0 5px 0; } #schedule div.remark { padding: 0 20px 0 20px; background: url(../images/bg_remark_02.gif) repeat-y; } #schedule div.remark p.title { font-weight: bold; color: #f18a96; } #schedule span.reservation_color { width: 50px; position: static; float: left; display: block; margin: 0 10px 0 0; background-color: #ffb2bb; } #schedule table { width: 100%; } #schedule th { border: 1px solid #ccc; padding: 2px; background-color: #eee; font-weight: normal; text-align: center; } #schedule td { padding: 2px; text-align: center; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #schedule td.pm { border-top: 1px dotted #ccc; } #schedule td.pm_end { border-top: 1px dotted #ccc; border-bottom: 1px solid #ccc; } #schedule td.reservation { background-color: #ffb2bb; } /*------------------------------------------------------------------------ 基本方針アイコン --------------------------------------------------------------------------*/ ol#policy { margin: 10px 0 0 0; padding: 0; list-style: none; line-height: 2.5; } #policy li { padding: 0 0 0 28px; border-bottom: 1px dotted #ccc; } #policy li#li_lavel01 { background: url(../images/ico_01.gif) no-repeat left center; } #policy li#li_lavel02 { background: url(../images/ico_02.gif) no-repeat left center; } #policy li#li_lavel03 { background: url(../images/ico_03.gif) no-repeat left center; } #policy li#li_lavel04 { background: url(../images/ico_04.gif) no-repeat left center; } #policy li#li_lavel05 { background: url(../images/ico_05.gif) no-repeat left center; } /*------------------------------------------------------------------------ 透析クリニック --------------------------------------------------------------------------*/ ul#clinic_navigation { width : 620px; height: 39px; list-style-type: none; margin: 0; padding: 0; } #clinic_navigation li { display:block; float:left; position:relative; } #clinic_navigation img { vertical-align: bottom; } #clinic_detail { } #clinic_detail table { width: 620px; } #clinic_detail th { border: 1px solid #ccc; padding: 3px; background-color: #eee; font-weight: normal; text-align: left; } #clinic_detail th.position_center { text-align: center; } #clinic_detail td { border: 1px solid #ccc; padding: 3px; } #clinic_detail td.position_center { text-align: center; } /* スタッフ紹介*/ ul.staff_list { margin: 0; padding: 0; clear: both; } .staff_list li { width : 275px; display:block; float:left; position:relative; list-style-type: none; } .staff_list li.left { margin: 0 30px 0 0; } .staff_list li.right { margin: 0; } .staff_list li p.photo { margin: 0 0 5px 0; text-align: center; } .staff_list li p.name { text-align: center; } .staff_list li p.text { margin: 0 0 25px 0; } ul.staff_list02 { margin: 0; padding: 0; clear: both; } .staff_list02 li { width : 180px; display:block; float:left; position:relative; list-style-type: none;margin: 0 20px 0 0; } .staff_list02 li.right { margin: 0; } .staff_list02 li p.photo { margin: 0 0 5px 0; text-align: center; } .staff_list02 li p.name { text-align: center; } .staff_list02 li p.text { margin: 0 0 25px 0; } /*------------------------------------------------------------------------ 機関誌「ふれあい」 --------------------------------------------------------------------------*/ #current_txt { margin: 10px 0 0 0; padding: 10px 300px 0 0; } #current_txt p.special { font-weight: bold; margin: 10px 0 0 0; } #current_fureai { background: url(../../dialysis_clinic/images/bg_fureai.jpg) no-repeat; height: 270px; } /*---バックナンバー---*/ #fureai .back_number { width: 620px; } #fureai p.action { margin: 0 0 8px 0; padding: 2px; background-color: #ffebed; } #fureai .back_number ul { width: 620px; list-style-type: none; margin: 0; padding: 0; } #fureai .back_number li { width : 290px; float: left; margin: 0 20px 0 0; padding: 0 ; list-style: none; display:inline; } #fureai .back_number li.firstrow { clear:both; } #fureai .back_number ul:after { content:""; display:block; clear:both; } #fureai .back_number p.image { width: 105px; float: left; } #fureai .back_number p.title { margin: 10px 0 10px 0; font-weight: bold; } #fureai .back_number p.text { width: 175px; float: right; font-size: 90%; } #fureai .back_number p.pdf { margin: 10px 0 0 0; padding: 0 0 0 22px; background: url(../../../../common/images/ico_pdf.gif) no-repeat left center; float: left; } .ico_pdf { background: url(../../../../common/images/ico_pdf.gif) left center no-repeat ; padding: 0 0 0 25px; } /*------------------------------------------------------------------------ 個室透析センター --------------------------------------------------------------------------*/ #private_room { } #private_room h2#h2_lavel01 { background-position: 0 -630px; margin: 0 0 10px 0; } #private_room h3#h3_lavel01 { background-position: 0 -360px; margin: 30px 0 5px 0; } #private_room h3#h3_lavel02 { background-position: 0 -380px; margin: 30px 0 5px 0; } .uketsuke { padding: 15px; background-color: #eee; font-size: 110%; } .yakan { padding: 20px 30px; background-color: #fff3f0; }