body {margin:0; padding:0; text-align:center; background:#FCFFEE;font-family: 'Noto Sans JP', sans-serif;}

#confirm1 {padding:20px 0 20px 10px; text-align:center}
#confirm2 {padding:0; margin:0;}

#wrapper {width:850px; height:100%; text-align:center; margin:0 auto 0 auto;}

.s_left {width:10px; background:url(../../img/s_left.gif); background-repeat:repeat-y; vertical-align:top;}
.s_right{width:10px; background:url(../../img/s_right.gif); background-repeat:repeat-y; vertical-align:top;}

#cc {width:830px; height:auto; text-align:center; background:#fff; vertical-align:top;}
#cc2 {width:830px; height:100%; text-align:center; background:#fff; vertical-align: bottom;}
.max {width:870px; height:100%;}
.h_max {height:100%; margin:0 auto 0 auto;}
.center {text-align:center}
.sp {clear:both;}
.sp2 {clear:both; margin:10px 0 0 0; padding:0;}

a:link,a:visited {text-decoration:none; color:#006600}
a:hover {text-decoration:underline; color:#339900}
a:link,a:visited,a:active{outline:none;}

img {border-style:none;}
a img {border-style:none;}

p {font-size:96%; line-height:150%; margin:10px 0; padding:0; color:#333}
.t_small {font-size: 10px; letter-spacing:5px; color: #6699FF}
.t_smaller {font-size:smaller; line-height:150%;}
.red {color:#FF0000;}
.blue {color:#0066cc; font-weight:bold; text-decoration:underline}
.bold {font-weight:bold}

/*----ヘッダ----*/
#header {width:830px; margin:0; padding:0}
#header h1{ display:block; background: url(../../img/header.jpg) no-repeat; width:830px; height:126px; vertical-align:top; text-indent:-9999px; margin:0; padding:0;}
#header p{ display: none;}
#htext {font-size:12px; vertical-align:top; padding:0; margin:0 0 0 18px; text-align:left; width:400px; float:left; position:relative; top:-121px; display:none}
#hnavi {font-size:10px; vertical-align: bottom; padding:0 34px 0 0; margin:0; text-align: right; width:200px; float: right; position:relative; bottom:10px;}

#hnavi a:link {font-size:10px; text-decoration:none; color:#333;}
#hnavi a:visited {font-size:10px; text-decoration:underline; color: #993366;}
#hnavi a:hover {font-size:10px; text-decoration:underline; color: #339900;}

/*----診療時間----*/
#time {height:auto; float:left; padding:0; margin:0; width:300px; text-align:left;}
#timeback {background:url(../../img/ttimebb.jpg) repeat-y; width:782px; height: auto; text-align:center; margin:0; padding:15px}
#time h3 {display:block; height:27px; background:url(../../img/ttime.gif) no-repeat; margin:0; padding:0; text-indent:-9999px;}
#time p {font-size:95%; margin:10px 0; display:block; line-height:180%}
#time a {display:block; background:url(../../img/congection_btn.png) no-repeat; width:265px; height:34px; text-indent:-9999px}
#time a:hover {background:url(../../img/congection_btn_on.png) no-repeat;}

#ttable {float:right; margin:45px 0 0 0; padding:0; text-align:left}
#back {background-color:#999}
#inner {width:100%; height:100%;}
#inner td {text-align:center; vertical-align:middle}

.t11 {font-size:20px; background:url(../../img/table_back1.gif) repeat-x; text-align:center; margin:0; padding:8px; height:38px; width:25px; font-weight:bold}
.t11_2 {background:url(../../img/table_back1.gif) repeat-x; text-align:center; margin:0; padding:8px; height:30px;}
.t1 {font-size:23px; text-align:center; background-color:#fff; vertical-align:middle; margin:0; padding:8px; height:38px; width:25px}

.t1_2,.t1_2_2{text-align:center; background-color:#fff; vertical-align:middle; margin:0}
.t1_2  {padding:8px; height:38px}
.t1_2_2{padding:4px 8px 4px 8px; height:20px}

.t2 {font-size:16px; background:url(../../img/table_back1.gif) repeat-x; text-align:center;}
.t3 {font-size:16px; text-align:center; background-color:#fff;}
.ok {color:#0066FF; font-weight:bold}
.no {color:#FF0000; font-weight:bold}
#back td span.harf{color:#1c7d1c; font-weight:bold; font-size: 18px;text-shadow: 0 0 0.5px #1c7d1c, 0 0 0.5px #1c7d1c;}
.harf_txt{color:#1c7d1c; font-size: 15.2px;}
.ope {color:#003399; font-size:16px; font-weight:bold}
.time_xx {color:#333; font-size:14px; font-weight:bold}

#ttime_b1{background:url(../../img/ttimeb1.jpg) no-repeat; width:782px; height:5px;}
#ttime_b2{background:url(../../img/ttimeb2.jpg) no-repeat; width:782px; height:5px;}
#ttm {margin:0 24px 0 24px; padding:0}

/*----navi----*/
#menu {margin:0 25px 0 25px; position:relative; width:780px; height:53px;}
ul#navi{margin:0; padding:0; list-style:none; width:780px; height:53px; }
ul#navi li{position:absolute; display:block; width:156px; height:53px; margin:0; padding:0; list-style:none; text-indent:-9999px; left: 0px}
ul#navi li#top { left:0px; background:url(../../img/m_top.png) no-repeat;} 
ul#navi li#top a:hover{ left:0px; background:url(../../img/m_top_on.png) no-repeat;} 

ul#navi li#gre { left:156px; background:url(../../img/m_greeting.png) no-repeat;} 
ul#navi li#gre a:hover{ left:156px; background:url(../../img/m_greeting_on.png) no-repeat;} 

ul#navi li#tre { left:312px; background: url(../../img/m_treatment.png) no-repeat;} 
ul#navi li#tre a:hover{ left:312px; background: url(../../img/m_treatment_on.png) no-repeat;} 

ul#navi li#fa { left:468px; background: url(../../img/m_facilities.png) no-repeat;} 
ul#navi li#fa a:hover{ left:468px; background: url(../../img/m_facilities_on.png) no-repeat;}

ul#navi li#ac { left:624px; background:url(../../img/m_access.png) no-repeat;} 
ul#navi li#ac a:hover{ left:624px; background:url(../../img/m_access_on.png) no-repeat;} 

ul#navi a{display:block; width:156px; height:53px; text-decoration:none}

/*----メイン----*/
#main {padding:3px 0 0 0; margin:15px auto 0 auto; width:782px; height:320px; background:url(../../img/main.jpg?2309) no-repeat; text-align:left}
#main h2 {display:block; text-indent:-9999px; margin:0 0 5px 0; padding:0; position:relative; top:10px; left:420px; text-align:left}
#h2_cat{background: url(../../img/h2_cat.png) no-repeat; width:340px; height:86px}
#h2_myo{background: url(../../img/h2_myo.png) no-repeat; width:340px; height:36px}
#main p{width:350px; height:44px; position:relative; top:15px; left:420px; text-align:left}
#main a{display:inline-block}
#cat a:hover img,
#myo a:hover img,
#ort a:hover img{visibility: hidden}
#cat{background:url(../../img/cat_b_on.png) no-repeat; margin:0 0 20px 0}
#myo{background:url(../../img/myo_b_on.png) no-repeat; margin:0 0 7px 0}
#ort{background:url(../../img/ort_b_on.png) no-repeat; margin:0}

#cataract {position:relative; top:-75px; left:203px; width:349px; height:44px}

#top_under {width:752px; height:auto;margin:0 auto 0 auto; padding:10px 0 0 0;}

/*----おしらせ----*/
#info {width:357px; float:left; margin:10px auto 10px auto; text-align:left;height: 470px;overflow: hidden;overflow-y: auto;}
#info h3 {background:url(../../img/info1.gif) no-repeat; padding:0; margin:0; text-indent:-9999px; width:357px; height:26px}
.news {font-size:95%; line-height:155%; margin:5px 0 5px 0; padding:8px 10px 15px 0; color:#2d2d2d; background:url(../../img/dot.gif) no-repeat; background-position:bottom; overflow: hidden; text-align:justify; letter-spacing:-0.5px}
.news ul { margin:0 0 0 10px; padding:0;}
.news li { list-style:none; margin:0 0 10px 0; padding:0; color:#0066AC}
.news_span{display:block; margin:7px 0}
.copy_etc {margin:0; font-size:12px; padding:10px 0 0 0;}
.copy_etc3 {margin:0; font-size:12px; padding:5px 0 0 0;}
.copy_etc2 { margin:20px auto 20px auto; padding:0; width:752px; height:18px; text-align:left; font-size:12px;}

#info h4#employ01 { display:block; margin:5px 0 5px 0; padding:0; background:url(../../img/employ.jpg) no-repeat; width:120px; height:20px; text-indent:-9999px}
#info p#employ02 {margin:0; padding:0;}
#info a#employ03 {margin:10px 0 0 0; padding:0; background:url(../../img/details01.png) no-repeat; width:158px; height:22px; text-indent:-9999px; display:block}
#info a#employ03:hover {margin:10px 0 0 0; padding:0; background:url(../../img/details01_on.png) no-repeat;}

/*----アクセス----*/
#access {width:357px; float:right; margin:10px auto 30px 38px; text-align:left;}
#access h3 { background:url(../../img/amap.gif) no-repeat; padding:0; margin:0; text-indent:-9999px; width:357px; height:26px}

#map_m {margin:15px 0 0 0;}

#sp01{ margin:20px 0 20px 0; padding:0}

/*----紹介先医療機関----*/
#referral {width:240px; float:right; margin:0 0 20px 0; text-align:left}
#referral h3{ background:url(../../img/referral.gif) no-repeat; padding:0; margin:0; text-indent:-9999px; width:357px; height:26px}
#referral ul{margin:15px 0 0 0; padding:0}
#referral li{margin:0; padding:0; list-style:none; line-height:160%; font-size:90%}

/*----キャッシュレス決済----*/
#cashless {width: 100%;display: inline-block;margin: 10px auto 0;text-align: left;}
#cashless h3{background: url(../../img/cashless_ttl.png) no-repeat;padding: 0;margin: 0;text-indent: -9999px;width: 100%;height: 26px;}

.cless_fb{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -10px;}

#cless_m{margin: 0 0 15px;padding-bottom: 20px;}
#cless_m:last-child{border-bottom: none;}
#cless_m p{width: 100%;font-size: 15px;font-weight: bold;color: #3f9003;text-align: center;background: #e4f7ce;padding: 5px 0;border-radius: 30px;}


/*----フッタ----*/
#footer { background:url(../../img/foot.jpg) no-repeat; width:830px; height:23px; margin:0; padding:0; clear:both;}

.annotation {font-size:14px; color:#FF0000; font-weight:bold;}