body { background: #4089c9; } #header { width: 100%; height: 116px; text-align: center; background: url(../img/header_pat_s.png) repeat-x; position: fixed; top: 0; left: 0; z-index: 9999; } #header .header { width: 980px; height: 116px; margin: 0 auto; position: relative; } #header .header h1 { top: 15px; left: 0; position: absolute; z-index: 999; } #header .header .tel { top: 40px; right: 0; position: absolute; z-index: 999; } #header .header .header-container { width: 411px; height: 34px; top: 0; right: 0; position: absolute; background: url(../img/header_parts_board.gif) repeat-x; } #header .header .header-container .header-box { width: 411px; height: 34px; position: relative; } #header .header .header-box .header-sizechange p.ttl { position: absolute; top: 6px; left: 10px; } #header .header .header-box .header-sizechange ul { position: absolute; top: 6px; left: 74px; } #header .header .header-box .header-sizechange ul li { float: left; } #header .header .header-box .header-search p.ttl { position: absolute; top: 6px; left: 178px; } #header .header .header-box .header-search p.form { position: absolute; top: 6px; left: 250px; } #header .header .header-box .header-search p.submit { position: absolute; top: 6px; left: 364px; } #header .header .header-box .header-search p.submit input { width: 38px; height: 21px; background: url(../img/btn_search.gif) no-repeat; border: none; text-indent: -5000px; cursor: pointer; } #header .header .header-box .header-search .search-form { margin: 0; padding: 5px; width: 100px; background: #fff; border: none; font-size: 12px; line-height: 1.3; height: 11px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #global-nav { width: 980px; height: 49px; top: 57px; left: 0; position: absolute; } #global-nav .global-nav { width: 980px; height: 49px; position: relative; } #global-nav li { line-height: 10px; zoom: 1; overflow: hidden; padding: 0; margin: 0; } #global-nav .over { display: none; } #global-nav .home, #global-nav .home_r { position: absolute; top: 0; left: 0; cursor: pointer; } #global-nav .guidance, #global-nav .guidance_r { position: absolute; top: 0; left: 43px; cursor: pointer; } #global-nav .about, #global-nav .about_r { position: absolute; top: 0; left: 140px; cursor: pointer; } #global-nav .forpatient, #global-nav .forpatient_r { position: absolute; top: 0; left: 323px; cursor: pointer; } #global-nav .formedical, #global-nav .formedical_r { position: absolute; top: 0; left: 428px; cursor: pointer; } #global-nav .formember, #global-nav .formember_r { position: absolute; top: 0; left: 583px; cursor: pointer; } #global-nav .access, #global-nav .access_r { position: absolute; top: 0; left: 733px; cursor: pointer; } #global-nav .contact, #global-nav .contact_r { position: absolute; top: 0; left: 855px; cursor: pointer; } #idx-slide { width: 100%; height: 500px; position: fixed; top: 0; left: 0; z-index: 99; background: #fff; text-align: center; } #idx-slide .idx-slide { width: 2000px; height: 500px; position: relative; } #idx-slide .idx-slide .slider { width: 2000px; height: 500px; position: absolute; top: 0; left: 0; } #idx-slide .lead { width: 546px; height: 389px; position: absolute; top: 60px; right: 0; z-index: 999; } #idx-slide .lead .lead-in { width: 546px; height: 389px; position: relative; } #idx-slide .lead .lead-in .lead-p { width: 340px; height: 340px; position: absolute; top: 28px; left: 0px; } #idx-slide .lead .lead-in .lead-b { width: 340px; height: 340px; position: absolute; top: -20px; right: 0px; } #idx-slide .lead .lead-in .lead-t { width: 476px; height: 108px; position: absolute; top: 152px; left: 35px; } #contents { width: 100%; padding: 0 0 0 0; text-align: center; position: absolute; top: 386px; left: 0; z-index: 9998; } #contents .shadow { width: 100%; height: 10px; background: url(../img/slide_f.png) repeat-x; } #contents .contents { width: 100%; background: url(../img/main_pat.gif); padding: 20px 0 0 0; } #idx-main-btn { width: 980px; margin: 0 auto 15px auto; overflow: hidden; } #idx-main-btn li { float: left; margin: 0 9px 0 0; } #idx-main-btn li.end { margin-right: 0; } #idx-contents { width: 980px; margin: 0 auto; padding-bottom: 20px; overflow: hidden; /* font-size: 100%; */font-size: 110%;/* ベースを110%に変更 */ } #idx-contents #idx-contents-main { width: 610px; float: left; overflow: hidden; } #idx-contents #idx-contents-sub { width: 350px; float: right; overflow: hidden; } #idx-news {} #idx-news .ttl { width: 570px; height: 57px; margin: 0 auto 15px auto; position: relative; } #idx-news .ttl h3 { position: absolute; top: 0; left: 0; } #idx-news .ttl p { position: absolute; top: 20px; right: 0; } #idx-news dl { width: 570px; overflow: hidden; margin: 0 auto 10px auto; } #idx-news dl dt { clear: both; width: 85px; float: left; text-align: left; font-size: 75%; line-height: 1.4; padding: 1px 0 7px 10px; background: url(../img/list_mark.gif) left 8px no-repeat; } /* #idx-news dl dd { margin-left: 95px; text-align: left; font-size: 80%; line-height: 1.4; padding: 0 0 7px 20px; } */ #idx-news dl dd { float: right; width: 445px; text-align: left; font-size: 80%; line-height: 1.4; padding: 0 0 7px 20px; } #idx-news dl dd a { color: #2a84bd; text-decoration: none; } #idx-news dl dd a:hover { text-decoration: underline; } #idx-news dl dd.forpatient { background: url(../img/news_mark_forpatient.gif) left 2px no-repeat; } #idx-news dl dd.formedical { background: url(../img/news_mark_formedical.gif) left 2px no-repeat; } #idx-news dl dd.forpst { background: url(../img/news_mark_forpst.gif) left 2px no-repeat; } #idx-news dl dd.nursing { background: url(../img/news_mark_nursing.gif) left 2px no-repeat; } #idx-news dl dd.news_about { background: url(../img/news_mark_about.gif) left 4px no-repeat; } #idx-news dl dd.news_member { background: url(../img/news_mark_member.gif) left 4px no-repeat; } #idx-news dl dd.news_medical { background: url(../img/news_mark_medical.gif) left 4px no-repeat; } #idx-news dl dd.news_patient { background: url(../img/news_mark_patient.gif) left 4px no-repeat; } #idx-news dl dd.news_kango { background: url(../img/news_mark_kango.gif) left 4px no-repeat; } #idx-news dl dd.news_others { background: url(../img/news_mark_others.gif) left 4px no-repeat; } #idx-topics {} #idx-topics .ttl { width: 570px; height: 57px; margin: 0 auto 15px auto; position: relative; } #idx-topics .ttl h3 { position: absolute; top: 0; left: 0; } #idx-topics .ttl p { position: absolute; top: 20px; right: 0; } #idx-topics dl { width: 570px; overflow: hidden; margin: 0 auto 10px auto; } #idx-topics dl dt { clear: both; width: 85px; float: left; text-align: left; font-size: 75%; line-height: 1.4; padding: 1px 0 7px 10px; background: url(../img/list_mark.gif) left 6px no-repeat; } /* #idx-topics dl dd { margin-left: 95px; text-align: left; font-size: 80%; line-height: 1.4; padding-bottom: 7px; } */ #idx-topics dl dd { float: right; width: 465px; text-align: left; font-size: 80%; line-height: 1.4; padding-bottom: 7px; } #idx-topics dl dd a { color: #2a84bd; text-decoration: none; } #idx-topics dl dd a:hover { text-decoration: underline; } .cont-container { width: 610px; background: url(../img/idx_main_box_pat.gif) left top no-repeat; padding-top: 5px; margin-bottom: 15px; } .cont-container .cont-box { width: 610px; background: url(../img/idx_main_box_pat.gif) left bottom no-repeat; padding-bottom: 5px; text-align: center; } #idx-contents-sub {} #side-note { margin-bottom: 10px; text-align: left; } .note-containder { width: 350px; background: url(../img/side_box_pat.gif) left top no-repeat; padding-top: 22px; } .note-containder .note-box { width: 350px; background: url(../img/side_box_pat.gif) left bottom no-repeat; padding-bottom: 10px; text-align: center; } .note-containder .note-box h3 { width: 300px; margin: 0 auto 18px auto; text-align: left; } .note-containder .note-box table { width: 300px; margin: 0 auto 10px auto; text-align: left; font-size: 13px; line-height: 1.4; } .note-containder .note-box th, .note-containder .note-box td { padding-bottom: 4px; } .note-containder .note-box td { padding-left: 10px; } .note-containder .note-box th.tel { vertical-align: bottom; } .note-containder .note-box p { width: 300px; margin: 0 auto; text-align: left; font-size: 11px; line-height: 1.4; color: #555; } #side-pickup { margin-bottom: 10px; text-align: left; } #side-rec { margin-bottom: 10px; text-align: left; } #foot-nav { width: 100%; background: #eee; text-align: center; clear: both; } #foot-nav .foot-nav-home { width: 100%; overflow: hidden; border-top: 1px solid #d4d3d3; border-bottom: 1px solid #d4d3d3; margin-bottom: 20px; } #foot-nav .foot-nav-home p { width: 980px; margin: 0 auto; padding: 10px 0; text-align: left; } #foot-nav .foot-nav-home p a { display: block; background: url(../img/foot_nav_mark_home.gif) no-repeat; color: #4089c9; line-height: 15px; font-size: 12px; padding-left: 20px; text-decoration: none; } #foot-nav .foot-nav-home p a:hover { text-decoration: underline; } #foot-nav .foot-nav { width: 980px; margin: 0 auto; overflow: hidden; } #foot-nav .foot-nav .list-box { float: left; text-align: left; width: 245px; } #foot-nav .foot-nav .list-box dt { margin-bottom: 7px; font-size: 14px; line-height: 1.4; background: url(../img/foot_nav_mark.gif) left center no-repeat; padding-left: 15px; font-weight: bold; color: #555; } #foot-nav .foot-nav .list-box dd { padding-bottom: 15px; } #foot-nav .foot-nav .list-box dd p { margin-bottom: 4px; font-weight: bold; font-size: 12px; padding-left: 15px; color: #555; } #foot-nav .foot-nav .list-box dd ul { padding-left: 35px; } #foot-nav .foot-nav .list-box dd ul li { list-style: disc; margin-bottom: 4px; } #foot-nav .foot-nav .list-box dd ul li.end { margin-bottom: 12px; } #foot-nav .foot-nav .list-box dd ul li a, #foot-nav .foot-nav .list-box dd ul li span { text-decoration: none; font-size: 12px; color: #666; } #foot-nav .foot-nav .list-box dd ul li a:hover { text-decoration: underline; } #back-to-top { width: 100%; height: 30px; text-align: center; background: #eee; } #back-to-top p { width: 980px; margin: 0 auto; position: relative; } #back-to-top p span { display: block; width: 180px; line-height: 30px; position: absolute; top: 0; right: 0; background: #4089c9; font-size: 12px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } #back-to-top p a { font-size: 12px; color: #fff; text-decoration: none; background: url(../img/back_to_top_mark.gif) left 6px no-repeat; padding: 2px 0 0 16px; } #back-to-top p a:hover { text-decoration: underline; } #footer { width: 100%; height: 110px; text-align: center; background: #4089c9; } #footer .footer { width: 980px; margin: 0 auto; position: relative; } #footer .footer p { color: #fff; line-height: 1.4; text-align: left; position: absolute; } #footer .footer .logo { top: 18px; left: 0; } #footer .footer .addr { font-size: 12px; top: 20px; left: 120px; } #footer .footer .copy { font-size: 11px; top: 62px; left: 0; } #result { position: fixed; top: 7px; left: 5px; font-size: 10px; color: #333; z-index: 99999; display: none; }