/*------------------------------------------------------------------------ [ desing.css ] Copyright Studio FIX Inc. --------------------------------------------------------------------------*/ h1#logo { width : 500px; height: 45px; background: url(../images/t_blood_access.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; } /*------------------------------------------------------------------------ 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; } #index h2#h2_lavel02 { background-position: 0 -25px; margin: 50px 0 0 0; } #index ol { margin:20px 0 0 0; padding: 0; list-style-position: inside; } #index li { line-height: 2.0; border-bottom: 1px dotted #ccc;} .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; } /*------------------------------------------------------------------------ センター概要 --------------------------------------------------------------------------*/ #outline { } #outline h2#h2_lavel01 { background-position: 0 -35px; margin: 0 0 15px 0; } /*------------------------------------------------------------------------ 基本方針 --------------------------------------------------------------------------*/ #policy { } #policy h2#h2_lavel01 { background-position: 0 -70px; margin: 0 0 15px 0; } #policy ol { margin: 15px 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; } #policy li#li_lavel06 { background: url(../images/ico_06.gif) no-repeat left center; } #policy li#li_lavel07 { background: url(../images/ico_07.gif) no-repeat left center; } #policy li#li_lavel08 { background: url(../images/ico_08.gif) no-repeat left center; } #policy li#li_lavel09 { background: url(../images/ico_09.gif) no-repeat left center; } /*------------------------------------------------------------------------ アクセス --------------------------------------------------------------------------*/ #access { } #access h2#h2_lavel01 { background-position: 0 -105px; margin: 0 0 15px 0; } /*------------------------------------------------------------------------ バスキュラーアクセスとは --------------------------------------------------------------------------*/ #operation { } #operation h2#h2_lavel01 { background-position: 0 -140px; margin: 0 0 15px 0; } #operation h2#h2_lavel02 { background-position: 0 -175px; margin: 0 0 15px 0; } #operation h2#h2_lavel03 { background-position: 0 -210px; margin: 0 0 15px 0; } #operation h2#h2_lavel04 { background-position: 0 -245px; margin: 0 0 15px 0; } #operation h2#h2_lavel05 { background-position: 0 -280px; margin: 0 0 15px 0; } #operation h2#h2_lavel06 { background-position: 0 -315px; margin: 0 0 15px 0; } #operation h2#h2_lavel07 { background-position: 0 -350px; margin: 0 0 15px 0; } #operation h2#h2_lavel08 { background-position: 0 -385px; margin: 0 0 15px 0; } #operation h3#h3_lavel01 { background-position: 0 -100px; margin: 40px 0 5px 0; } #operation h3#h3_lavel02 { background-position: 0 -120px; margin: 40px 0 5px 0; } #operation h3#h3_lavel03 { background-position: 0 -140px; margin: 40px 0 5px 0; } #operation h3#h3_lavel04 { background-position: 0 -160px; margin: 40px 0 5px 0; } #operation h3#h3_lavel05 { background-position: 0 -180px; margin: 40px 0 5px 0; } #operation h3#h3_lavel06 { background-position: 0 -200px; margin: 40px 0 5px 0; } /*------------------------------------------------------------------------ シャント手術実績 --------------------------------------------------------------------------*/ #results { } #results h2#h2_lavel01 { background-position: 0 -420px; margin: 0 0 15px 0; } #results h3#h3_lavel01 { background-position: 0 0; margin: 30px 0 10px 0; } #results h3#h3_lavel02 { background-position: 0 -20px; margin: 30px 0 10px 0; } #results h3#h3_lavel03 { background-position: 0 -40px; margin: 30px 0 10px 0; } #results h3#h3_lavel04 { background-position: 0 -60px; margin: 30px 0 10px 0; } #results h3#h3_lavel05 { background-position: 0 -220px; margin: 30px 0 10px 0; } #results h3#h3_lavel06 { background-position: 0 -240px; margin: 0 0 10px 0; } #results dl { border: 1px solid #ccc; border-top: none; background: #eee; } #results dt { width: 244px; float:left; clear: left; padding: 3px; border-top: 1px solid #ccc; } #results dt.total { background: #ffeef2; } #results dd { margin: 0 0 0 250px; padding: 3px; background: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; font-weight: bold; } #results dd.total { background: #ffeef2; } /*------------------------------------------------------------------------ スタッフ紹介 --------------------------------------------------------------------------*/ #staff { } #staff h2#h2_lavel01 { background-position: 0 -455px; margin: 0 0 15px 0; } #staff span.name { font-size: 130%; font-weight: bold; } #staff dl { width :420px; border-bottom: 1px solid #ccc; background: #f5f5f5; margin: 20px 20px 0 20px; } #staff dt { width: 95px; float:left; clear: left; padding: 3px; border-top: 1px solid #ccc; } #staff dd { margin: 0 0 0 95px; padding: 3px; background: #fff; border-top: 1px solid #ccc; } .profile_layout { width: 100%; background: url(../images/bg_staff.gif) repeat-y; margin: 0 0 20px 0; } .profile_layout_left { float: left; width : 160px; } .profile_layout_right { float: right; width : 459px; } /*------------------------------------------------------------------------ 外来予約 --------------------------------------------------------------------------*/ #reservation { } #reservation h2#h2_lavel01 { background-position: 0 -490px; margin: 0 0 15px 0; } #reservation h3#h3_lavel01 { background-position: 0 -80px; margin: 30px 0 10px 0; } #reservation span.name { font-size: 130%; font-weight: bold; } #reservation dl { border: 1px solid #ccc; border-top: none;background: #eee; margin: 15px 0 0 0; } #reservation dt { width: 150px; float:left; clear: left; padding: 3px; border-top: 1px solid #ccc; } #reservation dd { margin: 0 0 0 150px; padding: 3px; background: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc;} #reservation dd.tel { font-size: 120%; font-weight: bold; } /*------------------------------------------------------------------------ 外来担当医表 --------------------------------------------------------------------------*/ #attendant { } #attendant h2#h2_lavel01 { background-position: 0 -450px; margin: 0 0 15px 0; } #attendant span.name { font-size: 130%; font-weight: bold; }