/* CSS Document */ @import url(navi.css); @import url(common.css); a:hover img { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:#000000; position:relative; top:1px; } #container { width:980px; margin:0 auto; padding:25px 0 0 0; } @media screen and (max-width: 500px) { #container { width:100%; margin:0 auto; padding:0; } #container img { max-width:100%; height:auto;} } /* --------サイドメニュー---------------------------------------*/ #left { width:200px; float:left; } #left h1 { width:200px; height:77px; text-indent:100%; white-space:nowrap; overflow:hidden; } #soudanh1 {background:url(../img/soudan/top/theme.jpg) no-repeat; border-bottom:1px dotted #d6d6d6;} #joinh1 {background:url(../img/join/bokin/theme.jpg) no-repeat; border-bottom:1px dotted #d6d6d6;} #useh1 {background:url(../img/use/kids/theme.jpg) no-repeat; border-bottom:1px dotted #d6d6d6;} #contacth1 {background:url(../img/contact/theme.jpg) no-repeat; border-bottom:1px dotted #d6d6d6;} #shakyoh1 {background:url(../img/shakyo/theme.jpg) no-repeat; border-bottom:1px dotted #d6d6d6;} #menuh1 {background:url(../img/menu/theme.jpg) no-repeat; border-bottom:1px dotted #d6d6d6;} #kanrih1 {background:url(../upload/img/theme.jpg) no-repeat; border-bottom:1px dotted #d6d6d6;} #left p { width:200px; height:auto; margin:0; border-bottom:1px dotted #d6d6d6; } #left p a { width:160px; padding:15px 10px 15px 30px; line-height:130%; display:block; text-decoration:none; } #left p.nml {background:url(../img/soudan/top/yaji.gif) no-repeat left;} #left p.cnt {background:url(../img/soudan/top/yajic.jpg) no-repeat right;} #left p.nml:hover {background:url(../img/soudan/top/yajis.gif) no-repeat left #FF9999;} #left p.slc {background:url(../img/soudan/top/yajio.gif) no-repeat left #FBE9E9;} /* ブログ用 */ #left p.nml11, #left p.nml22, #left p.nml33 {background:url(../img/soudan/top/yajio.gif) no-repeat left #FBE9E9;} #left p.nml12, #left p.nml13, #left p.nml21, #left p.nml23, #left p.nml31, #left p.nml32 {background:url(../img/soudan/top/yaji.gif) no-repeat left;} @media screen and (max-width: 500px) { #left {display:none;} } /* --------共通---------------------------------------*/ #shinpai, #join, #join2, #use, #blog, #asu, #contact, #shakyo, #rmenu, #kanri, #mirai, #law { width:737px; float:right; } #shinpai h1, #join h1, #join2 h1, #blog h1, #asu h1, #contact h1, #shakyo h1, #rmenu h1, #mirai h1, #law h1 { width:737px; height:228px; text-indent:100%; white-space:nowrap; overflow:hidden; } #shinh1 {background:url(../img/soudan/top/title.jpg) no-repeat; margin-bottom:20px;} #volnh1 {background:url(../img/soudan/vol/title.jpg) no-repeat; margin-bottom:20px;} #child1 {background:url(../img/soudan/family/title.jpg) no-repeat; margin-bottom:20px;} #kaigoh1 {background:url(../img/soudan/kaigo/title.jpg) no-repeat; margin-bottom:10px;} #lawh1 {background:url(../img/soudan/law/title.jpg) no-repeat; margin-bottom:10px;} #kouken1 {background:url(../img/soudan/kouken/title.jpg) no-repeat; margin-bottom:20px;} #welh1 {background:url(../img/soudan/welfare/title.jpg) no-repeat; margin-bottom:20px;} #donateh1 {background:url(../img/join/bokin/title.jpg) no-repeat; margin-bottom:20px;} #seniorh1 {background:url(../img/join/sinior/title.jpg) no-repeat; margin-bottom:20px;} #maph1 {background:url(../img/join/map/title.jpg) no-repeat; margin-bottom:20px;} #eduh1 {background:url(../img/join/edu/title.jpg) no-repeat; margin-bottom:20px;} #kidsh1 {background:url(../img/use/kids/title.jpg) no-repeat; margin-bottom:20px;} #blogh11 {background:url(../img/use/family/title.jpg) no-repeat;} #blogh12 {background:url(../img/use/family/title2.jpg) no-repeat;} #blogh13 {background:url(../img/use/family/title3.jpg) no-repeat;} #houkatsu1 {background:url(../img/use/houkatsu/title.jpg) no-repeat; margin-bottom:20px;} #asuh1 {background:url(../img/use/asu/title.jpg) no-repeat; margin-bottom:20px;} #cnth1 {background:url(../img/contact/title.jpg) no-repeat; margin-bottom:20px;} #pph1 {background:url(../img/contact/ppolicy/title.jpg) no-repeat; margin-bottom:20px;} #shh1 {background:url(../img/shakyo/title.jpg) no-repeat; margin-bottom:20px;} #ach1 {background:url(../img/shakyo/access/title.jpg) no-repeat; margin-bottom:20px;} #infoh1 {background:url(../img/shakyo/info/title.jpg) no-repeat; margin-bottom:20px;} #rmh1 {background:url(../img/menu/title.jpg) no-repeat; margin-bottom:20px;} #rmh12 {background:url(../img/menu/silver/title.jpg) no-repeat; margin-bottom:20px;} #rmh13 {background:url(../img/menu/hc/title.jpg) no-repeat; margin-bottom:20px;} #rmh14 {background:url(../img/menu/kids/title.jpg) no-repeat; margin-bottom:20px;} #miraih1 {background:url(../img/soudan/mirai/title.jpg) no-repeat; margin-bottom:20px;} #lifeh1 {background:url(../img/soudan/life/title.jpg) no-repeat; margin-bottom:20px;} #shinpai h2, #join h2, #asu h2, #contact h2, #shakyo h2, #rmenu h2, #mirai h2, #law h2 { width:737px; height:60px; text-indent:100%; white-space:nowrap; overflow:hidden; } #shinh21 {background:url(../img/soudan/top/st1.gif) no-repeat; margin-bottom:10px;} #shinh22 {background:url(../img/soudan/top/st2.gif) no-repeat; margin-bottom:10px;} #volnh21 {background:url(../img/soudan/vol/st1.gif) no-repeat; margin-bottom:10px;} #volnh22 {background:url(../img/soudan/vol/st2.gif) no-repeat; margin-bottom:10px;} #volnh23 {background:url(../img/soudan/vol/st3.gif) no-repeat;} #volnh24 {background:url(../img/soudan/vol/st4.gif) no-repeat; margin-bottom:10px;} #volnh25 {background:url(../img/soudan/vol/st5.gif) no-repeat; margin-bottom:10px;} #lawh21 {background:url(../img/soudan/law/st1.gif) no-repeat; margin-bottom:10px;} #child21 {background:url(../img/soudan/family/st1.gif) no-repeat; margin-bottom:10px;} #child22 {background:url(../img/soudan/family/st2.gif) no-repeat; margin-bottom:10px;} #kaigoh21 {background:url(../img/soudan/kaigo/st1.gif) no-repeat; margin-bottom:10px;} #kaigoh22 {background:url(../img/soudan/kaigo/st2.gif) no-repeat; margin-bottom:10px;} #koukenh21 {background:url(../img/soudan/kouken/st1.gif) no-repeat; margin-bottom:10px;} #koukenh22 {background:url(../img/soudan/kouken/st2.gif) no-repeat; margin-bottom:10px;} #welh21 {background:url(../img/soudan/welfare/st1.gif) no-repeat; margin-bottom:10px;} #welh22 {background:url(../img/soudan/welfare/st2.gif) no-repeat; margin-bottom:10px;} #welh23 {background:url(../img/soudan/welfare/st3.gif) no-repeat;} #donateh21 {background:url(../img/join/bokin/st1.gif) no-repeat; margin-bottom:10px;} #donateh22 {background:url(../img/join/bokin/st2.gif) no-repeat; margin-bottom:10px;} #seniorh21 {background:url(../img/join/sinior/st1.gif) no-repeat; margin-bottom:10px;} #seniorh22 {background:url(../img/join/sinior/st2.gif) no-repeat; margin-bottom:10px;} #maph21 {background:url(../img/join/map/st1.gif) no-repeat; margin-bottom:10px;} #maph22 {background:url(../img/join/map/st2.gif) no-repeat; margin-bottom:10px;} #maph23 {background:url(../img/join/map/st3.gif) no-repeat; margin-bottom:10px;} #maph24 {background:url(../img/join/map/st4.jpg) no-repeat; margin-bottom:10px;} 　　　　　#eduh21 {background:url(../img/join/edu/st1.gif) no-repeat; margin-bottom:10px;} #eduh22 {background:url(../img/join/edu/st2.gif) no-repeat; margin-bottom:10px;} #eduh23 {background:url(../img/join/edu/st3.gif) no-repeat; margin-bottom:10px;} #kidsh21 {background:url(../img/use/kids/st1.gif) no-repeat; margin-bottom:10px;} #kidsh22 {background:url(../img/use/kids/st2.gif) no-repeat;} #kidsh23 {background:url(../img/use/kids/st3.gif) no-repeat;} #kidsh24 {background:url(../img/use/kids/st4.gif) no-repeat;} #kidsh25 {background:url(../img/use/kids/st5.gif) no-repeat;} #kidsh26 {background:url(../img/use/kids/st6.gif) no-repeat; margin-bottom:10px;} #kidsh27 {background:url(../img/use/kids/st7.gif) no-repeat;} #houh21 {background:url(../img/use/houkatsu/st1.gif) no-repeat; margin-bottom:10px;} #houh22 {background:url(../img/use/houkatsu/st2.gif) no-repeat; margin-bottom:10px;} #asuh21 {background:url(../img/use/asu/st1.gif) no-repeat;} #asuh22 {background:url(../img/use/asu/st2.gif) no-repeat;} #asuh23 {background:url(../img/use/asu/st3.gif) no-repeat;} #cnth21 {background:url(../img/contact/st1.gif) no-repeat; margin-bottom:10px;} #cnth22 {background:url(../img/contact/st2.gif) no-repeat; margin-bottom:10px;} #pph21 {background:url(../img/contact/ppolicy/st1.gif) no-repeat; margin-bottom:10px;} #shh21 {background:url(../img/shakyo/st1.gif) no-repeat; margin-bottom:10px;} #shh22 {background:url(../img/shakyo/st2.gif) no-repeat; margin-bottom:10px;} #shh23 {background:url(../img/shakyo/st3.gif) no-repeat; margin-bottom:10px;} #ach21 {background:url(../img/shakyo/access/st1.gif) no-repeat; margin-bottom:10px;} #ach22 {background:url(../img/shakyo/access/st2.gif) no-repeat; margin-bottom:10px;} #rmh21 {background:url(../img/menu/st1.gif) no-repeat; margin-bottom:10px;} #rmh22 {background:url(../img/menu/st2.gif) no-repeat; margin-bottom:10px;} #rmh23 {background:url(../img/menu/silver/st1.gif) no-repeat; margin-bottom:10px;} #rmh24 {background:url(../img/menu/silver/st2.gif) no-repeat; margin-bottom:10px;} #rmh25 {background:url(../img/menu/hc/st1.gif) no-repeat; margin-bottom:10px;} #rmh26 {background:url(../img/menu/hc/st2.gif) no-repeat; margin-bottom:10px;} #rmh27 {background:url(../img/menu/kids/st1.gif) no-repeat; margin-bottom:10px;} #rmh28 {background:url(../img/menu/kids/st2.gif) no-repeat; margin-bottom:10px;} #mrah21 {background:url(../img/soudan/mirai/st1.gif) no-repeat; margin-bottom:10px;} #mrah22 {background:url(../img/soudan/mirai/st2.png) no-repeat; margin-bottom:10px;} #mrah23 {background:url(../img/soudan/mirai/st3.png) no-repeat; margin-bottom:10px;} #mrah24 {background:url(../img/soudan/mirai/st4.png) no-repeat; margin-bottom:10px;} #mrah25 {background:url(../img/soudan/mirai/st5.png) no-repeat; margin-bottom:10px;} #lifeh21 {background:url(../img/soudan/life/st1.gif) no-repeat; margin-bottom:10px;} #lifeh22 {background:url(../img/soudan/life/st2.gif) no-repeat; margin-bottom:10px;} #shinpai h3.fam { width:737px; height:76px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/soudan/family/sst1.jpg) no-repeat; } .sp_ob {margin:20px 0;} @media screen and (max-width: 500px) { #shinpai, #join, #join2, #use, #blog, #asu, #contact, #shakyo, #rmenu, #kanri, #mirai, #law { width:100%; float:none; } #shinpai h1, #join h1, #join2 h1, #blog h1, #asu h1, #contact h1, #shakyo h1, #rmenu h1, #mirai h1, #law h1 { width:100%; height:130px; background-size:contain; } #shinh1, #volnh1, #child1, #kaigoh1, #lawh1, #kouken1, #welh1, #donateh1, #seniorh1, #maph1, #eduh1, #kidsh1, #blogh11, #blogh12, #blogh13 , #houkatsu1, #asuh1, #cnth1, #pph1, #shh1, #ach1, #infoh1, #rmh1, #rmh12, #rmh13 , #rmh14, #miraih1, #lifeh1 {background-size:contain;} #shinpai h2, #join h2, #asu h2, #contact h2, #shakyo h2, #rmenu h2, #mirai h2, #law h2 { width:90%; height:auto; margin:0 auto 20px auto; text-indent:0; white-space:pre-wrap; overflow:hidden; font-size:1.3em; color:#ff6666; border-bottom:1px dotted #d6d6d6; } #shinh21, #shinh22, #volnh21, #volnh22, #volnh23, #volnh24, #volnh25, #lawh21, #child21, #child22 , #kaigoh21, #kaigoh22, #koukenh21, #koukenh22, #welh21, #welh22, #welh23, #donateh21, #donateh22, #seniorh21, #seniorh22, #maph21, #maph22, #maph23, #maph24, #eduh21, #eduh22, #eduh23 , #kidsh21 , #kidsh22, #kidsh23, #kidsh24 , #kidsh25, #kidsh26, #kidsh27, #houh21, #houh22 , #asuh21, #asuh22, #asuh23, #cnth21, #cnth22, #pph21, #shh21, #shh22, #shh23, #ach21, #ach22, #rmh21, #rmh22, #rmh23 , #rmh24, #rmh25 , #rmh26 , #rmh27 , #rmh28, #mrah21 , #mrah22, #mrah23, #mrah24, #mrah25, #lifeh21, #lifeh22 {background-image:none;} #shinpai h3.fam { width:90%; height:auto; margin:0 auto 20px auto; text-indent:0; white-space:pre-wrap; overflow:hidden; font-size:1.2em; line-height:160%; border-bottom:1px dotted #d6d6d6; background:none; } .sp_ob {margin:20px 0;} } /* PのClass------------------*/ p.obsp { margin:0; padding:0 20px 20px 20px; } p.obspu { margin:0; padding:0 20px 40px 20px; } p.s30u40 { margin:0; padding:0 30px 40px 30px; } p.s30u20 { margin:0; padding:0 30px 20px 30px; } p.s20u20 { margin:0; padding:0 20px 20px 20px; } p.volp { margin:0; padding:10px 30px 60px 30px; } p.volt { margin:0; padding:10px 30px 10px 30px; } p.con { margin:0; padding:0px 60px 30px 40px; } .limg { float:left; margin:0 20px 5px 0;} .rimg { float:right;margin:0 0 5px 20px;} .pinkb {color:#FF6666; font-size:120%; line-height:200%} .imgl20 {margin-left:20px;} .telred {font-size:16px; color:#CC0000; line-height:200%;} .sp_top {padding-top:40px;} .under {padding-bottom:80px;} .red {color:#FF0000;} .ppgr {font-size:1.4em; color:#F66; line-height:220%;} p.wakuj { border:1px solid #d6d6d6; padding:10px 20px; margin:0 20px; background-color:#f6f6f6; } p.ksn { border-left:5px solid #FF4A4A; padding:3px 0 3px 10px; font-size:1.2em; line-height:100%; margin:0 20px 20px 20px; border-bottom:1px solid #d6d6d6; } @media screen and (max-width: 500px) { /* PのClass------------------*/ p.s30u40, p.s30u20, p.con { margin:0; padding:0 5% 20px 5%; } #container img.limg { float:left; margin:0 20px 5px 0; max-width:45%; height:auto;} #container img.rimg { float:right;margin:0 0 5px 20px; max-width:45%; height:auto;} .imgl20 {margin-left:0;} #container .under {padding-bottom:20px;} } /* --------参加する配下---------------------------------------*/ /* 支援マップ_お店詳細　*/ #join2 h2 { width:689px; font-size:2.6em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; padding:20px 0 10px 10px; margin:0 0 0 20px; } #join2 h3 { color:#F66; font-size:1.4em; margin:0; padding:15px 0 0 0; } #join2 h4 { font-size:1.2em; margin:0; padding:0 0 10px 0; } #join2 p.shopcat { width:689px; height:35px; background:url(../img/join/map/stbase.gif) no-repeat left top #eaeaea; line-height:35px; margin:0 0 26px 20px; padding:4px 0 0 13px; } #join2 .leftpix { width:247px; padding:0 0 0 30px; float:left; } #join2 .leftpix img {width:247px;} #join2 .rightxt_on { width:402px; float:right; padding:0 30px 20px 0; } #join2 .rightxt { width:689px; padding:0 0 0 10px; margin:0 30px 20px 20px; } #join2 p.pr1 { border:1px solid #ff6600; padding:10px; margin:0; } #join2 p.prf { padding:5px; margin:0 0 20px 0; } #join2 .pbg { background-color:#E2DFD8; padding:2px; margin:0; } #join2 .pbgin { background-color:#E2DFD8; border:1px solid #FFF; padding:15px 15px 5px 15px; margin:0; } #join2 .pbgin p {margin:0; padding:0 0 10px 0;} #join2 .clrcom { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; background:url(../img/join/map/icon.jpg) no-repeat left; padding:15px 15px 15px 60px; margin:10px 30px; clear:both; } #map_canvas3 { width:680px; height:600px; margin:20px 0 20px 30px; } .tolist { width:auto; text-align:right; padding:0 20px 0 0; } @media screen and (max-width: 500px) { #join2 h2 { width:90%; font-size:2em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; padding:20px 0 10px 0; margin:0 5%; } #join2 h3 { color:#F66; font-size:1.4em; margin:0; padding:15px 0 0 0; } #join2 h4 { font-size:1.2em; margin:0; padding:0 0 10px 0; } #join2 p.shopcat { width:85%; height:auto; line-height:35px; margin:0 5% 26px 5%; padding:4px 0 0 5%; } #join2 .leftpix { width:90%; height:auto; padding:0 5%; float:none; } #join2 .leftpix img {width:49%; height:auto;} #join2 .rightxt_on { width:90%; float:none; margin:0 auto; padding:0 0 20px 0; } #join2 .rightxt_on br {display:none;} #join2 .rightxt { width:90%; padding:0; margin:0 auto 20px auto; } #join2 p.pr1 { border:1px solid #ff6600; padding:10px; margin:0; } #join2 p.prf { padding:5px; margin:0 0 20px 0; } #join2 .pbg { background-color:#E2DFD8; padding:2px; margin:0; } #join2 .pbgin { background-color:#E2DFD8; border:1px solid #FFF; padding:15px 15px 5px 15px; margin:0; } #join2 .pbgin p {margin:0; padding:0 0 10px 0;} #join2 .clrcom { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; background:url(../img/join/map/icon.jpg) no-repeat left; padding:15px 15px 15px 60px; margin:10px 30px; clear:both; } #map_canvas3 { width:80%; height:300px; margin:20px auto 20px auto; } .tolist { width:auto; text-align:right; padding:0 20px 0 0; } } .backbtn { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #d6d6d6; padding:3px 8px; text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #d6d6d6) ); background:-moz-linear-gradient( center top, #f9f9f9 5%, #d6d6d6 100% ); background:-ms-linear-gradient( top, #f9f9f9 5%, #d6d6d6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d6d6d6'); background-color:#f9f9f9; color:#333333; display:inline-block; text-shadow:1px 1px 0px #ffffff; -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff; -moz-box-shadow:inset 1px 1px 0px 0px #ffffff; box-shadow:inset 1px 1px 0px 0px #ffffff; }.backbtn:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d6d6d6), color-stop(100%, #f9f9f9) ); background:-moz-linear-gradient( center top, #d6d6d6 5%, #f9f9f9 100% ); background:-ms-linear-gradient( top, #d6d6d6 5%, #f9f9f9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#f9f9f9'); background-color:#d6d6d6; }.backbtn:active { position:relative; top:1px; } /* 支援マップ　*/ #map_canvas2 { width:680px; height:600px; margin:0 0 20px 20px; } table.shmap { width:680px; margin:0 0 50px 20px; background-color:#d6d6d6; border-spacing:1px; } table.shmap td { background-color:#FFFFFF; padding:5px 8px; } table.shmap th { background-color:#f6f6f6; padding:5px 8px; text-align:left; font-weight:normal; } table.shmap a.tlk {color:#FF6666; font-weight:bold;} @media screen and (max-width: 500px) { #map_canvas2 { width:90%; height:300px; margin:0 5% 20px 5%; } table.shmap { width:90%; margin:0 auto 30px auto; } table.shmap td { background-color:#FFFFFF; padding:5px 8px; } table.shmap th { background-color:#f6f6f6; padding:5px 8px; text-align:left; font-weight:normal; } table.shmap a.tlk {color:#FF6666; font-weight:bold;} } /* シニアクラブ　*/ .udate { margin:0 30px 5px 30px; padding:0; } .snbtn { width:262px; height:63px; margin:0 0 5px 30px; text-indent:100%; white-space:nowrap; overflow:hidden; } .snbtn a { width:262px; height:63px; display:block; background:url(../img/join/sinior/pdf.jpg) no-repeat left top; } .snbtn a:hover { background-position:0 -63px; } /* 福祉教育　*/ .fbox { width:326px; background:url(../img/join/edu/boxb.jpg) no-repeat bottom; float:left; margin:0 0 20px 20px; padding-bottom:20px; text-align:center; } .fbox h3 { width:326px; height:64px; line-height:64px; text-align:center; background:url(../img/join/edu/boxtitle.jpg) no-repeat; font-size:22px; color:#FF7474; } .fbox p { padding:10px 30px 0 30px; text-align:left; margin:0; } /* --------利用者メニュー---------------------------------------*/ #rmenu .btn1 { width:229px; height:113px; text-indent:100%; white-space:nowrap; overflow:hidden; margin-left:20px; margin-bottom:20px; float:left; } #rmenu .btn2, #rmenu .btn3 { width:229px; height:113px; text-indent:100%; white-space:nowrap; margin-bottom:20px; overflow:hidden; float:left; } #rmenu .btn1 a { width:229px; height:113px; background:url(../img/menu/b1.jpg) no-repeat left top; display:block; } #rmenu .btn2 a { width:229px; height:113px; background:url(../img/menu/b2.jpg) no-repeat left top; display:block; } #rmenu .btn3 a { width:229px; height:113px; background:url(../img/menu/b3.jpg) no-repeat left top; display:block; } #rmenu .btn1 a:hover, #rmenu .btn2 a:hover, #rmenu .btn3 a:hover {background-position:0 -113px;} p.s30u40c { margin:0; padding:0 30px 40px 30px; clear:both; } #rmenu table.lst { width:680px; margin:0 0 50px 20px; background-color:#d6d6d6; border-spacing:1px; } #rmenu table.lst td { background-color:#FFFFFF; padding:5px 8px; } #rmenu table.lst th { background-color:#f6f6f6; padding:5px 8px; } #rmenu .linkimg {float:left; width:316px; padding:0 0 0 40px;} #rmenu .ltbtn { float:right; width:300px; padding:0 60px 0 0;} #rmenu .ltbtn p {margin:0 0 10px 0; padding:0;} #rmenu .iclr { width:680px; margin:0 auto; border-bottom:1px dotted #ccc; height:20px; margin-bottom:20px; clear:both; } @media screen and (max-width: 500px) { #rmenu .btn1 { width:33%; height:80px; margin-left:1%; margin-bottom:0; } #rmenu .btn2, #rmenu .btn3 { width:33%; height:80px; margin-bottom:0; } #rmenu .btn1 a { width:100%; height:80px; background:url(../img/menu/b1s.png) no-repeat left top; background-size:contain; } #rmenu .btn2 a { width:100%; height:80px; background:url(../img/menu/b2s.png) no-repeat left top; background-size:contain; } #rmenu .btn3 a { width:100%; height:80px; background:url(../img/menu/b3s.png) no-repeat left top; background-size:contain; } #rmenu .btn1 a:hover, #rmenu .btn2 a:hover, #rmenu .btn3 a:hover {background-position:0 0px;} p.s30u40c { margin:0; padding:0 5% 40px 5%; clear:both; } p.s30u40c br {display:none;} #rmenu table.lst { width:90%; margin:0 auto 50px auto; background-color:#d6d6d6; border-spacing:1px; } #rmenu table.lst td, #rmenu table.lst th { min-width:33%; vertical-align:top; } #rmenu .linkimg {float:none; width:90%; max-width:316px; margin:5px auto; padding:0;} #rmenu .ltbtn { float:none; width:90%; max-width:316px; margin:5px auto; padding:0;} #rmenu .ltbtn p {margin:0 0 10px 0; padding:0;} #rmenu .linkimg img { width:100%; height:auto; } #rmenu .iclr { width:100%; } } /* 包括支援センター */ .houbox { width:335px; float:left; margin:12px; } .houbox h3 { width:335px; height:90px; text-indent:100%; white-space:nowrap; overflow:hidden; } .houbox .hbh31 {background:url(../img/use/houkatsu/sst1.gif) no-repeat;} .houbox .hbh32 {background:url(../img/use/houkatsu/sst2.gif) no-repeat;} .houbox .hbh33 {background:url(../img/use/houkatsu/sst3.gif) no-repeat;} .houbox .hbh34 {background:url(../img/use/houkatsu/sst4.gif) no-repeat;} @media screen and (max-width: 500px) { .houbox { width:90%; float:none; margin:12px auto; } .houbox h3 { width:100%; height:90px; } .houbox .hbh31, .houbox .hbh32, .houbox .hbh33, .houbox .hbh34 {background-size:contain;} } /* --------社協だより---------------------------------------*/ #shakyo table.lst { width:670px; margin:0 0 50px 30px; background-color:#d6d6d6; border-spacing:1px; } #shakyo table.lst td { background-color:#FFFFFF; padding:5px 8px; } #shakyo table.lst th { background-color:#f6f6f6; padding:5px 8px; text-align:left; font-weight:normal; } @media screen and (max-width: 500px) { #shakyo table.lst { width:90%; margin:0 auto 50px auto; background-color:#d6d6d6; border-spacing:1px; } #shakyo iframe { width: 80%; height: 300px; margin: 0 0 30px 0; } } /* --------アクセス---------------------------------------*/ #map_canvas { width:670px; margin:0 0 50px 24px; height:600px; border:6px solid #FFF; } @media screen and (max-width: 500px) { #map_canvas { width:90%; margin:0 auto 50px auto; height:300px; border:6px solid #FFF; } } /* --------お問合せ---------------------------------------*/ #contact table.ctn { width:670px; margin:0 0 50px 30px; background-color:#d6d6d6; border-spacing:1px; } #contact table.ctn td { background-color:#FFFFFF; padding:5px 8px; } #contact table.ctn th { background-color:#f6f6f6; padding:5px 8px; text-align:left; font-weight:normal; } #contact table.ctn .telno { font-size:1.6em; color:#CC0000; white-space:nowrap; } #contact #cform { width:610px; margin:0 0 50px 30px; background-color:#FFFFFF; border:3px solid #f2f2f2; padding:20px 30px; } #contact #cform table.ctn2 { width:530px; margin:0 auto 20px auto; border-spacing:0px; } #contact #cform table.ctn2 td { background-color:#FFFFFF; padding:10px 8px; border-bottom:1px dotted #CCCCCC; } #contact #cform table.ctn2 th { background-color:#f6f6f6; padding:5px 8px; text-align:left; font-weight:normal; } @media screen and (max-width: 500px) { #contact table.ctn { width:90%; margin:0 auto 50px auto; } #contact table.ctn td, #contact table.ctn th { vertical-align:top; } #contact table.ctn .telno { font-size:1em; white-space:pre-wrap; } #contact #cform { width:86%; margin:0 auto 50px auto; background-color:#FFFFFF; border:3px solid #f2f2f2; padding:20px 5%; } #contact #cform table.ctn2 { width:100%; margin:0 auto 20px auto; border-spacing:0px; font-size:0.85em; } #contact #cform table.ctn2 td { padding:8px 5px; } #contact #cform table.ctn2 th { padding:8px 5px; min-width:30%; } } /* --------ブログ_ファミリーサポートセンター---------------------------------------*/ .link1 { width:289px; height:61px; background:url(../img/use/family/btnb.gif) no-repeat; padding:17px 0 0 448px; margin:0 0 30px 0; } .link2 { width:289px; height:61px; background:url(../img/use/family/btnb2.gif) no-repeat; padding:17px 0 0 448px; margin:0 0 30px 0; } .link3 { width:289px; height:61px; background:url(../img/use/family/btnb3.gif) no-repeat; padding:17px 0 0 448px; margin:0 0 30px 0; } .lbtn11 {width:251px; height:42px; text-indent:100%; white-space:nowrap; overflow:hidden;} .lbtn11 a {width:251px; height:42px; display:block; background:url(../img/use/family/btn.jpg) left top;} .lbtn11 a:hover {background-position:0 -42px;} .lbtn22 {width:251px; height:42px; text-indent:100%; white-space:nowrap; overflow:hidden;} .lbtn22 a {width:251px; height:42px; display:block; background:url(../img/use/family/btn2.jpg) left top;} .lbtn22 a:hover {background-position:0 -42px;} .lbtn33 {width:251px; height:42px; text-indent:100%; white-space:nowrap; overflow:hidden;} .lbtn33 a {width:251px; height:42px; display:block; background:url(../img/use/family/btn3.jpg) left top;} .lbtn33 a:hover {background-position:0 -42px;} .lbtn12, .lbtn13, .lbtn21, .lbtn23, .lbtn31, .lbtn32 {display:none;} #blog h2 { width:699px; font-size:1.4em; background:url(../img/use/family/st1.gif) no-repeat bottom; padding:0 0 20px 0; } #blog h2 a {text-decoration:none;} /* --------利用する配下---------------------------------------*/ /* あすてらす　*/ #asu .box { width:204px; border:3px solid #d6d6d6; float:left; margin-left:25px; } #asu .box h3{ width:204px; height:80px; text-indent:100%; white-space:nowrap; overflow:hidden; } #asu .bh31 {background:url(../img/use/asu/ct1.jpg) no-repeat;} #asu .bh32 {background:url(../img/use/asu/ct2.jpg) no-repeat;} #asu .bh33 {background:url(../img/use/asu/ct3.jpg) no-repeat;} #asu .box p { margin:0; padding:0 15px 20px 15px; } #asu table.dotline { width:670px; margin:0 0 20px 30px; border-spacing:0px; border-top:1px solid #ccc; } #asu table.dotline td { padding:5px 8px; vertical-align:top; border-bottom:1px dotted #ccc; } #asu table.dotline th { padding:5px 8px; vertical-align:top; text-align:left; font-weight:normal; border-bottom:1px dotted #ccc; background-color:#f6f6f6; } @media screen and (max-width: 500px) { #asu .box { width:80%; border:3px solid #d6d6d6; float:none; margin:5px auto; } #asu .box h3{ width:100%; height:80px; } #asu .bh31, #asu .bh32, #asu .bh33 {background-position:center top;} #asu .box p { margin:0; padding:0 5% 5px 5%; } #asu table.dotline { width:90%; margin:0 auto 20px auto; border-spacing:0px; border-top:1px solid #ccc; } } /* 学童　*/ #join table.gh { width:670px; margin:0 0 50px 30px; background-color:#d6d6d6; border-spacing:1px; } #join table.gh td { background-color:#FFFFFF; padding:5px 8px; vertical-align:top; } #join table.gh th { background-color:#f6f6f6; padding:5px 8px; vertical-align:top; text-align:left; font-weight:normal; } #join table.dotline { width:670px; margin:0 0 50px 30px; border-spacing:0px; border-top:1px solid #ccc; } #join table.dotline td { padding:5px 8px; vertical-align:top; border-bottom:1px solid #ccc; } #join table.dotline th { padding:5px 8px; vertical-align:top; text-align:left; font-weight:normal; border-bottom:1px solid #ccc; background-color:#f6f6f6; } #join p.lstn { text-indent: -2em; padding: 0 0 0 2em; margin: 0 0 8px 20px; } #join span.num { margin: 0 10px 0 0; } #join ol li { list-style: outside; } @media screen and (max-width: 500px) { #join table.gh { width:90%; margin:0 auto 30px auto; background-color:#d6d6d6; border-spacing:1px; } #join table.dotline { width:90%; margin:0 auto 30px auto; } #join table.dotline th { min-width:35%; } } /* --------相談する配下---------------------------------------*/ .cal { width:680px; height:650px; margin:0 0 30px 8px; } #shinpai table { width:680px; margin:0 0 80px 20px; background-color:#d6d6d6; border-spacing:1px; } #shinpai table td { background-color:#FFFFFF; padding:5px 8px; } #shinpai table th { background-color:#F6f6f6; padding:5px 8px; text-align:left; font-weight:normal; } #shinpai .btn { width:264px; height:54px; background:url(../img/soudan/family/btnb.gif) no-repeat left #e6e6e6; margin:0 0 20px 20px; padding:11px 0 0 414px; } #law table { width:680px; margin:0 0 80px 20px; background-color:#d6d6d6; border-spacing:1px; } #law table td { background-color:#FFFFFF; padding:5px 8px; } #law table th { background-color:#F6f6f6; padding:5px 8px; text-align:left; font-weight:normal; } #shinpai .fsupport{ width:678px; margin:0 0 30px 26px; background:url(../img/soudan/family/img1.jpg) no-repeat; padding:227px 0 30px 0; } #shinpai .fsupport .left { width:190px; float:left; padding:0 0 0 10px; } #shinpai .fsupport .righ { width:190px; float:right; } #shinpai .waku { width:638px; margin:0 0 0 26px; background-color:#f6f6f6; border:1px solid #d6d6d6; padding:20px; } #shinpai .waku h4 { width:274px; height:30px; text-indent:100%; white-space:nowrap; overflow:hidden; } #shinw41 {background:url(../img/soudan/family/wst1.jpg) no-repeat;} #shinw42 {background:url(../img/soudan/family/wst2.jpg) no-repeat;} #shinw43 {background:url(../img/soudan/family/wst3.jpg) no-repeat;} #shinw44 {background:url(../img/soudan/family/wst4.jpg) no-repeat;} #shinpai .waku p {margin:0; padding:0 10px 20px 10px;} @media screen and (max-width: 500px) { .cal { width:100%; height:400px; margin:0 0 30px 0; overflow:scroll; } #shinpai table { width:90%; margin:0 auto 40px auto; background-color:#d6d6d6; border-spacing:1px; } #shinpai table td, #shinpai table th {vertical-align:top;} #shinpai .btn { width:264px; height:54px; background:none; margin:0 0 20px 20px; padding:11px 0 0 0; } #law table { width:90%; margin:0 auto 80px auto; } #law table th { min-width:30%; vertical-align:top; } #shinpai .fsupport{ width:100%; margin:0; background-size:contain; padding:227px 0 10px 0; } #shinpai .fsupport .left, #shinpai .fsupport .righ { width:90%; float:none; margin:0 auto; padding:0 0 0 0; } #shinpai .fsupport .left strong, #shinpai .fsupport .righ strong { color:#ff6666; } #shinpai .waku { width:96%; margin:0 auto 0 auto; box-sizing:border-box; padding:20px; } #shinpai .waku h4 { width:100%; } #shinpai .waku p {margin:0; padding:0 10px 20px 10px;} } /* 未来クラブ-----------*/ #miraiwaku { padding:0 50px 0 40px; } #miraiwaku .box { width:104px; float:left; margin:10px; } #miraiwaku .box p { margin:0; padding:3px 0; text-align:center; line-height:160%; } .mgnl20px {margin-left:30px;} .amb30 {margin-bottom:40px;} .mrb { width:620px; margin:20px auto; border:1px solid #F5DEDE; padding:20px 25px; background-color:#FBF6F7; } .pdfwaku { width:620px; margin:0 auto 0 40px; } @media screen and (max-width: 500px) { #miraiwaku { padding:0 50px 0 40px; } #miraiwaku .box { width:104px; float:left; margin:10px; } #miraiwaku .box p { margin:0; padding:3px 0; text-align:center; line-height:160%; } .mgnl20px {margin-left:0px;} .amb30 {margin-bottom:40px;} .mrb { width:90%; margin:20px auto; padding:10px 2%; box-sizing:border-box; } .pdfwaku { width:90%; margin:0 auto 0 auto; } } /* 福祉サービス------------------------*/ .welw { width:440px; background:url(../img/soudan/welfare/img.jpg) no-repeat left top; padding:0 0 0 260px; } .welw h3 { width:202px; height:50px; text-indent:100%; white-space:nowrap; overflow:hidden; } .welh31 {background:url(../img/soudan/welfare/sst1.jpg) no-repeat;} .welh32 {background:url(../img/soudan/welfare/sst2.jpg) no-repeat;} .welw p { margin:0 0 20px 5px; padding:0; } @media screen and (max-width: 500px) { .welw { width:100%; background-position:center top; padding:200px 0 0 0; } .welw h3 { width:90%; height:auto; text-indent:0; white-space:pre-wrap; margin:0 auto 5px auto; color:#D00003; } .welh31 {background:none;} .welh32 {background:none;} .welw p { margin:0 5% 20px 5%; padding:0; } } /* 貸出 */ .isu { width:440px; height:179px; background:url(../img/soudan/welfare/isu.jpg) no-repeat left top; padding:0 0 0 260px; margin:0 0 30px 20px; } .isu h3 { width:295px; height:50px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/soudan/welfare/sbt1.jpg) no-repeat; } .isu p { margin:0; padding:0 0 0 10px; } .car { width:440px; background:url(../img/soudan/welfare/car.jpg) no-repeat left top; padding:0 0 0 260px; margin:0 0 30px 20px; } .car h3 { width:295px; height:50px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/soudan/welfare/sbt2.jpg) no-repeat; } .car p { padding:0 0 0 10px; margin:0; } @media screen and (max-width: 500px) { .isu, .car { width:90%; height:auto; margin:0 auto 30px auto; background-position:center top; padding:200px 0 0 0; } .isu h3, .car h3 { width:100%; height:auto; text-indent:0; white-space:pre-wrap; background:none; } .isu p, .car p { margin:0; padding:0; } } /* 児童館------------------------*/ #chcare { padding:80px 0 0 0; } #chcare .btn { width:264px; height:54px; background:url(../img/soudan/family/ji.gif) no-repeat left #e6e6e6; margin:0 0 20px 20px; padding:11px 0 0 414px; } #chcare p { margin:0; padding:0 20px 40px 20px; } #chcare p img {float:right; margin:0 0 5px 20px;} @media screen and (max-width: 500px) { #chcare {padding:50px 0 0 0;} #chcare .btn { width:264px; height:54px; background:none; margin:0 0 20px 20px; padding:0; } #chcare p { margin:0; padding:0 20px 40px 20px; } #chcare p img {float:right; margin:0 0 5px 20px; max-width:45%; height:auto;} } /* ボタン ----------------------------------------------------*/ .graybtn { font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #d83526; padding:3px 8px; white-space:nowrap; text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) ); background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% ); background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639'); background-color:#fa665a; color:#ffffff; display:inline-block; text-shadow:1px 1px 0px #98231a; -webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad; -moz-box-shadow:inset 1px 1px 0px 0px #fab3ad; box-shadow:inset 1px 1px 0px 0px #fab3ad; }.graybtn:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) ); background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% ); background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a'); background-color:#d34639; }.graybtn:active { position:relative; top:1px; } /* ピンク大ボタン ----------------------------------------------------*/ .pinkbtn { font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif; font-size:18px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #d83526; padding:13px 15px; width:640px; text-align:center; white-space:nowrap; text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) ); background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% ); background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639'); background-color:#fa665a; color:#ffffff; display:inline-block; text-shadow:1px 1px 0px #98231a; -webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad; -moz-box-shadow:inset 1px 1px 0px 0px #fab3ad; box-shadow:inset 1px 1px 0px 0px #fab3ad; }.pinkbtn:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) ); background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% ); background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a'); background-color:#d34639; }.pinkbtn:active { position:relative; top:1px; } @media screen and (max-width: 500px) { .pinkbtn { width:90%; } } .pbtn { font-size:1.3em; font-family:"游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif; font-weight:normal; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #d6d6d6; padding:5px 15px; text-decoration:none; background-color:#FBECEC; color:#333333; -moz-box-shadow: 1px 1px 4px #d6d6d6; -webkit-box-shadow: 1px 1px 4px #d6d6d6; box-shadow: 1px 1px 4px #d6d6d6; }.pbtn:hover { background-color:#E4685D; color:#FFFFFF; }.pbtn:active { position:relative; top:1px; }