/**= * ======================================== * h1・h2・h3・h4 トップタイトル * ======・================================== */ h1 { margin:0; padding:0;} h2 { margin:0; padding:0;} h3 { margin:0; padding:0;} h4 { margin:0; padding:0;} h5 { margin:0; padding:0;} @media screen and (min-width: 960px) { /* ロゴ */ .header h1 { width:343px; height:83px; margin:0; padding:0; } a#logo{ display:block; width:343px; height:83px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/common/l-logo.png) no-repeat; margin:45px 0 0 0; padding:0; } a#logo:hover{ opacity:0.7;} body#home a#logo:hover{ opacity:1.0;} /** ヘッダー */ #t-contact{ width:250px; height:45px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/common/l-contact.png) no-repeat; margin:18px auto 28px auto;} #s-system{ width:194px; height:17px; padding:0; margin:0 auto 7px auto;} #s-system a{ width:194px; height:17px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/common/l-reserve.png) no-repeat;} #l-reserve_about{ width:178px; height:21px; padding:0; margin:0 auto 7px auto;} #l-reserve_about a{ width:178px; height:21px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/common/l-reserve_about.png) no-repeat;} /** トップ 左 */ #top-t{ width:600px; height:72px; margin-bottom:25px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/l-top1.png) no-repeat;} #top-t2{ width:640px; height:51px; margin-bottom:14px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/l-top2.png) no-repeat;} /** トップ 右 */ #lc-reserve{ width:300px; height:164px; margin-bottom:30px;} #lc-reserve a{ width:300px; height:164px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/lc-reserve.png) no-repeat;} #lc-reserve a:hover{ width:300px; height:164px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/lc-reserve.png) no-repeat;} #endoscope{ width:300px; height:120px; margin-bottom:30px;} #endoscope a{ width:300px; height:120px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/endoscope.png) no-repeat; background-size:300px 120px;} #endoscope a:hover{ width:300px; height:120px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/endoscope.png) no-repeat; background-size:300px 120px;} #intro{ width:300px; height:100px;} #intro a{ width:300px; height:100px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/intro.png) no-repeat; background-size:300px 100px;} #intro a:hover{ width:300px; height:100px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/intro.png) no-repeat; background-size:300px 100px;} #l-side_logo{ width:270px; height:60px; margin-bottom:10px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/l-side_logo.png) no-repeat;} #l-side_tell{ width:237px; height:25px; margin-bottom:8px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/l-side_tell.png) no-repeat; float:right;} #l-side_fax{ width:154px; height:14px; margin-bottom:15px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/l-side_fax.png) no-repeat; float:right;} #l-side_subject{ background:#D2ECFA; color:#007EB5; margin-bottom:10px; text-align:center; padding:4px 0; font-size: 13px; font-size: 1.3rem;} #l-side_map{ width:190px; height:66px; margin:0; padding:0; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/l-access_map.png) no-repeat; position:absolute; top:-20px; left:36px;} /** フッター */ #footer-logo{ width:102px; height:74px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/l-footer_logo.png) no-repeat; float:left;} /**= * ======================================== * h2・h3・h4 内部コンテンツタイトル * ======================================== */ /** クリニックのご案内 ===*/ #clinic-t{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -493px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #clinic-t2{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -544px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #clinic-t3{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -595px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #clinic-t4{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -646px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #clinic-t5{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -697px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #clinic-t6{ width:640px; height:160px; background:url(../images/title/contents-t.png) 0 -799px; margin:0 0 0 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #clinic-t7{ font-size:21px; font-size:2.1rem; color:#193B78; padding:0; margin:0;} .clinic-t8{ font-size:21px; font-size:2.1rem; color:#193B78; padding:4px 0 4px 10px; margin:0; border-left:4px solid #0098D8; background-color:#F3F2EC; text-align:justify; width:296px;} .clinic-t9{ font-size:21px; font-size:2.1rem; color:#193B78; padding:4px 0 4px 10px; margin:0; border-left:4px solid #FFE792; background-color:#F3F2EC; text-align:justify; width:296px;} #clinic-t10{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -1134px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #clinic-t11{ font-size:21px; font-size:2.1rem; color:#193B78; padding:0; margin:0;} #clinic-t12{ margin-bottom:6px; font-size: 21px; font-size: 2.1rem; background: linear-gradient(transparent 60%, #FFE792 60%); color:#2C0E00; } /** ドクター紹介 ===*/ #doctor-t{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -238px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #doctor-t2{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -289px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} /** 初診の方へ ===*/ #first-t{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -340px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #first-t2{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -391px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #first-t3{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -442px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} .first-t4{ color:#1A3C78; font-size:21px; font-size:2.1rem;} #first-t5{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -1083px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} /** 交通アクセス ===*/ #access-t{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -136px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} .access-how{ color:#193B78; margin-bottom:10px; font-size: 21px; font-size: 2.1rem; background: linear-gradient(transparent 60%, #FFE792 60%);} /** よくあるご質問 ===*/ #faq-t{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -85px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} /** お問い合わせ ===*/ #contact-t{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -187px; margin:0 auto 15px auto; text-indent:100%; white-space:nowrap; overflow:hidden;} #contact-t2{ width:500px; height:85px; background:url(../images/title/contents-t.png) 0 0; margin:0 auto 15px auto; text-indent:100%; white-space:nowrap; overflow:hidden;} /** 予約システムについて ===*/ #reserve-t{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -748px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #reserve-t2{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -981px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #reserve-t3{ width:640px; height:51px; background:url(../images/title/contents-t.png) 0 -1032px; margin:0 0 15px 0; text-indent:100%; white-space:nowrap; overflow:hidden;} #reserve-t4{ border: 4px solid #ececec; font-weight: bold; padding: 6px 10px; margin-bottom:20px; width:100%; color: #f15b5b; box-sizing:border-box; font-size:18px; font-size:1.8rem;} #reserve-t5{ font-size:18px; font-size:1.8rem; color:#F15A5A;} } @media only screen and (min-width: 481px) and (max-width: 959px) { /* ロゴ */ .header h1 { width:343px; height:83px; margin:0; padding:0; } a#logo{ display:block; width:343px; height:83px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/common/l-logo.png) no-repeat; margin:30px 0 0 25px; padding:0; } a#logo:hover{ opacity:0.7;} body#home a#logo:hover{ opacity:1.0;} /** ヘッダー */ #t-contact{ width:250px; height:45px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/common/l-contact.png) no-repeat; margin:18px auto 28px auto;} #s-system{ width:194px; height:17px; padding:0; margin:0 auto 7px auto;} #s-system a{ width:194px; height:17px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/common/l-reserve.png) no-repeat;} #l-reserve_about{ width:178px; height:21px; padding:0; margin:0 auto 7px auto;} #l-reserve_about a{ width:178px; height:21px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/common/l-reserve_about.png) no-repeat;} /** トップ 左 */ #top-t{ width:600px; height:72px; margin-bottom:25px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/l-top1.png) no-repeat; border:none !important;} #top-t2{ font-size:22px; font-size:2.2rem; padding:0 0 0.2em 0; margin-bottom:12px; border-bottom:4px solid #DEF1FB; color:#1E4D82;} /** トップ 右 */ #lc-reserve{ width:330px; height:180px; margin:25px 0 180px 26px; float:left;} #lc-reserve a{ width:330px; height:180px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/sc-reserve.png) no-repeat; background-size:330px 180px;} #endoscope{ width:330px; height:132px; position:absolute; top:225px; left:26px;} #endoscope a{ width:330px; height:132px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/endoscope.png) no-repeat; background-size:330px 132px;} #endoscope a:hover{ width:330px; height:132px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/endoscope.png) no-repeat; background-size:330px 132px;} #intro{ width:250px; height:83px; position:absolute; top:290px; right:38px; z-index:12;} #intro a{ width:250px; height:83px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/intro.png) no-repeat; background-size:250px 83px;} #intro a:hover{ width:250px; height:83px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/intro.png) no-repeat; background-size:250px 83px;} #l-side_logo{ width:300px; height:65px; margin:0; margin-bottom:15px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/s-side_logo.png) no-repeat; background-size:300px 65px; clear:both;} #l-side_tell{ display:block; clear:both; width:340px; color:#FFDB60; text-align:right; font-size: 25px; font-size: 2.5rem; line-height:1.2;} #l-side_tell a{color:#FFDB60; } #l-side_fax{ text-align:right; color:#FFF; font-size: 21px; font-size: 2.1rem; margin-bottom:20px;} #l-side_fax a{ color:#FFF;} #l-side_subject{ clear:both; background:#D2ECFA; color:#007EB5; margin-bottom:10px; text-align:center; padding:8px 0; font-size: 18px; font-size: 1.8rem;} #l-side_map{ width:191px; height:66px; margin:0; padding:0; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/s-access_map.png) no-repeat; background-size:191px 66px; position:absolute; top:-17px; margin-left:-96px; left:50%;} /** フッター */ #footer-logo{ width:100px; height:73px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/s-footer_logo.png) no-repeat; margin:0 auto 15px auto; background-size:100px 73px;} /**= * ======================================== * h2・h3・h4 内部コンテンツタイトル * ======================================== */ #content-left h2{ font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#07569F; border-bottom:6px solid #DEF1FB; margin-bottom:15px; line-height:1.7;} h3 { font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#551A1A; font-size:18px; font-size:1.8rem;} h4 { font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;} h5 { font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;} /** クリニックのご案内 ===*/ #clinic-t4{ font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#07569F; border-bottom:6px solid #DEF1FB; margin-bottom:15px; line-height:1.7; font-size:21px; font-size:2.1rem;} #clinic-t5{ font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#07569F; border-bottom:6px solid #DEF1FB; margin-bottom:15px; line-height:1.7; font-size:21px; font-size:2.1rem;} #clinic-t6{ width:640px; height:160px; background:url(../images/title/policy.png) no-repeat; margin:0 auto; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:640px 160px;} #clinic-t7{ font-size:21px; font-size:2.1rem; color:#193B78; padding:0; margin:0;} .clinic-t8{ font-size:18px; font-size:1.8rem; color:#193B78; padding:4px 0 4px 10px; margin:0; border-left:4px solid #0098D8; background-color:#F3F2EC; text-align:justify; width:296px;} .clinic-t9{ font-size:18px; font-size:1.8rem; color:#193B78; padding:4px 0 4px 10px; margin:0; border-left:4px solid #FFE792; background-color:#F3F2EC; text-align:justify; width:296px;} #clinic-t11{ font-size:21px; font-size:2.1rem; color:#193B78; padding:0; margin:0;} #clinic-t12{ margin-bottom:6px; font-size: 21px; font-size: 2.1rem; background: linear-gradient(transparent 60%, #FFE792 60%); color:#2C0E00; } /** ドクター紹介 ===*/ /** 初診の方へ ===*/ /** 交通アクセス ===*/ .access-how{ color:#193B78; margin-bottom:10px; font-size: 21px; font-size: 2.1rem; background: linear-gradient(transparent 60%, #FFE792 60%);} /** よくあるご質問 ===*/ /** お問い合わせ ===*/ #contact-t2{ width:500px; height:85px; background:url(../images/title/m-contact.png) no-repeat; margin:0 auto 15px auto; text-indent:100%; white-space:nowrap; overflow:hidden; border:none !important; background-size:500px 85px;} /** 予約システムについて ===*/ #reserve-t4{ border: 4px solid #ececec; font-weight: bold; padding: 6px 10px; margin-bottom:20px; width:100%; color: #f15b5b; box-sizing:border-box; font-size:18px; font-size:1.8rem;} #reserve-t5{ font-size:18px; font-size:1.8rem; color:#F15A5A;} } @media screen and (min-width: 320px) and (max-width: 480px) { /* ロゴ */ .header h1 { width:264px; height:64px; margin:0; padding:0; } a#logo{ display:block; width:264px; height:64px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/title/s-logo.png) no-repeat; margin:6px 0 10px 10px; padding:0; background-size:264px 64px; } a#logo:hover{ opacity:0.7;} body#home a#logo:hover{ opacity:1.0;} /** ヘッダー */ #t-contact{ width:255px; height:46px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/common/s-contact.png) no-repeat; -moz-background-size:contain; background-size:contain; margin:0 auto 10px auto; padding:0;} #s-system{ width:100%; background-color:#05A1DA; padding:1em 0; text-align:center;} #s-system a{ color:#FFF; font-size:21px; font-size:2.1rem; text-shadow:1px 1px 0 #666; text-decoration:none;} #l-reserve_about{ width:100%; background-color:#F4BD00; padding:0.5em 0; text-align:center;} #l-reserve_about a{ color:#FFF; font-size:21px; font-size:2.1rem; text-shadow:1px 1px 0 #666; text-decoration:none;} /** トップ */ #top-t{ color:#5F4C3E; border-bottom:1px solid #5F4C3E !important; border-top:1px solid #5F4C3E; font-size:15px; font-size:1.5rem; padding:0.8em 0; margin-bottom:12px;} #top-t2{ font-size:16px; font-size:1.6rem; padding:0 0 0.2em 0; margin-bottom:12px; border-bottom:4px solid #DEF1FB; color:#1E4D82;} /** トップ 右 */ #lc-reserve{ width:330px; height:180px; margin:0 auto 30px auto;} #lc-reserve a{ width:330px; height:180px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/sc-reserve.png) no-repeat; background-size:330px 180px;} #endoscope{ width:330px; height:132px; margin:0 auto 30px auto;} #endoscope a{ width:330px; height:132px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/endoscope.png) no-repeat; background-size:330px 132px;} #intro{ width:330px; height:110px; margin:0 auto 30px auto;} #intro a{ width:330px; height:110px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/intro.png) no-repeat; background-size:330px 110px;} #l-side_logo{ width:300px; height:65px; margin-bottom:10px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/s-side_logo.png) no-repeat; background-size:300px 65px;} #l-side_tell{ color:#FFDB60; text-align:right; font-size: 24px; font-size: 2.4rem; line-height:1.2;} #l-side_tell a{color:#FFDB60; } #l-side_fax{ text-align:right; color:#FFF; font-size: 17px; font-size: 1.7rem; margin-bottom:4px;} #l-side_fax a{ color:#FFF;} #l-side_subject{ background:#D2ECFA; color:#007EB5; margin-bottom:10px; text-align:center; padding:4px 0; font-size: 14px; font-size: 1.4rem;} #l-side_map{ width:191px; height:66px; margin:0; padding:0; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/s-access_map.png) no-repeat; background-size:191px 66px; position:absolute; top:-22px; margin-left:-96px; left:50%;} /** フッター */ #footer-logo{ width:100px; height:73px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/s-footer_logo.png) no-repeat; margin:0 auto 15px auto; background-size:100px 73px;} /**= * ======================================== * h2・h3・h4 内部コンテンツタイトル * ======================================== */ #content-left h2{ font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#07569F; border-bottom:6px solid #DEF1FB; margin-bottom:15px; line-height:1.7;} h3 { font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#551A1A; font-size:18px; font-size:1.8rem;} h4 { font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;} h5 { font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;} /** クリニックのご案内 ===*/ #clinic-t4{ font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#07569F; border-bottom:6px solid #DEF1FB; margin-bottom:15px; line-height:1.7; font-size:21px; font-size:2.1rem;} #clinic-t5{ font-family: Verdana,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:#07569F; border-bottom:6px solid #DEF1FB; margin-bottom:15px; line-height:1.7; font-size:21px; font-size:2.1rem;} #clinic-t6{ width:330px; height:82px; background:url(../images/title/policy.png) no-repeat; margin:0 auto; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:330px 82px;} #clinic-t7{ font-size:18px; font-size:1.8rem; color:#193B78; padding:0; margin:0;} .clinic-t8{ font-size:18px; font-size:1.8rem; color:#193B78; padding:4px 0 4px 10px; margin:0; border-left:4px solid #0098D8; background-color:#F3F2EC; text-align:justify; width:296px;} .clinic-t9{ font-size:18px; font-size:1.8rem; color:#193B78; padding:4px 0 4px 10px; margin:0; border-left:4px solid #FFE792; background-color:#F3F2EC; text-align:justify; width:296px;} #clinic-t11{ font-size:21px; font-size:2.1rem; color:#193B78; padding:0; margin:0;} #clinic-t12{ margin-bottom:6px; font-size: 21px; font-size: 2.1rem; background: linear-gradient(transparent 60%, #FFE792 60%); color:#2C0E00; } /** ドクター紹介 ===*/ /** 初診の方へ ===*/ /** 交通アクセス ===*/ .access-how{ color:#193B78; margin-bottom:10px; font-size: 21px; font-size: 2.1rem; background: linear-gradient(transparent 60%, #FFE792 60%);} /** よくあるご質問 ===*/ /** お問い合わせ ===*/ #contact-t2{ width:300px; height:50px; background:url(../images/title/m-contact.png) no-repeat; padding:0; margin:0 auto 15px auto; text-indent:100%; white-space:nowrap; overflow:hidden; border:none !important; background-size:300px 50px;} /** 予約システムについて ===*/ #reserve-t4{ border: 4px solid #ececec; font-weight: bold; padding: 6px 10px; margin-bottom:20px; color: #f15b5b; box-sizing:border-box; font-size:18px; font-size:1.8rem;} #reserve-t5{ font-size:18px; font-size:1.8rem; color:#F15A5A; line-height:1.3;} } @media screen and (min-width: 320px) and (max-width: 359px) { /* ロゴ */ .header h1 { width:247px; height:60px; margin:0; padding:0; } a#logo{ display:block; width:247px; height:60px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/title/s-logo.png) no-repeat; margin:6px 0 10px 0; padding:0; background-size:247px 60px; } a#logo:hover{ opacity:0.7;} body#home a#logo:hover{ opacity:1.0;} #lc-reserve{ width:300px; height:163px; margin:0 auto 30px auto;} #lc-reserve a{ width:300px; height:163px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/sc-reserve.png) no-repeat; background-size:300px 163px;} #endoscope{ width:300px; height:120px; margin:0 auto 30px auto;} #endoscope a{ width:300px; height:120px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/endoscope.png) no-repeat; background-size:300px 120px;} #intro{ width:300px; height:100px; margin:0 auto 0 auto;} #intro a{ width:300px; height:100px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/intro.png) no-repeat; background-size:300px 100px;} #l-side_logo{ width:265px; height:58px; margin-bottom:10px; text-indent:100%; white-space:nowrap; overflow:hidden; background: url(../images/title/s-side_logo.png) no-repeat; background-size:265px 58px;} #l-side_tell{ color:#FFDB60; text-align:right; font-size: 20px; font-size: 2.0rem; line-height:1.2;} #l-side_subject{ background:#D2ECFA; color:#007EB5; margin-bottom:10px; text-align:center; padding:4px 0; font-size: 13px; font-size: 1.3rem;} #clinic-t6{ width:290px; height:72px; background:url(../images/title/policy.png) no-repeat; margin:0 auto; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:290px 72px;} /** 初診の方へ ===*/ #first-t{ letter-spacing:-0.1em;} #contact-t2{ width:290px; height:48px; background:url(../images/title/m-contact.png) no-repeat; padding:0; margin:0 auto 15px auto; text-indent:100%; white-space:nowrap; overflow:hidden; border:none !important; background-size:290px 48px;} }