@charset "UTF-8";
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body { background: #fff; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif; color: #333; line-height: 1.5; }

p { margin: 5px 0; }

strong { font-weight: bold; }

header { background-color: #D2EBA2; overflow: hidden; *zoom: 1; background-image: url(../images/top/leafs.png); -moz-background-size: 41px 32px; -o-background-size: 41px 32px; -webkit-background-size: 41px 32px; background-size: 41px 32px; background-repeat: no-repeat; background-position: 97% bottom; }
header strong { font-weight: normal; }
header #header-sub-info { background-color: #7A993F; color: #fff; font-size: 80%; padding: 5px; text-align: right; }
header h1 { background-image: url(../images/top/name.png); -moz-background-size: 100px 25px; -o-background-size: 100px 25px; -webkit-background-size: 100px 25px; background-size: 100px 25px; background-position: 0 3px; background-repeat: no-repeat; float: left; height: 30px; width: 100px; text-indent: -9999px; margin-right: 10px; }
header .address { font-size: 90%; }
header #header-info { color: #483F0B; margin: 20px 10px; }
header a { color: #483F0B; text-decoration: none; font-weight: bold; }

#contents #main-image { height: 125px; background-image: url(../images/top/main.png); -moz-background-size: 320px 125px; -o-background-size: 320px 125px; -webkit-background-size: 320px 125px; background-size: 320px 125px; background-position: center top; background-repeat: no-repeat; }
#contents h2 { background-color: #FFE11A; background-image: url(../images/top/h-leaf.png); -moz-background-size: 12px 16px; -o-background-size: 12px 16px; -webkit-background-size: 12px 16px; background-size: 12px 16px; background-position: 10px center; background-repeat: no-repeat; color: #483F0B; font-size: 100%; font-weight: bold; padding: 10px 5px; padding-left: 25px; }
#contents section { padding: 5px; }
#contents #message img { float: right; }
#contents #schedule { background-image: url(../images/top/schedule.png); background-repeat: no-repeat; -moz-background-size: 272px 85px; -o-background-size: 272px 85px; -webkit-background-size: 272px 85px; background-size: 272px 85px; background-position: 20px 10px; }
#contents #schedule .circle { margin-top: 100px; background-image: url(../images/top/circle.png); }
#contents #schedule .double-circle { background-image: url(../images/top/double-circle.png); }
#contents #schedule .triangle { background-image: url(../images/top/triangle.png); }
#contents #schedule .x-mark { background-image: url(../images/top/x.png); }
#contents #schedule .mark { margin-left: 20px; -moz-background-size: 8px 8px; -o-background-size: 8px 8px; -webkit-background-size: 8px 8px; background-size: 8px 8px; background-repeat: no-repeat; background-position: left; padding-left: 12px; }
#contents #schedule .off { margin-left: 20px; color: #c30; }
#contents #parking { background-image: url(../images/top/parking.png); background-repeat: no-repeat; -moz-background-size: 285px 149px; -o-background-size: 285px 149px; -webkit-background-size: 285px 149px; background-size: 285px 149px; background-position: center 20px; }
#contents #parking p { margin-top: 175px; }
#contents #main-menu { padding: 0; }
#contents #main-menu ul li { height: 44px; line-height: 44px; border-bottom: solid 1px #ccc; -moz-background-size: 14px 14px; -o-background-size: 14px 14px; -webkit-background-size: 14px 14px; background-size: 14px 14px; background-position: 5px center; background-repeat: no-repeat; }
#contents #main-menu ul li a { display: block; color: #483F0B; text-decoration: none; font-weight: bold; padding-left: 25px; background-image: url(../images/right-arrow.png); background-repeat: no-repeat; -moz-background-size: 11px 11px; -o-background-size: 11px 11px; -webkit-background-size: 11px 11px; background-size: 11px 11px; background-position: 98% center; }
#contents #main-menu ul li.home { background-image: url(../images/top/home.png); }
#contents #main-menu ul li.message { background-image: url(../images/top/message.png); }
#contents #main-menu ul li.doctor { background-image: url(../images/person.png); }
#contents #main-menu ul li.about { background-image: url(../images/top/about.png); }
#contents #main-menu ul li.access { background-image: url(../images/top/access.png); }
#contents h1.sub { background-color: #FFE11A; height: 44px; line-height: 44px; font-size: 110%; font-weight: bold; background-image: url(../images/sub/h1-message.png); -moz-background-size: 25px 25px; -o-background-size: 25px 25px; -webkit-background-size: 25px 25px; background-size: 25px 25px; background-repeat: no-repeat; background-position: 5px center; padding-left: 35px; }
#contents h1.doctor { background-image: url(../images/doctor/h1-person.png); }
#contents h1.about { background-image: url(../images/about/h1-about.png); }
#contents h1.access { background-image: url(../images/access/h1-map.png); }
#contents h2.sub { background-color: #F5F6D4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-image: url(../images/sub/leaf.png); -moz-background-size: 12px 16px; -o-background-size: 12px 16px; -webkit-background-size: 12px 16px; background-size: 12px 16px; background-position: 10px center; background-repeat: no-repeat; }
#contents h3.sub { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-top: 5px; font-weight: bold; padding-left: 5px; }
/* #contents section.doctor { background-image: url(../images/doctor/doctor.jpg); -moz-background-size: 300px 225px; -o-background-size: 300px 225px; -webkit-background-size: 300px 225px; background-size: 300px 225px; background-position: center 10px; background-repeat: no-repeat; padding-top: 240px; } */
#contents section.doctor_ dt { font-weight: bold; margin-left: 5px; }
#contents section.doctor_ dd { margin-left: 15px; }
#contents .f1 .about, #contents .f2 .about { margin-top: 10px; -moz-background-size: 300px 225px; -o-background-size: 300px 225px; -webkit-background-size: 300px 225px; background-size: 300px 225px; background-repeat: no-repeat; background-position: center 10px; }
#contents .f1 .about dl, #contents .f2 .about dl { margin-top: 235px; }
#contents .f1 dt, #contents .f2 dt { font-weight: bold; }
#contents .f1 .infomation { background-image: url(../images/about/1.jpg); }
#contents .f1 .waiting-room { background-image: url(../images/about/2_3.jpg); }
#contents .f1 .consultation-room { background-image: url(../images/about/6.jpg); }
#contents .f1 .nebu { background-image: url(../images/about/5.jpg); }
#contents .f2 .waiting-room { background-image: url(../images/about/4_3.jpg); }
#contents .f2 .ct { background-image: url(../images/about/3.jpg); }

footer { background-color: #D2EBA2; color: #483F0B; }
footer .footer-info { font-size: 90%; padding: 5px; background-image: url(../images/top/leafs.png); -moz-background-size: 41px 32px; -o-background-size: 41px 32px; -webkit-background-size: 41px 32px; background-size: 41px 32px; background-repeat: no-repeat; background-position: 97% bottom; }
footer .name { font-weight: bold; }
footer a { font-weight: bold; color: #483F0B; text-decoration: none; }
footer .copyright { background-color: #7A993F; color: #fff; text-align: center; font-size: 80%; padding: 5px; }