/*------------------------------------------------------------------------ [ desing.css ] Copyright Studio FIX Inc. --------------------------------------------------------------------------*/ h1#logo { width : 500px; height: 45px; background: url(../images/t_care_center.gif) ; /*\*/overflow: hidden; /**/ text-indent: -100em;} h2 { background: url(../images/h2img_01.gif) no-repeat ; height: 25px; } h3 { background: url(../images/h3img_heartfull.gif) no-repeat ; } h4 { margin: 25px 0 0 0; font-size: 120%; font-weight: normal; color: #9a7850; } /*------------------------------------------------------------------------ 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: 250px; } #global_navi02 { width: 222px; } #global_navi03 { width: 223px; } #global_navi04 { width: 236px; } #global_navi01 a:hover { background: url(../images/global_navi.gif) 0px -100px no-repeat; } #global_navi02 a:hover { background: url(../images/global_navi.gif) -250px -100px no-repeat; } #global_navi03 a:hover { background: url(../images/global_navi.gif) -472px -100px no-repeat; } #global_navi04 a:hover { background: url(../images/global_navi.gif) -695px -100px no-repeat; } #active_navi01 { width: 250px; background: url(../images/global_navi.gif) 0px -200px no-repeat;} #active_navi02 { width: 222px; background: url(../images/global_navi.gif) -250px -200px no-repeat;} #active_navi03 { width: 223px; background: url(../images/global_navi.gif) -472px -200px no-repeat; } #active_navi04 { width: 236px; background: url(../images/global_navi.gif) -695px -200px no-repeat; } /*------------------------------------------------------------------------ 第3階層用ナビゲーション --------------------------------------------------------------------------*/ .sub_navi { width : 223px; border: 1px solid #ccc; } .sub_navi ul { margin: 0 0 10px 0; padding: 0 ; list-style: none; } .sub_navi li { line-height: 2.3; padding: 0 5px 0 22px; background: url(../../../common/images/m_01.gif) no-repeat 10px 0.7em; font-size: 90%; } .sub_navi h3 { font-weight: normal; font-size: 100%; background: url(../images/bg_localnavi.gif) no-repeat bottom ; padding: 5px; border: none; } .sub_navi li p { padding: 0 25px 0 10px; } /*------------------------------------------------------------------------ Copyright --------------------------------------------------------------------------*/ #copy { width : 940px; background-color: #f6f2e3; 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 15px 0; } #index h2#h2_lavel02 { background-position: 0 -30px; margin: 50px 0 0 0; } /*------------------------------------------------------------------------ トピックス --------------------------------------------------------------------------*/ .topics { margin: 10px 0 20px 0; border: 1px solid #ccc; font-size: 90%; } .topics p.data { padding: 3px 10px 0 10px ; background-color: #f6f2e3; } .topics p.title { padding: 0 10px 3px 10px ; background-color: #f6f2e3; } .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; } /*------------------------------------------------------------------------ 介護老人保健施設「ハートフル瀬谷」 --------------------------------------------------------------------------*/ #heartfull { } #heartfull h2#h2_lavel01 { background: url(../images/h2img_heartfull01.jpg) no-repeat ; height: 200px; } #heartfull h2#h2_lavel02 { background-position: 0 -50px; margin: 10px 0 15px 0; } #heartfull h2#h2_lavel03 { background: url(../images/h2img_heartfull02.jpg) no-repeat ; height: 100px; } #heartfull h2#h2_lavel03 a { height: 100px; } /*------------------------------------------------------------------------ h3 --------------------------------------------------------------------------*/ h3#h3_lavel01 { background-position: 0 0; margin: 10px 0 10px 0; height: 30px; } /*ごあいさつ*/ h3#h3_lavel02 { background-position: 0 -30px; margin: 10px 0 10px 0; height: 30px; } /*基本方針*/ h3#h3_lavel03 { background-position: 0 -60px; margin: 10px 0 10px 0; height: 30px; } /*概要*/ h3#h3_lavel04 { background-position: 0 -90px; margin: 10px 0 10px 0; height: 30px; } /*アクセス*/ h3#h3_lavel07 { background-position: 0 -120px; margin: 10px 0 10px 0; height: 30px; } /*サービス内容*/ h3#h3_lavel08 { background-position: 0 -150px; margin: 10px 0 10px 0; height: 30px; } /*入所サービス ご利用料金*/ h3#h3_lavel09 { background-position: 0 -180px; margin: 10px 0 10px 0; height: 30px; } /*ご利用規約・運営規定*/ h3#h3_lavel10 { background-position: 0 -210px; margin: 10px 0 10px 0; height: 30px; } /*施設案内*/ h3#h3_lavel11 { background-position: 0 -240px; margin: 10px 0 10px 0; height: 30px; } /*フロア案内*/ h3#h3_lavel12 { background-position: 0 -270px; margin: 10px 0 10px 0; height: 30px; } /*ご利用者様の日常*/ h3#h3_lavel13 { background-position: 0 -300px; margin: 10px 0 10px 0; height: 30px; } /*お申込方法*/ h3#h3_lavel14 { background-position: 0 -1160px; margin: 40px 0 10px 0; height: 20px; } /*一日のスケジュールとレクリエーション*/ h3#h3_lavel15 { background-position: 0 -330px; margin: 10px 0 10px 0; height: 30px; } /*ご見学・お問い合せ*/ h3#h3_lavel16 { background-position: 0 -1080px; margin: 10px 0 10px 0; height: 20px; } /*入所料金*/ h3#h3_lavel17 { background-position: 0 -1100px; margin: 0 0 10px 0; height: 20px; } /*ご利用料金-----その他の料金*/ h3#h3_lavel18 { background-position: 0 -1120px; margin: 0 0 10px 0; height: 20px; } /*ご利用料金-----ご希望に応じて提供*/ h3#h3_lavel19 { background-position: 0 -1140px; margin: 0 0 10px 0; height: 20px; } /*ご利用料金-----介護保険負担限度額認定*/ h3#h3_lavel20 { background-position: 0 -1000px; margin: 20px 0 10px 0; height: 20px; } /*サービス内容-----入所サービス*/ h3#h3_lavel21 { background-position: 0 -1020px; margin: 30px 0 10px 0; height: 20px; } /*サービス内容-----短期入所サービス*/ h3#h3_lavel22 { background-position: 0 -1040px; margin: 30px 0 10px 0; height: 20px; } /*サービス内容-----通所リハビリテーション*/ h3#h3_lavel23 { background-position: 0 -1060px; margin: 30px 0 10px 0; height: 20px; } /*サービス内容-----ハートフル瀬谷クリニック*/ h3#h3_lavel24 { background-position: 0 -360px; margin: 10px 0 10px 0; height: 30px; } /*採用情報*/ h3#h3_lavel25 { background-position: 0 -1180px; margin: 40px 0 10px 0; height: 20px; } /*ご入所までの流れ*/ h3#h3_lavel26 { background-position: 0 -390px; margin: 10px 0 10px 0; height: 30px; } /*スタッフ紹介*/ h3#h3_lavel27 { background-position: 0 -1200px; margin: 40px 0 10px 0; height: 20px; } /*ボランティア募集*/ h3#h3_lavel28 { background-position: 0 -420px; margin: 10px 0 10px 0; height: 30px; } /*ショートステイ ご利用料金*/ h3#h3_lavel29 { background-position: 0 -450px; margin: 10px 0 10px 0; height: 30px; } /*デイケア ご利用料金*/ h3#h3_lavel30 { background-position: 0 -1220px; margin: 10px 0 10px 0; height: 20px; } /*デイケア ご利用料金*/ h3#h3_lavel31 { background-position: 0 -1240px; margin: 10px 0 10px 0; height: 20px; } /*デイケア ご利用料金*/ h3#h3_lavel32 { background-position: 0 -1260px; margin: 10px 0 10px 0; height: 20px; } /*デイケア ご利用料金*/ /*------------------------------------------------------------------------ 基本方針アイコン --------------------------------------------------------------------------*/ ol#policy { margin: 15px 0 0 0; padding: 0; list-style: none; line-height: 2.0; } #policy li#li_lavel01 { padding: 0 0 0 28px; background: url(../images/ico_01.gif) no-repeat left center; border-bottom: 1px dotted #ccc; } #policy li#li_lavel02 { padding: 0 0 0 28px; background: url(../images/ico_02.gif) no-repeat left center; border-bottom: 1px dotted #ccc; } #policy li#li_lavel03 { padding: 0 0 0 28px; background: url(../images/ico_03.gif) no-repeat left center; border-bottom: 1px dotted #ccc; } #policy li#li_lavel04 { padding: 0 0 0 28px; background: url(../images/ico_04.gif) no-repeat left center; border-bottom: 1px dotted #ccc; } #policy li#li_lavel05 { padding: 0 0 0 28px; background: url(../images/ico_05.gif) no-repeat left center; border-bottom: 1px dotted #ccc; } #policy li#li_lavel06 { padding: 0 0 0 28px; background: url(../images/ico_06.gif) no-repeat left center; border-bottom: 1px dotted #ccc; } /*------------------------------------------------------------------------ スケジュール --------------------------------------------------------------------------*/ dl#ico_time { margin: 15px 0 0 0; } #ico_time dt { width: 110px; height: 30px; float:left; clear: left; /*\*/overflow: hidden; /**/ text-indent: -100em; display: block; text-decoration: none; outline: none; background: url(../images/ico_time.gif) no-repeat ;} #ico_time dd { margin: 0 0 0 110px; padding: 5px 0 5px 0; border-bottom: 1px dotted #ccc;} #ico_time dt#dt_lavel01 { background-position: 0 0; } #ico_time dt#dt_lavel02 { background-position: 0 -50px; } #ico_time dt#dt_lavel03 { background-position: 0 -100px; } #ico_time dt#dt_lavel04 { background-position: 0 -150px; } #ico_time dt#dt_lavel05 { background-position: 0 -200px; } #ico_time dt#dt_lavel06 { background-position: 0 -250px; } #ico_time dt#dt_lavel07 { background-position: 0 -300px; } #ico_time dt#dt_lavel08 { background-position: 0 -350px; } #ico_time dt#dt_lavel09 { background-position: 0 -400px; } /*------------------------------------------------------------------------ ご入所までの流れ --------------------------------------------------------------------------*/ dl#ico_step { margin: 15px 0 0 0; } #ico_step dt { width: 120px; height: 25px; float:left; clear: left; /*\*/overflow: hidden; /**/ text-indent: -100em; display: block; text-decoration: none; outline: none; background: url(../images/ico_step.gif) no-repeat ;} #ico_step dd { margin: 0 0 0 120px; padding: 5px 0 5px 0; border-bottom: 1px dotted #ccc;} #ico_step dt#dt_lavel01 { background-position: 0 0; } #ico_step dt#dt_lavel02 { background-position: 0 -50px; } #ico_step dt#dt_lavel03 { background-position: 0 -100px; } #ico_step dt#dt_lavel04 { background-position: 0 -150px; } #ico_step dt#dt_lavel05 { background-position: 0 -200px; } #ico_step dt#dt_lavel06 { background-position: 0 -250px; } #ico_step dt#dt_lavel07 { background-position: 0 -300px; } #ico_step dt#dt_lavel08 { background-position: 0 -350px; } /*------------------------------------------------------------------------ スタッフ紹介 --------------------------------------------------------------------------*/ 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; } /*------------------------------------------------------------------------ サービス内容 --------------------------------------------------------------------------*/ #bg_clinic { padding: 5px 15px 5px 15px; background: url(../images/bg_clinic_02.gif) repeat-y; }