body { background-color: #213b42; background-repeat: repeat-x; background-position: 0 top; text-align: center; margin: 0; padding: 0; } img { border-width: 0; } img a { border-width: 0; } #haikei { background-color: #bcdedf; background-image: url(../img/haikei.jpg); background-repeat: repeat-x; background-position: 0 top; } /*header*/ #header { width: 954px; height: 131px; margin: 0 auto; padding: 0; } #header p{ background-image: url(../img/header_logo.gif); background-repeat: no-repeat; text-indent: -9999px; width: 750px; height: 131px; float: left; margin: 0; padding: 0; } #header a.f_n{ background-image: url(../img/header_f_n.gif); background-repeat: no-repeat; text-indent: -9999px; width: 112px; height: 58px; float: left; margin: 0; padding: 0; border-width: 0; display: block; } #header a:hover.f_n{ background-image: url(../img/header_f_n_over.gif); } #header a.f_b{ background-image: url(../img/header_f_b.gif); background-repeat: no-repeat; text-indent: -9999px; width: 92px; height: 58px; float: left; margin: 0; padding: 0; border-width: 0; display: block; } #header a:hover.f_b{ background-image: url(../img/header_f_b_over.gif); } #header a.m_n{ background-image: url(../img/header_m_n.gif); background-repeat: no-repeat; text-indent: -9999px; width: 68px; height: 73px; float: left; margin: 0; padding: 0; border-width: 0; display: block; } #header a:hover.m_n{ background-image: url(../img/header_m_n_over.gif); } #header a.m_w{ background-image: url(../img/header_m_w.gif); background-repeat: no-repeat; text-indent: -9999px; width: 68px; height: 73px; float: left; margin: 0; padding: 0; border-width: 0; display: block; } #header a:hover.m_w{ background-image: url(../img/header_m_w_over.gif); } #header a.m_b{ background-image: url(../img/header_m_b.gif); background-repeat: no-repeat; text-indent: -9999px; width: 68px; height: 73px; float: left; margin: 0; padding: 0; border-width: 0; display: block; } #header a:hover.m_b{ background-image: url(../img/header_m_b_over.gif); } /*botan*/ #botan{ clear: both; } #botan ul { width: 954px; margin: 0 auto; padding: 0; list-style-type: none; } #botan li { float: left; } #botan li a.index { background-image: url(../img/botan_01.gif); text-indent: -9999px; width: 116px; height: 71px; display: block; } #botan li a:hover.index{ background-image: url(../img/botan_01over.gif); } #botan li a.hospital { background-image: url(../img/botan_02.gif); text-indent: -9999px; width: 104px; height: 71px; display: block; } #botan li a:hover.hospital{ background-image: url(../img/botan_02over.gif); } #botan li a.history { background-image: url(../img/botan_03.gif); text-indent: -9999px; width: 104px; height: 71px; display: block; } #botan li a:hover.history{ background-image: url(../img/botan_03over.gif); } #botan li a.treatment { background-image: url(../img/botan_04.gif); text-indent: -9999px; width: 104px; height: 71px; display: block; } #botan li a:hover.treatment{ background-image: url(../img/botan_04over.gif); } #botan li a.time { background-image: url(../img/botan_05.gif); text-indent: -9999px; width: 104px; height: 71px; display: block; } #botan li a:hover.time{ background-image: url(../img/botan_05over.gif); } #botan li a.doctor { background-image: url(../img/botan_06.gif); text-indent: -9999px; width: 104px; height: 71px; display: block; } #botan li a:hover.doctor{ background-image: url(../img/botan_06over.gif); } #botan li a.access { background-image: url(../img/botan_07.gif); text-indent: -9999px; width: 104px; height: 71px; display: block; } #botan li a:hover.access{ background-image: url(../img/botan_07over.gif); } #botan li a.lunch { background-image: url(../img/botan_08.gif); text-indent: -9999px; width: 104px; height: 71px; display: block; } #botan li a:hover.lunch{ background-image: url(../img/botan_08over.gif); } #botan li a.info { background-image: url(../img/botan_09.gif); text-indent: -9999px; width: 110px; height: 71px; display: block; } #botan li a:hover.info{ background-image: url(../img/botan_09over.gif); } /*main */ #main { text-align: left; width: 850px; clear: both; margin: 0 auto; } #main h1 { color: #2d6e6e; font-size: 110%; font-weight: bold; line-height: 150%; text-align: left; padding: 10px 10px 0; } #main p { color: #282828; font-size: 100%; line-height: 150%; margin-right: 10px; margin-left: 10px; } #main h2 { color: #3c3c3c; font-size: 100%; font-weight: normal; line-height: 150%; text-align: left; padding: 0; } /*#main table{margin: 25px 10px;}*/ #main h3 { color: #063e51; font-size: 130%; font-weight: bold; text-align: left; padding: 2px; border-bottom: 1px solid #063e51; } #main h4{ color: #003f66; background-color: #e6ffcc; margin: 0; padding: 3px; } #main a { color: #327896; text-decoration: underline; } #main a:link { color: #327896; text-decoration: underline; } #main a:visited { color: #327896; text-decoration: underline; } #main a:hover { color: #001932; } #main a:active { color: #327896; text-decoration: underline; } /*main_title*/ #main_title_staff h1 { background-image: url(../img/title_docter.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; } #main_title_time h1 { background-image: url(../img/title_time.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; } #main_title_info h1 { background-image: url(../img/title_info.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; } #main_title_info_bosyu h1 { background-image: url(../img/title_info_bosyu.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; } #main_title_access h1 { background-image: url(../img/title_access.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; } #main_title_lunch h1 { background-image: url(../img/title_lunch.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; } #main_title_hospital h1 { /*background-image: url(../img/title_hospital2.gif); background-repeat: no-repeat; */ width: 850px; height: 80px; margin: 0; padding: 0; } #main_title_history h1 { background-image: url(../img/title_history.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; } #main_title_treatment h1 { background-image: url(../img/title_treatment.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; } #main_title_treatment_moumaku h1 { margin: 0; padding: 0; } #main_title_treatment_moumaku h1 a { background-image: url(../img/title_treatment_moumaku.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; display: block; } #main_title_treatment_ruidou h1 { margin: 0; padding: 0; } #main_title_treatment_ruidou h1 a { background-image: url(../img/title_treatment_ruidou.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; display: block; } #main_title_treatment_kangen h1 { margin: 0; padding: 0; } #main_title_treatment_kangen h1 a { background-image: url(../img/title_treatment_kangen.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; display: block; } #main_title_treatment_hakunai h1 { margin: 0; padding: 0; } #main_title_treatment_hakunai h1 a { background-image: url(../img/title_treatment_hakunai.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; display: block; } #main_title_treatment_ryokunai h1 { margin: 0; padding: 0; } #main_title_treatment_ryokunai h1 a { background-image: url(../img/title_treatment_ryokunai.gif); background-repeat: no-repeat; text-indent: -9999px; width: 850px; height: 80px; margin: 0; padding: 0; display: block; } /*top_main*/ #top_main_title {} #top_main_title h2 { color: #0b4544; font-size: 120%; font-weight: normal; line-height: 160%; background-color: #85bbc1; margin: 0; padding: 6px; display: inline; } #top_main_title h3 {} #top_main_title a { text-decoration: none; padding: 3px; } #top_main_title a:link { color: #dcf0f0; text-decoration: none; } #top_main_title a:visited { color: #dcf0f0; } #top_main_title a:hover { color: #1d5b71; background-color: #dcf0f0; } #top_main_title a:active { color: #1d5b71; background-color: #dcf0f0; } /*css-seisaku #top_main_box { width: 850px; clear: both; margin: 0 auto; padding: 0; } #main_box { background-color: #0000ab; width: 850px; clear: both; margin: 0 auto; } .left_box_500 { width: 500px; float: left; } .right_box_350 { width: 350px; float: left; } */ /*main2 table*/ #top_main { background-color: #85bbc1; padding-bottom: 30px; } .top_main_info_01{ background-image: url(../img/info01_haikei.gif); background-repeat: no-repeat; background-position: 0 top; padding: 0; } .top_main_info_02{ background-image: url(../img/info02_haikei.gif); background-repeat: no-repeat; background-position: 0 top; padding: 0; } .top_main_info_03{ background-image: url(../img/info03_haikei.gif); background-repeat: no-repeat; background-position: 0 top; padding: 0; } .top_main_info_04{ background-image: url(../img/info04_haikei.gif); background-repeat: no-repeat; background-position: 0 top; padding: 0; } #top_main h3{ color: #1a4a5f; font-size: 90%; margin: 0; padding: 6px 6px 2px; border-bottom: 1px dotted #21636c; } #top_main strong{ color: #282828; font-size: 80%; font-weight: normal; margin: 0; padding: 2px 6px 6px; display: block; } #top_main p { color: #1a4a5f; font-size: 90%; font-weight: normal; line-height: 200%; margin-top: 15px; margin-bottom: 15px; padding: 5px 4px; border-top: 1px dotted #aed5bb; border-bottom: 1px dotted #aed5bb; } #info_down_haikei{ background-image: url(../img/info_haikei_03.gif); background-repeat: no-repeat; background-position: 0 bottom; } #info_top_haikei{ background-image: url(../img/info_haikei_01.gif); background-repeat: no-repeat; background-position: 0 top; } .top_main_info_haikei{ background-image: url(../img/info_haikei_02.gif); background-repeat: repeat-y; } /*hospital_pic*/ #hospital_aisatsu{ background-image: url(../img/urabe_aisatsu.jpg); background-repeat: no-repeat; width: 800px; height: 400px; } #hospital_aisatsu h2 { margin: 0; padding: 0; display: none; } #hospital_aisatsu p { font-size: 0.9em; line-height: 150%; margin: 0; padding: 200px 15px 0 315px; } /*hospital_pic2014*/ #hospital_aisatsu_new{ background-image: url(../img/urabe_aisatsu_new.jpg); background-repeat: no-repeat; width: 800px; height: 400px; } #hospital_aisatsu_new h2 { margin: 0; padding: 0; display: none; } #hospital_aisatsu_new p{ font-size: 0.9em; line-height: 150%; margin: 0; padding: 200px 280px 0px 50px; text-align:justify; } /*treatment_botan*/ #t_botan { background-color: #fff; clear: both; border: solid 1px #3c3c50; } #t_botan p{ text-align: center; margin: 0; padding: 8px; } #t_botan a { text-decoration: none; padding: 3px; } #t_botan a:link { color: #397983; text-decoration: none; } #t_botan a:visited { color: #397983; } #t_botan a:hover { color: #113b50; background-color: #c8dcdc; } #t_botan a:active { color: #397983; background-color: #dcf0f0; } /*botan2*/ #botan2 { background-color: #397983; clear: both; } #botan2 p{ text-align: center; margin: 0; padding: 8px; } #botan2 a { text-decoration: none; padding: 3px; } #botan2 a:link { color: #dcf0f0; text-decoration: none; } #botan2 a:visited { color: #dcf0f0; } #botan2 a:hover { color: #1d5b71; background-color: #dcf0f0; } #botan2 a:active { color: #1d5b71; background-color: #dcf0f0; } /*footer*/ #footer_haikei { background-color: #213b42;} #footer { background-color: #213b42; width: 850px; margin: 0 auto; } #footer p{ background-image: url(../img/footer_logo.gif); background-repeat: no-repeat; width: 674px; height: 107px; float: left; margin: 0; padding: 0; } #footer a{ display: none; } #footer strong{ color: #000014; font-size: 80%; font-weight: normal; text-align: left; margin: 0; padding: 90px 0 4px 4px; display: block; } #footer a.f_n{ background-image: url(../img/footer_f_n.gif); background-repeat: no-repeat; text-indent: -9999px; width: 89px; height: 45px; float: left; margin: 0; padding: 0; border-width: 0; display: block; } #footer a:hover.f_n{ background-image: url(../img/footer_f_n_over.gif); } #footer a.f_b{ background-image: url(../img/footer_f_b.gif); background-repeat: no-repeat; text-indent: -9999px; width: 87px; height: 45px; float: left; margin: 0; padding: 0; border-width: 0; display: block; } #footer a:hover.f_b{ background-image: url(../img/footer_f_b_over.gif); } #footer a.m_n{ background-image: url(../img/footer_m_n.gif); background-repeat: no-repeat; text-indent: -9999px; width: 59px; height: 62px; float: left; margin: 0; padding: 0; border-width: 0; display: block; } #footer a:hover.m_n{ background-image: url(../img/footer_m_n_over.gif); } #footer a.m_w{ background-image: url(../img/footer_m_w.gif); background-repeat: no-repeat; text-indent: -9999px; width: 59px; height: 62px; float: left; margin: 0; padding: 0; border-width: 0; display: block; } #footer a:hover.m_w{ background-image: url(../img/footer_m_w_over.gif); } #footer a.m_b{ background-image: url(../img/footer_m_b.gif); background-repeat: no-repeat; text-indent: -9999px; width: 55px; height: 62px; float: left; margin: 0; padding: 0; border-width: 0; display: block; } #footer a:hover.m_b{ background-image: url(../img/footer_m_b_over.gif); } .footer_7119{ display: contents; height: auto; } .footer_7119 img{ width: 250px; position: absolute; margin: 25px 0px 25px -10px; transition: 1s; } .footer_7119 img :hover{ 　　opacity:0.6; } /*time_box*/ #time_box table{ background-color: #21636c; } .doc_table{ border: 1px solid #666; } .side_sen{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #666; border-left-color: #666; } .left_sen{ border-left-width: 1px; border-left-style: solid; border-left-color: #666; } .left_sen2{ border-left-width: 1px; border-left-style: solid; border-left-color: #cecece; } .left_sen3{ border-left-width: 1px; border-left-style: solid; border-left-color: #95aad2; } .right_sen{ border-right-width: 1px; border-right-style: solid; border-right-color: #666; } .bottom_sen{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; } #time_box td{} .week { background-color: #bcdedf; } .week2 { background-color: #C8EBEB; } .hyo { background-color: #E2F2EF; } /*class*/ .font_red { color: #b40000; } .center_box { text-align: center; } .title_01 { color: #3c3c50; font-weight: bold; } .font_s{ font-size: 80%; line-height: 150%; } .staff_syo { font-size: 80%; text-align: right; } .font_n{ font-size: 90%; line-height: 160%; } .font_b{ font-size: 120%; line-height: 170%; } .font_h{ font-size: 140%; line-height: 180%; } .waku_01 { border: solid 1px #7195a3; } #main p.title_top01{ color: #FFF; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #036; border-left-color: #036; background-color: #036; margin: 0px; padding: 4px; } .top_news_box01 { background-color: #e5f7f8; border: 1px solid #8ec0c3; } /*history*/ .history_box_font_bold { font-size: 120%; font-weight: bold; } #history_box { margin: 30px; width: 850px; } #history_box h2 { background-image: url(../img/history/history_midashi.jpg); height: 200px; width: 790px; margin-bottom: 60px; text-indent: -9999px; } #history_box h3 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #292220; font-weight: bold; color: #292220; height: 32px; width: 774px; background-image: url(../img/history/history_box_h3.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 16px; margin-bottom: 40px; } .history_box_h3text { width: 790px; margin-bottom: 40px; font-size: 150%; text-align: left; } .history_box_pdf { height: 80px; width: 790px; margin-bottom: 50px; text-align: center; } #history h2{ width: 850px; height: 50px clear: both; margin: 0 auto; background-image: url(../img/history_h2.jpg); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; height: 50px; } #history h3{ height: 50px clear: both; font-size: 16px; font-weight: bold; color: #141E46; border: none; } .top_waku{ border: 2px solid #069; text-align: center; padding: 10px; background-color: #FFF; } .footer_7119{ display: block; width: 350px; height: auto; } .img_7119{ width: 350px; position: absolute; margin: 20px 0px 20px 22%; }