@charset "utf-8";

/* -------------------------------------------
Auther: designstudio tom'sOne
        Tommy Tsutsui
        http://toms1.net/
Last modefied: 17/Apr/2016
------------------------------------------- */

/*  Reset */
a,address,header,html,iframe,nav{font-size:100%;padding:0;margin:0}address,header,html,iframe,nav{border:0;outline:0}abbr,article,aside,audio,b,canvas,cite,code,del,details,dfn,em,fieldset,figcaption,figure,form,hgroup,i,img,ins,kbd,label,legend,mark,menu,object,pblockquote,pre,q,samp,span,strong,sub,summary,sup,time,var,video{font-size:100%;background:0 0;margin:0;padding:0;border:0;outline:0}footer,h1,h2,h3,h4,h5,h6,p,section,small{font-size:100%;border:0;outline:0}address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a img,figure{vertical-align:top}abbr[title],dfn[title]{cursor:help}input,select{vertical-align:middle}noscript{margin:0}

/* -------------------------------------------
 Common
------------------------------------------- */
body {
 position: relative;
 color: #444; background-color: #fff6e8;
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
 font-size: 16px; -webkit-text-size-adjust: 100%;
 line-height: 1;
 width: 100%; min-width: 1000px;
 margin: 0; padding: 0; z-index: 1;
 -webkit-font-smoothing: antialiased; }

#GHead, footer, #stage, #bottomInfo { width: 100%; margin: 0; }

#stage { border-bottom: 1px solid #fff; }

a img { vertical-align: top; }

.fLeft { float: left; }
.fRight { float: right; }
.magLeft5 { margin-left: 50px; }
.padTop05 { padding-top: .5em; }
.padBot05 { padding-bottom: .5em; }
.padBot75 { padding-bottom: .75em; }
.caution01 { color: #d21e00; }

::-moz-selection { color: #fff; background-color: #ee692e; text-shadow: none; }
::selection { color: #fff; background-color: #ee692e; text-shadow: none; }
form ::-moz-selection { color: inherit; background: none; }
form ::selection { color: inherit; background: none; }

/* Hide Items */
.backstretch, #spNav, #GNspTop, #spMessage, #GNspTelNum, .smTel { display: none; }

/* Container */
#topFeatures, #topServices, #Examination, #aboutFacility, #aboutStaff, #medicalEquipment {
 background: url(../common_im/w_line1360.png) repeat-y center top;
 width: 100%; margin: 0; }

#serviceList section, #examinationList section, #surgeryFlow section,
#trimmingCharge section, #hotelCharge section, #applicationRequirements {
 position: relative; background: #fff; margin: 20px 0 0; padding: 20px 50px 16px 20px; }

#globalNav, #footInner, #footNav, #clinicInfomation, #bottomNavi, .pageMessage,
#topMessage, #topSecFeatures, #doctorInfo, #closeUp { width: 920px; margin: 0 auto; }

/* Common Header
------------------------------------------- */
#GHead { position: relative; background-color: #e5d9c9; border-bottom: 1px solid #fff; }

#GHInner {
 position: relative;
 background: url(../common_im/common-bg.png) no-repeat center -300px;
 min-width: 1000px; height: 310px;
 margin: 0 auto; z-index: 9999; }

.GHITop { padding-bottom: 430px; }
.GHISec { padding-bottom: 290px; }

#rikyuMark { position: absolute; top: 30px; left: 50%; margin: 0 0 0 -466px; }
#homeLogo { position: absolute; top: 90px; left: 50%; margin: 0 0 0 -170px; }

#GHInner h2, #GHInner h1#entryTitle {
 font-size: 82%; font-weight: normal;
 text-align: center; margin: 0 auto; padding-top: 15px; }

#infoBalloon {
 position: absolute; top: 15px; left: 50%;
 background: url(../common_im/common.png) no-repeat -650px -460px;
 width: 250px; height: 180px; margin: 0 0 0 250px; }

#infoBalloon h3 { height: 107px; margin: 0; }

#infoBalloon p {
 color: #fff; font-size: 88%; font-weight: bold; line-height: 1.45; text-align: center; margin: 0 auto; }
#infoBalloon p span { font-size: 93%; display: block; }

/* Head Navigations
------------------------------------------- */
#GNav { position: absolute; top: 200px; width: 100%; margin: 0 auto; z-index: 99999; }

#globalNav { height: 66px; padding: 0; }
 
#globalNav li { float: left; }

/* Transition Sets */
.homeLink, .markLink, .GN01, .GN02, .GN03, .GN04, .GN05, .GN06, .GN07, .GN08,
.GNon01, .GNon02, .GNon03, .GNon04, .GNon05, .GNon06, .GNon07, .GNon08 {
 position: relative; display: inline-block;
 cursor: pointer;  text-indent: 100%; white-space: nowrap; overflow: hidden; }

.homeLink:after, .markLink:after, .GN01:after, .GN02:after, .GN03:after,
.GN04:after, .GN05:after, .GN06:after, .GN07:after, .GN08:after {
 content: ""; position: absolute;
 top: 0; left: 0; bottom: 0; right: 0;
 opacity: 0;
 -webkit-transition: opacity .3s ease-in-out;
 -moz-transition: opacity .3s ease-in-out;
 -o-transition: opacity .3s ease-in-out;
 transition: opacity .3s ease-in-out; }

.homeLink:hover:after, .markLink:hover:after,
.GN01:hover:after, .GN02:hover:after, .GN03:hover:after, .GN04:hover:after,
.GN05:hover:after, .GN06:hover:after, .GN07:hover:after, .GN08:hover:after { opacity: 1; }

/* Home Link */
.markLink {
 background: url(../common_im/common.png) no-repeat 0 -460px;
 width: 215px; height: 142px; }

.markLink:after { background: url(../common_im/common.png) no-repeat -215px -460px; }

.homeLink {
 background: url(../common_im/common.png) no-repeat 0 -160px;
 width: 340px; height: 72px; }

.homeLink:after { background: url(../common_im/common.png) no-repeat 0 -240px; }

/* Global Nav */
.GN01, .GN02, .GN03, .GN04, .GN05, .GN06, .GN07, .GN08,
.GNon01, .GNon02, .GNon03, .GNon04, .GNon05, .GNon06, .GNon07, .GNon08 {
 background-image: url(../common_im/common.png);
 background-repeat: no-repeat;
 height: 66px; }

.GN01:after, .GN02:after, .GN03:after, .GN04:after, .GN05:after, .GN06:after, .GN07:after, .GN08:after {
 background-image: url(../common_im/common.png);
 background-repeat: no-repeat; }

.GN01 { background-position: 0 0; width: 66px; }
.GN02 { background-position: -108px 0; width: 64px; }
.GN03 { background-position: -212px 0; width: 71px; }
.GN04 { background-position: -322px 0; width: 94px; }
.GN05 { background-position: -454px 0; width: 90px; }
.GN06 { background-position: -584px 0; width: 74px; }
.GN07 { background-position: -698px 0; width: 64px; }
.GN08 { background-position: -802px 0; width: 118px; }

.GN01:after, .GNon01 { background-position: 0 -80px; width: 66px; }
.GN02:after, .GNon02 { background-position: -108px -80px; width: 64px; }
.GN03:after, .GNon03 { background-position: -212px -80px; width: 71px; }
.GN04:after, .GNon04 { background-position: -322px -80px; width: 94px; }
.GN05:after, .GNon05 { background-position: -454px -80px; width: 90px; }
.GN06:after, .GNon06 { background-position: -584px -80px; width: 74px; }
.GN07:after, .GNon07 { background-position: -698px -80px; width: 64px; }
.GN08:after, .GNon08 { background-position: -802px -80px; width: 118px; }

.GN02, .GNon02 { margin-left: 42px; }
.GN04, .GNon04 { margin-left: 39px; }
.GN05, .GNon05 { margin-left: 38px; }
.GN03, .GNon03, .GN06, .GNon06, .GN07, .GNon07, .GN08, .GNon08 { margin-left: 40px; }

.GNon01,.GNon02,.GNon03,.GNon04,.GNon05,.GNon06 { cursor: default; }

/* Footer */
footer  {
 background: #fff url(../common_im/common-bg.png) no-repeat center top;
 min-width: 1000px; height: 280px;
 margin: 0 auto; }

#footInner { position: relative; }

#footInner small {
 position: absolute; top: 160px; left: 0;
 background: url(../common_im/common.png) no-repeat 0 -620px;
 width: 270px; height: 30px; }

#footTelNum {
 position: absolute; top: 164px; right: 0;
 background: url(../common_im/common.png) no-repeat -350px -620px;
 width: 224px; height: 22px; margin: 0; }

#footInner nav { margin: 0; padding-top: 58px; }

#footNav { text-align: center; padding: 0; }

#footNav li { font-size: 94%; margin: 0 .55em; display: inline-block; }
#footNav li:first-Child, #footNav li:last-Child { margin: 0; }

#footNav a { padding: .2em .33em; }

#footNav a:link, #footNav a:visited { color: #fff; text-decoration: none; }
#footNav a:hover, #footNav a:active { background-color: rgba(210,80,32,0.9); text-decoration: underline; }
#footNav a:after { background: transparent; }

/* Bottom-Left Information */
#bottomInfo { background: #fff; border-top: 1px solid #eee2d7;}

#clinicInfomation { padding: 50px 0 30px; }

#clinicInfomation, .botBNArea {
  display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;
  -webkit-flex-flow: row wrap; flex-flow: row wrap}

#clinicAdd, #topCinicAdd { color: #666; width: 340px; margin: 0; }
#clinicAdd h3, #topCinicAdd h3 {
 background: url(../common_im/common.png) no-repeat 0 -400px;
 width: 230px; height: 47px; margin: 0; }

#clinicAdd small, #topCinicAdd small {
 font-size: 94%; line-height: 1.8; margin: 0; padding-top: 1.2em; display: block; }
#topCinicAdd small { padding-top: 1.6em; }

#clinicAdd p, #topCinicAdd p { font-size: 88%; line-height: 1.6; margin: .75em 0 0; }

#clinicAdd #botReserve, #topCinicAdd #botReserve { margin-top: 1.2em; line-height: 1.8; }

#BRCopy { color: #393; font-size: 115%; font-weight: bold; letter-spacing: .05em; }

#clinicAdd em, #topCinicAdd em { font-style: normal; letter-spacing: 1px; }

#addAccBT { font-size: 93%; line-height: 1; }
#addAccBT a {
 position: relative; color: #fff; background: #bd9e88; text-decoration: none;
 margin: -2px 0 0 34px; padding: 6px 25px 4px 10px;
 display: inline-block; -webkit-border-radius: 4px; border-radius: 4px; }
#addAccBT a:hover { background: #f28539; }

#addAccBT a:after {
 content: ''; position: absolute; top: 7px; right: 12px;
 background: url(../common_im/common.png) no-repeat 0 -680px;
 width: 6px; height: 11px; }
#addAccBT a:hover:after { right: 9px; }

#clinicAdd p#CIWebShop { margin: 18px 5px 0; }
#CIWebShop a { background: #f7822e; position: relative; width: 295px; height: 45px; }
#CIWebShop a:hover { background: #7ed0f4; }

#CIWebShop a:before, #CIWebShop a:after {
 content: ''; position: absolute; display: block; }
#CIWebShop a:before {
 top: 0; left: 0; right: 0; bottom: 0; 
 background: url(../common_im/common.png) no-repeat -650px -170px;
 width: 295px; height: 45px; }

#CIWebShop a:after {
 content: ''; position: absolute; top: 15px; right: 29px;
 background: url(../common_im/common.png) no-repeat -200px -692px;
 width: 16px; height: 16px; display: block; }
#CIWebShop a:hover:after { right: 24px; }


/* Bottom-Right Information */
#clinicSchedule { width: 540px; }

#scheduleLink { margin: 0; padding: 0; }

#scheduleLink li { position: relative; font-weight: bold; }

#staffSchedule em { position: absolute; top: 23px; left: 80px; font-style: normal; }
#exoticSchedule em { position: absolute; top: 11px; left: 80px; font-style: normal; line-height: 1.3; }
#exoticSchedule em span { letter-spacing: .23em; display: block; }

#scheduleLink li a { font-size: 100%; width: 255px; height: 60px; }

#staffSchedule a {
 background: rgba(236,219,208,1) url(../common_im/common.png) no-repeat -350px -380px; }
#exoticSchedule a {
 background: rgba(236,219,208,1) url(../common_im/common.png) no-repeat -620px -380px; }

#scheduleLink a:before {
 content: ''; position: absolute; top: 22px; right: 22px;
 background: url(../common_im/common.png) no-repeat -200px -692px;
 width: 16px; height: 16px; display: block; }
#scheduleLink a:hover:before { right: 17px; }

#staffSchedule a:link, #staffSchedule a:visited, #exoticSchedule a:link, #exoticSchedule a:visited {
 color: #6e5e49; text-decoration: none; }

#staffSchedule a:hover, #exoticSchedule a:hover {
 color: #fff; text-shadow: rgba(110,94,73,.4) -1px -1px 0;
 background: rgba(253,146,78,1) url(../common_im/common.png) no-repeat -350px -380px; }
 
#exoticSchedule a:hover { background-position: -620px -380px; }

#CMSInfo, #topCMSInfo {
 background: #fff9ed; width: 100%; margin: 0; border: 1px solid #f5ca98; }
 #CMSInfo { margin-bottom: 30px;}

#CMSInfo p, #topCMSInfo p {
 background: url(../common_im/common.png) no-repeat -880px -666px;
 color: #1e8ec0; font-size: 94%; line-height: 1.4;
 margin: 0 0 0 20px; padding: 18px 2em 16px 3em; }

/* Clinic Calendar */
#clinicCal {
 width: 100%; margin: 15px 0 0;
 border: 2px solid #f7b688; border-collapse: separate; border-spacing: 0; }

#clinicCal th, #clinicCal td { font-size: 88%; text-align: center; padding: .93em .5em; }
#clinicCal th { color: #fff; background: #f28539; font-weight: bold; }

.th01 { -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; }
.th03, .PM, .PM02 { -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; }
.holiday, .th05, .sun02 { -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }

#clinicCal th.sat { background: #7ec7e9; }
#clinicCal th.sun, #clinicCal th.holiday { background: #f97e82; }

.th01, .th02, .th03, .th05  { letter-spacing: 1px; width: 25%; }
.th01, .th02, .th03, .th04, .sat, .sun, .holiday, .th05 { border-top: 1px solid #fff; border-left: 1px solid #fff; }

.th03 { border-bottom: 1px solid #fff; }

.holiday, .th05 { border-right: 1px solid #fff; }

#clinicCal td { color: #9e7b4e; width: 9.25%; }
#clinicCal td.STime { color: #82661e; font-weight: bold; letter-spacing: 2px; }

.td00 { border-top: 1px solid #f7b688; }
.td01 { border-left: 1px solid #f7b688; }
.td02 { border-top: 1px solid #f7b688; border-left: 1px solid #f7b688; }


/* Bottom Banner Area */
.botBNArea { width: 100%; margin: 30px 0 0; padding: 0; -webkit-justify-content: center; justify-content: center}
#topBBNArea { margin-top: 22px}

#topCinicAdd .botBNArea { margin-top: 28px; }

.botBNArea li { font-size: 82%; text-align: center; width: 130px; margin: 0 20px; }

.CIInsurance span, .CICreditcard span {
 background: url(../common_im/common.png) no-repeat -520px -650px;
 width: 130px; height: 72px; margin: 0 auto; display: block; }
.CICreditcard span { background-position: -683px -650px; }

.ipetBN {
	background: url(../common_im/ipet_bn.jpg) no-repeat 0 0; width: 128px; height: 61px; margin: 0 0 10px;
	border-radius: 4px; border: 1px solid #b73027; display: block}


/* Exotic Information */
#noReserveInfo, #topNoReserveInfo, #exoticInfo, #topExoticInfo {
 color: #666; font-size: 82%; line-height: 1.6; margin: 0; padding: .5em 0 0 1em; }
#noReserveInfo, #topNoReserveInfo { padding-top: 15px; }
#topExoticInfo { padding-top: .5em; }

#noReserveInfo span, #topNoReserveInfo span,
#exoticInfo span, #topExoticInfo span { color: #f05544; margin-left: -1em; }

/* Reservation Button & Job Offer Button */
#reservation, #jobOffer { position: fixed; right: 0; margin: -80px 0 0; z-index: 9999; }

#reservation { top: 33%; } #jobOffer { bottom: 27%; }

#resBT, #JOBT { margin: 0; position: relative; }

#resBT a, #JOBT a {
 text-decoration: none; width: 60px; height: 155px; padding-bottom: 25px;
 -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; position: relative; }
#resBT a {
 background: #0058a3 url(../common_im/res_bt.svg) no-repeat 20px 32px; background-size: 21px 95px; }
#JOBT a {
 background: #009245 url(../common_im/recruit_bt.svg) no-repeat center 18px; background-size: 22px 130px; }

#resBT a:hover, #JOBT a:hover { background-color: #f2823c; }

#resBT a:after, #JOBT a:after {
 content: ''; position: absolute; left: 50%; cursor: pointer;
 width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin-left: -6px;
 -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#resBT a:after { bottom: 23px; } #JOBT a:after { bottom: 13px; }
#resBT a:hover:after, #JOBT a:hover:after { margin-left: -2px; }
 
/* Return Button */
#returnBT {
 position: fixed; bottom: 120px; right: 40px;
 background: url(../common_im/common.png) no-repeat -450px -500px;
 width: 78px; height: 70px; margin: 0; opacity: .9;
 display: block; z-index: 999; cursor: pointer; overflow: hidden; }

#returnBT:after {
 content: ""; background: url(../common_im/common.png) no-repeat -530px -500px;
 position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; }

#returnBT:hover:after { opacity: 1; }

#returnBT em {
 position: absolute; top: 45px; left: 33px; width: 0; height: 0;
 border-style: solid; border-width: 0 5px 9px 5px;
 border-color: transparent transparent #fff transparent;
 -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out;
 -o-transition: all .2s ease-out; transition: all .2s ease-out; z-index: 9999; }

#returnBT:hover em { top: 37px; }

@media (max-height: 760px) { #jobOffer { bottom: 20%; } #returnBT { bottom: 20px; }}

/* -------------------------------------------
 Stuff Schedule Page
 & Exotic Schedule Page
 ------------------------------------------- */
body#modalPage {
 color: #555; background-color: #fff; overflow-x: hidden;
 width: 900px; min-width: 900px; margin: 0; padding: 0; }

.SCContents, #resMethod { width: 800px; margin: 0; padding: 35px 50px; overflow: hidden; }

.SCContents h1 {
 background-image: url(../schedule/images/schedule.png); background-repeat: no-repeat;
 height: 80px; margin: 0 auto; }

#stuffSList h1 { background-position: 0 0; width: 354px; }
#exoticSList h1 { background-position: 0 -100px; width: 332px; }

#absenceStaff {
 color: #fff; background: #f77755; font-size: 125%; text-align: center;
 letter-spacing: 5px; width: 100%; margin: 35px 0 0; padding: .65em 0;
 -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

.SCCaution {
 color: #d93e00; font-size: 100%; font-weight: bold; text-align: center;
 letter-spacing: 1px; margin: 1.25em 0 0; }

#rabbitHamster, #ferret { margin: 40px 0 0; border-top: 3px solid #e8ddd1; }

#rabbitHamster h2, #ferret h2 {
 background: url(../schedule/images/schedule.png) no-repeat 0 -200px; 
 width: 262px; height: 28px; margin: 40px auto 0; }

#ferret h2 { background-position: 0 -250px; width: 134px; height: 26px; }

#exoticSList ul {
 font-size: 94%; width: 33em;
 margin: 1em auto 0; padding: 0 0 0 2em; list-style-type: circle; }

#exoticSList li { line-height: 1.6; margin: .75em 0 0;}

/* Schedule table */
.SCContents table { width: 100%; border-collapse: separate; border-spacing: 0; }

#stuffTA, #extRHTA, #extFTA { margin: 40px 0 0; border: 3px solid #f7b688; }

#extRHTA th, #extRHTA td, #extFTA th, #extFTA td { width: 12.5%; }

#extRHTA td { color: #e54e72; }
#extFTA td { color: #0080c0; }

#stuffTA th, #stuffTA td, #extRHTA th, #extRHTA td, #extFTA th, #extFTA td {
 font-size: 100%; text-align: center; letter-spacing: 2px; padding: .88em .5em; }

.th51, .th52, .sat02, .sun02 {
 color: #fff; background: #f28539; border-top: 1px solid #fff; border-right: 1px solid #fff; }

.AM, .AM02 { border-top: 1px solid #fff; }
.AM, .AM02, .PM, .PM02 { border-left: 1px solid #fff; }
.AM, .PM { border-right: 1px solid #fff; }
.AM, .PM, .PM02 { border-bottom: 1px solid #fff; }

.AM02, .th50, .th53, .td51, .td52, .td56 { border-bottom: 2px solid #f7b688; }
.th53, .th54, .td56, .td57 { border-left: 1px solid #f7b688; }
.td51, .th53, .th54, .td53, .td56, .td57 { border-right: 1px solid #f7b688; }

.PM, .th55, .td55 { border-top: 3px solid #f7b688; }

.sat02 { background: #7ec7e9; }
.sun02 { background: #f97e82; }
.AM, .AM02 { background: #d2f8ff; }
.PM, .PM02 { background: #ffecdf; }

/* Sub table */
#ASList, .extAbsence { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; }

.RHAbsence, .ferretAbsence { margin: 30px 0 0; }

#ASList th, #ASList td, .extAbsence th, .extAbsence td {
 font-size: 100%; font-weight: normal; text-align: left; line-height: 1.35;
 letter-spacing: 1px; vertical-align: middle; }

#ASList td, #ASList th { border-top: 3px solid #fff; }

#ASList th, .extAbsence th { font-style: normal; width: 10em; padding: .88em 1em .88em 3em; }
#ASList td, .extAbsence td { padding: .88em 2em; border-left: 2px solid #fff; }

.ASList01, .ferretAbsence { background: #d2faff; }
.ASList02, .RHAbsence { background: #ddffe0; }
.ASList03 { background: #fff9d7; }
.ASList04 { background: #eaeeff; }
.ASList05 { background: #ffebd4; }
.ASList06 { background: #ffeef5; }

.ASList06 th { -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; }
.ASList06 td { -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; }

/* -------------------------------------------
 Reservation Page
 ------------------------------------------- */
#resMethod h1, #EPatBT a, #FPatST, #resTelNum a {
 background-image: url(../reservation/images/reservation.svg);
 background-size: 326px 224px; background-repeat: no-repeat; }
 
#resMethod h1 { background-position: 0 0; width: 236px; height: 80px; margin: 0 auto; }

#existingPatient, #firsttimePatient { margin: 40px 0 0; padding-top: 40px; border-top: 3px solid #e8ddd1; }

#EPatBT { width: 326px; margin: 0 auto; padding: 14px 20px 13px; position: relative; }

#EPatBT a {
 background-position: 0 -100px; width: 326px; height: 23px; }

#EPatBT:before {
 content: ''; position: absolute; top: 0; left: 0; background: #3ac; width: 100%; height: 100%;
 -webkit-border-radius: 8px; border-radius: 8px; display: block; z-index: -1; }

#EPatBT:hover:before { background: #f07200; }

.reservationGuide { font-size: 94%; text-align: center; letter-spacing: .05em; margin: 25px 0 0; }

#FPatST {
 background-position: 0 -150px; width: 122px; height: 23px;
 margin: 0 auto; padding-bottom: 8px; border-bottom: 3px solid #99ccb1; }

#resTelNum { margin: 30px 0 0; }

#resTelNum a { background-position: 0 -200px; width: 246px; height: 24px; margin: 0 auto; }

#RTCaution {
 font-size: 82%; line-height: 1.8; text-align: center; letter-spacing: .05em; margin-top: 20px; display: block; }
 
/* -------------------------------------------
 Animate.css - http://daneden.me/animate
 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden
------------------------------------------- */
.animated{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}

/* -------------------------------------------
 Remodal
------------------------------------------- */
html.remodal-is-locked, body.remodal-is-locked { overflow: hidden; }

.remodal, [data-remodal-id] { visibility: hidden; }

.remodal-overlay {
 position: fixed; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px;
 z-index: 9999; display: none; }

.remodal-wrapper {
 position: fixed; top: 0; right: 0; bottom: 0; left: 0;
 text-align: center; display: none; overflow: auto; z-index: 10000; -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
 content: ""; height: 100%; margin-left: -0.05em; display: inline-block; }

.remodal-overlay, .remodal-wrapper { -webkit-transform: translateZ(0px); }

.remodal { position: relative; display: inline-block; }

.remodal select, .remodal textarea, .remodal input, .remodal select:focus,
.remodal textarea:focus, .remodal input:focus { font-size: 16px; }

.remodal-bg {
 -webkit-transition: -webkit-filter .2s ease-out; -moz-transition: -moz-filter .2s ease-out;
 -o-transition: -o-filter .2s ease-out; transition: filter .2s ease-out; }

body.remodal-is-active .remodal-bg {
 -webkit-filter: blur(3px); -ms-filter: blur(3px);
 filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); }

.remodal-overlay {
 background: rgba(0, 0, 0, 0.75);
 -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out;
 -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; opacity: 0; }

body.remodal-is-active .remodal-overlay { opacity: 1; }

.remodal {
 color: #182a3c; background: #f4f4f4; font-size: 16px;
 width: 100%; min-height: 100%; padding: 15px 30px 40px 30px;
 background-clip: padding-box;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
 -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
 -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out;
 -o-transition: -o-transform .2s ease-out, opacity .2s ease-out;
 transition: transform .2s ease-out, opacity .2s ease-out;
 -webkit-transform: scale(.95); -moz-transform: scale(.95);
 -ms-transform: scale(.95); -o-transform: scale(.95);
 transform: scale(.95); opacity: 0; }

body.remodal-is-active .remodal {
 -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);
 -o-transform: scale(1); transform: scale(1); opacity: 1; }

/* Vertical align of the modal dialog */
.remodal, .remodal-wrapper:after { vertical-align: middle; }

/* Close button */
.remodal-close {
 position: absolute; top: 15px; right: 60px;
 text-decoration: none; width: 40px; height: 40px;
 -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out;
 -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out;
 -webkit-border-radius: 50%; border-radius: 50%; }

.remodal-close:after {
 color: #0099c0;
 font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
 font-size: 40px; text-decoration: none; line-height: 40px; display: block;
 content: "×"; cursor: pointer;
 -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.remodal-close:hover, .remodal-close:active { background: #f07200; }
.remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after { color: #fff; }

/* Dialog buttons */
.remodal-cancel {
 color: #fff; background: #0e99c2; 
 font-size: 94%; font-weight: bold; text-align: center; text-decoration: none;
 margin: 1em 0 0; padding: .6em 1.5em;
 display: inline-block; cursor: pointer;
 -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
 -webkit-border-radius: 6px; border-radius: 6px;
 background-clip: padding-box; }

.remodal-cancel:hover, .remodal-cancel:active { color: #fff; background: #f07200; }

/* Media queries */
@media only screen and (min-width: 40.063em) /* min-width 641px */ {
 .remodal {
	background: #fff;
	width: 80%; min-width: 960px; min-height: 0; margin: 0;
	-webkit-border-radius: 10px; border-radius: 10px; }
}

#remodalInner, #remodalInner02 { width: 100%; height: 100%; margin: 0; }

.remodal iframe {
 min-width: 900px; height: 600px; min-height: 75%;
 margin: 0 auto; overflow: auto; border: none; }

/* -------------------------------------------
 FancyZoom
------------------------------------------- */
#zoom { position: absolute; display: none; z-index: 9999; -webkit-box-shadow: 0 3px 6px #666; -moz-box-shadow: 0 3px 6px #666; box-shadow: 0 3px 6px #666; margin: 0; padding: 0; }
#zoom_img { display: block; cursor: pointer; width: 100%; border: 0; margin: 0; padding: 0; }
#zoom_close { position: absolute; display: none; cursor: pointer; left: -15px; top: -15px; width: 30px; height: 30px; background: url(../js/zoom/closebox.png) no-repeat; }
#zoom_spin { position: absolute; display: none; z-index: 99999; width: 50px; height: 50px; background: url(../js/zoom/spin.png) no-repeat; }

/* -------------------------------------------
 Top Page
------------------------------------------- */
/* Top Eyecatch */
#topBanner { position: relative; }

#topEyecatch, #topEyecatch noscript p {
 position: absolute; right: 0; bottom: 0;  left: 0;
 min-width: 1000px; max-width: 1360px; height: 484px;
 margin: 0 auto; }

#topEyecatch noscript p {
 background: url(../top_im/main.jpg) no-repeat center bottom;
 position: absolute; right: 0; top: 0;  left: 0;
 text-indent: -9999px; }

#TopCMInfo {
 position: absolute; top: 650px; text-align: center;
 width: 100%; margin: 0; z-index: 9999; }

#TopCMInfo p {
 background: rgba(255,255,255,.85) url(../common_im/common.png) no-repeat -860px -669px;
 color: #1e8ec0; font-size: 94%; line-height: 1.4;
 max-width: 840px; margin: 0 auto; padding: 15px 20px 13px 4em; border: 1px solid #f5ca98;
 display: inline-block; }
 
/*  Slider Revolution */
.boxedcontainer { max-width: 100%; margin:auto; padding: 0 30px; }

.tp-banner-container, .tp-banner, .tp-banner-fullscreen-container { width:100%; position:relative; }

.tp-banner-container, .tp-banner-fullscreen-container { padding:0; }

#tx01, #tx02, #tx03 { background: url(../top_im/top.png) no-repeat 0 -480px; height: 44px; }

#tx01 { width: 517px; }
#tx02 { background-position: 0 -540px; width: 432px; }
#tx03 { background-position: 0 -600px; width: 266px; }

/* Message */
#topMessage { padding: 40px 0; }

#topMessage h2 {
 background: url(../top_im/top.png) no-repeat -600px 0;
 width: 85px; height: 23px; margin: 0 auto; }

#topMessage p {
 color: #66421e; font-size: 100%; font-weight: bold; text-align: center; line-height: 1.8;
 margin: .75em auto 0; }

/* Features */
#topFeatures { padding: 30px 0; }

#topFeatures h2 {
 background: url(../top_im/top.png) no-repeat 0 0;
 width: 482px; height: 26px; margin: 0 auto; }

#TFContents { width: 880px; margin: 25px auto 0; }

#TFContents div { float: left; width: 250px; }

#TFContents figure, #TFContents img, #TFContents a span {
 -webkit-border-radius: 250px; border-radius: 250px; }

#TFContents figure { position: relative; width: 250px; height: 250px; overflow: hidden; }
#TFContents img { vertical-align: top; }
#TFContents a span {
 content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
 background: rgba(0,0,0,.3) url(../common_im/zoom.png) no-repeat center center;
 width: 100%; height: 100%; display: block; opacity: 0; }

#TFContents a:hover span { opacity: 1; }

.TFExamination { margin: 0 65px; }

#TFContents h3 {
 background-image: url(../top_im/top.png); background-repeat: no-repeat;
 height: 18px; margin: 22px auto 0; }

.TFSurgery h3 { background-position: 0 -50px; width: 150px; }
.TFExamination h3 { background-position: -200px -50px; width: 94px; }
.TFInformed h3 { background-position: -350px -50px; width: 203px; }

#TFContents a h3 { opacity: 1; }
#TFContents a:hover  h3 { opacity: .7; }

#TFContents p {
 color: #4e2700; font-size: 88%; font-weight: bold; line-height: 1.6;
 text-align: center; margin: 1em auto 0; }

#TFContents a p { color: #4e2700; }
#TFContents a:hover p { color: #0e97c7; }

#remodalInformed { width: 700px; margin: 0 auto; padding: 1em 0; }
#remodalInformed h4 {
 color: #d95770; font-size: 125%; letter-spacing: .1em;
 margin: 1.5em auto 1em; padding-bottom: .75em; border-bottom: 3px solid #e8ddd1; }
#remodalInformed p {
 color: #494949; font-size: 94%; text-align: left; line-height: 1.8; margin: .75em 0 0; }

/* Second Features */
#topSecFeatures { background: url(../top_im/top.png) no-repeat 0 -860px; padding: 40px 0; }

#topPromise { float: left; width: 486px; margin: 0; }

#topPromise h3 {
 background: url(../top_im/top.png) no-repeat 0 -90px;
 width: 279px; height: 68px; margin: 0 auto; }

#topPromise ol {
 counter-reset: section; color: #4e2700; font-size: 94%; line-height: 1.4;
 margin: 0; padding: 1.3em 0 0; list-style-type: none; }

#topPromise li { margin: 0 0 .4em 1.1em; }
#topPromise li:before {
 content: counter(section) ". "; counter-increment: section;
 color: #d95770; margin-left: -1.1em; }

#topAboutBN { position: relative; float: right; margin: 35px 0 0; }

#topAboutBN figure {
 width: 380px; height: 240px; margin: 0; overflow: hidden;
 -webkit-box-shadow: 5px 5px 0 0 #fff; box-shadow: 5px 5px 0 0 #fff; z-index: 10; }

#topAboutBN h3 {
 position: absolute; top: 100px; left: 128px;
 background: url(../top_im/top.png) no-repeat -495px -95px;
 width: 125px; height: 50px; margin: 0; z-index: 20; }

#topAboutBN p {
 position: absolute; top: 200px;
 font-size: 94%; text-align: center;
 width: 100%; margin: 0 auto; z-index: 20;
 text-shadow: rgba(0,0,0,1) 0 0 3.5px; }

#topAboutBN a p { color: #fff; }
#topAboutBN a:hover p { color: #fff999; }

#topAboutBN a:before {
 content: ''; position: absolute; top: 100px; right: 50px;
 background: url(../top_im/top.png) no-repeat -700px -100px;
 width: 38px; height: 38px; margin: 0; z-index: 20; }
#topAboutBN a:hover:before { right: 40px; }

#topAboutBN a:after {
 content: ''; position: absolute; top: 0; right: 0; left: 0;
 background: rgba(0,0,0,1);
 width: 100%; height: 100%; display: block; opacity: 0;
 -webkit-border-radius: 6px; border-radius: 6px; }
#topAboutBN a:hover:after { opacity: .5; }

/* Services and Examination */
#topServices, #Examination { position: relative; padding: 35px 0 25px; }

#topServices h3, #Examination h3 {
 background: url(../top_im/top.png) no-repeat 0 -180px;
 width: 231px; height: 24px; margin: 0 auto; }

#TSLink, #TELink {
 position: absolute; top: 36px; left: 50%;
 font-size: 94%; margin: 0 0 0 318px; }

#TSLink a, #TELink a {
 background: #fff url(../top_im/top.png) no-repeat -790px -485px;
 text-decoration: none; padding: .5em 38px .5em 24px; }
#TSLink a { color: #4aaacc; border: 2px solid #92cce0; }
#TELink a { background-position: -790px -585px; color: #549454; border: 2px solid #91c491; }

#TSLink a:hover, #TELink a:hover { color: #fff; background-color: #fd924e; }
#TSLink a:hover { background-position: -786px -485px; }
#TELink a:hover { background-position: -786px -585px; }

#Examination { margin-top: 2px; }
#Examination h3 { background-position: -300px -180px; width: 273px; }

#TSList, #TEList { position: relative; width: 920px; height: 220px; margin: 25px auto 0; }
#TEList { height: 107px; }

#TSList p {
 background: url(../top_im/top.png) no-repeat -750px -200px;
 position: absolute; width: 160px; height: 114px; margin: 0; }

.TSL01 { top: 0; left: 0; }
.TSL02 { top: 0; left: 190px; }
.TSL03 { top: 0; left: 380px; }
.TSL04 { top: 0; left: 570px; }
.TSL05 { top: 0; left: 760px; }
.TSL06 { top: 106px; left: 95px; }
.TSL07 { top: 106px; left: 285px; }
.TSL08 { top: 106px; left: 475px; }
.TSL09 { top: 106px; left: 665px; }

#TSList span, #TEList span {
 background-image: url(../top_im/top.png); background-repeat: no-repeat;
 width: 112px; height: 60px; display: block; }

.TSLA span { margin: 32px auto 0; }
.TSLB span { margin: 22px auto 0; }

.TSL01 span { background-position: 0 -240px; }
.TSL02 span { background-position: -150px -240px; }
.TSL03 span { background-position: -300px -240px; }
.TSL04 span { background-position: -450px -240px; }
.TSL05 span { background-position: -600px -240px; }
.TSL06 span { background-position: 0 -310px; }
.TSL07 span { background-position: -150px -310px; }
.TSL08 span { background-position: -300px -310px; }
.TSL09 span { background-position: -450px -310px; }

#TEList p {
 background: url(../top_im/top.png) no-repeat -800px 0;
 position: absolute; width: 94px; height: 107px; margin: 0; }

.TEL01 { top: 0; left: 0; }
.TEL02 { top: 0; left: 118px; }
.TEL03 { top: 0; left: 236px; }
.TEL04 { top: 0; left: 354px; }
.TEL05 { top: 0; left: 472px; }
.TEL06 { top: 0; left: 590px; }
.TEL07 { top: 0; left: 708px; }
.TEL08 { top: 0; left: 826px; }

#TEList span { width: 80px; height: 53px; margin: 23px auto 0; }

.TEL01 span { background-position: 0 -410px; }
.TEL02 span { background-position: -100px -410px; }
.TEL03 span { background-position: -200px -410px; }
.TEL04 span { background-position: -300px -410px; }
.TEL05 span { background-position: -400px -410px; }
.TEL06 span { background-position: -500px -410px; }
.TEL07 span { background-position: -600px -410px; }
.TEL08 span { background-position: -700px -410px; }

/* Bottom Navi */
#bottomNavi { padding: 40px 0; }

#cmsArticle, #anotherInfo { float: left; width: 430px; margin: 0; }
#anotherInfo { float: right; }

#TBNews { position: relative; }

#TBColumn { position: relative; margin: 50px 0 0; }

#TBNews h3, #TBColumn h3 {
 background: url(../common_im/common.png) no-repeat 0 -330px; width: 128px; height: 38px; margin: 0; }
#TBColumn h3 { background-position: -220px -330px; }

#TBNews p, #TBColumn p {
 position: absolute; top: 0; right: 0; margin: 0; font-size: 88%; }

#TBNews p a, #TBColumn p a {
 color: #fff; background: #bd9e88; text-align: center; text-decoration: none;
 padding: 9px 33px 8px 16px; display: inline-block; }

#TBNews p a:hover, #TBColumn p a:hover { background: #fd924e; }

#TBNews p a:after, #TBColumn p a:after {
 content: ''; position: absolute; top: 11px; right: 15px;
 background: url(../common_im/common.png) no-repeat 0 -680px;
 width: 6px; height: 11px; }

#TBNews p a:hover:after, #TBColumn p a:hover:after { right: 12px; }

#cmsArticle dl { margin: 0; padding: 15px 0 0 32px; }

#cmsArticle dt {
 color: #999; font-size: 82%; margin: 0; padding: 1.15em .33em 0; border-top: 1px solid #eee2d7; }

#cmsArticle dd {
 font-size: 88%; margin: 0; padding: .5em 0 1.07em; }
#cmsArticle dd:last-Child { border-bottom: 1px solid #eee2d7; }

#cmsArticle dl a { padding: .2em .33em; }

#cmsArticle dl a:link, #cmsArticle dl a:visited { color: #007ec0; text-decoration: none; }
#cmsArticle dl a:hover, #cmsArticle dl a:active {
 color: #fff; background-color: rgba(236,126,51,1); text-decoration: none; }
#cmsArticle a:after { background: transparent; }

#targetAnimal { margin: 0; }

#targetAnimal h3 {
 background: url(../common_im/common.png) no-repeat -450px -180px; width: 154px; height: 38px; margin: 0; }

#targetAnimal p, #aboutTarget p {
 background: url(../common_im/target_amimal.svg) no-repeat 0 0;
 width: 430px; height: 116px; margin: 20px 0 0; }

#contentsBN { margin: 0; padding-top: 25px; }

#contentsBN a, #contentsBN p { text-decoration: none; margin-top: 15px; width: 430px; height: 78px; }
#contentsBN p { margin: 0; }

#contentsBN a.CBN02, #contentsBN .CBN02 p { height: 80px; }

.CBN01 { position: relative; background: #fff; border: 1px solid #ddd; }
.CBN01:hover { background: #ffa259; }

a #petHotelCBN:before, a #trimmingCBN:before, a #accessCBN:before {
 content: ''; position: absolute; top: 1px; left: 1px;
 background: url(../common_im/bn-p.jpg) no-repeat 0 0; opacity: 1;
 width: 124px; height: 76px; display: block;  -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
a #trimmingCBN:before { background-position: -130px 0; }
a #accessCBN:before { background-position: -260px 0; }

a:hover #petHotelCBN:before, a:hover #trimmingCBN:before, a:hover #accessCBN:before { opacity: .7; }

#petHotelCBN, #trimmingCBN, #accessCBN, #webShopCBN  {
 background: url(../top_im/top.png) no-repeat 0 -660px; }
#trimmingCBN { background-position: -450px -660px; }
#accessCBN { background-position: 0 -760px; }

a #petHotelCBN:after, a #trimmingCBN:after, a #accessCBN:after {
 content: ''; position: absolute; top: 0px; right: 26px;
 background: url(../common_im/common.png) no-repeat -400px -670px; width: 16px; height: 78px; display: block; }

a:hover #petHotelCBN:after, a:hover #trimmingCBN:after, a:hover #accessCBN:after {
 background-position: -390px -670px; }

.CBN02 { position: relative; background: #fd924e; }
.CBN02:hover { background: #7ed0f4; }

#webShopCBN { background-position: -450px -760px; }

a.CBN02:after {
 content: "WEB SHOP"; position: absolute; top: 25px; right: 85px;
 color: #7e3700; font-size: 14px; font-weight: bold; text-shadow: rgba(255,255,255,.35) 1px 1px 0;  }
a:hover.CBN02:after { color: #0070a2; right: 75px; }

#areaInfo { clear: both; width: 100%; margin: 0; padding-top: 25px; }
#areaInfo p {
 color: #555; background: #fff; font-size: 88%; text-align: center;
 margin: 0; padding: 1.15em 0 1em; border: 1px solid #eee2d7; }

/* -------------------------------------------
 Under-Page Common
------------------------------------------- */
#eyecatch {
 position: absolute; right: 0; bottom: 0;  left: 0;
 min-width: 1000px; max-width: 1360px; margin: 0 auto; }

.pageTitle { position: relative; height: 344px; margin: 0; }

.pageTitle h1, .pageTitle h2, .pageTitle p { margin: 0 auto; }

.pageMessage { padding-top: 40px; }
.pageMessage h2, .pageMessage p { margin: 0 auto; }
.pageMessage p  {
 color: #4e2700; font-size: 100%; font-weight: bold; text-align: center; line-height: 1.6;
 padding-top: 30px; }

/* Photo List */
#facilityList { width: 945px; margin: 0 auto; padding: 0 25px 0 0; }
#equipmentList { width: 960px; margin: 0 auto; padding: 0 40px 0 0; }

#facilityList li, #equipmentList li { position: relative; float: left; margin: 25px 0 0 25px; }
#equipmentList li { margin: 25px 0 15px 40px; }

#facilityList figure, #equipmentList .square, #equipmentList .oblong,
.accIMList01 figure, .accIMList02 figure {
 overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; }

#facilityList figure { width: 290px; height: 192px; }

#equipmentList .square { width: 200px; height: 200px; }
#equipmentList .oblong { width: 300px; height: 200px; }

.accIMList01 figure, .accIMList02 figure { width: 190px; height: 126px; }

#facilityList a span, #equipmentList a span, .accIMList01 a span, .accIMList02 a span {
 font-size: 88%; font-weight: bold; text-align: center; 
 height: 1em; padding-top: 8px; display: block; z-index: 999; }
.accIMList01 a span, .accIMList02 a span { font-size: 82%; text-align: left; }

#facilityList a:link, #facilityList a:visited,
#equipmentList a:link, #equipmentList a:visited,
.accIMList01 a:link, .accIMList01 a:visited, .accIMList02 a:link, .accIMList02 a:visited  {
 color: #555; text-decoration: none; }
#facilityList a:hover, #equipmentList a:hover, .accIMList01 a:hover, .accIMList02 a:hover { color: #1e8ec0; }

#facilityList a:after, #equipmentList a:after, .accIMList01 a:after, .accIMList02 a:after {
 content: ''; position: absolute; top: 0; right: 0; left: 0;
 background: rgba(0,0,0,.5) url(../common_im/zoom.png) no-repeat center center;
 width: 100%; display: block; opacity: 0;
 -webkit-border-radius: 5px; border-radius: 5px; }

#facilityList a:after { height: 192px; }
#equipmentList a:after { height: 200px; }
.accIMList01 a:after, .accIMList02 a:after { width: 190px; height: 126px; }

#facilityList a:hover:after, #equipmentList a:hover:after,
.accIMList01 a:hover:after, .accIMList02 a:hover:after { opacity: 1; }

#facilityList a img, #equipmentList a img, .accIMList01 a img, .accIMList02 a img, #topAboutBN a img {
 -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }

#facilityList a:hover img, #equipmentList a:hover img,
.accIMList01 a:hover img, .accIMList02 a:hover img, #topAboutBN a:hover img {
 -webkit-transform: scale(1.06); -moz-transform: scale(1.06); transform: scale(1.06); }

/* Link BT */
.linkBox { text-align: center; width: 100%; padding: 30px 0; }

.linkBT01 { margin: 0 auto; }

.linkBT01 a { position: relative; background: rgba(236,219,208,1);
 font-size: 100%; font-weight: bold; padding: 20px 55px 18px 25px;
 display: inline-block; cursor: pointer; overflow: hidden; }

.linkBT01 a:before {
 content: ''; position: absolute; top: 19px; right: 25px;
 background: url(../common_im/common.png) no-repeat -200px -692px;
 width: 16px; height: 16px; display: block; }

.linkBT01 a:hover:before { right: 20px; }

.linkBT01 a:link, .linkBT01 a:visited { color: #6e5e49; text-decoration: none; }

.linkBT01 a:hover {
 color: #fff; background: rgba(253,146,78,1);
 text-shadow: rgba(110,94,73,.4) -1px -1px 0; }

/* Trimming, Hotel Charge and Handling Charge Table */
.TCList, #handlingCharge { border: 2px solid #d5c7b5; border-collapse: separate; border-spacing: 0; }

.TCList { width: 750px; margin: 20px 0 0 80px; }
#handlingCharge { color: #666; margin: 8px 0 25px; }
 
.TCList th, .TCList td { text-align: center; padding: .93em .5em; }

#handlingCharge th, #handlingCharge td { text-align: center; padding: .5em 1em; }

.TCList .th01, .TCList .th02, .TCList .th05,
#handlingCharge .th01, #handlingCharge .th02, #handlingCharge .th05 {
 color: #fff; background: #ae998e; font-size: 94%; font-weight: bold; }

#handlingCharge .th01, #handlingCharge .th02, #handlingCharge .th05 { width: auto; }

.TCList .th08, .TCList .th09, .TCList .th10, .TCList .th21, .TCList .th31 { color: #653900; font-size: 88%; }

.TCList td { color: #494949; font-size: 88%; letter-spacing: 1px; }

.TCList .th09, .TCList .th10, .td05 { border-top: 1px solid #d5c7b5; }
.td06, .td21, .td31 { border-left: 1px solid #d5c7b5; }
.td07, .td10 { border-top: 1px solid #d5c7b5; border-left: 1px solid #d5c7b5; }
.TCList .th21, .td21 { border-bottom: 1px solid #d5c7b5; }

.TCList .th21, .TCList .th31 { -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }
.TCList .th10 { -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; }
.TCList .td10 { -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; }
.td21, .td31 { -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; }

.TCList .lh16 { line-height: 1.6; }

.tdw30 { width: 30%; }
.thw40 { width: 40%; }

.TCList tr:nth-child(odd) { background: #fcf7f0; }

#hotelCharge #hotelPrice { padding-bottom: 65px}

.HPriceNotice { position: absolute; bottom: 30px; left: 0; width: 750px; margin: 0 0 0 98px;}
.HPriceNotice p { font-size: 88%; line-height: 1.5; text-align: l; margin: 0;}

/* -------------------------------------------
 About Page
------------------------------------------- */
#aboutEyecatch { background: url(../about/images/title.jpg) no-repeat center top; }

#aboutEyecatch h1 {
 background: url(../about/images/about.png) no-repeat 0 130px;
 width: 212px; height: 90px; padding-top: 130px; }

#aboutEyecatch p {
 background: url(../about/images/about.png) no-repeat -300px 0;
 width: 92px; height: 25px; margin-top: 8px; }

#doctorInfo {
 background: url(../about/images/heart180.png) no-repeat center 55%; padding: 40px 0; }

#DIGreetings { float: left; width: 450px; margin: 0; }

#DIGreetings h2, #DICareer h2 {
 background: url(../about/images/about.png) no-repeat 0 -100px;
 width: 216px; height: 70px; margin: 0 auto; }

#DIGreetings p { color: #4e2700; font-size: 94%; line-height: 1.8; margin: 1em 0 0; }

#DIGreetings p span { text-align: right; display: block; }

#DICareer { float: right; width: 460px; margin: 40px 0 0; }
#DICareer h2 { background-position: -300px -100px; width: 112px; }
#DICareer p { color: #4e2700; font-size: 88%; font-weight: bold; line-height: 1.5; margin: 1em 0 0; }
#DICareer em { font-style: normal; font-weight: normal; }

#DICareer dl { color: #4e2700; margin: 0; }
#DICareer dt { font-size: 88%; font-weight: bold; line-height: 1.6; margin: .75em 0 0; }
#DICareer dd { font-size: 82%; line-height: 1.8; margin: 0 0 0 1em; }

#doctorInfo img { -webkit-box-shadow: 5px 5px 0 0 #fff; box-shadow: 5px 5px 0 0 #fff; }

.dip01 { float: right; margin: 30px 0 0; }
.dip02 { float: left; margin: 75px 0 0; }

#aboutFacility { padding: 35px 0; }

#aboutFacility h3 {
 background: url(../about/images/about.png) no-repeat 0 -180px;
 width: 108px; height: 40px; margin: 0 auto; }

#aboutStaff { padding: 30px 0 40px; }

#aboutStaff h3 {
 background: url(../about/images/about.png) no-repeat -300px -180px;
 width: 96px; height: 40px; margin: 0 auto; }

#medicalStaff, .ASOthers { width: 920px; margin: 30px auto 0; }

#medicalStaff dl { float: right; font-size: 94%; width: 420px; margin: 0; padding-top: 8px; }
#medicalStaff dt { float: left; letter-spacing: 1px; margin: .87em 0 0 0; padding-bottom: .8em; }
#medicalStaff dd { color: #555; margin: .87em 0 0 0; padding-bottom: .8em; }
#medicalStaff dt, #medicalStaff dd { border-bottom: 1px solid #f2e7dd; }
#medicalStaff dt:last-of-type { border: none; }
#medicalStaff dd:last-of-type { border: none; }

#medicalStaff em { color: #4e2700; font-style: normal; }
#medicalStaff span { color: #777; font-size: .75em; margin-left: 1em; vertical-align: 10%; }
#medicalStaff dt.MSmag03 { margin-right: 3em; }
#medicalStaff dt.MSmag02 { margin-right: 2em; }
#medicalStaff dt.MSmag01 { margin-right: 1em; }

#medicalStaff figure { float: left; margin: 0; }
#aboutStaff img { -webkit-box-shadow: 5px 5px 0 0 #eee; box-shadow: 5px 5px 0 0 #ddd; }

#aboutInfo { width: 920px; margin: 40px auto; }

#aboutTarget { float: left; width: 430px; margin: 3px 0 0; padding-bottom: 30px; }

#aboutTarget h3 {
 background: url(../common_im/common.png) no-repeat -450px -180px;
 width: 154px; height: 38px; margin: 0 auto; }

#aboutInfo ul { float: right; width: 425px; margin: 0; }
#aboutInfo li { font-size: 88%; line-height: 1.6; margin-bottom: .65em; }

#aboutInfo #AIReserve { color: #393; font-weight: bold; letter-spacing: .05em; }

#aboutCaution {
 background: rgba(255,255,255,.7); padding: 20px 75px 20px 75px;
 border: 1px solid #f5ca98; clear: both; }

#aboutCaution h4 { color: #d53322; font-size: 119%; text-align: center; margin: 0 auto; }

#aboutCaution p { color: #555; font-size: 88%; line-height: 1.7; margin: 1em 0 0; }

/* -------------------------------------------
 Services Page
------------------------------------------- */
#serviceEyecatch { background: url(../services/images/title.jpg) no-repeat center top; }

#serviceEyecatch h1 {
 background: url(../services/images/servises.png) no-repeat 0 130px;
 width: 210px; height: 90px; padding-top: 130px; }

#serviceEyecatch p {
 background: url(../services/images/servises.png) no-repeat -245px 0;
 width: 124px; height: 25px; margin-top: 8px; }

#serviceMessage h2 {
 background: url(../services/images/servises.png) no-repeat 0 -110px;
 width: 326px; height: 74px; }

#serviceList, #examinationList { width: 900px; margin: 0 auto; padding: 15px 0 50px; }

#serviceList h3 {
 background-image: url(../services/images/servises.png); background-repeat: no-repeat;
 width: 245px; height: 43px; margin: 0; }

#SLItem01 h3 { background-position: 0 -200px; }
#SLItem02 h3 { background-position: -250px -200px; }
#SLItem03 h3 { background-position: 0 -260px; }
#SLItem04 h3 { background-position: -250px -260px; }
#SLItem05 h3 { background-position: 0 -320px; }
#SLItem06 h3 { background-position: -250px -320px; }
#SLItem07 h3 { background-position: 0 -380px; }
#SLItem08 h3 { background-position: -250px -380px; }
#SLItem09 h3 { background-position: 0 -440px; }

.SLCase, .SLCase02, .ELCase, .ELCase02 {
 position: absolute; top: 28px; left: 280px;
 color: #555; font-size: 94%; line-height: 1.4;
 margin: 0; padding-right: 2em; }
.SLCase02, .ELCase02 { top: 16px; }

.SLCaseStudy, .SLCaseStudy02 {
 position: relative; width: 760px;
 margin: 8px 0 0 78px; border-top: 2px solid #f2e7dd; }
.SLCaseStudy02 { margin-top: 28px; }

.SLCDouble { padding-top: 12px; border-top: 2px solid #f2e7dd; }

.SLCSTitle { font-size: 94%; font-weight: normal; margin: 12px 0 0; }

.SLCSTitle a { text-decoration: none; }

.SLCSTitle em { background: #fff; font-style: normal; padding: .2em .33em; vertical-align: middle; }

.SLCSTitle a em { color: #1e8ec0; }
.SLCSTitle a:hover em { color: #fff; background: #ee692e; }

.SLCSTitle a span, .active a span {
 position: relative; 
 font-size: 88%; font-weight: bold; text-align: center; text-decoration: none;
 margin: 0 20px 0 0; padding: 10px 33px 8px 16px; display: inline-block; }

.SLCSTitle a span { color: #fff; background: #bd9e88; }
.SLCSTitle a:hover span { color: #fd924e; background: #fd924e; }

.SLCSTitle a span:before {
 content: ''; position: absolute; top: 11px; right: 15px;
 background: url(../common_im/common.png) no-repeat 0 -680px;
 width: 6px; height: 11px; display: block; opacity: 1; }
.SLCSTitle a:hover span:before { opacity: 0; }

.SLCSTitle a span:after, .active a span:after {
 content: ''; position: absolute; top: 7px; left: 50%;
 background: url(../services/images/servises.png) no-repeat -300px -60px;
 width: 16px; height: 16px; margin-left: -8px; display: block; opacity: 0; }
.SLCSTitle a:hover span:after { opacity: 1; }

.active a span { color: #fd924e; background: #fd924e; }
.active a span:before { background-image: none; }
.active a span:after { opacity: 1; }

.SLContents { margin: 1em 0; }

.SLContents h5 { color: #663900; font-size: 113%; margin: 1.6em 0 0; }
.SLContents p, .SLContents ul, .SLContents ol { font-size: 94%; line-height: 1.6; margin: 0; padding: 1em 0 0 1em; }
.SLContents ul  { padding-left: 3.25em; list-style-type: circle; }
.SLContents ol { padding-left: 3.5em; }

.SLContents figure { margin: 0; padding: 1em 0 0 60px; }
.imgLeft { float: left; margin-right: 30px; }
.imgRight { float: right; margin-right: 60px; }

.SLContents figcaption { font-size: 88%; font-weight: bold; line-height: 1.8; display: block; }
.SLContents .mTop2 { margin-top: 2em; padding-right: 60px; }
.SLContents .mTop4 { margin-top: 4em; padding-right: 60px; }
.SLContents .mTop5 { margin-top: 5em; padding-right: 60px; }
.SLContents .mRight1 { padding: .3em 1em 0 0; }
.SLContents .fClear { clear: both; padding: 1em 60px 0 0; }

/* -------------------------------------------
 Examination Page
------------------------------------------- */
#examinationEyecatch { background: url(../examination/images/title.jpg) no-repeat center top; }

#examinationEyecatch h1 {
 background: url(../examination/images/examination.png) no-repeat 0 124px;
 width: 214px; height: 95px; padding-top: 124px; }

#examinationEyecatch p {
 background: url(../examination/images/examination.png) no-repeat -250px 0;
 width: 176px; height: 25px; margin-top: 10px; }

#examinationMessage h2 {
 background: url(../examination/images/examination.png) no-repeat 0 -110px;
 width: 471px; height: 74px; }

#examinationList h3 {
 background-image: url(../examination/images/examination.png); background-repeat: no-repeat;
 width: 240px; height: 40px; margin: 0; }

#ELItem01 h3 { background-position: 0 -200px; }
#ELItem02 h3 { background-position: -250px -200px; }
#ELItem03 h3 { background-position: 0 -260px; }
#ELItem04 h3 { background-position: -250px -260px; }
#ELItem05 h3 { background-position: 0 -320px; }
#ELItem06 h3 { background-position: -250px -320px; }
#ELItem07 h3 { background-position: 0 -380px; }
#ELItem08 h3 { background-position: -250px -380px; }
#ELItem09 h3 { background-position: 0 -440px; }

#medicalEquipment { margin-bottom: 50px; padding-top: 35px; }

#medicalEquipment h3 {
 background: url(../examination/images/examination.png) no-repeat -250px -50px;
 width: 174px; height: 48px; margin: 0 auto; }

/* -------------------------------------------
 Surgery Page
------------------------------------------- */
#surgeryEyecatch { background: url(../surgery/images/title.jpg) no-repeat center top; }

#surgeryEyecatch h1 {
 background: url(../surgery/images/surgery.png) no-repeat 0 130px;
 width: 302px; height: 85px; padding-top: 130px; }

#surgeryEyecatch p {
 background: url(../surgery/images/surgery.png) no-repeat -355px 0;
 width: 120px; height: 25px; margin-top: 10px; }

#surgeryMessage h2 {
 background: url(../surgery/images/surgery.png) no-repeat 0 -110px;
 width: 341px; height: 74px; }

#surgeryMessage p {
 background: url(../surgery/images/surgery.png) no-repeat center -450px;
 font-size: 94%; line-height: 2; margin: 20px auto 0; padding: 1.15em 0; }

#surgeryFlow { width: 900px; margin: 20px auto 50px; padding: 30px 0 0; border-top: 2px solid #fff; }

#surgeryFlow section { position: relative; margin: 30px 0 60px; }

#surgeryFlow section:after {
 content: ''; position: absolute; bottom: -50px; left: 50%;
 background: url(../surgery/images/surgery.png) no-repeat -550px 0;
 width: 40px; height: 40px; margin-left: -20px; display: block; }
#surgeryFlow section:last-child:after { display: none; }

#surgeryFlow h2 {
 background: url(../surgery/images/surgery.png) no-repeat -350px -50px;
 width: 147px; height: 43px; margin: 0 auto; }

#surgeryFlow h3 {
 background-image: url(../surgery/images/surgery.png); background-repeat: no-repeat;
 width: 340px; height: 40px; margin: 0; }

#SFlow01 h3 { background-position: 0 -200px; }
#SFlow02 h3 { background-position: -350px -200px; }
#SFlow03 h3 { background-position: 0 -260px; }
#SFlow04 h3 { background-position: -350px -260px; }
#SFlow05 h3 { background-position: 0 -320px; }
#SFlow06 h3 { background-position: -350px -320px; }

#surgeryFlow #SFlow07 h3 { background-position: 0 -380px; width: 360px; }

#surgeryFlow div {
 width: 760px; margin: 18px 0 0 75px; padding: 2px 0 8px; border-top: 2px solid #f2e7dd; }

#surgeryFlow p, #surgeryFlow ul {
 font-size: 88%; line-height: 1.8; margin: 0; padding-top: 1em; }

#surgeryFlow ul { padding: .5em 0 0 3em; list-style-type: circle; }

#surgeryFlow .caution { color: #653900; font-size: 100%; margin: 1.25em 0 0; }
#surgeryFlow .caution span { color: #dd3300; font-size: 88%; margin-right: .35em; }

#SFlow04 figure { float: right; margin: 15px 0 0 50px; }
#SFlow04 img { -webkit-box-shadow: 5px 5px 0 0 #eee; box-shadow: 5px 5px 0 0 #ddd; }

#surgeryExample h4 {
 color: #653900; font-size: 94%; margin: 0; padding-top: 1em; }
#surgeryExample h4 span { color: #c2b299; font-size: 88%; margin-right: .3em; }

#surgeryExample ul li { float: left; margin-right: 2.75em; }

/* -------------------------------------------
 Access Page
------------------------------------------- */
#accessEyecatch { background: url(../access/images/title.jpg) no-repeat center top; }

#accessEyecatch h1 {
 background: url(../access/images/access.png) no-repeat 0 134px;
 width: 206px; height: 85px; padding-top: 134px; }

#accessEyecatch p {
 background: url(../access/images/access.png) no-repeat -300px 0;
 width: 102px; height: 25px; margin-top: 10px; }

#accessMap h2 {
 background: url(../access/images/access.png) no-repeat 0 -110px;
 width: 182px; height: 74px; }

#accessGuide { width: 920px; margin: 40px auto 0; padding-bottom: 50px; border-top: 2px solid #fff; }

#accessGuide h2 {
 background: url(../access/images/access.png) no-repeat -300px -80px;
 width: 117px; height: 43px; margin: 35px auto 0; }

#wideArea { width: 920px; margin: 30px auto 0; }

#wideArea dl { float: right; width: 340px; margin: 0; }
#wideArea dt {
 color: #653900; font-size: 94%; font-weight: bold; margin: 2em 0 0; }
#wideArea dd {
 color: #525252; font-size: 88%; line-height: 1.5; margin: .75em 0 0 15px; }

#wideMap {
 background: url(../access/images/access.png) no-repeat 0 -220px;
 float: left; width: 540px; height: 400px; margin: 0; }

#closeUp {
 background: url(../access/images/access.png) no-repeat center -1080px; padding-top: 60px; }

#detailMap {
 background: url(../access/images/access.png) no-repeat 0 -650px;
 float: right; width: 480px; height: 400px; margin: 0; }

#accIMBox01 { float: left; width: 410px; margin: 0; }
#accIMBox02 { clear: both; width: 920px; }

.accIMList01 h3, .accIMList02 h3 { color: #653900; font-size: 100%; margin: 0 0 1em 0; }
.accIMList01 h3.magTop { margin-top: 1em; }

.accIMList01 { margin: 0; padding-bottom: 16px; border-bottom: 2px solid #fff; }
.accIMList02 { position: relative; margin: 0; padding-top: 16px; }

.accIMList01 a, .accIMList02 a { position: relative; float: left; }

.accIM { margin-right: 30px; }

.accIMList01 a span, .accIMList02 a span {
 background-image: url(../access/images/access.png); background-repeat: no-repeat;
 line-height: 1.25; height: 22px; margin-top: 2px; padding-left: 28px; }

#aIMcap11 { background-position: -500px -646px; }
#aIMcap12 { background-position: -500px -696px; }
#aIMcap01 { background-position: -500px -746px; }
#aIMcap02 { background-position: -500px -796px; }
#aIMcap03 { background-position: -500px -846px; }
#aIMcap04 { background-position: -500px -896px; }
#aIMcap05 { background-position: -500px -946px; }

#parkingInfo {
 position: absolute; top: 24px; right: 0;
 background: #fffbf5; width: 212px; margin: 0; padding: 24px; border: 1px solid #b8e0f8; }

#parkingInfo h3 {
 background: url(../access/images/access.png) no-repeat -300px -150px;
 width: 100%; height: 20px; margin: 0; border-bottom: 2px solid #b8e0f8; }

#parkingInfo p {
 color: #653900; font-size: 82%; font-weight: bold; line-height: 1.7; margin: 1em 0 0; }

/* Google Map */
#ACCMap {
 background: #fff; width: 920px; height: 480px; margin-top: 30px; padding: 1px 0 0 1px;
 -webkit-border-radius: 6px; border-radius: 6px;
 -webkit-box-shadow: 5px 5px 0 0 #fff; box-shadow: 5px 5px 0 0 #fff; }

#map_canvas { width: 919px; height: 479px; margin-left: 1px; }

/* -------------------------------------------
 Trimming Page
------------------------------------------- */
#trimmingEyecatch { background: url(../trimming/images/title.jpg) no-repeat center top; }

#trimmingEyecatch h1 {
 background: url(../trimming/images/trimming.png) no-repeat 0 134px;
 width: 236px; height: 85px; padding-top: 134px; }

#trimmingEyecatch p {
 background: url(../trimming/images/trimming.png) no-repeat -300px 0;
 width: 130px; height: 25px; margin-top: 10px; }

#trimmingMessage h2 {
 background: url(../trimming/images/trimming.png) no-repeat 0 -100px;
 width: 318px; height: 74px; }

#trimmingCharge, #hotelCharge {
 width: 900px; margin: 35px auto 0; padding-bottom: 50px; border-top: 2px solid #fff; }

#trimmingCharge h2 {
 background: url(../trimming/images/trimming.png) no-repeat -280px -60px;
 width: 178px; height: 43px; margin: 35px auto 0; }

#trimmingCharge section, #hotelCharge section { margin-top: 35px; padding-bottom: 30px; }

#trimmingCharge h3 {
 background-image: url(../trimming/images/trimming.png); background-repeat: no-repeat;
 width: 240px; height: 50px; margin: 0; }

#TCDogPrice h3 { background-position: 0 -200px; }
#TCCatPrice h3 { background-position: -240px -200px; }
#TCOption h3 { background-position: 0 -280px; }
#TCPartial h3 { background-position: -240px -280px; }
#TCNotes h3 { background-position: 0 -360px; }

.TCInfo, .TCICaution {
 position: absolute; top: 40px; left: 300px;
 color: #494949; font-size: 94%; font-weight: bold; margin: 0; }

.TCICaution, #hotelNotesList b { color: #d20e2e; }

#trimmingCharge ul {
 color: #555; font-size: 88%; line-height: 1.6;
 margin: 0; padding: .5em 0 0 80px; }
#trimmingCharge li, #hotelNotesList li { margin: 0; padding: 1em 0 0 1em; }

#trimmingCharge em { color: #d20e2e; font-style: normal; margin-left: -1em; }

#TCNotesList, #hotelNotesList {
 counter-reset: section; color: #494949; font-size: 94%; line-height: 1.6;
 margin: .5em 0 0; padding: 0 0 0 65px; list-style-type: none; }

#TCNotesList li span, #hotelNotesList li span { padding-left: 2em; display: block; }
#TCNotesList li:before, #hotelNotesList li:before {
 content: counter(section) ". "; counter-increment: section; float: left; color: #d95770; font-weight: bold; }

/* -------------------------------------------
 Hotel Page
------------------------------------------- */
#hotelEyecatch { background: url(../hotel/images/title.jpg) no-repeat center top; }

#hotelEyecatch h1 {
 background: url(../hotel/images/hotel.png) no-repeat 0 134px;
 width: 254px; height: 85px; padding-top: 134px; }

#hotelEyecatch p {
 background: url(../hotel/images/hotel.png) no-repeat -270px 0;
 width: 142px; height: 25px; margin-top: 10px; }

#hotelMessage h2 {
 background: url(../hotel/images/hotel.png) no-repeat 0 -100px;
 width: 416px; height: 74px; }

#hotelCharge h3 {
 background-image: url(../hotel/images/hotel.png); background-repeat: no-repeat;
 width: 320px; height: 50px; margin: 0; }

#hotelPrice h3 { background-position: 0 -200px; }
#hotelNotes h3 { background-position: 0 -280px; }
#hotelLabeling h3 { background-position: 0 -360px; }

/* -------------------------------------------
 recruit Page
------------------------------------------- */
#recruitEyecatch { background: url(../recruit/images/title.jpg) no-repeat center top; }

#recruitEyecatch h1, #recruitEyecatch p, #recruitMessage h2, #applicationRequirements h3 {
 background-image: url(../recruit/images/recruit.svg); background-size: 220px 284px; }

#recruitEyecatch h1, #recruitEyecatch p { position: absolute; left: 50%; }

#recruitEyecatch h1 { top: 134px; background-position: 0 0; width: 214px; height: 88px; margin-left: -107px; }

#recruitEyecatch p { top: 228px; background-position: 0 -100px; width: 114px; height: 25px; margin-left: -57px; }

.recruit { padding-bottom: 50px; }

#recruitMessage h2 { background-position: 0 -140px; width: 154px; height: 74px; }

#recruitMessage p { line-height: 2; }
#recruitMessage p span { display: block; padding-top: .75em; }
#recruitMessage .spBlock, #recruitMessage .spSmall { display: inline; padding: 0; }

#applicationRequirements { width: 900px; margin: 35px auto 0; padding-bottom: 1px; }

#applicationRequirements h3 { background-position: 0 -240px; width: 220px; height: 44px; margin: 0 0 0 5px; }

#RRKind {
 color: #4e2700; font-size: 100%; font-weight: bold; margin: 0 0 0 82px; padding-top: 30px; position: relative; }

#RRKind:before { content: ''; position: absolute; top: 0; left: 0; background: #d5c7b5; width: 100%; height: 2px; }

.RRList {
 width: 820px; margin: 25px 0 50px 80px; border: 2px solid #d5c7b5; border-collapse: separate; border-spacing: 0; }
 
.RRList th {
 color: #fff; background: #ae998e; font-size: 94%; font-weight: bold; text-align: center; letter-spacing: .1em;
 padding: 1.1em 0; vertical-align: top; width: 20%; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }

.RRList tr:first-child th { -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }
.RRList tr:last-child th { -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; }

.RRth01 { border-top: 1px solid #fff; }

.RRList td {
 font-size: 88%; line-height: 1.8; letter-spacing: .05em;
 margin: .5em 0 0; padding: .75em 10px .75em 25px; border-bottom: 1px solid #ae998e; }

.RRList tr:last-child td { border: none; }

.RRList .RRKtd { color: #4e2700; font-weight: bold; letter-spacing: .1em; }

.RRList td span { display: block; }

.RRList ul { margin: 0; padding: .5em 0 0 2.4em; }

.RRList li { list-style-type: circle; }

/* -------------------------------------------
 Web Shop Page
------------------------------------------- */
#shopEyecatch { background: url(../shop/images/title.png) no-repeat center top; }

#shopEyecatch h1 {
 background: url(../shop/images/shop.png) no-repeat 0 134px;
 width: 302px; height: 86px; padding-top: 134px; }

#shopEyecatch p {
 background: url(../shop/images/shop.png) no-repeat -350px 0;
 width: 134px; height: 25px; margin-top: 10px; }

#shopMessage h2 {
 background: url(../shop/images/shop.png) no-repeat 0 -100px;
 width: 412px; height: 74px; }

#shopContents { width: 920px; margin: 10px auto 0; padding-bottom: 50px; }

#shopContents section {
 position: relative; background: #fff; margin: 40px 0 0; padding: 20px 50px 30px 30px; }

#shopContents h2, #shopMerit dl, #shopHowTo li:after, #shopTerms dt {
 background-image: url(../shop/images/shop.png); background-repeat: no-repeat; }

#shopContents h2 { width: 350px; height: 50px; margin: 0; }

#shopMerit h2 { background-position: 0 -200px; }
#shopHowTo h2 { background-position: 0 -260px; }
#shopLogin h2 { background-position: 0 -320px; }
#shopTerms h2 { background-position: 0 -380px; }

.SCWrapper { margin: 8px 0 0 70px; border-top: 2px solid #f2e7dd; }

#shopMerit dl { min-height: 59px; margin: 25px 0 0 0; padding-bottom: 5px; }

#SMerit01 { background-position: 0 -450px; }
#SMerit02 { background-position: 0 -540px; }
#SMerit03 { background-position: 0 -630px; }

#shopMerit dt { height: 38px; }
#shopMerit dd { color: #494949; font-size: 94%; line-height: 1.5; margin: 0 0 0 86px; }

#shopHowTo ul { width: 400px; margin: 25px auto 0; padding: 0 0 10px 0; }

#shopHowTo li {
 color: #4e2700; background: #fff5eb; font-size: 100%; font-weight: bold; text-align: center;
 position: relative; margin: 0 0 38px 0; padding: .94em 0 .88em; border: 1px solid #e7b792; }
#shopHowTo li:last-child { background: #bb9070; color: #fff; margin-bottom: 0; border: 1px solid #bb9070; }

#shopHowTo li:after {
 content: ''; position: absolute; bottom: -32px; left: 50%; display: block;
 background-position: -350px -50px; width: 26px; height: 26px; margin-left: -14px; }
#shopHowTo li:last-child:after { background: none; height: 0; }

#loginGuide, #loginBT {
 font-size: 94%; font-weight: bold; text-align: center; margin: 0; }

#loginGuide { padding-top: 30px; }

#loginBT { color: #fff; font-size: 125%; padding-bottom: 5px; }

#loginBT a {
 background: #fa8833;
 position: relative; color: #fff; text-decoration: none;
 margin-top: 25px; padding: 16px 80px 14px; display: inline-block; }
#loginBT a:hover { background: #7ed0f4; }

#loginBT a:before {
 background: url(../shop/images/shop.png) no-repeat -425px -60px;
 content: ''; position: absolute; top: 12px; left: 30px;
 width: 31px; height: 26px; display: block; }

#loginBT a:after {
 content: ''; position: absolute; top: 17px; right: 38px;
 background: url(../common_im/common.png) no-repeat -200px -692px;
 width: 16px; height: 16px; display: block; }
#loginBT a:hover:after { right: 30px; }

#shopTerms dl, #shopTerms dd dl { margin: 0; }

#shopTerms dt { width: 240px; height: 36px; margin: 25px 0 0; }

#STerms01 { background-position: 0 -720px; }
#STerms02 { background-position: -250px -720px; }
#STerms03 { background-position: 0 -780px; }
#STerms04 { background-position: -250px -780px; }
#STerms05 { background-position: 0 -840px; }

#shopTerms dd, #shopTerms ul {
 font-size: 94%; line-height: 1.75; margin: 1em 0 0; padding-left: 60px; }
 
.STLined { padding-bottom: 22px; border-bottom: 2px solid #f2e7dd; }

#shopTerms ul { margin: 0; padding: 0 0 0 2em; }

#shopTerms li { margin: 0; padding: .5em 0 0 0; }
#shopTerms dd.MTop25 { margin-top: .25em; }

#shopTerms li em { float: left; color: #653900; font-style: normal; display: block; }
#shopTerms .em05 { width: 5em; }
#shopTerms .em08 { width: 8em; }
#shopTerms .em12 { width: 12em; }

#shopTerms li span { display: block; }
#shopTerms .sp05 { padding-left: 6.5em; }
#shopTerms .sp08 { padding-left: 9.5em; }
#shopTerms .sp12 { padding-left: 13.5em; }

#handlingCharge td { font-weight: normal; }

#shopContents section#shopTerms { padding-bottom: 40px; }

/* -------------------------------------------
 News & Column Page
------------------------------------------- */
#newsEyecatch { background: url(../news-column/images/title.jpg) no-repeat center top; }

#newsEyecatch h1, #newsEyecatch h2 {
 background: url(../news-column/images/news.png) no-repeat 0 132px;
 width: 340px; height: 86px; padding-top: 132px; }

#newsEyecatch p {
 background: url(../news-column/images/news.png) no-repeat 0 -100px;
 width: 218px; height: 25px; margin-top: 10px; }

#NCWrapper { width: 920px; margin: 20px auto 0; padding-bottom: 50px; }

#NCList { float: left; width: 680px; margin: 0; }
#NCSideBar { float: right; width: 210px; }

.NCAsset, #NCSideBar aside { background: #fff; margin: 30px 0 0; padding: 0 40px 30px 40px; }

.NCAsset header { position: relative; margin: 0; }

.NCAsset h2 { color: #653900; font-size: 150%; line-height: 1.25; margin: 0; padding-top: 52px; }
.NCAsset h2 a {
 background: url(../news-column/images/news.png) no-repeat right -326px;
 padding-right: 32px; display: inline-block; }
.NCAsset h2 a:hover { background-position: right -446px; }

.catLabel {
 position: absolute; top: 0; left: 0;
 width: 106px; height: 36px; margin: 0; }

.catNews, .catColumn {
 background: url(../news-column/images/news.png) no-repeat -220px -150px; }
.catColumn { background-position: -220px -200px; }

.published {
 position: absolute; top: 14px; right: 0;
 color: #a38866; font-size: 82%; margin: 0; }

/* Body */
.NCLBody { margin: 14px 0 0; border-top: 2px solid #f2e7e0; }

.NCLBody p, .NCLBody ul, .NCLBody ol {
 font-size: 94%; line-height: 1.8; margin: 0; padding-top: 1em; }
.NCLBody p.continuation { padding-top: .4em; }

.NCLBody h3, .NCLBody h4 { color: #653900; font-size: 113%; margin: 1.25em 0 0; }
.NCLBody h4 { font-size: 100%; }

.NCLBody p a:link, .NCLBody p a:visited { color: #0082b7; text-decoration: underline; }
.NCLBody p a:hover { color: #f06200; text-decoration: none; }

.NCLBody img { margin: 0 20px; }

.NCLBody a img { opacity: 1; }
.NCLBody a:hover img { opacity: .7; }

/* Sidebar */
#NCSideBar aside { padding: 20px 0; }

#NCSideBar h3 {
 background-image: url(../news-column/images/news.png); background-repeat: no-repeat;
 width: 210px; margin: 0; }

#recentColumn h3 { background-position: 0 -150px; height: 28px; }
#recentNews h3 { background-position: 0 -200px; height: 28px; }
#sideArchives h3 { background-position: 0 -250px; }
#sideFeed h3 { background-position: 0 -280px; }
#sideArchives h3, #sideFeed h3 { width: 170px; height: 10px; margin: 0 20px; }

#NCSideBar ul, #NCSideBar p { margin: 12px 20px 0; padding: 4px 0 0; border-top: 2px solid #f2e7e0; }
#NCSideBar li, #NCSideBar p a { font-size: 82%; line-height: 1.4; margin: .5em 0 0; }

#NCSideBar li a {
 background: url(../news-column/images/news.png) no-repeat -320px -256px;
 padding-left: 12px; display: inline-block; }

#NCSideBar li a:hover { background-position: -319px -256px; }

#NCSideBar p { padding-top: 1em; }
#NCSideBar p a {
 background: url(../news-column/images/news.png) no-repeat -300px -108px; padding-left: 18px; }
#NCSideBar p a:hover { background-position: -299px -108px; }

/* Archives Page */
.catTitle {
 color: #fff; font-size: 150%; text-align: center; letter-spacing: .05em;
 width: 100%; margin: 30px 0 0; padding: .7em 0 .5em; }

#catNews { background: #91a463; }
#catColumn { background: #d28e9e; }
#monthlyArchive { background: #a5a5a5; }

.catTitle em {
 font-size: 125%; font-family: Georgia, "Times New Roman", Times, serif; vertical-align: middle; }

/* Page Navi */
#NCPageNavi { margin: 30px 0 0; }

#NCPageNavi ul, #NCBotNavi ul { font-size: 88%; margin: 0; padding: 0; }

#NCPageNavi ul li { float: left; margin-right: 3px; display: inline; }

#NCPageNavi ul li span, #NCPageNavi ul li a,
#NCBotNavi ul li a { padding: .5em .65em .35em; -webkit-border-radius: 3px; border-radius: 3px; }

#NCPageNavi ul li span { background-color: #bbb; color: #f2f2f2; }

#NCPageNavi ul li a, #NCBotNavi ul li a { background-color: #62b9dd; color: #fff; text-decoration: none; }
#NCPageNavi ul li a:hover, #NCBotNavi ul li a:hover { background-color: #ee7e33; }

#NCBotNavi { margin: 40px auto 0; width: 680px; }

#NCBotNavi ul { text-align: center; margin: 0 auto; }

#NCBotNavi ul li { display: inline-block; }

#NCBotNavi .NCTop { margin: 0 16px; }

/* -------------------------------------------
 Transition
------------------------------------------- */
#returnBT:after, #footNav a, #scheduleLink a:before, #staffSchedule a, #exoticSchedule a,
#addAccBT a, #addAccBT a:after, #TFContents a span, #TFContents a h3, #TFContents a p,
#topAboutBN a img, #topAboutBN a:before, #topAboutBN a:after, #topAboutBN a p,
#cmsArticle a, #TSLink a, #TELink a, .linkBT01 a, .linkBT01 a:before,
a #petHotelCBN:before, a #trimmingCBN:before, a #accessCBN:before, #CIWebShop a, #CIWebShop a:after,
#TBNews p a:after, #TBColumn p a:after,#contentsBN a, a #petHotelCBN:after, a #trimmingCBN:after,
a #accessCBN:after, a.CBN02:after,#facilityList a:after, #facilityList a img, #facilityList a span,
#equipmentList a:after, #equipmentList a img, #equipmentList a span,
.accIMList01 a, .accIMList01 a:after, .accIMList01 a img,
.accIMList02 a, .accIMList02 a:after, .accIMList02 a img,
.SLCSTitle a em, .SLCSTitle a span, #loginBT a, #loginBT a:after, .link01 a,
.NCAsset h2 a, .NCAsset h2 a, .NCLBody a, .NCLBody a img, #NCPageNavi a, #NCBotNavi ul li a, #NCSideBar a {
 -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out;
 -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

#resBT a, #resBT a:after, #JOBT a, #JOBT a:after, #EPatBT:before {
 -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out;
 -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }

@-webkit-keyframes slideRight {
 0% { -webkit-transform: translate3d(80px,0,0); opacity: 0}
 20% { -webkit-transform: translate3d(80px,0,0); opacity: 0} 100% { -webkit-transform:none; opacity: 1} }
@keyframes slideRight {
 0% { transform: translate3d(80px,0,0); opacity: 0}
 20% { transform: translate3d(80px,0,0); opacity: 0} 100% { transform:none; opacity: 1} }

#reservation {
 -webkit-animation: slideRight .9s cubic-bezier(0,.65,.21,1); animation: slideRight .9s cubic-bezier(0,.65,.21,1)}
#jobOffer {
 -webkit-animation: slideRight 1.2s cubic-bezier(0,.65,.21,1); animation: slideRight 1.2s cubic-bezier(0,.65,.21,1)}

/* -------------------------------------------
 Border Radius
------------------------------------------- */
#serviceList section, #examinationList section, #surgeryFlow section, #topAboutBN figure, #topAboutBN img,
#trimmingCharge section, #hotelCharge section, #scheduleLink li a, .SCContents table, #applicationRequirements,
#CMSInfo, #topCMSInfo, #clinicCal, #TopCMInfo p, #topAboutBN, #TSLink a, #TELink a, .RRList,
#contentsBN a, #contentsBN p, .linkBT01 a, .TCList, #doctorInfo img, #aboutStaff img, #aboutCaution,
#map_canvas, .NCAsset, #NCSideBar aside, .catTitle, #shopContents section, #shopHowTo li, #loginBT a {
 -webkit-border-radius: 6px; border-radius: 6px; }
 
#CIWebShop a, #TBNews p a, #TBColumn p a, #areaInfo p,
#facilityList img, #equipmentList img, #SFlow04 img, .accIMList01 img, .accIMList02 img,
.SLCSTitle a span, .active a span, #shopTerms table, .RHAbsence, .ferretAbsence {
 -webkit-border-radius: 5px; border-radius: 5px; }
 
/* -------------------------------------------
 Fonts
------------------------------------------- */
@font-face { font-family: 'Slabo13px-Regular'; src: url('Slabo13px-Regular.ttf') format('truetype'); }

.published { font-family: "Slabo13px-Regular", serif; }

#cmsArticle dl, .linkBT01 a, #topMessage, #topPromise ol, #doctorInfo, #aboutInfo, .pageMessage,
#wideArea, #closeUp, #shopHowTo li, #ASList, .extAbsence, .AM, .AM02, .PM, .PM02 {
 text-shadow: rgba(255,255,255,1) 1px 1px 0; }

#scheduleLink li a { text-shadow: rgba(255,255,255,.75) 1px 1px 0; }

#entryPaging, #cmsArticle dl a:hover, #shopHowTo li:last-child { text-shadow: none; }

/* -------------------------------------------
 Displey Setting
------------------------------------------- */
#scheduleLink li a, .CBN01, .CBN02, #CIWebShop a, .SLCSTitle a, #resBT a, #JOBT a, #EPatBT, #EPatBT a, #resTelNum a {
 display: block;
 cursor: pointer;
 overflow: hidden; }

#returnBT em, #infoBalloon h3, #clinicAdd h3, #topCinicAdd h3, .botBNArea li,
#CIWebShop a, #footInner small, #footTelNum, .SCContents h1, #exoticSList h2, #resBT a, #JOBT a,
#tx01, #tx02, #tx03, #topMessage h2, #topFeatures h2, #TFContents h3, #topPromise h3,
#topServices h3, #Examination h3, #TSList p, #TEList p, #topAboutBN h3, #TBNews h3, #TBColumn h3,
#targetAnimal, #contentsBN p, .pageTitle h1, .pageTitle h2, .pageTitle p, .pageMessage h2, 
#DIGreetings h2, #DICareer h2, #aboutFacility h3, #aboutStaff h3, #aboutTarget, 
#serviceList h3, #examinationList h3, #medicalEquipment h3, #surgeryFlow h2, #surgeryFlow h3,
#accessGuide h2, #wideMap, #detailMap, #parkingInfo h3, #trimmingCharge h2, #trimmingCharge h3,
#hotelCharge h3, .catLabel, #NCSideBar h3, #shopContents h2, #shopMerit dt, #shopTerms dt,
#applicationRequirements h3, #resMethod h1, #EPatBT a, #FPatST, #resTelNum a {
 text-indent: 300%; white-space: nowrap; overflow: hidden; }

/* -------------------------------------------
 Text Link
------------------------------------------- */
.NCAsset h2 a:link, .NCAsset h2 a:visited, #NCSideBar a:link, #NCSideBar a:visited,
.link01 a:link, .link01 a:visited { color: #0082b7; text-decoration: none; }

.NCAsset h2 a:hover, .link01 a:hover, #NCSideBar a:hover { color: #f06200; text-decoration: underline; }

/* -------------------------------------------
 Clearfix
------------------------------------------- */
.clearfix:after, #globalNav:after, #clinicInfomation:after, #clinicAdd ul:after, #scheduleLink:after,
#TFContents:after, #topSecFeatures:after, #bottomNavi:after, #doctorInfo:after,
#facilityList:after,#aboutInfo:after, #medicalStaff:after, .ASOthers:after,
.SLContents figure:after, .SLContents:after, #equipmentList:after, #surgeryFlow div:after,
#surgeryExample ul:after, #wideArea:after, #closeUp:after, .accIMList01:after,
#NCWrapper:after, .NCLBody:after, .NCLBody p:after, #NCPageNavi ul:after, #shopTerms dd ul:after {
 content: ""; clear: both; display: block; height: 0; }