﻿@charset "UTF-8";

*{ margin:0px; padding:0px; border:none; box-sizing:border-box; font-family: "メイリオ",Meiryo UI, arial, sans-serif; -webkit-text-size-adjust:100%; }
html{ width:100%; height:100%; text-align:center; color:#333; overflow-y: scroll; }
body{ width:100%; height:100%; text-align:center; min-width:1050px; }

a{ outline:none; text-decoration:none; }
ul{ list-style:none; }
p.clear{ clear:both; }
a img{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
a img:hover{ opacity:0.7; filter:alpha(opacity=70); }
p.clear{ clear:both; }

/*メニュー*/
.menubgbg{ position:absolute; width:100%; min-width:1050px; padding:10px 0px; top:0px; left:0px; z-index:100; }
.menubg{ width:1000px; margin:0px auto; }
.menubg img.logo{ float:left; width:100px; margin-right:50px; }
.menubg div{ position:relative; overflow:hidden; text-align:left; }
.menubg div h1{ font-weight:normal; font-size:11px; margin-bottom:10px; color:#000; }
.menubg div div.sbg{ position:absolute; top:0px; right:0px; }
.menubg div div.sbg a{ color:#000; text-shadow:0px 1px 2px #FFF; font-size:11px; padding-right:22px; margin-left:10px; background:right center no-repeat; background-size:16px; }
.menubg div div.sbg a:hover{ color:#000; text-shadow:0px 1px 2px #FFF; text-decoration:underline; }
.menubg div div.sbg a.hre{ background-image:url(../img/hre.png); }
.menubg div div.sbg a.hco{ background-image:url(../img/hco.png); }

.menubg ul.menu{ width:100%; }
.menubg ul.menu li{ float:left; margin-right:25px; }
.menubg ul.menu li img{ width:100%; }
.menubg ul.menu li a{ display:block; text-align:center; color:#000; font-weight:bold; font-size:14px; line-height:25px; text-shadow:0px 0px 2px #FFF; }
.menubg ul.menu li a p{ font-size:10px; line-height:15px; }
.menubg ul.menu li.te{ float:right; width:180px; margin-right:0px; }
.menubg ul.menu li.ac{ float:right; width:40px; margin-right:0px; margin-left:5px; }
.menubg ul.menu li.bu{ float:right; width:110px; margin-right:0px; margin-left:10px; }

.menubg ul.menu1 li a p{ color:#036EB8; }
.menubg ul.menu2 li a p{ color:#006934; }
.menubg ul.menu3 li a p{ color:#F39800; }
.menubg ul.menu4 li a p{ color:#EB668B; }

.pagebg{ width:100%; min-width:1050px; margin:25px auto 0px; height:200px; text-align:center; background:center; background-size:cover; }
.pagebg h1{ font-size:30px; line-height:50px; color:#FFF; text-shadow:0px 1px 3px #555; padding-top:75px; font-weight:normal; }
.pagebg h2{ font-size:20px; line-height:50px;x color:#FFF; text-shadow:0px 1px 3px #555; font-weight:normal; }

/*ページ√*/
div#olbg{ text-align:center; background-position:center; background-size:100% 100%;}
ol{ display:table; margin:25px auto 0px; padding:10px 25px; list-style:none; overflow:hidden; border-top:1px solid #aaa; }
ol li{ line-height:11px; font-size:11px; color:#FFF; display:table-cell; }
ol li.home{ padding-left:20px; background:url(../img/homeb.png) left center no-repeat; }
ol li.back{ padding-left:20px; background:url(../img/yajib-b.png) 10px center no-repeat;}
ol li.yaji{ padding-left:20px; margin-left:5px; background:url(../img/yajib.png) 10px center no-repeat; }
ol li a{ line-height:11px;  }
ol li a:hover{ text-decoration:underline; }
.olbg1{ margin-bottom:25px; margin-top:0px; border-top:1px solid #FFF; }
.olbg1 li a, .olbg1 li{ color:#369; }
.olbg2 li a, .olbg2 li{ color:#030; }
.olbg3 li a, .olbg3 li{ color:#F19A0A; }
.olbg4 li a, .olbg4 li{ color:#EB668B; }

/*枠*/
div.wrapper{ width:1000px; margin:0px auto; padding:25px 0px 50px; text-align:center; }
div#left { float:left; text-align:left; width:65%; }
div#right{ float:right; text-align:left; width:30%; }

ul.page-menu{ width:100%; display:table; table-layout:fixed; }
ul.page-menu li{ display:table-cell; padding:0px 0px 0px 1px; text-align:center; }
ul.page-menu li a{ position:relative; display:block; padding:10px 0px 15px;  background:url(../img/yaji-menu.png) center 81px no-repeat #EEE; font-size:13px; line-height:22px; font-weight:bold; z-index:0; }
ul.page-menu li a.act{ }
ul.page-menu li a.non:hover{ background-position:center 83px; z-index:1; }
ul.page-menu li a p.sec{ font-size:0.8em; line-height:16px; }
ul.page-menu li a p.num{ font-size:2em; line-height:30px; }

ul.pm2 li a{ color:#096; }
ul.pm2 li a.act{ background-color:#096; color:#FFF; }
ul.pm2 li a.non:hover{ background-color:#EaEaEa; }
ul.pm3 li a{ color:#F63; }
ul.pm3 li a.act{ background-color:#F63; color:#FFF; }
ul.pm3 li a.non:hover{ background-color:#EaEaEa; }
ul.pm4 li a{ color:#EB668B; }
ul.pm4 li a.act{ background-color:#EB668B; color:#FFF; }
ul.pm4 li a.non:hover{ background-color:#EaEaEa; }

.caption{}

/*トップ施設一覧*/
.facbg{ position:relative; background:url(../img/yama.png) center no-repeat; background-size:cover; width:100%; height:250px; margin-bottom:0px; }
.facbg div{ position:absolute; background:center no-repeat; background-size:cover; width:250px; height:250px; -webkit-border-radius:125px; -moz-border-radius:125px; border-radius:125px; }
.facbg div p{ color:#FFF; font-weight:bold; text-shadow:0px 1px 3px #000; }
.facbg div:hover{ box-shadow:0px 1px 15px #555; }
.facbg .f1{ top:50px; left:100px; background-image:url(../img/s2.jpg); }
.facbg .f2{ top:-50px; left:50%; margin-left:-125px; background-image:url(../img/s1.jpg); }
.facbg .f3{ top:50px; right:100px; background-image:url(../img/s3.jpg); }
.facbg .f1 p{ font-size:35px; margin-top:170px; font-style:italic; }
.facbg .f2 p{ font-size:30px; margin-top:100px; font-style:italic; }
.facbg .f3 p{ font-size:28px; margin-top:80px; font-style:italic; }

/*トップお知らせ*/
.info{ float:left; width:32%; margin:2% 0px 0px; background:#fff; padding:10px; }
.info:hover{ background:url(../img/w50.png) transparent; box-shadow:0px 1px 10px #555; }
.info.c2{ margin:2% 2% 0px; }
.info .img{ float:left; width:75px; height:75px; background:no-repeat center; background-size:cover; margin-right:10px; }
.info .det{ overflow:hidden; text-align:left; color:#000; }
.info .det .sy{ display:inline-block; padding:0px 5px; background:#FC0; font-size:10px; line-height:16px; color:#FFF; }
.info .det .dt{ font-size:13px; line-height:15px; margin:3px 0px; }
.info .det .da{ font-size:13px; line-height:17px; }

/*アーカイブ*/
p.a-cap{ font-size:15px; font-weight:bold; color:#604C3F; line-height:25px; }
p.a-cap-s{ width:30px; border-bottom:1px solid #604C3F; margin-bottom:15px; }
ul.archives{ width:100%; }
ul.archives li{ border-bottom:1px solid #E5DECF; }
ul.archives li a{ display:block; padding:10px 5px; }
ul.archives li.y { background:url(../img/yaji.png) center left no-repeat; }
ul.archives li.y a{ color:#604C3F; line-height:30px; padding:10px 5px 10px 20px; }
ul.archives li.y a:hover{ color:#A48B78; }
ul.archives li a p.dt{ color:#A48B78; font-size:0.8em; line-height:15px; }
ul.archives li a p.da{ color:#555; font-size:0.9em; }
ul.archives li.act a p.dt{ color:#604C3F; }
ul.archives li.act a p.da{ color:#000; }
ul.archives li.non:hover a p.dt{ color:#888; }
ul.archives li.non:hover a p.da{ color:#888; }

ul.naigai{ width:100%; }
ul.naigai li{ float:left; width:23.5%; position:relative; margin-left:2%; }
ul.naigai li.c1{ margin:0px; }
ul.naigai li.c2{ }
ul.naigai li.c3{ }
ul.naigai li.c4{ }
ul.naigai li img.pho{ width:100%; }
ul.naigai li img.zoom{ width:30px; position:absolute; left:50%; margin-left:-15px; top:51px;opacity:0.0; filter:alpha(opacity=000); }
ul.naigai li:hover img.pho{ opacity:0.7; filter:alpha(opacity=70); }
ul.naigai li:hover img.zoom{ opacity:1.0; filter:alpha(opacity=100); }
ul.naigai li h2{ font-weight:normal; font-size:14px; margin-bottom:15px; height:20px; line-height:20px; }

/* お知らせ */
p.idt{ font-size:12px; text-align:left; }
p.ida{ font-family:'Condense',sans-serif; font-size:22px; line-height:24px; padding:10px 0px; }
div.ina{ line-height:25px; font-size:15px; text-align:justify; text-justify:inter-ideograph; padding:10px 0px; }
div.ina div.img{ width:100%; padding-top:56%; background-position:center; background-repeat:no-repeat; background-size:cover; }
p.iimg img{ max-width:100%; }
p.ili{ font-size:15px; }
p.ili a{ color:#555; }
p.ili a:hover{ color:#888; }
p.ibt{ text-align:center; margin-top:30px; }
p.ibt a.btn{ display:block; width:150px; padding:10px 15px; background-color:#000; color:#FFF; text-shadow:0px 1px 1px #888; margin:0px auto; font-size:14px;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
p.ibt a.btn:hover{ text-shadow:0px 0px 5px #FFF; box-shadow:0px 1px 5px #555; background-color:#111; }

div#prevback{text-align:center; width:370px; margin:50px auto 0px; clear:both;}
div#prevback ul li.prev{width:110px; height:50px; position:relative; float:left;}
div#prevback ul li.top {width:150px; height:50px; position:relative; float:left;}
div#prevback ul li.next{width:110px; height:50px; position:relative; float:left;}
div#prevback ul li a div.ppp { position:absolute; top:0px; left:0px; width:50px; padding-top:50px; background: center no-repeat; background-size:cover; }
div#prevback ul li a div.nnn { position:absolute; top:0px;right:0px; width:50px;padding-top:50px; background: center no-repeat; background-size:cover; }
div#prevback ul li a img.ttt { position:absolute; top:0px; left:0px; width:110px; height:50px;}
div#prevback ul li a:hover div.ppp { opacity:0.6; filter: alpha(opacity=60);}
div#prevback ul li a:hover div.nnn { opacity:0.6; filter: alpha(opacity=60);}
div#prevback ul li a:hover img.ttt { opacity:1.0; filter: alpha(opacity=100);}

/* お問い合せ（OLD） */
div.navi{ text-align:center; margin:0px auto 25px; padding:25px 0px; border-bottom:3px solid #000; border-top:3px solid #000; }

table.standard{ width:100%; border-top:1px dotted #aaa; font-size:0.8em; }
table.standard caption{ padding:10px; text-align:center; color:#900; font-size:0.85em; }
table.standard td{ border-bottom:1px dotted #aaa; padding:10px; }
table.standard td span{ color:#900; font-size:0.85em; }
table.standard td.c1{ width:140px; text-align:center; }
table.standard td.c2{ width:auto; }
table.standard td.c3{ width:80px; text-align:center; color:#903; font-size:0.8em; }
table.standard td.c3 span{ background-color:#22AC38; color:#FFF; padding:0px 5px 1px 5px; text-align:center; }
table.standard td a{ color:#555; }
table.standard td a:hover{ color:#F93; }
p.sentaku{ margin-top:15px; font-size:0.85em; color:#903; }

#txt{ width:100%; padding:5px; border:1px solid #ddd; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#rich{ width:100%; padding:5px; border:1px solid #ddd; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; overflow:auto; }
#cob{ width:150px; padding:5px; border:1px solid #ddd; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#txt:focus { border:1px solid #A48B78; box-shadow:0px 1px 5px #bbb; }
#rich:focus { border:1px solid #A48B78; box-shadow:0px 1px 5px #bbb; }
#cob:focus { border:1px solid #A48B78; box-shadow:0px 1px 5px #bbb; }
#btn { outline:none; width:145px; height:30px; color:#666; margin:0px 3px; cursor:pointer; border:1px solid #aaa; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background-image:url(../img/mbg.png); }
#btn:hover{ color:#FFF; background:#036EB8; border:1px solid #036EB8; }
label{ cursor:pointer; padding:0px 15px 0px 5px; }

p.dmsg{ font-size:0.7em; text-align:center; line-height:25px; }
p.dmsg span{ font-weight:bold; }
div#jouken{border:1px solid #555; padding:10px; width:auto; height:180px; overflow:auto; color:#666; background:#FFF; margin:25px 0px; font-size:0.7em; line-height:15px; }
div#jouken p.cap1{ font-weight:bold; margin-top:20px;}
div#jouken a{ color:#666; }
div#jouken  a:hover{ color:#888; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }

/*お問い合わせ*/
img.navi{ max-width:500px; margin:0px auto; width:100%; }
div.c1122bg{ border-left:8px solid #aaa; margin-bottom:20px; width:100%; }
div.c1122bg div.c11{ text-align:left; font-size:0.9em; }
div.c1122bg div.c11 span{ font-size:0.6em; color:#900; padding-left:10px; }
div.c1122bg div.c22{ text-align:left; font-size:0.9em; }
div.c1122bg div.c22 p{ color:#999; margin-top:5px; }
div.c1122bg div.c22 div.img{ float:left; background:center no-repeat; background-size:cover; }
div.c1122bg div.c22 div.det{ overflow:hidden;  }
div.c1122bg div.c22 div.det p.fac1{ color:#000; line-height:20px; font-weight:bold; }
div.c1122bg div.c22 div.det p.fac2{ color:#000; line-height:16px; }
div.c1122bg div.c22 div.det p.fac3{ color:#000; line-height:16px; }
div.c1122bg div.c22 div.det p.fac4{ color:#000; line-height:16px; }

ul.msg{ text-align:left; margin:25px auto 50px; }
ul.msg li{ font-size:0.9em; }

.btn{ cursor:pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.btn.br{ background:#494D76; color:#FFF; border:1px solid #494D76; }
.btn.br:hover{ background:#FFF; color:#494D76; }
.btn.gr{ background:#999; color:#FFF; border:1px solid #999; }
.btn.gr:hover{ background:#FFF; color:#999; }
.btn.midori{ background:#006535; color:#FFF; border:1px solid #006535; }
.btn.midori:hover{ background:#FFF; color:#006535; }
.btn.orange{ background:#f39800; color:#FFF; border:1px solid #f39800; }
.btn.orange:hover{ background:#FFF; color:#f39800; }

label.con2{ padding:0px 15px 0px 5px; }
input.radio2 + label.con2{}
input.radio2:checked + label.con2{ color:#F39800; font-weight:bold; }

.txt{ -webkit-appearance:none; width:100%; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:0.9em; }
.txt:focus{ border:1px solid #000; }
.txt10{ -webkit-appearance:none; max-width:20%; padding:2px 5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:0.9em; }
.txt10:focus{ border:1px solid #000; }
.txt20{ -webkit-appearance:none; max-width:150px; width:45%; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:0.9em; }
.txt20:focus{ border:1px solid #000; }
.txt30{ -webkit-appearance:none; max-width:300px; width:100%; padding:5px; background-color:#FFF; border:1px solid #AAA;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:0.9em; }
.txt30:focus{ border:1px solid #000; }
.txt100{ -webkit-appearance:none; width:100px; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:0.9em; }
.txt100:focus{ border:1px solid #000; }

p.dmsg{ font-size:0.6em; text-align:center; }
p.dmsg span{ font-weight:bold; }
p.ccap{ font-size:0.6em; text-align:center; margin:15px 0px; }
div#jouken{ border:1px solid #AAA; padding:10px; width:auto; max-width:700px; height:180px; overflow:auto; margin:0px auto; line-height:15px; text-align:left; font-size:12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
div#jouken p.cap1{ font-weight:bold; margin-top:20px; }
div#jouken p.cap11{ font-weight:bold; margin-top:0px; margin-bottom:10px; }
div#jouken p{ font-size:0.9em; color:#555; }
div#jouken p strong{ font-size:1.1em; }
div#jouken a{ font-size:0.9em; color:#555; }
div#jouken a:hover{ color:#999; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }

div.c1122bg{ display:table; padding:5px 0px 5px 25px; }
div.c1122bg div.c11{ display:table-cell; width:30%; vertical-align:middle; padding-bottom:0px; }
div.c1122bg div.c11 span{ }
div.c1122bg div.c22{ display:table-cell; width:70%; vertical-align:middle; }
div.c1122bg div.c22 p{  }
div.c1122bg div.c22 div.img{ width:200px; padding-top:96px; margin-right:2%; }

.btn{ line-height:50px; width:250px; height:50px; }
.btn.gr{ margin:0px auto 75px; }
.btn.br{ margin:0px auto 75px; }

label.con{ padding:0px 15px 0px 5px; }
input.radio + label.con{}
input.radio:checked + label.con{ color:#006535; font-weight:bold; }

/* フッター */
.recruitbg{ background:url(../img/recruitbg.png) center no-repeat; background-size:cover; padding:50px 0px; }
.recruit1{ width:100%; height:200px; display:table; vertical-align:middle; }
.recruit2{ display:table-cell; vertical-align:middle; height:200px; }
.recruitbg img{ float:left; }
.recruitbg div.r{ float:right; text-align:left; width:45%; }
.recruitbg div.r h2{ color:#FFF; font-size:20px; text-shadow:0px 1px 3px #000; }
.recruitbg div.r a div{ background:url(../img/w50.png); padding:0px 35px; line-height:40px; margin-top:25px; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.recruitbg div.r a:hover div{ background:#FFF; box-shadow:0px 1px 7px #555; }
.recruitbg div.r a.rec1 div{ border:1px solid #036EB8; color:#036EB8; }
.recruitbg div.r a.rec11 div{ border:1px solid #006934; color:#006934; }
.recruitbg div.r a.rec12 div{ border:1px solid #F39800; color:#F39800; }
.recruitbg div.r a.rec13 div{ border:1px solid #EB668B; color:#EB668B; }

div.freebg{ padding:50px 0px; margin:0px; width:100%; background:url(../youseimura-hospital/img/freebg.jpg) center no-repeat; background-size:cover; }
div.freebg .btn{ display:inline-block; box-sizing:content-box; margin:5px auto 15px; white-space:nowrap; font-weight:bold; overflow:hidden; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
div.freebg .btn11{ background:#FFF; border-bottom:4px solid #006535; color:#006535; }
div.freebg .btn11:hover{ border-bottom:2px solid #006535; margin-top:7px; }
div.freebg .btn12{ background:#FFF; border-bottom:4px solid #f39800; color:#f39800; }
div.freebg .btn12:hover{ border-bottom:2px solid #f39800; margin-top:7px; }
div.freebg h1{ color:#FFF; text-shadow:0px 1px 3px #333; margin-bottom:15px; }
div.freebg h2{ color:#FAEE00; text-shadow:0px 1px 3px #333; margin-bottom:25px; }
div.freebg h3{ color:#FFF; text-shadow:0px 1px 3px #333; }
div.freebg h3 span{ color:#FFF; text-shadow:0px 1px 3px #333; font-size:1em; }
div.freebg h4{ color:#FFF; text-shadow:0px 1px 3px #333; }
div.freebg{  }
div.freebg .btn{ width:300px; line-height:46px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }

div.link{ width:100%; }
div.link a.sec{ display:inline-block; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
div.link a.sec img{ width:100%; box-shadow:0px 3px 10px #666; }
div.link a.sec p{ margin-top:10px; font-size:13px; color:#000; }
div.link{ margin-top:50px; margin-left:0px; }
div.link a.sec{ width:18%; margin-right:2%;  }
.sec.c1:hover{ opacity:0.7; filter:alpha(opacity=70); }
.sec.c2:hover{ opacity:0.7; filter:alpha(opacity=70); }
.sec.c3:hover{ opacity:0.7; filter:alpha(opacity=70); }
.sec.c4:hover{ opacity:0.7; filter:alpha(opacity=70); }
.sec.c5:hover{ opacity:0.7; filter:alpha(opacity=70); }

.footbg{ text-align:center; width:100%; }
.flogo{ float:left; margin-right:25px; width:110px; }
.fdet{ overflow:hidden; text-align:left; font-size:14px; margin-top:14px; }
.fdet a{ color:#000; font-size:14px; }
.fdet a:hover{ color:#888; text-decoration:underline; }
.fadd1{ margin-top:7px; }
.fadd1 a{ background:url(../img/access.png) right 2px no-repeat; background-size:16px; padding-right:18px; }
img.te{ float:right; width:210px; margin-right:15px; }
img.bu{ float:right; width:125px; }
ul.flink{ float:left; width:23.5%; font-size:13px; text-align:left; }
.flink.c2{ margin-left:2%; }
ul.flink li{ width:100%; }
ul.flink a{ font-size:1em; display:block; line-height:22px; }
ul.flink li.h{ font-weight:bold; color:#000; border-bottom:1px solid #CCC; }
ul.flink li.m{ padding-left:5px; color:#555; border-bottom:1px dotted #aaa; }
ul.flink li.h a{ font-weight:bold; color:#000; font-size:0.9em; font-size:1.1em; line-height:26px; }
ul.flink li.h a:hover{ color:#555; }
ul.flink li.m a{ color:#555; font-size:0.9em; }
ul.flink li.m a:hover{ color:#000; font-size:0.9em; text-decoration:underline; }

p.copy{ line-height:25px; font-size:9px; background:#DEF; }

a#pagetop{ position:fixed; display:block; width:50px; height:0px; bottom:25px; right:25px; background:url(../img/pagetop.png) center no-repeat; background-size:100%; z-index:999; }