/*------------------------------------------------------------------------ [ 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; } /*------------------------------------------------------------------------ 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: 205px; } #global_navi02 { width: 179px; } #global_navi03 { width: 176px; } #global_navi04 { width: 180px; } #global_navi05 { width: 197px; } #global_navi01 a:hover { background: url(../images/global_navi.gif) 0px -100px no-repeat; } #global_navi02 a:hover { background: url(../images/global_navi.gif) -205px -100px no-repeat; } #global_navi03 a:hover { background: url(../images/global_navi.gif) -384px -100px no-repeat; } #global_navi04 a:hover { background: url(../images/global_navi.gif) -560px -100px no-repeat; } #global_navi05 a:hover { background: url(../images/global_navi.gif) -740px -100px no-repeat; } #active_navi01 { width: 205px; background: url(../images/global_navi.gif) 0px -200px no-repeat;} #active_navi02 { width: 179px; background: url(../images/global_navi.gif) -205px -200px no-repeat;} #active_navi03 { width: 176px; background: url(../images/global_navi.gif) -384px -200px no-repeat; } #active_navi04 { width: 180px; background: url(../images/global_navi.gif) -560px -200px no-repeat; } #active_navi05 { width: 197px; background: url(../images/global_navi.gif) -740px -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; }