@charset "utf-8"; /*---------------------------- CSS hisaki Document 2008.11 Last Update 2008年11月05日 hisaki ----------------------------*/ @import "base.css"; @import "common.css"; /*修正済!*/ /*#################### インスタ非表示 2020年07月27日 ####################*/ #PageIndex #InstagramBox { display: none; } /*#################### 個人情報保護方針 2020年12月11日 ####################*/ /*- チェックボックス -*/ .checker{ border: 1px solid #6b55b4; border-radius: 4px; width: 22px; height: 21px; margin-right: 14px; } .checker span{ width: 22px; height: 21px; } .checker input{ width: 22px; height: 21px; } .checker span.checked{ background: url("../img/contents/icon_checkbox.png") no-repeat center center; background-size: 16px auto; width: 22px; height: 21px; } .privacyCheck{ margin: 42px 0 40px 14px; text-align: center; } .privacyCheck p{ margin-bottom: 0; margin-right: 11px; line-height: 1.0; } .privacyCheck b{ /*letter-spacing: 0.01em;*/ font-weight: 400; margin-left: 13px; display: inline-block; vertical-align: top; padding-top: 3px; } .contentsBox01 .privacyCheck a{ font-weight: 400; } /*#################### 新着ニュースティッカー ####################*/ /* 横に流れていくアニメーション */ @keyframes infoAnimation { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } #PageIndex.pageIndex #BtmBoxInner.newsTickerBoxWrap{ padding-bottom: 0; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerTitle { background-color: #0e984e; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerTitle b{ color: #fff; font-weight: 600; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerInfo{ background-color: #fff; padding:15px 0; margin:0; overflow: hidden; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerInfo .infoText { padding-left: 100%; white-space: nowrap; display: inline-block; animation: infoAnimation 15s linear infinite; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerInfo .infoText p { display:inline-block; margin:0 1rem 0 0; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerInfo .infoText p a { font-weight: 600; } /*#################### ポップアップ ####################*/ #PageIndex.pageIndex { position: relative; } #PageIndex.pageIndex #Wall{ position: fixed; top: 0; z-index: 10001; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .75); } /*#PageIndex.pageIndex .overlay_pop { position: fixed; top: 0; z-index: 10001; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .75); }*/ #PageIndex.pageIndex .overlay_pop .popup_area { /*position: absolute;*/ position: fixed; z-index: 10001; top: 35%; left: 50%; transform: translate(-50%); background-color: #00b554; border-radius: 16px; width: 700px; height: 316px; } #PageIndex.pageIndex .overlay_pop .popup_area dl { margin-top: 44px; position: relative; } #PageIndex.pageIndex .overlay_pop .popup_area dt { color: #ffffff; font-size: 32px; } #PageIndex.pageIndex .overlay_pop .popup_area dt b{ font-weight: bold; line-height: 1.5; } #PageIndex.pageIndex .overlay_pop .popup_area dt b u{ text-decoration: none; letter-spacing: -0.05em; } #PageIndex.pageIndex .overlay_pop .popup_area dt span { display: block; margin: 7px 0 21px; font-size: 16px; font-weight: normal; letter-spacing: 0.03em; } #PageIndex.pageIndex .overlay_pop .popup_area dd { background-color: #ffffff; width: 240px; height: 68px; line-height: 68px; border-radius: 10px; float: left; } #PageIndex.pageIndex .overlay_pop .popup_area dd:nth-of-type(1) { margin-left: 100px; } #PageIndex.pageIndex .overlay_pop .popup_area dd:nth-of-type(2) { margin-left: 20px; } #PageIndex.pageIndex .overlay_pop .popup_area dd a { color: #333333; font-size: 18px; font-weight: bold; text-decoration: none; display: block; position: relative; text-align: left; padding-left: 60px; } #PageIndex.pageIndex .overlay_pop .popup_area dd a:hover { opacity: 0.7; } #PageIndex.pageIndex .overlay_pop .popup_area dd:nth-of-type(2) a { padding-left: 55px; } #PageIndex.pageIndex .overlay_pop .popup_area dd a::before { content: ""; position: absolute; top: 18px; left: 20px; display: block; } #PageIndex.pageIndex .overlay_pop .popup_area dd:nth-of-type(1) a::before { background-image: url("../img/icon_dog01add.png"); background-size: 28px auto; width: 28px; height: 28px; } #PageIndex.pageIndex .overlay_pop .popup_area dd:nth-of-type(2) a::before { background-image: url("../img/icon_man01add.png"); background-size: 24px auto; width: 24px; height: 28px; } #PageIndex.pageIndex .overlay_pop .popup_area dd a::after { content: ""; position: absolute; top: 20px; right: 20px; display: block; background-image: url("../img/icon_arrow04add.png"); background-size: 28px auto; width: 28px; height: 28px; } button { background-color: transparent;/*リセット*/ border: none;/*リセット*/ cursor: pointer;/*リセット*/ outline: none;/*リセット*/ padding: 0;/*リセット*/ appearance: none;/*リセット*/ position: absolute; top: 10px; right: 10px; background-image: url("../img/icon_close01add.png"); background-size: 26px auto; background-position: center center; width: 26px; height: 26px; text-indent: -9999px; } /*#################### 固定バナー ####################*/ /*#FormBtn{ background-color: #00b554; width: 191px; border-radius: 10px; position: fixed; bottom: 20px; right: 20px; z-index: 1500; padding: 11px 0 15px; } #FormBtn dt{ color: #ffffff; font-size: 20px; text-align: center; margin-bottom: 10px; } #FormBtn dd{ background-color: #ffffff; width: 297px; border-radius: 5px; font-size: 14px; height: 52px; line-height: 52px; width: 160px; margin: 0 auto; } #FormBtn dd:nth-of-type(1){ margin-bottom: 8px; } #FormBtn dd a{ color: #333333; display: block; text-decoration: none; font-size: 14px; position: relative; padding-left: 41px; } #FormBtn dd a::before { content: ""; position: absolute; display: block; top: 14px; left: 15px; } #FormBtn dd:nth-of-type(1) a::before{ background-image: url("../img/icon_dog01add.png"); background-size: 20px auto; width: 20px; height: 20px; } #FormBtn dd:nth-of-type(2) a::before{ background-image: url("../img/icon_man01add.png"); background-size: 18px auto; width: 18px; height: 21px; } #FormBtn dd a::after { content: ""; position: absolute; top: 15px; right: 16px; display: block; background-image: url("../img/icon_arrow04add.png"); background-size: 20px auto; width: 20px; height: 20px; }*/ /*#################### 各種寄付方法(修正) ####################*/ #PageSupport.pageIndividual .contentsBox01 ul.method{ margin-bottom: 12px; } #PageSupport.pageIndividual .contentsBox01 ul.method::after{ content: ""; display: block; clear: both; } #PageSupport.pageIndividual .contentsBox01 ul.method li a{ position: relative; padding-left: 30px; font-weight: bold; } #PageSupport.pageIndividual .contentsBox01 ul.method li a::before{ content: ""; position: absolute; /*top: 2px;*/ top: 50%; left: 0; transform: translateY(-50%); background-image: url("../img/icon_arrow_03.png"); background-size: 20px auto; width: 20px; height: 20px; } #PageSupport.pageIndividual .contentsBox01 .bnrBoxWrap{ width: 454px; } #PageSupport.pageIndividual .contentsBox01 .bnrInnerBox{ background-color: #00b554; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul{ padding: 10px; margin-bottom: 7px; margin-top: 9px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li{ } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li:nth-of-type(1){ margin-right: 10px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li a{ font-size: 12px; font-weight: bold; background-color: #ffffff; color: #333333; text-decoration: none; display: block; width: 172px; /*width: 212px;*/ /*height: 42px;*/ line-height: 1.4; padding: 4px 0 4px 40px; position: relative; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li:nth-of-type(1) a::before{ content: ""; background-image: url("../img/icon_sp01add.png"); background-size: 12px auto; width: 12px; height: 22px; position: absolute; top: 9px; left: 14px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li:nth-of-type(2) a::before{ content: ""; background-image: url("../img/icon_tpoint01add.png"); background-size: 19px auto; width: 19px; height: 19px; position: absolute; top: 10px; left: 10px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li a::after{ content: ""; background-image: url("../img/icon_blank.png"); background-size: 10px auto; width: 10px; height: 10px; position: absolute; top: 15px; right: 10px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox p{ font-size: 14px; color: #777777; margin-bottom: 30px; } #PageSupport.pageIndividual .contentsBox01 p.kouza{ font-weight: bold; } #PageSupport.pageIndividual .contentsBox01 table th{ vertical-align: middle; } #PageSupport.pageIndividual .contentsBox01 .qrCode { width: 171px; } #PageSupport.pageIndividual .contentsBox01 #AutoDebit p:nth-of-type(2){ margin-bottom: 32px; } #PageSupport.pageIndividual .contentsBox01 .zipBox p:nth-of-type(1){ margin-bottom: 5px; } #PageSupport.pageIndividual .contentsBox01 .zipBox .transBtnBox{ margin-bottom: 29px; } #PageSupport.pageIndividual .contentsBox01 .bankTransBox p:nth-of-type(1){ margin-bottom: 2px; } #PageSupport.pageIndividual .contentsBox01 .bankTransBox .transBtnBox{ margin-bottom: 28px; } #PageSupport.pageIndividual .contentsBox01 .conviniBox p{ margin-bottom: 5px; } #PageSupport.pageIndividual .contentsBox01 .conviniBox .transBtnBox .transBtn{ margin-bottom: 24px; } #PageSupport.pageIndividual .contentsBox01 .receiptBox{ margin-bottom: 30px; } #PageSupport.pageIndividual .contentsBox01 .receiptBox p:nth-of-type(1) span{ display: inline-block; margin-bottom: 10px; } #PageSupport.pageIndividual .contentsBox01 .purchaseBox{ margin-bottom: 26px; } #PageSupport.pageIndividual .contentsBox01 .purchaseBox p:nth-of-type(1){ margin-bottom: 3px; }/*修正*/ #PageSupport.pageIndividual .contentsBox01 .purchaseBox p.transBtn{ margin-bottom: 22px; }/*修正*/ .transBtn{ background-color: #00b554; /*width: 274px;*/ height: 37px; border-radius: 18px; display: inline-block; margin-top: 10px; } .transBtn:hover{ opacity: 0.7; } .transBtn a{ font-size: 14px; color: #ffffff; text-decoration: none; line-height: 37px; text-align: center; display: block; padding: 0 30px 0 20px; letter-spacing: 0.06em; position: relative; } .transBtn a::after{ content: ""; background-image: url("../img/icon_arrow05add.png"); background-size: 8px auto; background-repeat: no-repeat; width: 9px; height: 13px; position: absolute; top: 12px; right: 12px; } img.qrCode{ display: block; } #PageSupport.pageIndividual .contentsBox01 .noteParagraph p{ font-size: 14px; margin-bottom: 0; line-height: 1.8; } /*#################### ご支援団体様のご紹介 ####################*/ #PageSupport.pageSupporters .baloon { display: inline-block; vertical-align: middle; padding: 0 10px 0 12px; color: #fff; background: #55bb84; font-size: 13px; line-height: 36px; height: 36px; position: relative; width: auto; min-width: 115px; text-align: center; z-index: 0; margin-right: 13px; top: -2px; } #PageSupport.pageSupporters .baloon::after { content: ""; position: absolute; top: 50%; right: -7px; margin-top: -14px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 14px 0 14px 17px; border-color: transparent transparent transparent #55bb84; z-index: -1; } #PageSupport.pageSupporters #Main ul { margin-bottom: 4px; } #PageSupport.pageSupporters #Main ul li { font-size: 16px; font-weight: bold; line-height: 28px; padding: 13px 0 9px 30px; position: relative; } #PageSupport.pageSupporters #Main ul.stampList li + li { background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageSupport.pageSupporters #Main ul.stampList li::before { content: ''; width: 22px; height: 22px; background: url(../img/contents/icon_stamp.gif) no-repeat left top; background-size: 100% auto; position: absolute; top: 14px; left: 0; } /*#################### お問合せ ####################*/ #PageContact #HeadImg h2 { color: #452f8e; } #PageContact .contentsBox01 a.toForm{ font-weight: normal; } #PageContact #Form .checkBoxText{ margin-left: 8px; position: relative; top: 1px; } /*#################### 教会について ####################*/ #PageAbout.pageIndex .contentsBox01 .yellow .textBox h5{ letter-spacing: 0.01em; font-weight: 100; color: #d29131; } #PageAbout.pageIndex .contentsBox01 .yellow .figureBox figure{ margin: 0; } #PageAbout.pageIndex .contentsBox01 .yellow .figureBox figure img{ width: 100%; height: auto; } #PageAbout.pageIndex .contentsBox01 .yellow .figureBox p{ color: #333; } #PageAbout.pageIndex #Sec05 ul li:last-of-type{ margin-bottom: 0; } #PageAbout.pageIndex #Sec06 table td span{ font-size: 12px; } #PageSupport.pageVolunteer .red { color: #f45151; } /*#################### トップページスライドショー ####################*/ #PageIndex #Slider { position: relative; width: auto; } #PageIndex #Slider .sliderInner { display: none; float: none; list-style: none; position: absolute; width: 100%; height: 100%; } #PageIndex #Slider .sliderInner.active { z-index: 50; } #PageIndex #PageIndex .bx-wrapper { height: 183px; position: relative; top: 95px; position: relative; } /*#################### トップページご支援団体様のご紹介 ####################*/ #PageIndex .supportersBox { border: solid #dfdbd6; border-width: 1px 0 1px 0; padding: 40px 0 50px; } #PageIndex .supportersBox .supportersBoxInner { max-width: 1000px; margin: 0 auto; } #PageIndex .supportersBox .supportersTitle { text-align: center; margin-bottom: 24px; } #PageIndex .supportersBox .supportersTitle span { display: inline-block; background-color: #0e984e; font-weight: 600; color: #fff; letter-spacing: 0.1em; border-radius: 8px; text-align: center; padding: 11px 17px 7px; position: relative; } #PageIndex .supportersBox .supportersTitle span::after { content: ''; border-right: 9px solid transparent; border-left: 9px solid transparent; border-top: 13px solid #0e984e; border-bottom: 0; position: absolute; bottom: -11px; left: 50%; transform: translateX(-50%); } #PageIndex .supportersBox .supportersList{ border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: flex; justify-content: center; flex-wrap: wrap; background-color: #fff; } #PageIndex .supportersBox .supportersList li{ width: calc(30% - 1px); display: flex; justify-content: center; align-items: center; padding: 20px 0; } #PageIndex .supportersBox .supportersList li:nth-of-type(2) { width: 40%; } #PageIndex .supportersBox .supportersList li + li { border-left: 1px solid #efefef; } #PageIndex .supportersBox .supportersList li a{ font-size: 18px; font-weight: bold; color: #333; text-decoration: none; background: url(../img/icon_arrow04add.png) no-repeat right center; background-size: 28px auto; padding-right: 42px; } #PageIndex .supportersBox .supportersList li a:hover { opacity: 0.7; } /*#################### 職員募集について ####################*/ #PageStaff .contentsBox01 table td span{ font-size: 12px; } #PageStaff .contentsBox01{ word-break: break-all; } #PageStaff .contentsBox01 em{ text-decoration: underline; } @media print, screen and (min-width: 769px) { /* PC表示用 */ /*#################### 共通 ####################*/ #HeadImg { width: 100%; height: 139px; border-bottom: 1px solid #dfdbd6; background: url(../img/header/pc_title_h2.gif) no-repeat scroll center top #f8f5f1; } #HeadImg h2 { margin: 0 auto; width: 1000px; font-size: 36px; font-weight: bold; color: #0e984e; line-height: 139px; letter-spacing: -1px text-indent: 20px; } /* 見出し */ #Main h3 { margin-bottom: 28px; padding: 8px 0 7px 20px; font-size: 26px; font-weight: bold; line-height: 58px; border: 1px solid #d9d9d9; border-bottom: 4px solid #0e984e; border-radius: 8px 8px 0 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } #Main h3.schedule { padding: 8px 0 7px 68px; background-image: url(../img/icon_schedule.png); background-repeat: no-repeat; background-position: 19px 16px; background-color: transparent; background-size: 36px 40px; } #Main h3.report { padding: 8px 0 7px 68px; background-image: url(../img/icon_report.png); background-repeat: no-repeat; background-position: 22px 20px; background-color: transparent; background-size: 35px 35px; } #Main h3.harness { } #Main h4.stamp { margin-bottom: 24px; padding-left: 20px; height: 52px; font-size: 22px; font-weight: bold; color: #fff; line-height: 52px; border-radius: 8px; background: url(../img/contents/pc_title_h4_stamp.gif) no-repeat scroll 663px bottom #0e984e; } #Main h4.stamp.number { padding-left: 70px; position: relative; } #Main h4.stamp.number .num { display: block; width: 52px; height: 52px; color: #d0ffe6; line-height: 52px; text-align: center; border-radius: 8px 0 0 8px; background-color: #00bc57; position: absolute; top: 0px; left: 0px; } #Main h4.stamp.number .num .small { font-size: 14px; } #Main h4.stamp.contact { } #Main h4.step { margin: 0 0 32px 80px; padding: 12px 0 6px 2px; font-size: 22px; font-weight: bold; color: #0e984e; line-height: 33px; border-bottom: 1px solid #cdded5; position: relative; } #Main h4.step .baloon { display: block; padding: 36px 0 0 0; width: 70px; height: 34px; font-size: 9px; font-weight: bold; color: #dcf200; line-height: 30px; text-align: center; background: url(../img/icon_step.gif) no-repeat scroll left top transparent; background-size: 70px 70px; position: absolute; top: -4px; left: -80px; } #Main h4.step .baloon .num { display: block; width: 70px; height: 70px; font-size: 30px; font-weight: bold; color: #fff; line-height: 30px; position: absolute; top: 13px; left: 0px; } #Main h4.line, #Main h5.line { margin-bottom: 15px; font-size: 22px; font-weight: bold; color: #0e984e; line-height: 46px; border-bottom: 1px solid #cdded5; } /* ボックス */ .contentsBox:after, .contentsBox01:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .contentsBox { margin: 0 auto; width: 734px; } .contentsBox01 { margin: 0 0 30px 0; } .contentsBox01 p.last { margin: 0 0 25px 0; } .contentsBox01 p a, .contentsBox01 table a { font-weight: bold; } .contentsBox01.photo .photo { margin: 0 0 10px 25px; padding-top: 6px; width: 272px; float: right; } .borderBox { clear: both; margin: 0 0 20px 0; padding: 26px 28px 16px 28px; border-radius: 8px; border: 1px solid #ede3db; background-color: #fdf9f3; } .borderBox p { float: none !important; margin-bottom: 10px; font-size: 14px; line-height: 24px; } .borderBox.yellow { border-color: #ede3db; background-color: #fdf9f3; } .borderBox.gray { border-color: #ddd; background-color: #f8f8f8; } .borderBox.yellow p { color: #d29131; } .borderBox.gray p { color: #333; } /* イントロ */ .introBox { margin-bottom: 50px; background: url(../img/contents/pc_bg_introbox.gif) no-repeat scroll center bottom transparent; } .introBox .photo { margin-bottom: 38px; border: 7px solid #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .introBox .photo img { width: 720px; height: auto; } .introBox dl { text-align: center; } .introBox dl dt { display: inline-block; margin-bottom: 12px; padding: 0 15px; height: 29px; font-size: 14px; font-weight: bold; color: #0e984e; line-height: 29px; border: 2px solid #abe4c5; border-radius: 16px; } .mac .introBox dl dt { line-height: 32px; } .introBox dl dd p { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #333; line-height: 28px; } .introBox dl dd p.catch { font-size: 20px; font-weight: bold; color: #0e984e; line-height: 34px; } /* ページナビ */ .pageMenu { margin: 0 0 30px 0; } .pageMenu li { margin: 0 15px 0 0; display: inline-block; } .pageMenu li:last-child { margin: 0 0 0 0; } .pageMenu li a { display: inline-block; padding-left: 26px; min-height: 20px; font-size: 14px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_03.png) no-repeat scroll left center transparent; background-size: 20px 20px; } /* ページトップ */ .contentsBox .pageTop { clear: both; margin: 0 0 0 auto; float: none !important; } .contentsBox .pageTop:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .contentsBox .pageTop a { float: right; display: inline-block; margin: 0 0 0 auto; padding: 0 12px 0 35px; height: 39px; background-image: url(../img/pc_btn_pagetop_left.gif), url(../img/pc_btn_pagetop_right.gif); background-repeat: no-repeat, no-repeat; background-position: left top, right top; background-color: transparent, transparent; font-size: 12px; font-weight: normal; color: #777; line-height: 39px; text-decoration: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .mac .contentsBox .pageTop a { line-height: 42px; } .contentsBox .pageTop a:hover { opacity: 0.7; -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); text-decoration: none; } /* table */ .contentsBox01 table { margin-bottom: 20px; width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } .contentsBox01 table th { padding: 9px 10px; width: 159px; font-size: 14px; font-weight: bold; line-height: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f8f8f8; vertical-align: top; } .contentsBox01 table td { padding: 9px 20px; font-size: 14px; line-height: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } /* pageMove */ .pageMove { margin: 0 0 68px 0; position: relative; border-radius: 8px; background-color: #f6f6f6; } .pageMove ul { min-height: 54px; padding: 19px 169px 0 169px; text-align: center; _zoom: 1; overflow: hidden; } .pageMove ul li { display: inline-block; min-width: 36px; min-height: 36px; font-size: 14px; color: #999; line-height: 36px; text-align: center; vertical-align: top; margin-left:4px; } .pageMove ul li a { display: block; min-width: 36px; min-height: 36px; font-size: 14px; line-height: 36px; text-align: center; border-radius: 5px; background-color: #fff; } .pageMove ul li.list a { display: inline; font-size: 14px; line-height: 36px; background-color: transparent; } .pageMove ul li.prev { display: block; width: 125px; position: absolute; top: 18px; left: 24px; } .pageMove ul li.next { display: block; width: 125px; position: absolute; top: 18px; right: 24px; } .pageMove ul li.prev a { display: block; width: 125px; height: 40px; font-size: 14px; font-weight: bold; color: #fff; line-height: 37px; text-indent: 34px; text-align: left; letter-spacing: 2px; background: url(../img/contents/pc_btn_pageprev.gif) no-repeat scroll left top transparent; } .pageMove ul li.next a { display: block; width: 125px; height: 40px; font-size: 14px; font-weight: bold; color: #fff; line-height: 37px; text-indent: 20px; text-align: left; letter-spacing: 2px; background: url(../img/contents/pc_btn_pagenext.gif) no-repeat scroll left top transparent; } /* stepList */ .stepList li { padding: 2px 0 16px 40px; font-size: 16px; line-height: 28px; position: relative; background: url(../img/contents/bg_steplist_01.gif) no-repeat scroll left top transparent; background-size: 32px 255px; } .stepList li.last { background: url(../img/contents/bg_steplist_02.gif) no-repeat scroll left top 10px transparent !important; background-size: 32px 32px !important; } .stepList li span.num { display: block; width: 32px; height: 32px; font-size: 14px; font-weight: bold; color: #fff; line-height: 32px; text-align: center; position: absolute; top: 0px; left: 0px; } .stepList li a { font-weight: bold; } /*#################### 新着ニュースティッカー ####################*/ #PageIndex.pageIndex #BtmBoxInner.newsTickerBoxWrap{ margin-top: 30px; padding-bottom: 30px; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox{ display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerTitle{ display: flex; align-items: center; width: 80px; text-align: center; border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding: 17px 0; margin-bottom: 0; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerTitle b{ display: block; width: 100%; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerInfo{ width: calc(100% - 80px); border-top-right-radius: 8px; border-bottom-right-radius: 8px; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerInfo a { } /*#################### トップ ####################*/ /* slider */ #PageIndex #HeadBox { width: 100%; height: 360px; position:relative; } #PageIndex #HeadBox .SliderWarp{ width: 100%; position:absolute; z-index:10; background-color:#f8f5f1; } #PageIndex #Slider { position: relative; left: -155px; margin: 0 auto; width: 690px; height: 360px; background-repeat: no-repeat; background-position: center center; background-size: cover; } #PageIndex #Slider img{ display: none; } #PageIndex #Slider .sliderIn{ width: 100%; height: 360px; margin: 0; } #PageIndex #Slider .sliderIn .slide{ width: 100%; height: 100%; margin: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } #PageIndex .sliderInner { width: 1000px; height: 360px; background-repeat: repeat-x, no-repeat; background-position: left top, center center; background-color: transparent, transparent; background-size: 20px 20px, 1000px 360px; } /*#PageIndex #Slider .slider01 { background-image: url(../img/contents/pc_slider_shadow.png), url(../img/contents/pc_topimage_06_02.jpg); } #PageIndex #Slider .slider02 { background-image: url(../img/contents/pc_slider_shadow.png), url(../img/contents/pc_topimage_07_02.jpg); } #PageIndex #Slider .slider03 { background-image: url(../img/contents/pc_slider_shadow.png), url(../img/contents/pc_topimage_08_02.jpg); } #PageIndex #Slider .slider04 { background-image: url(../img/contents/pc_slider_shadow.png), url(../img/contents/pc_topimage_09_02.jpg); } #PageIndex #Slider .slider05 { background-image: url(../img/contents/pc_slider_shadow.png), url(../img/contents/pc_topimage_10_02.jpg); }*/ #PageIndex #Slider p { display:none; } #PageIndex .naviWarp{ margin:0 auto; width:1000px; position:relative; z-index:100; } #PageIndex .naviWarp ul.sliderNavi{ width:310px; height:360px; position:absolute; right:0; background-color:rgba(255,255,255,0.6); } #PageIndex .naviWarp ul.sliderNavi li{ border-bottom:1px solid #eae9ea; } #PageIndex .naviWarp ul.sliderNavi li:last-of-type{ border-bottom:none; } #PageIndex .naviWarp ul.sliderNavi li a{ position: relative; box-sizing:border-box; padding: 24px 0 0 84px; height:71px; display:block; color:#333; font-size:18px; line-height:23px; font-weight:bold; /*background-position:10px center,right center; background-repeat:no-repeat,no-repeat;*/ background-position: right center; background-repeat: no-repeat; background-image: url(../img/contents/pc_topimg_arrow.png); } #PageIndex .naviWarp ul.sliderNavi li.menu02 a{ padding-top: 12px; } #PageIndex .naviWarp ul.sliderNavi li a::before{ content: ""; position: absolute; top: 10px; left: 10px; display: block; width: 51px; height: 51px; background-position: center center; background-repeat: no-repeat; background-size: auto 51px; } #PageIndex .naviWarp ul.sliderNavi li.menu01 a::before{ background-image:url(../img/contents/pc_topimage_01_s.jpg);} #PageIndex .naviWarp ul.sliderNavi li.menu02 a::before{ background-image:url(../img/contents/pc_topimage_02_s.jpg);} #PageIndex .naviWarp ul.sliderNavi li.menu03 a::before{ background-image:url(../img/contents/pc_topimage_03_s.jpg);} #PageIndex .naviWarp ul.sliderNavi li.menu04 a::before{ background-image:url(../img/contents/pc_topimage_04_s.jpg);} #PageIndex .naviWarp ul.sliderNavi li.menu05 a::before{ background-image:url(../img/contents/pc_topimage_05_s.jpg);} #PageIndex .bx-wrapper { height: 360px; position: relative; border-bottom: 1px solid #d9d5d0; } #PageIndex .bx-prev, #PageIndex .bx-next{ display:none; } #PageIndex .bx-pager { margin: 0 auto; width: 1000px; text-align: center; position: relative; top: -40px; z-index: 200; } #PageIndex .bx-pager-item { margin: 0 5px; display: inline-block; width: 24px; } #PageIndex .bx-pager-link { display: block; width: 24px; height: 24px; background: url(../img/contents/icon_slider_stamp.png) no-repeat scroll left bottom transparent; background-size: 24px 48px; text-indent: -9999px; } #PageIndex .bx-pager-link:hover { opacity: 0.7; -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); text-decoration: none; } #PageIndex .bx-pager-link.active { background-position: left top; } /* midbox */ #PageIndex #MidBox { width: 100%; min-width: 1000px; /*margin-top: -40px;*/ padding: 53px 0 85px 0; border-bottom: 1px solid #dfdbd6; background-image: url(../img/contents/pc_top_bg_midbox_01.gif), url(../img/contents/pc_top_bg_midbox_02.gif); background-repeat: repeat-x, no-repeat; background-position: center bottom, center bottom; background-color: #f8f5f1; } #PageIndex #MidBoxInner { margin: 0 auto; width: 1000px; } #PageIndex #MidBoxInner .bunnerList a{ display: block; width: 100%; height: 100%; } #PageIndex #MidBoxInner .bunnerList .bunners{ height: 58px; } #PageIndex #MidBoxInner .bunnerList .bunners dl{ font-size: 0; height: 58px; } #PageIndex #MidBoxInner .bunnerList .bunners dl::after{ content: ""; display: block; clear: both; } #PageIndex #MidBoxInner .bunnerList .bunners dt, #PageIndex #MidBoxInner .bunnerList .bunners dd{ float: left; } #PageIndex #MidBoxInner .bunnerList .bunners dt{ width: 304px; height: 58px; background-color: #fff; border-right: 1px solid #efefef; box-sizing: border-box; border-radius: 8px 0 0 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #PageIndex #MidBoxInner .bunnerList .bunners dt:hover{ opacity: 0.8; } #PageIndex #MidBoxInner .bunnerList .bunners dd{ width: 696px; height: 58px; background-color: #00b554; border-radius: 0 8px 8px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #PageIndex #MidBoxInner .bunnerList .bunners dd ul { margin-left: 20px; height: 100%; } #PageIndex #MidBoxInner .bunnerList .bunners dd ul li { margin-top: 8px; margin-right: 10px; } #PageIndex #MidBoxInner .bunnerList .bunners dd ul li:last-of-type{ margin-right: 0; } #PageIndex #MidBoxInner .bunnerList .bunners dt a, #PageIndex #MidBoxInner .bunnerList .bunners dd a{ text-indent: -9999px; } #PageIndex #MidBoxInner .bunnerList .bunners dd li:hover{ opacity: 0.8; } #PageIndex #MidBoxInner .bunnerList .bunners dt a{ display: block; height: 100%; } #PageIndex #MidBoxInner .bunnerList .bunners dl ul::after{ content: ""; display: block; clear: both; } #PageIndex #MidBoxInner .bunnerList .bunners dl li{ float: left; } #PageIndex #MidBoxInner .bunnerList .bunners dl dd li{ width: 212px; height: 42px; } #PageIndex #MidBoxInner .bunnerList .bunners01 { margin-bottom: 10px; } #PageIndex #MidBoxInner .bunnerList .bunners01 dt{ background: #fff url(../img/contents/pc_top_btn_kazashite02.png) no-repeat center; } #PageIndex #MidBoxInner .bunnerList .bunners01 dd{ } #PageIndex #MidBoxInner .bunnerList .bunners01 dd ul li{ } #PageIndex #MidBoxInner .bunnerList .bunners01 dd ul .menu01{ background: url(../img/contents/pc_top_btn_bokin07.png) no-repeat; -webkit-background-size: 212px 42px; background-size: 212px 42px; } #PageIndex #MidBoxInner .bunnerList .bunners01 dd ul .menu02{ background: url(../img/contents/pc_top_btn_bokin08.png) no-repeat; -webkit-background-size: 212px 42px; background-size: 212px 42px; } #PageIndex #MidBoxInner .bunnerList .bunners01 dd ul .menu03{ background: url(../img/contents/pc_top_btn_bokin09.png) no-repeat; -webkit-background-size: 212px 42px; background-size: 212px 42px; } #PageIndex #MidBoxInner .bunnerList .bunners02{ margin-bottom: 34px; } #PageIndex #MidBoxInner .bunnerList .bunners02 dt{ background: #fff url(../img/contents/pc_top_btn_hurusato06.png) no-repeat center; } #PageIndex #MidBoxInner .bunnerList .bunners02 dd{ } #PageIndex #MidBoxInner .bunnerList .bunners02 dd ul li{ } #PageIndex #MidBoxInner .bunnerList .bunners02 dd ul .menu01{ background: url(../img/contents/pc_top_btn_hurusato04.png) no-repeat; -webkit-background-size: 212px 42px; background-size: 212px 42px; } #PageIndex #MidBoxInner .bunnerList .bunners02 dd ul .menu02{ background: url(../img/contents/pc_top_btn_hurusato05.png) no-repeat; -webkit-background-size: 212px 42px; background-size: 212px 42px; } #PageIndex #MidBoxInner .btnBox { /*margin: -5px 27px 0 -5px;*/ width: calc(50% - 15px); float: left; text-align: center; text-decoration: none; background: no-repeat scroll left top transparent; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 8px; padding-top: 50px; padding-bottom: 46px; } #PageIndex #MidBoxInner .btnBox:nth-of-type(1){ margin-right: 30px; } #PageIndex #MidBoxInner .btnBox h2 { margin-bottom: 4px; font-size: 36px; font-weight: bold; color: #fff; line-height: 36px; letter-spacing: -1px; text-shadow: 0px 0px 5px #000; } #PageIndex #MidBoxInner .btnBox h2 span { font-size: 20px; letter-spacing: 0; position: relative; top: -4px; } #PageIndex #MidBoxInner .btnBox p { margin-bottom: 12px; font-size: 18px; font-weight: bold; color: #efefef; line-height: 30px; letter-spacing: 2px; text-shadow: 0px 0px 5px #000; } #PageIndex #MidBoxInner .btnBox.btn01 { background-image: url(../img/contents/pc_top_btn_quill_02.png); } #PageIndex #MidBoxInner .btnBox.btn02 { background-image: url(../img/contents/pc_top_btn_moudouken_02.png); } #PageIndex #MidBoxInner .btnBox ul li { display: inline-block; margin: 0 auto; padding: 0 0 0 18px; height: 37px; font-size: 14px; font-weight: bold; color: #fff; line-height: 37px; letter-spacing: 2px; text-align: left; background: url(../img/contents/pc_top_btn_more_left.png) no-repeat scroll left top transparent; } #PageIndex #MidBoxInner .btnBox ul li span { display: inline-block; padding: 0 30px 0 0; height: 37px; background: url(../img/contents/pc_top_btn_more_right.png) no-repeat scroll right top transparent; } #PageIndex .naviBox { width: 100%; margin-bottom: 30px; } #PageIndex .naviBox .menuTop{ position: relative; margin-bottom: 20px; } #PageIndex .naviBox .menuTop figure{ width: 100%; height: auto; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 8px; } #PageIndex .naviBox .menuTop figure img{ width: 100%; height: auto; border-radius: 8px; } #PageIndex .naviBox .menuTop .menuTopTitle{ position: absolute; bottom: 16px; right: 15px; } #PageIndex .naviBox .menuTop .menuTopTitle a{ box-sizing: border-box; padding: 20px 45px 19px 10px; display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 22px; text-decoration: none; background-repeat: no-repeat; background-color: #fff; background-image: url(../img/contents/topimg_arrow_01.png); background-size: 29px auto; background-position: right calc(50% - 60px) center; border-radius: 8px; font-size: 18px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); width: 310px; margin: 0 auto; text-align: center; } #PageIndex .naviBox .menuTop .menuTopTitle a:hover{ opacity: 0.7; } #PageIndex .naviBox ul { width: 100%; display: flex; flex-wrap; justify-content: space-between; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #PageIndex .naviBox ul li { width: 25%; display: table; margin: 0 auto; width: 310px; border-right: 1px solid #efefef; background-color: #fff; opacity: 0.90; -ms-filter: "alpha( opacity=90 )"; filter: alpha(opacity=90); text-decoration: none; } #PageIndex .naviBox ul li:first-child { border-top: none; border-radius: 8px 0 0 8px; } #PageIndex .naviBox ul li:last-child { border-radius: 0 8px 8px 0; border-right: none; } #PageIndex .naviBox ul li a:hover { opacity: 0.7; -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); text-decoration: none; } #PageIndex .naviBox ul li a { display: table-cell; vertical-align: middle; padding: 3px 0 0 84px; height: 77px; font-size: 18px; font-weight: bold; color: #333; line-height: 73px; letter-spacing: 0px; text-decoration: none; background-repeat: no-repeat, no-repeat; background-position: 10px 9px, right 21px; background-color: transparent, transparent; background-size: 60px 60px, 42px 39px; line-height: 1.3; } #PageIndex .naviBox ul li.menu01 a { background-image: url(../img/sub/icon_sidenavi_01.gif), url(../img/sub/pc_icon_sidenavi.gif); background-size: 61px 61px, 42px 39px; } #PageIndex .naviBox ul li.menu02 a { background-image: url(../img/sub/icon_sidenavi_02.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu03 a { background-image: url(../img/sub/icon_sidenavi_03.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu04 a { background-image: url(../img/sub/icon_sidenavi_04.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu05 a { background-image: url(../img/sub/icon_sidenavi_05.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu06 a { background-image: url(../img/sub/icon_sidenavi_06.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu07 a { background-image: url(../img/sub/icon_sidenavi_07.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu08 a { background-image: url(../img/sub/icon_sidenavi_08.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .btnBox2 { padding-top: 30px; clear: both; } #PageIndex .btnBox2 ul { display: flex; flex-wrap: wrap; justify-content: space-between; } #PageIndex .btnBox2 ul::after { display: none } #PageIndex .btnBox2 ul li { margin: 0 22px 0 0; width: calc((100% / 3) - 20px); } #PageIndex .btnBox2 ul li.menu03 { margin: 0 0 0 0; } #PageIndex .btnBox2 ul li.menu05_01, #PageIndex .btnBox2 ul li.menu05_02, #PageIndex .btnBox2 ul li.menu06_02, #PageIndex .btnBox2 ul li.menu06_03{ float: left; margin: 0; } #PageIndex .btnBox2 ul li.menu04_01, #PageIndex .btnBox2 ul li.menu06_01{ width: 495px; height:63px; } #PageIndex .btnBox2 ul li.menu05_01, #PageIndex .btnBox2 ul li.menu06_02{ width: 248px; height:64px; } #PageIndex .btnBox2 ul li.menu05_02, #PageIndex .btnBox2 ul li.menu06_03{ width: 247px; height:64px; } #PageIndex .btnBox2 ul li.menu04_02{ margin-right: 0; } #PageIndex .btnBox2 ul li.menu05, #PageIndex .btnBox2 ul li.menu06{ float:left; width: 495px; } #PageIndex .btnBox2 ul li.menu05{ margin: 22px 20px 0 0; } #PageIndex .btnBox2 ul li.menu06{ margin: 22px 0 0 0; } #PageIndex .btnBox2 ul li.menu05:after, #PageIndex .btnBox2 ul li.menu06:after{ content:""; display:block; clear:both; } #PageIndex .btnBox2 ul li a { box-sizing:border-box; padding: 23px 45px 21px 60px; display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 22px; text-decoration: none; background-repeat: no-repeat, no-repeat; background-color: #fff; border-radius: 8px; font-size: 16px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #PageIndex .btnBox2 ul li.menu01 a { background-image:url(../img/contents/topimg_arrow_01.png), url(../img/contents/topimg_list_icon_01.png); background-size: 29px auto, 30px auto; background-position: right 10px center, left 17px center; } #PageIndex .btnBox2 ul li.menu02 a { background-image:url(../img/contents/topimg_arrow_01.png), url(../img/contents/topimg_list_icon_02.png); background-size: 29px auto, 38px auto; background-position: right 10px center, left 15px center; } #PageIndex .btnBox2 ul li.menu03 a { background-image:url(../img/contents/topimg_arrow_01.png), url(../img/contents/topimg_list_icon_03.png); background-size: 29px auto, 36px auto; background-position: right 10px center, left 14px center; } #PageIndex .btnBox2 ul li.menu04_01 a, #PageIndex .btnBox2 ul li.menu05_01 a, #PageIndex .btnBox2 ul li.menu05_02 a{ height: 87px; text-indent: -9999px; } #PageIndex .btnBox2 ul li.menu04_01 a { width: 495px; height:63px; background-image: url(../img/contents/pc_top_btn_bokin04.png); } #PageIndex .btnBox2 ul li.menu05_01 a { width: 248px; height:64px; background-image:url(../img/contents/pc_top_btn_bokin05.png); } #PageIndex .btnBox2 ul li.menu05_02 a { width: 247px; height:64px; background: url(../img/contents/pc_top_btn_bokin06.png) no-repeat center right; } #PageIndex .btnBox2 ul li.menu06_01 a { width: 495px; height:63px; background-image:url(../img/contents/pc_top_btn_hurusato01.png); } #PageIndex .btnBox2 ul li.menu06_02 a { width: 248px; height:64px; background: url(../img/contents/pc_top_btn_hurusato02.png) no-repeat center left; } #PageIndex .btnBox2 ul li.menu06_03 a { width: 247px; height:64px; background: url(../img/contents/pc_top_btn_hurusato03.png) no-repeat center right; } #PageIndex .btnBox2 ul li li { margin: 0 0 0 0; float: none; } #PageIndex .btnBox2 ul li li a { padding: 0; display: block; width: 243px; height: 93px; box-shadow: none; background: url(../img/contents/pc_top_btn_kazashite.png) no-repeat scroll left top transparent; text-indent: -9999px; } #PageIndex .btnBox2 ul li li a.op:hover { opacity: 0.7; -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); } #PageIndex .btnBox2 ul li li.menu04_02 a { height: 91px; background: url(../img/contents/pc_top_btn_facebook.png) no-repeat scroll left top transparent; } /* listTypeSns */ #PageIndex .listTypeSns{ position: absolute; top: -1px; right: 0; font-size: 0; } #PageIndex .listTypeSns li{ display: inline-block; } #PageIndex .listTypeSns li.menu01, #PageIndex .listTypeSns li.menu02, #PageIndex .listTypeSns li.menu03, #PageIndex .listTypeSns li.menu05{ margin-right: 12px; font-size: 13px; } #PageIndex .listTypeSns li.menu05{ position: relative; margin-right: 36px; } #PageIndex .listTypeSns li.menu05::after{ content: ""; position: absolute; top: 7px; right: -20px; display: block; width: 1px; height: 20px; background-color: #efefef; } #PageIndex .listTypeSns li.menu01 a, #PageIndex .listTypeSns li.menu02 a, #PageIndex .listTypeSns li.menu03 a, #PageIndex .listTypeSns li.menu05 a{ display: inline-block; padding-top: 3px; background-repeat: no-repeat; background-position: left center; text-decoration: none; letter-spacing: .05em; color: #333; } #PageIndex .listTypeSns li a:hover{ opacity: .7; } #PageIndex .listTypeSns li.menu01 a{ /*padding-left: 40px; background-image: url("../img/contents/icon_01.png"); background-size: 33px auto;*/ padding-left: 44px; background-image: url("../img/contents/icon_01.png"); background-size: 33px auto; } #PageIndex .listTypeSns li.menu02 a{ /*padding-left: 32px; background-image: url("../img/contents/icon_02.png"); background-size: 25px auto;*/ padding-left: 36px; background-image: url("../img/contents/icon_02.png"); background-size: 25px auto; } #PageIndex .listTypeSns li.menu03 a{ /*padding-left: 32px; background-image: url("../img/contents/icon_03.png"); background-size: 24px auto;*/ padding-left: 36px; background-image: url("../img/contents/icon_03.png"); background-size: 24px auto; } #PageIndex .listTypeSns li.menu05 a{ padding-left: 36px; background-image: url("../img/contents/icon_05.png"); background-size: 21px auto; } #PageIndex #BtmBox.topics #BtmBoxInner{ padding-bottom: 30px; } #PageIndex #BtmBox.topics .listTypeSns li.menu04 a{ display: block; position: relative; top: 5px; height: 40px; vertical-align: top; margin: 0 auto; padding: 0 0 0 18px; height: 40px; font-size: 14px; font-weight: bold; line-height: 37px; letter-spacing: 2px; text-align: left; background: url(../img/contents/pc_top_btn_more_left02.png) no-repeat scroll left top transparent; } #PageIndex #BtmBox.topics .listTypeSns li.menu04 a span{ display: inline-block; vertical-align: top; padding: 0 30px 0 0; height: 40px; color: #fff; background: url(../img/contents/pc_top_btn_more_right02.png) no-repeat scroll right top transparent; } /* btmbox */ #PageIndex #BtmBox { width: 100%; min-width: 1000px; padding: 64px 0 15px 0; } #PageIndex #BtmBoxInner { margin: 0 auto; padding: 0 0 65px 0; width: 1000px; min-width: 1000px; position: relative; } #PageIndex #BtmBox.topics { padding: 5px 0 12px 0; } #PageIndex #BtmBox.topics h3{ position:relative; background: url(../img/icon_schedule.png) no-repeat scroll 11px top transparent; background-size: 36px 40px; } #PageIndex #BtmBox.topics dl dd { width: 858px; } #PageIndex #BtmBoxInner .left { } #PageIndex #BtmBoxInner .right { width: 485px; float: right; } #PageIndex #BtmBoxInner h3 { margin: 0 0 20px 0; padding: 8px 0 20px 58px; font-size: 20px; font-weight: bold; color: #333; line-height: 28px; letter-spacing: 2px; border-bottom: 4px solid #e7e6e5; } #PageIndex #BtmBoxInner .left h3 { background: url(../img/icon_report.png) no-repeat scroll 15px top transparent; background-size: 35px 35px; } #PageIndex #BtmBoxInner .right h3 { background: url(../img/icon_schedule.png) no-repeat scroll 12px top transparent; background-size: 36px 40px; } #PageIndex #BtmBoxInner h3 span { color: #0e984e; } #PageIndex #BtmBoxInner dl { margin: 0 0 0 0; padding: 12px 12px; _zoom: 1; overflow: hidden; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageIndex #BtmBoxInner dl.first { background: none; } #PageIndex #BtmBoxInner dl dt { clear: both; width: 118px; float: left; font-size: 13px; color: #777; line-height: 24px; } #PageIndex #BtmBoxInner dl dd { width: 855px; float: left; font-size: 16px; font-weight: bold; line-height: 24px; } #PageIndex #BtmBoxInner .moreLink li a { display: block; width: auto; height: 41px; font-size: 14px; font-weight: bold; color: #fff; line-height: 36px; letter-spacing: 1px; text-align: center; background: url(../img/contents/pc_top_btn_more_03.png) no-repeat scroll -1px top transparent; } #PageIndex #BtmBoxInner .blog .moreLink{ margin-top: 52px; } #PageIndex #BtmBoxInner .right .facebook-wrapper{ margin-top: 12px; } /* #InstagramBox */ #PageIndex #InstagramBox{ height:200px; border-top:1px solid #dfdbd6; background-color:#f8f5f1; } #PageIndex #InstagramBox .instagramWarp{ margin:0 auto; width:1000px; display:table; } #PageIndex #InstagramBox .instagramWarp h3, #PageIndex #InstagramBox ul#instafeed{ display:table-cell; } #PageIndex #InstagramBox h3{ width:200px; height:200px; float:left; background:url(../img/contents/pc_top_insta_title.png) no-repeat 19px 63px; text-indent:-9999px; } #PageIndex #InstagramBox #slideFrameContainer { width:800px; height: 200px; float:right; overflow: hidden; } #PageIndex #InstagramBox .slideFrame { width: 1000px; } #PageIndex #InstagramBox ul#instafeed-sp { display: none; } #PageIndex #InstagramBox ul#instafeed{ width:800px; font-size:0; letter-spacing:0; } #PageIndex #InstagramBox ul#instafeed li { display: inline-block; vertical-align: top; margin:0 1px 0 0; width:200px; height:200px; min-height:200px; } #PageIndex #InstagramBox ul#instafeed li a{ position:relative; display: block; width:200px; height:200px; background-position: 50%; background-size: cover; } #PageIndex #InstagramBox ul#instafeed li a:hover{ opacity:0.7; } #PageIndex #InstagramBox ul#instafeed li a img{ display:none; } /*#################### 盲導犬を希望する ####################*/ /* index */ #PageApplication.pageIndex #Box01 { margin: 0 0 30px 0; } #PageApplication.pageIndex .introBox { margin: 0 0 40px 0; padding: 0 0 20px 0; position: relative; } #PageApplication.pageIndex .introBox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; position: relative; } #PageApplication.pageIndex .introBox .point { margin: 0 auto 20px; width: 640px; } #PageApplication.pageIndex .introBox .point::after{ content: ""; display: block; clear: both; } #PageApplication.pageIndex .introBox .point li { margin: 0 10px; padding: 47px 0 0 0; width: 140px; height: 93px; float: left; font-size: 16px; font-weight: bold; color: #fff; line-height: 22px; text-align: center; background: url(../img/contents/bg_application_circle.gif) no-repeat scroll left top transparent; background-size: 140px; } #PageApplication.pageIndex .introBox p.catch { clear: both; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 30px; text-align: center; letter-spacing: 1px; } #PageApplication.pageIndex .introBox .link li { text-align: center; } #PageApplication.pageIndex .link li a { display: inline-block; padding-left: 28px; min-height: 22px; font-size: 14px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } #PageApplication.pageIndex .contentsBox01 { margin: 0 0 25px 0; } #PageApplication.pageIndex .contentsBox01 p { margin: 0 0 5px 0; color: #555; } #PageApplication.pageIndex .contentsBox01 p strong { color: #333; } #PageApplication.pageIndex .contentsBox01 p a { color: #555; text-decoration: none; } #PageApplication.pageIndex .contentsBox01 p a:hover { cursor: default; } /* flow */ #PageApplication.pageFlow #Box01 { margin: 0 0 10px 0; } /* faq */ #PageApplication.pageFaq #Box01 { margin: 0 0 30px 0; } #PageApplication.pageFaq #Main h4 { margin: 0 0 0 0; } #PageApplication.pageFaq .contentsBox01 dl { background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; padding: 0 0 18px 0px; } #PageApplication.pageFaq .contentsBox01 dt { padding: 20px 0 0 50px; font-size: 18px; font-weight: bold; position: relative; } #PageApplication.pageFaq .contentsBox01 dd { padding: 10px 0 0 50px; position: relative; line-height: 28px; color: #555; } #PageApplication.pageFaq .contentsBox01 dl.last { background: none; } #PageApplication.pageFaq .contentsBox01 .q { display: block; width: 38px; height: 34px; background: url(../img/icon_q.gif) no-repeat; background-size: 38px 34px; text-indent: -9999px; position: absolute; top: 20px; left: 0px; } #PageApplication.pageFaq .contentsBox01 .a { display: block; width: 38px; height: 34px; background: url(../img/icon_a.gif) no-repeat; background-size: 38px 34px; text-indent: -9999px; position: absolute; top: 10px; left: 0px; } /* voice */ #PageApplication.pageVoice #Box01 { margin: 0 0 40px 0; } #PageApplication.pageVoice #Main .contentsBox01 { margin: 0 0 20px 0; } #PageApplication.pageVoice #Main p.name { margin-bottom: 25px; padding: 0 0 0 50px; font-size: 14px; font-weight: normal; color: #555; line-height: 52px; border-radius: 8px; background: url(../img/icon_person.gif) no-repeat scroll 15px center transparent; background-size: 24px 24px; background-color: #f6f6f6; } #PageApplication.pageVoice #Main p.last { margin-bottom: 0; } #PageApplication.pageVoice #Main .borderBox { margin-top: 25px; } /*#################### 盲導犬を知る ####################*/ /* index */ #PageKnowledge.pageIndex #Box01 { margin-bottom: 40px; } #PageKnowledge.pageIndex .introBox { margin-bottom: 33px; background: none; } #PageKnowledge.pageIndex .introBox .photo { margin-bottom: 33px; } #PageKnowledge.pageIndex .menuBox .wrap { margin: 0 -21px 0 -5px; } #PageKnowledge.pageIndex .menuBox .menuInner { margin: 0 15px 20px 0; width: 238px; float: left; } #PageKnowledge.pageIndex .menuBox .menuInner .photo { margin: 0 0 8px 0; } #PageKnowledge.pageIndex .menuBox .menuInner ul li { } #PageKnowledge.pageIndex .menuBox .menuInner ul li li { line-height: 20px; } #PageKnowledge.pageIndex .menuBox .menuInner ul li a { display: inline-block; padding-left: 28px; min-height: 22px; font-size: 16px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } #PageKnowledge.pageIndex .menuBox .menuInner ul li li a { display: inline-block; padding-left: 24px; font-size: 14px; font-weight: normal; color: #555; line-height: 18px; text-decoration: none; background: url(../img/icon_arrow_02.png) no-repeat scroll 10px 6px transparent; background-size: 5px 7px; } #PageKnowledge.pageIndex .menuBox .menuInner ul li li a:hover { text-decoration: underline; } /* history */ #PageKnowledge.pageHistory #Box01 { margin-bottom: 30px; } #PageKnowledge.pageHistory .contentsBox .intro { margin-bottom: 25px; } #PageKnowledge.pageHistory .contentsBox .intro span.note { display: inline-block; font-size: 12px; color: #777; line-height: 21px; } #PageKnowledge.pageHistory .contentsBox02 .photoL { margin-top: -10px; } #PageKnowledge.pageHistory .contentsBox02.photoR { margin-bottom: 30px; } #PageKnowledge.pageHistory .contentsBox02 .photo2 { margin: 0 0 10px 25px; padding-top: 6px; width: 272px; } #PageKnowledge.pageHistory .contentsBox02 .photo2 { margin: 0 25px 10px 0; padding-top: 6px; width: 272px; float: left; } #PageKnowledge.pageHistory .contentsBox02 .photo2t { margin-bottom: 20px; padding-top: 6px; } #PageKnowledge.pageHistory .contentsBox01 .lawBox { margin: 0 0 18px 0; padding: 25px 32px; line-height: 27px; border-radius: 10px / 10px; border: 1px solid #dcf200; background-color: #fdffe9; } #PageKnowledge.pageHistory .contentsBox01 .lawBox dd a { font-weight: bold; } #PageKnowledge.pageHistory .contentsBox01 .lawBox dt { font-size: 22px; color: #0e984e; font-weight: bold; margin: 0 0 15px 0; } #PageKnowledge.pageHistory .contentsBox01 .green_b { margin: 0 0 15px 0; padding: 0 0 20px 0; font-size: 16px; line-height: 28px; border-bottom: 1px solid #ecf874; } #PageKnowledge.pageHistory .contentsBox01 .green { font-size: 14px; line-height: 24px; color: #0e984e; } #PageKnowledge.pageHistory .contentsBox01 .space { margin-bottom: 16px; } #PageKnowledge.pageHistory .contentsBox01 .empty_b { margin-bottom: 15px; line-height: 28px; } #PageKnowledge.pageHistory .contentsBox01 .mid { padding: 20px 0; border-top: 1px solid #ecf874; border-bottom: 1px solid #ecf874; line-height: 24px; } #PageKnowledge.pageHistory .contentsBox01 .lasty { margin: 20px 0 0 10px; } #PageKnowledge.pageTraining ul.photoList { margin-right: -16px; bargin-bottom: 8px; } /* training */ #PageKnowledge.pageTraining #Box01 { margin-bottom: 60px; } #PageKnowledge.pageTraining .photoList { padding-top: 6px; _zoom: 1; overflow: hidden; } #PageKnowledge.pageTraining .photoList li { display: block; margin: 0 16px 10px 0; width: 214px; float: left; font-size: 12px; color: #d29131; line-height: 18px; text-align: center; } #PageKnowledge.pageTraining .photoList li img { margin: 0 0 6px 0; } #PageKnowledge.pageTraining .yudoList { margin: -15px 0 0 0; } #PageKnowledge.pageTraining .yudoList li { margin: 0 0 0 0; font-weight: bold; line-height: 28px; } #PageKnowledge.pageTraining #Sec06 ul { margin-bottom: 10px; } #PageKnowledge.pageTraining #Sec06 ul li { font-size: 14px; font-weight: normal; color: #d29131; line-height: 24px; } /* activity */ #PageKnowledge.pageActivity #Box01 { margin-bottom: 30px; } #PageKnowledge.pageActivity .figBox dl, #PageKnowledge.pageActivity .tableBox dl { margin: 0 0 8px 0; text-align: center; } #PageKnowledge.pageActivity .figBox dl dt, #PageKnowledge.pageActivity .tableBox dl dt { display: inline-block; margin-bottom: 10px; padding: 0 15px; height: 29px; font-size: 14px; font-weight: bold; color: #0e984e; line-height: 29px; border: 2px solid #abe4c5; border-radius: 16px; } .mac #PageKnowledge.pageActivity .figBox dl dt, .mac #PageKnowledge.pageActivity .tableBox dl dt { line-height: 32px; } #PageKnowledge.pageActivity .figBox dl dd, #PageKnowledge.pageActivity .tableBox dl dd { font-size: 14px; color: #777; line-height: 24px; } #PageKnowledge.pageActivity .fig { margin: 0 0 20px 0; } #PageKnowledge.pageActivity .catch { margin: 20px 0 20px 0; padding: 24px 0 0 0; font-size: 18px; font-weight: bold; letter-spacing: -1px; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageKnowledge.pageActivity .tableBox dl { margin: 0 0 14px 0; } #PageKnowledge.pageActivity .table { margin: 0 -11px 20px 0; } #PageKnowledge.pageActivity .table table { margin: 0 11px 0 0; width: 138px; float: left; } #PageKnowledge.pageActivity .table table th { padding: 9px 0 10px 10px; width: 67px; font-size: 12px; font-weight: bold; line-height: 20px; vertical-align: middle; } #PageKnowledge.pageActivity .table table td { padding: 9px 0 10px 0; font-size: 14px; font-weight: bold; color: #eaa134; line-height: 20px; text-align: center; vertical-align: middle; } /* trainer */ #PageKnowledge.pageTrainer #Box01 { margin-bottom: 30px; } #PageKnowledge.pageTrainer #Main h4 { margin-bottom: 20px; } #PageKnowledge.pageTrainer #Main .borderBox.box01 { margin-bottom: 10px; } #PageKnowledge.pageTrainer #Main .borderBox.box02 { margin-bottom: 25px; } #PageKnowledge.pageTrainer #Main #Sec04 .photo { margin-bottom: 20px; } #PageKnowledge.pageTrainer #Main .studyList { clear: both; margin: 0 0 20px 0; padding: 14px 0 0 0; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageKnowledge.pageTrainer #Main .studyList li { margin: 0 0 12px 0; padding: 0 0 12px 1.7em; font-size: 14px; font-weight: bold; line-height: 25px; text-indent: -1.7em; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; } #PageKnowledge.pageTrainer #Main .studyList li:last-child { letter-spacing: -1px; } /* law */ #PageKnowledge.pageLaw #Box01 { margin-bottom: 30px; } #PageKnowledge.pageLaw #Main h4.baloon { margin-bottom: 16px; padding: 16px 0 0 0; height: 50px; font-size: 18px; font-weight: bold; color: #fff; line-height: 20px; text-align: center; background: url(../img/contents/pc_title_h4_baloon.gif) no-repeat scroll left top transparent; } #PageKnowledge.pageLaw #Main p.last { margin-bottom: 30px; } #PageKnowledge.pageLaw #Main .contentsBox01 dl { margin: 0 0 20px 0; border-radius: 8px; border: 1px solid #ddd; } #PageKnowledge.pageLaw #Main .contentsBox01 dl dt { padding-left: 28px; font-size: 18px; font-weight: bold; color: #0e984e; line-height: 49px; border-bottom: 1px solid #ddd; border-radius: 8px 8px 0 0; background-color: #f8f8f8; } #PageKnowledge.pageLaw #Main .contentsBox01 dl dd { padding: 20px 28px 10px 28px; } #PageKnowledge.pageLaw #Main .contentsBox01 dl dd p { margin-bottom: 10px; font-size: 14px; color: #333; line-height: 24px; } /* disease */ #PageKnowledge.pageDisease #Box01 { margin-bottom: 60px; } #PageKnowledge.pageDisease .figBox dl { margin: 0 0 8px 0; text-align: center; } #PageKnowledge.pageDisease .figBox .caption { text-align: center; } #PageKnowledge.pageDisease .figBox dl dt, #PageKnowledge.pageDisease .figBox .caption span.inner { display: inline-block; margin-bottom: 10px; padding: 0 15px; height: 29px; font-size: 14px; font-weight: bold; color: #0e984e; line-height: 29px; border: 2px solid #abe4c5; border-radius: 16px; } .mac #PageKnowledge.pageDisease .figBox dl dt, .mac #PageKnowledge.pageDisease .figBox .caption { line-height: 32px; } #PageKnowledge.pageDisease .figBox dl dd { margin-bottom: 20px; font-size: 14px; color: #777; line-height: 24px; } #PageKnowledge.pageDisease #Sec01 .fig { margin: 0 auto 40px auto; width: 580px; } #PageKnowledge.pageDisease #Sec02 .fig { margin: 0 auto 20px auto; width: 580px; } #PageKnowledge.pageDisease #Sec04 .fig { margin: 0 auto 28px auto; width: 580px; } #PageKnowledge.pageDisease #Sec05 .fig { margin: 0 auto 20px auto; width: 580px; } #PageKnowledge.pageDisease #Sec01 .fig img { width: 580px; height: 320px; } #PageKnowledge.pageDisease #Sec02 .fig img { width: 580px; height: 350px; } #PageKnowledge.pageDisease #Sec04 .fig img { width: 534px; height: 328px; } #PageKnowledge.pageDisease #Sec05 .fig img { width: 534px; height: 328px; } #PageKnowledge.pageDisease .pointList { margin: 0 0 30px 0; padding: 23px 0 0 0; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageKnowledge.pageDisease .pointList li { margin: 0 0 23px 0; padding: 4px 0 24px 90px; font-size: 14px; font-weight: bold; line-height: 24px; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; position: relative; } #PageKnowledge.pageDisease .pointList li .point { display: block; padding: 36px 0 0 0; width: 70px; height: 34px; font-size: 9px; font-weight: bold; color: #fff4eb; line-height: 30px; text-align: center; background: url(../img/contents/icon_law_step.gif) no-repeat scroll left top transparent; background-size: 70px 70px; position: absolute; top: 0; left: 0; } #PageKnowledge.pageDisease .pointList li .point .num { display: block; width: 70px; height: 70px; font-size: 30px; font-weight: bold; color: #fff; line-height: 30px; position: absolute; top: 13px; left: 0px; } #PageKnowledge.pageDisease #Sec04 .pointList { margin: 0 0 25px 0; } #PageKnowledge.pageDisease #Sec04 .pointList li { padding-bottom: 18px; font-weight: normal; } #PageKnowledge.pageDisease #Sec04 .pointList li strong { font-size: 16px; line-height: 28px; } #PageKnowledge.pageDisease .contentsBox01 .lawBox { margin: 0 0 20px 0; padding: 25px 32px 10px 32px; line-height: 27px; border-radius: 10px / 10px; border: 1px solid #dcf200; background-color: #fdffe9; } #PageKnowledge.pageDisease .contentsBox01 .lawBox dt { margin: 0 0 12px 0; font-size: 18px; color: #0e984e; font-weight: bold; } #PageKnowledge.pageDisease .contentsBox01 .lawBox dd p { margin-bottom: 10px; font-size: 14px; line-height: 25px; } #PageKnowledge.pageDisease .contentsBox01 .lawBox dd a { font-weight: bold; } /*#################### 盲導犬育成を応援する ####################*/ /* index */ #PageSupport.pageIndex #Box01 { margin-bottom: 40px; } #PageSupport.pageIndex .introBox { margin-bottom: 32px; background: none; } #PageSupport.pageIndex .introBox .photo { margin-bottom: 32px; } #PageSupport.pageIndex .menuBox.wrap { margin: 0 -21px 0 -5px; } #PageSupport.pageIndex .menuBox h3 { margin-bottom: 15px; padding: 0 0 0 0; font-size: 18px; font-weight: bold; color: #0e984e; line-height: 40px; border: none; border-bottom: 1px solid #cdded5; border-radius: 0px; box-shadow: none; } #PageSupport.pageIndex #Sub h3 { box-shadow: none; } #PageSupport.pageIndex .menuBox .menuLeft { margin: 0 21px 0 0; width: 361px; float: left; } #PageSupport.pageIndex .menuBox .menuRight { margin: 0 0 0 0; width: 361px; float: left; } #PageSupport.pageIndex .menuBox .menu03 { margin-top: 21px; } #PageSupport.pageIndex .menuBox .photo { margin: 0 0 6px 0; } #PageSupport.pageIndex .menuBox p.linkText { display: block; font-size: 14px; font-weight: bold; line-height: 20px; } #PageSupport.pageIndex .menuBox ul li { margin: 0 0 4px 0; } #PageSupport.pageIndex .menuBox ul li span.note { margin: 0 0 18px 0; display: block; font-size: 14px; color: #555; line-height: 20px; } #PageSupport.pageIndex .menuBox ul li a { display: inline-block; padding-left: 28px; min-height: 22px; font-size: 16px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } /* individual */ #PageSupport.pageIndividual #Box01 { margin-bottom: 60px; } #PageSupport.pageIndividual .baloon { display: inline-block; vertical-align: middle; padding: 0 10px 0 12px; color: #fff; background: #55bb84; font-size: 13px; line-height: 36px; height: 36px; position: relative; width: auto; min-width: 115px; text-align: center; z-index: 0; margin-right: 13px; top: -2px; } #PageSupport.pageIndividual .baloon:after { content: ""; position: absolute; top: 50%; right: -7px; margin-top: -14px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 14px 0 14px 17px; border-color: transparent transparent transparent #55bb84; z-index: -1; } #PageSupport.pageIndividual .contentsBox01 dl.kouza { margin: 15px 0 15px 0; font-weight: bold; } #PageSupport.pageIndividual .contentsBox01 dl.kouza dt { float: left; width: 5em; clear: both; } #PageSupport.pageIndividual .contentsBox01 dl.kouza dd { margin-left: 5em; } #PageSupport.pageIndividual .contentsBox01 .over { overflow: hidden; } #PageSupport.pageIndividual .contentsBox01 .textSl { float: left; width: 434px; } #PageSupport.pageIndividual .contentsBox01 .textSl .tableBox td { color: #eaa134; font-weight: bold; letter-spacing: 1.5px; } #PageSupport.pageIndividual .contentsBox01 .photoSr { float: right; width: 290px; } #PageSupport.pageIndividual .contentsBox01 .photoSr ul li { display: inline; line-height: 8px; } #PageSupport.pageIndividual .contentsBox01 ul.bankList li { font-size: 14px; display: inline; background: url(../img/icon_blank.png) no-repeat 0 5px; background-size: 11px 11px; padding-left: 16px; margin: 0 0 0 40px; } #PageSupport.pageIndividual .contentsBox01 ul.bankList li:first-child { margin-left: 0; } #PageSupport.pageIndividual .borderBox.gray { padding-top: 16px; border-color: #ddd; background-color: #f8f8f8; } #PageSupport.pageIndividual .contentsBox01 .note { font-size: 14px; color: #777777; } #PageSupport.pageIndividual .contentsBox01 .noteM { margin-bottom: 0; font-size: 14px; line-height: 24px; } #PageSupport.pageIndividual .contentsBox01 .dotH { background: url("../img/line_broken_01.png") repeat-x scroll left bottom, url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px; margin-bottom: 20px; padding: 16px 0 16px 0; } #PageSupport.pageIndividual .contentsBox01 .dotH.first { background: url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px; padding-bottom: 0; } #PageSupport.pageIndividual .contentsBox01 .dotH.last{ background: url("../img/line_broken_01.png") repeat-x scroll left bottom; background-size:6px 1px; padding-top: 0; } #PageSupport.pageIndividual .contentsBox01 .dotH p { font-size: 14px; } #PageSupport.pageIndividual .contentsBox01 .kouzaTable td { color: #eaa134; font-weight: bold; } #PageSupport.pageIndividual .b_Ntable { margin: 0 15px 8px 0; } #PageSupport.pageIndividual .b_Ntable th { padding-right: 0; width: 204px; } #PageSupport.pageIndividual .b_Ntable th span{ font-size: 12px; } #PageSupport.pageIndividual .b_Ntable tr:first-of-type th span{ /*追加*/ display: inline-block; margin: 4px 0; } #PageSupport.pageIndividual .b_Ntable th.b_Nwid1 { padding-right: 0; width: 204px; } /*individual 各種寄付方法(修正)*/ #PageSupport.pageIndividual .contentsBox p{ text-align: justify; } #PageSupport.pageIndividual .contentsBox01 p.leadMsg{ margin-bottom: 30px; } #PageSupport.pageIndividual .contentsBox01 ul.method li{ float: left; margin-right: 15px; margin-bottom: 9px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox{ clear: both; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul::after{ content: ""; display: block; clear: both; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li{ float: left; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li a:hover{ opacity: 0.8; } #PageSupport.pageIndividual .contentsBox01 .bnrBox p{ clear: both; } #PageSupport.pageIndividual .contentsBox01 .noteParagraph{ margin-bottom: 15px; } /* corporation */ #PageSupport.pageCorporation #Box01 { margin-bottom: 50px; } #PageSupport.pageCorporation .baloon { display: inline-block; vertical-align: middle; padding: 0 10px 0 12px; color: #fff; background: #55bb84; font-size: 13px; line-height: 36px; height: 36px; position: relative; width: auto; min-width: 115px; text-align: center; z-index: 0; margin-right: 13px; top: -2px; } #PageSupport.pageCorporation .baloon:after { content: ""; position: absolute; top: 50%; right: -7px; margin-top: -14px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 14px 0 14px 17px; border-color: transparent transparent transparent #55bb84; z-index: -1; } #PageSupport.pageCorporation .contentsBox01 dl.kouza { margin: 15px 0 15px 0; font-weight: bold; } #PageSupport.pageCorporation .contentsBox01 dl.kouza dt { float: left; width: 5em; clear: both; } #PageSupport.pageCorporation .contentsBox01 dl.kouza dd { margin-left: 5em; } #PageSupport.pageCorporation .contentsBox01 .mar_z { margin: 0; } #PageSupport.pageCorporation .contentsBox01 .mar_t { margin: 10px 0 0 0; } #PageSupport.pageCorporation .contentsBox01 .areaBox dt { float: left; width: 3em; clear: both; font-size: 14px; font-weight: bold; line-height: 24px; } #PageSupport.pageCorporation .contentsBox01 .areaBox dd { margin-left: 4.5em; font-size: 14px; font-weight: bold; line-height: 24px; } #PageSupport.pageCorporation .contentsBox01 dl.noteList dt { float: left; width: 2em; clear: both; font-size: 14px; font-weight: bold; line-height: 24px; } #PageSupport.pageCorporation .contentsBox01 dl.noteList dd { margin-left: 1em; font-size: 14px; font-weight: bold; line-height: 24px; } #PageSupport.pageCorporation .b_Ntable { margin-bottom: 7px; } #PageSupport.pageCorporation .b_Ntable th { padding-right: 0; width: 50%; } #PageSupport.pageCorporation .b_Ntable th.b_Nwid1 { padding-right: 0; width: 50%; } #PageSupport.pageCorporation .b_Ntable td { padding-right: 0; } #PageSupport.pageCorporation .contentsBox01 .over { overflow: hidden; } #PageSupport.pageCorporation .contentsBox01 .textSl { float: left; width: 434px; } #PageSupport.pageCorporation .contentsBox01 .textSl .tableBox td { color: #eaa134; font-weight: bold; letter-spacing: 1.5px; } #PageSupport.pageCorporation .contentsBox01 .photoSr { margin-bottom: 10px; float: right; width: 300px; } #PageSupport.pageCorporation .contentsBox01 .photoSr ul li { display: inline; line-height: 8px; } #PageSupport.pageCorporation .contentsBox01 .note { font-size: 14px; color: #777777; } #PageSupport.pageCorporation .contentsBox01 .noteM { margin-bottom: 0; font-size: 14px; line-height: 24px; } #PageSupport.pageCorporation .contentsBox01 .dotH { background: url("../img/line_broken_01.png") repeat-x scroll left bottom, url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px,6px 1px; margin-bottom: 15px; padding: 16px 0 16px 0; } #PageSupport.pageCorporation .figBox { text-align: center; margin: 24px 0 36px 0; } #PageSupport.pageCorporation .figBox .gRad { font-size: 14px; font-weight: bold; padding: 6px 10px; border: 2px solid #abe4c5; border-radius: 20px / 20px; color: #0e984e; } #PageSupport.pageCorporation .caption { margin: 0 0 30px 0; } #PageSupport.pageCorporation .kaishu { margin-bottom: 8px; font-weight: bold; } /* public */ #PageSupport.pagePublic #Box01 { margin-bottom: 90px; } #PageSupport.pagePublic #main h3 { position: relative; } #PageSupport.pagePublic .baloon { display: inline-block; vertical-align: middle; padding: 0 10px 0 12px; color: #fff; background: #55bb84; font-size: 13px; line-height: 36px; height: 36px; position: relative; width: auto; min-width: 115px; text-align: center; z-index: 0; margin-right: 13px; top: -2px; } #PageSupport.pagePublic .baloon:after { content: ""; position: absolute; top: 50%; right: -7px; margin-top: -14px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 14px 0 14px 17px; border-color: transparent transparent transparent #55bb84; z-index: -1; } #PageSupport.pagePublic .exBox { width: 100%; margin-bottom: 18px; font-size: 14px; line-height: 25px; background: url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px; } #PageSupport.pagePublic .exBox+.last { clear: both; } #PageSupport.pagePublic h6 { color: #0e984e; font-size: 18px; font-weight: 600; margin-bottom: 12px; } #PageSupport.pagePublic .exBox dt { font-weight: bold; padding-top: 14px; } #PageSupport.pagePublic .exBox dd { padding: 2px 0px 22px 38px; background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; } #PageSupport.pagePublic .exBox dd img{ margin-top: 10px; } #PageSupport.pagePublic .areaBox2 dl { width: 100%; margin-bottom: 32px; font-size: 14px; line-height: 25px; background: url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px; } #PageSupport.pagePublic .areaBox2 dt { font-weight: bold; width: 110px; float: left; padding-top: 14px; } #PageSupport.pagePublic .areaBox2 dd { padding: 14px 0px 12px 110px; background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; } /* kazashite */ #PageSupport.pageKazashite #Box01 { margin-bottom: 65px; } #PageSupport.pageKazashite #Main h3 { margin-bottom: 24px; padding-left: 18px; } #PageSupport.pageKazashite .baloon { display: inline-block; vertical-align: middle; padding: 0 10px 0 12px; color: #fff; background: #55bb84; font-size: 13px; line-height: 36px; height: 36px; position: relative; width: auto; min-width: 115px; text-align: center; z-index: 0; margin-right: 13px; top: -2px; } #PageSupport.pageKazashite .baloon:after { content: ""; position: absolute; top: 50%; right: -7px; margin-top: -14px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 14px 0 14px 17px; border-color: transparent transparent transparent #55bb84; z-index: -1; } #PageSupport.pageKazashite .introBox { margin-bottom: 18px; padding: 0 0 20px 0; background-image: url(../img/contents/pc_bg_introbox.png); } #PageSupport.pageKazashite .contentsBox01:nth-of-type(3) h4.stamp{ margin-bottom: 21px; } #PageSupport.pageKazashite .intro{ margin-bottom: 17px; } #PageSupport.pageKazashite .pageMenu{ margin-bottom: 27px; } #PageSupport.pageKazashite .introBox .photo { margin-bottom: 24px; text-align: center; border: none; border-radius: 0px; box-shadow: none; } #PageSupport.pageKazashite .introBox .photo img { width: auto; height: auto; } #PageSupport.pageKazashite .introBox p.catch { font-size: 20px; font-weight: bold; color: #0e984e; line-height: 30px; text-align: center; letter-spacing: 0.8px; } #PageSupport.pageKazashite .pointList { } #PageSupport.pageKazashite .pointList { margin: 30px -14px 24px -11px; padding: 0 0 0 0; } #PageSupport.pageKazashite .pointList li { margin: 0 0 0 0; padding: 93px 0 0 0; width: 253px; float: left; font-size: 22px; font-weight: bold; color: #0e984e; line-height: 30px; text-align: center; background: url(../img/line_broken_02.gif) repeat-y scroll right top transparent; position: relative; } #PageSupport.pageKazashite .pointList li.point03 { background: none; } #PageSupport.pageKazashite .pointList li span.note { margin: 0; display: block; font-size: 14px; font-weight: normal; color: #555; line-height: 24px; text-align: center; } #PageSupport.pageKazashite .pointList li.point02 span.note { margin-top: 9px; padding-left: 0.5em; padding-right: 0.5em; } #PageSupport.pageKazashite .pointList li.point03 span.note { letter-spacing: -1.5px; } #PageSupport.pageKazashite .pointList li .point { display: block; padding: 36px 0 0 0; width: 70px; height: 42px; font-size: 9px; font-weight: bold; color: #fff4eb; line-height: 30px; text-align: center; background: url(../img/contents/icon_kazashite_step.gif) no-repeat scroll left top transparent; position: absolute; top: 3px; left: 92px; } #PageSupport.pageKazashite .pointList li .point .num { display: block; width: 70px; height: 78px; font-size: 30px; font-weight: bold; color: #fff; line-height: 30px; position: absolute; top: 13px; left: 0px; } #PageSupport.pageKazashite .apliList { margin: 20px 0 20px 0; border: 1px solid #ddd; _zoom: 1; overflow: hidden; } #PageSupport.pageKazashite .apliList dl { width: 366px; float: left; text-align: center; } #PageSupport.pageKazashite .apliList dl.ios { border-right: 1px solid #ddd; } #PageSupport.pageKazashite .apliList dl.android { width: 365px; } #PageSupport.pageKazashite .apliList dl dt { padding: 20px 0 0 0; } #PageSupport.pageKazashite .apliList dl.android dt { margin-bottom: 2px; padding: 18px 0 0 0; } #PageSupport.pageKazashite .apliList dl dt a:hover { opacity: 0.8; -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); text-decoration: none; } #PageSupport.pageKazashite .apliList dl dd { margin-bottom: 6px; font-size: 14px; color: #666; line-height: 24px; } #PageSupport.pageKazashite .apliList dl.ios dd { position: relative; top: -4px; } #PageSupport.pageKazashite #Sec03 h5 { margin-bottom: 22px; } #PageSupport.pageKazashite .stepList li { line-height: 26px; } #PageSupport.pageKazashite .stepList li span.note { font-size: 14px; color: #555; line-height: 28px; } #PageSupport.pageKazashite .stepList .bunnerBox { margin-top: 3px; width: 232px; height: 58px; background-color: #00b554; } #PageSupport.pageKazashite .stepList .bunnerBox02{ margin-top: -2px; width: 232px; } #PageSupport.pageKazashite .stepList .bunnerBox::after{ content: ""; display: block; clear: both; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner { float: left; display: block; width: 212px; height: 42px; margin-top: 8px; margin-left: 10px; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner:hover{ opacity: 0.8; } #PageSupport.pageKazashite .stepList li.last { background-position: left top !important; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner01 { background: url(../img/contents/bnr_tunagaru_01.png) no-repeat; -webkit-background-size: 212px 42px; background-size: 212px 42px; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner02 { background: url(../img/contents/bnr_tunagaru_02.png) no-repeat; -webkit-background-size: 212px 42px; background-size: 212px 42px; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner03 { background: url(../img/contents/bnr_tunagaru_03.png) no-repeat; -webkit-background-size: 212px 42px; background-size: 212px 42px; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner a{ display: block; width: 100%; height: 100%; text-indent: -9999px; font-size: 0; } #PageSupport.pageKazashite .borderBox.yellow{ padding-left: 22px; padding-bottom: 20px; } #PageSupport.pageKazashite .contentsBox02 { padding: 0 0 13px 0; position: relative; } #PageSupport.pageKazashite .contentsBox02.other { margin: 0 0 8px 0; } #PageSupport.pageKazashite .contentsBox02 ul.bnr { position: absolute; top: 68px; right: 0px; } #PageSupport.pageKazashite .contentsBox02.softbank ul.bnr li a { display: block; width: 200px; height: 40px; background: url(../img/contents/bnr_kazashite_01.gif) no-repeat scroll left top transparent; background-size: 200px 40px; text-indent: -9999px; } #PageSupport.pageKazashite .contentsBox02.other ul.bnr li a { display: block; width: 200px; height: 40px; background: url(../img/contents/bnr_kazashite_02.gif) no-repeat scroll left top transparent; background-size: 200px 40px; text-indent: -9999px; } #PageSupport.pageKazashite .contentsBox02.softbank .step01 .dispsp, #PageSupport.pageKazashite .contentsBox02.other .step01 .dispsp{ display: block; } #PageSupport.pageKazashite .contentsBox02.softbank .dispsp a, #PageSupport.pageKazashite .contentsBox02.other .dispsp a { display: block; width: 200px; height: 40px; text-indent: -9999px; } #PageSupport.pageKazashite .contentsBox02.softbank .dispsp a{ background: url(../../common/img/contents/bnr_kazashite_01.gif) no-repeat scroll left top transparent; background-size: 200px 40px; } #PageSupport.pageKazashite .contentsBox02.other .dispsp a { background: url(../../common/img/contents/bnr_kazashite_02.gif) no-repeat scroll left top transparent; background-size: 200px 40px; } #PageSupport.pageKazashite .photoList { margin: 20px 0 20px 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; _zoom: 1; overflow: hidden; } #PageSupport.pageKazashite .photoList li { float: left; font-size: 14px; color: #666; line-height: 24px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; } #PageSupport.pageKazashite .photoList li.menu01 { width: 240px; height: 276px; padding: 23px 0 0 0; } #PageSupport.pageKazashite .photoList li.menu02 { width: 252px; height: 245px; padding: 54px 0 0 0; } #PageSupport.pageKazashite .photoList li.menu03 { width: 238px; height: 277px; padding: 22px 0 0 0; } #PageSupport.pageKazashite .photoList li.menu04 { width: 240px; height: 269px; padding: 30px 0 0 0; } #PageSupport.pageKazashite .photoList li.menu05 { width: 252px; height: 269px; padding: 30px 0 0 0; } #PageSupport.pageKazashite .photoList li.menu06 { width: 238px; height: 198px; padding: 101px 0 0 0; } #PageSupport.pageKazashite .photoList li p.caption { margin: 0; width: 100%; font-size: 14px; color: #666; line-height: 24px; position: absolute; bottom: 20px; left: 0px; } #PageSupport.pageKazashite .photoList li.menu06 { font-size: 20px; font-weight: bold; color: #0e984e; line-height: 30px; } /* houshou */ #PageSupport.pageHoushou .baloon { display: inline-block; vertical-align: middle; padding: 0 10px 0 12px; color: #fff; background: #55bb84; font-size: 13px; line-height: 36px; height: 36px; position: relative; width: auto; min-width: 115px; text-align: center; z-index: 0; margin-right: 13px; top: -2px; } #PageSupport.pageHoushou .baloon:after { content: ""; position: absolute; top: 50%; right: -7px; margin-top: -14px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 14px 0 14px 17px; border-color: transparent transparent transparent #55bb84; z-index: -1; } #PageSupport.pageHoushou .contentsBox p{ letter-spacing: -0.02em; } #PageSupport.pageHoushou .contentsBox .introCont{ margin-top: -30px; } #PageSupport.pageHoushou .contentsBox .introCont strong{ margin-left: -4px; } #PageSupport.pageHoushou .contentsBox .imgBox{ display: flex; align-items: flex-end; margin-bottom: 23px; } #PageSupport.pageHoushou .contentsBox .imgBox .imgTitle{ margin: 0px 0 0 18px; line-height: 1em; } #PageSupport.pageHoushou .contentsBox .note{ font-size: 14px; margin-bottom: 0; line-height: 1.8; color: #555555; } #PageSupport.pageHoushou .contentsBox .contact{ margin-top: 15px; margin-bottom: 17px; letter-spacing: -0.08em; } #PageSupport.pageHoushou .contentsBox .contact a{ font-weight: normal; } /* volunteer index */ #PageSupport.pageVolunteer.index #Main h3 { background: url(https://kansai-guidedog.jp/common/img/contents/img_support_volunteer_00_01.jpg); width: 704px; height: 57px; position: relative; border: 7px solid #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding: 194px 0px 7px 16px; color: #ffffff; } #PageSupport.pageVolunteer.index #Main h3 span { display: block; width: 23px; height: 14px; background: url(https://kansai-guidedog.jp/common/img/contents/sp_img_support_volunteer_00_01_1.png) no-repeat scroll left top transparent; position: absolute; bottom: -12px; left: 20px; } #PageSupport.pageVolunteer.index #Sub h4.current a { color: #95d1af; } #PageSupport.pageVolunteer.index .link li a { display: inline-block; padding-left: 28px; min-height: 22px; font-size: 14px; font-weight: bold; line-height: 24px; background: url(https://kansai-guidedog.jp/common/img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } #PageSupport.pageVolunteer.index #Footer { margin-top: 61px; } #PageSupport.pageVolunteer.index .red { color: #f45151; } /* volunteer puppy */ #PageSupport.pageVolunteer.puppy #main h3 { position: relative; } #PageSupport.pageVolunteer.puppy .baloon { display: inline-block; vertical-align: middle; padding: 0 10px 0 12px; color: #fff; background: #55bb84; font-size: 13px; line-height: 36px; height: 36px; position: relative; width: auto; min-width: 115px; text-align: center; z-index: 0; margin-right: 13px; top: -2px; } #PageSupport.pageVolunteer.puppy .baloon:after { content: ""; position: absolute; top: 50%; right: -7px; margin-top: -14px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 14px 0 14px 17px; border-color: transparent transparent transparent #55bb84; z-index: -1; } #PageSupport.pageVolunteer.puppy .stampList { margin-bottom: 9px; } #PageSupport.pageVolunteer.puppy .stampList li { padding-left: 30px; font-size: 16px; font-weight: bold; line-height: 35px; background: url("../img/contents/icon_stamp.gif") no-repeat scroll left 5px transparent; background-size:22px 22px; } #PageSupport.pageVolunteer.puppy .red { color: #f45151; margin-top: -15px; } #PageSupport.pageVolunteer.puppy #Sec03 .stepList li { padding: 2px 0px 14px 40px; font-size: 16px; line-height: 28px; position: relative; background: url("../img/contents/bg_steplist_01.gif") no-repeat scroll left top transparent; background-size:32px 255px; } #PageSupport.pageVolunteer.puppy #Sec03 p { font-size: 13px; line-height: 24px; } #PageSupport.pageVolunteer.puppy #Sec03.contentsBox01 { margin: 0px 0px 40px; } #PageSupport.pageVolunteer .borderBox.yellow a { color: #D29131; } #PageSupport.pageVolunteer.index #Sub h4 a { color: #89cfaa; } /* volunteer change */ #PageSupport.pageVolunteer.change #Box01 { margin-bottom: 35px; } #PageSupport.pageVolunteer.change .baloon { display: inline-block; vertical-align: middle; padding: 0 10px 0 12px; color: #fff; background: #55bb84; font-size: 13px; line-height: 36px; height: 36px; position: relative; width: auto; min-width: 115px; text-align: center; z-index: 0; margin-right: 13px; top: -2px; } #PageSupport.pageVolunteer.change .baloon:after { content: ""; position: absolute; top: 50%; right: -7px; margin-top: -14px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 14px 0 14px 17px; border-color: transparent transparent transparent #55bb84; z-index: -1; } #PageSupport.pageVolunteer.change .stampList li { font-size: 16px; padding-left: 30px; font-weight: bold; line-height: 35px; background: url("../img/contents/icon_stamp.gif") no-repeat scroll left 5px transparent; background-size:22px 22px; } #PageSupport.pageVolunteer.change #Main h4.stamp { margin-bottom: 23px; } #PageSupport.pageVolunteer.change #Main #Sec02 h4.stamp { margin-bottom: 27px; } #PageSupport.pageVolunteer.change ul.ruleList { background: url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px; margin-bottom: 20px; } #PageSupport.pageVolunteer.change .ruleList li { font-size: 14px; font-weight: bold; line-height: 25px; padding: 13px 0px 13px 36px; background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; position: relative; } #PageSupport.pageVolunteer.change .ruleList li span.num { width: 36px; position: absolute; top: 15px; left: 0; display: block; } #PageSupport.pageVolunteer.change .ruleList .note { font-size: 14px; font-weight: normal; line-height: 25px; } /* volunteer group */ #PageSupport.pageVolunteer.group #main h3 { position: relative; } #PageSupport.pageVolunteer.group .baloon { display: inline-block; vertical-align: middle; padding: 0 10px 0 12px; color: #fff; background: #55bb84; font-size: 13px; line-height: 36px; height: 36px; position: relative; width: auto; min-width: 115px; text-align: center; z-index: 0; margin-right: 13px; top: -2px; } #PageSupport.pageVolunteer.group .baloon:after { content: ""; position: absolute; top: 50%; right: -7px; margin-top: -14px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 14px 0 14px 17px; border-color: transparent transparent transparent #55bb84; z-index: -1; } #PageSupport.pageVolunteer.group .contentsBox01 { margin-bottom: 50px; } #PageSupport.pageVolunteer.group .contentsBox01 p.last { margin: 0px 0px 40px; } /*#################### 活動予定・報告 ####################*/ #PageReport.pageIndex #Box01 { margin-bottom: 10px; } #PageReport.pageCategory #Box01, #PageReport.pageEntry #Box01 { margin-top: -5px; } #PageReport .introBox { /*padding-bottom: 25px; background-image: url(../img/contents/bg_report_heart.gif), url(../img/contents/pc_bg_introbox.gif); background-repeat: no-repeat, no-repeat; background-position: center 298px, center bottom; background-color: transparent, transparent;*/ } #PageReport.pageCategory .introBox, #PageReport.pageEntry .introBox { padding: 22px 0 25px 0; padding-bottom: 25px; background-image: url(../img/contents/bg_report_heart.gif), url(../img/contents/pc_bg_introbox.gif); background-repeat: no-repeat, no-repeat; background-position: center top, center bottom; background-color: transparent, transparent; } #PageReport .introBox .photo { margin-bottom: 48px; } #PageReport .introBox dl dd.price { margin-bottom: 8px; font-size: 36px; font-weight: bold; color: #0e984e; line-height: 1; } #PageReport .introBox dl dd.price .yen { font-size: 16px; } #PageReport .introBox dl dd.msg { font-size: 14px; font-weight: bold; line-height: 24px; } #PageReport .titleBox { position: relative; } #PageReport .titleBox .moreLink { width: 128px; height: 40px; position: absolute; top: 20px; left: 585px; } #PageReport .titleBox .moreLink a { display: block; width: 128px; height: 40px; font-size: 14px; font-weight: bold; color: #fff; line-height: 37px; letter-spacing: 1px; text-align: left; text-indent: 20px; background: url(../img/contents/pc_top_btn_more_03.gif) no-repeat scroll left top transparent; } #PageReport .entryList dl { margin-bottom: 18px; padding: 18px 0 0 0; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; _zoom: 1; overflow: hidden; } #PageReport .entryList dl.first, #PageReport.pageCategory .entryList dl.first { margin: -10px 0 18px 0; padding: 0 0 0 0; background: none; } #PageReport.pageEntry .entryList dl { margin-bottom: 18px; padding: 0 0 0 0; background: none; } #PageReport.pageCategory .entryList dl { margin: 0 0 18px 0; } #PageReport.pageEntry .entryList dl { margin: -10px 0 18px 0; } #PageReport .entryList dl dt { width: 124px; float: left; font-size: 13px; color: #777; line-height: 24px; } #PageReport .entryList dl.first dt, #PageReport.pageCategory .entryList dl dt, #PageReport.pageEntry .entryList dl dt { width: auto; float: none; font-size: 13px; color: #777; line-height: 24px; } #PageReport .entryList dl dd.title { width: 610px; float: left; font-size: 16px; font-weight: bold; line-height: 24px; } #PageReport .entryList dl.first dd.title, #PageReport.pageCategory .entryList dl dd.title { margin-bottom: 14px; width: auto; float: none; font-size: 20px; font-weight: bold; line-height: 28px; } #PageReport.pageEntry .entryList dl dd.title { margin-bottom: 24px; padding-bottom: 8px; width: auto; float: none; font-size: 22px; font-weight: bold; color: #0e984e; line-height: 32px; border-bottom: 1px solid #cdded5; } #PageReport .entryList dl dd.text { font-size: 14px; color: #555; line-height: 24px; } #PageReport .entryList dl dd.text a { color: #555; } #PageReport.pageEntry .entryList dl dd.text { font-size: 16px; color: #333; line-height: 24px; } #PageReport.pageEntry .entryList dl dd.text a { color: #2d72ab; } /*#################### 協会について ####################*/ #PageAbout #Box01 { margin-top: -3px; margin-bottom: 90px; } #PageAbout .introBox { padding-bottom: 16px; } #PageAbout #Sec02 .photo, #PageAbout #Sec03 .photo, #PageAbout #Sec04 .photo { margin-bottom: 20px; } #PageAbout #Sec02 .last, #PageAbout #Sec04 .last { margin-bottom: 0; } #PageAbout #Sec03 .last, #PageAbout #Sec05 .last { margin-bottom: 15px; } #PageAbout .access h5 { margin-top: -5px; margin-bottom: 20px; padding-left: 82px; min-height: 70px; font-size: 22px; font-weight: bold; color: #0e984e; line-height: 66px; } #PageAbout .access h5.train { background: url(../img/pc_title_train.gif) no-repeat scroll left top transparent; } #PageAbout .access h5.car { background: url(../img/pc_title_car.gif) no-repeat scroll left top transparent; } #PageAbout .access p.last { margin-bottom: 30px; } #PageAbout .access dl { margin-bottom: 10px; _zoom: 1; overflow: hidden; } #PageAbout .access dl dt { width: 120px; float: left; font-size: 14px; font-weight: bold; color: #d29131; line-height: 24px; } #PageAbout .access dl dd { width: 540px; float: left; font-size: 14px; color: #d29131; line-height: 24px; } #PageAbout #Gmap { overflow: hidden; margin-bottom: 10px; width: 732px; height: 266px; border: 1px solid #ddd; border-radius: 8px; } #PageAbout #Gmap iframe{ width: 732px; height: 266px; } #PageAbout .mapLink { margin-bottom: 30px; } #PageAbout .mapLink li a { padding-left: 16px; background: url(../img/icon_blank.png) no-repeat scroll left 4px transparent; background-size: 11px 11px; font-size: 14px; font-weight: bold; line-height: 24px; } /* index */ #PageAbout.pageIndex .contentsBox01 .yellow:after{ content:""; display:block; clear:both; } #PageAbout.pageIndex .contentsBox01 .yellow .textBox{ float: right; width: 545px; } #PageAbout.pageIndex .contentsBox01 .yellow .textBox h5{ margin-bottom: 18px; font-size: 18px; } #PageAbout.pageIndex .contentsBox01 .yellow .figureBox{ float: left; padding-left: 10px; margin-left: 0; width: 100px; text-align: center; } #PageAbout.pageIndex .contentsBox01 .yellow .figureBox figure{ margin-bottom: 5px; width: 100px; } #PageAbout.pageIndex .contentsBox01 .yellow .figureBox p{ line-height: 1.5; font-size: 12px; } #PageAbout.pageIndex #Sec05 ul li{ margin-bottom: 5px; } #PageAbout.pageIndex #Sec05 dl dt{ display: inline-block; width: 100px; } #PageAbout.pageIndex #Sec05 dl dd{ display: inline-block; } /* report */ #PageAbout.pageReport #Box01 { margin-bottom: 80px; } #PageAbout.pageReport #Main h4 { margin-bottom: 14px; } #PageAbout.pageReport .pdfList { margin-bottom: 10px; } #PageAbout.pageReport .pdfList li { background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageAbout.pageReport .pdfList li:first-child { background: none; } #PageAbout.pageReport .pdfList li a { display: block; padding-left: 28px; min-height: 49px; font-size: 16px; font-weight: bold; line-height: 49px; background: url(../img/icon_pdf.gif) no-repeat scroll 4px 18px transparent; background-size: 16px 16px; } /*#################### 見学・講演 ####################*/ #PageOrder.pageIndex #Box01 { margin-bottom: 70px; } #PageOrder.pageLecture #Box01 { margin-bottom: 35px; } #PageOrder.pageIndex #Main h4 { margin-bottom: 20px; } #PageOrder .contentsBox02 { margin-bottom: 30px; } #PageOrder .contentsBox02.space { margin-bottom: 40px; } #PageOrder .contentsBox02.table { margin-bottom: 45px; } #PageOrder .contentsBox02.table h5 { margin-bottom: 20px; } #PageOrder .stampList li { padding-left: 24px; font-size: 16px; font-weight: normal; line-height: 28px; background: url(../img/contents/icon_stamp.gif) no-repeat scroll left 5px transparent; background-size: 17px 17px; } #PageOrder .stepList li.last{ background-position: left top !important; } #PageOrder .contentsBox02 .access a { display: inline-block; padding-left: 26px; background: url(../img/icon_arrow_01.png) no-repeat scroll left top transparent; background-size: 20px 20px; vertical-align: middle; position: relative; top: -2px; } #PageOrder .contentsBox02 .telLink { color: #333; font-weight: normal; text-decoration: none; } #PageOrder /*.contentsBox02*/ .lineBox { margin: 18px 0 0 0 !important; padding: 18px 0; font-size: 14px; line-height: 24px; background-image: url(../img/line_broken_01.png), url(../img/line_broken_01.png); background-repeat: repeat-x, repeat-x; background-position: left top, left bottom; background-color: transparent, transparent; background-size: 6px 1px, 6px 1px; } #PageOrder.pageLecture .contentsBox .intro:last-of-type { margin-bottom: 30px; } /*#PageOrder.pageLecture .contentsBox .stepList li { background-position: left top 10px; } #PageOrder.pageLecture .contentsBox .stepList li .num{ top: 10px; }*/ #PageOrder.pageLecture .contentsBox .stepList h5{ margin-bottom: 10px; } /*#################### ハーネス通信 ####################*/ #PageHarness #Box01 { margin-bottom: 20px; } #PageHarness .introBox { margin-bottom: 25px; background: none; } #PageHarness .introBox .photo { margin-bottom: 28px; } #PageHarness #Main h3 { margin-bottom: 25px; } #PageHarness.pageEntry #Main h3 { margin-bottom: 15px; } #PageHarness .entryList dl { padding: 20px 0; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; _zoom: 1; overflow: hidden; } #PageHarness.pageEntry .entryList dl { padding: 0; background: none; } #PageHarness.pageEntry .entryList dl dt { width: 132px; overflow: hidden; } #PageHarness .entryList dl.first { padding: 0 0 20px 0; background: none; } #PageHarness .entryList dl dt { width: 132px; float: left; } #PageHarness.pageIndex .entryList dl dt a, #PageHarness.pageMonth .entryList dl dt a { display: block; width: 132px; height: 195px; overflow: hidden; position: relative; } #PageHarness.pageIndex .entryList dl dt a img, #PageHarness.pageMonth .entryList dl dt a img { display: block; margin-left: 50%; position: absolute; top: 0px; left: -50%; } #PageHarness.pageEntry .entryList dl dt { margin-bottom: 20px; padding: 0; width: auto; float: none; font-size: 22px; font-weight: bold; color: #0e984e; line-height: 46px; border-bottom: 1px solid #cdded5; } #PageHarness .entryList dl dd.title { margin-bottom: 8px; padding-top: 6px; width: 574px; float: right; } #PageHarness.pageEntry .entryList dl dd.title { } #PageHarness .entryList dl dd.title a { font-size: 20px; font-weight: bold; line-height: 28px; } #PageHarness .entryList dl dd.text { width: 574px; float: right; font-size: 14px; color: #555; line-height: 25px; } #PageHarness.pageEntry .entryList dl dd.text { width: auto; float: none; font-size: 16px; color: #555; line-height: 28px; } #PageHarness .entryList dl dd.text a { color: #555; } /*#################### 盲導犬ユーザーに出会ったら ####################*/ #PageMeet.pageIndex aside { margin: 61px 0 0 0; } #PageMeet.pageIndex #Box01 { margin-bottom: 40px; } #PageMeet.pageIndex .introBox { margin: 0 0 35px 0; padding: 0 0 6px 0; } #PageMeet.pageIndex .introBox h3 { margin-bottom: 18px; padding: 0; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 34px; text-align: center; letter-spacing: 0; border: none; border-radius: none; box-shadow: none; } #PageMeet.pageIndex .introBox p.catch { text-align: center; } #PageMeet.pageIndex .contentsBox01 ul { margin-bottom: 15px; } #PageMeet.pageIndex .contentsBox01 ul li { font-weight: bold; line-height: 28px; } /*#################### 盲導犬ユーザーの受け入れ ####################*/ #PageAccept.pageIndex aside { margin: 61px 0 0 0; } #PageAccept.pageIndex #Box01 { margin-bottom: 30px; } #PageAccept.pageIndex .photo { margin-bottom: 22px; } #PageAccept.pageIndex .introBox { margin: 0 0 35px 0; padding: 0 0 15px 0; } #PageAccept.pageIndex .introBox h3 { margin-bottom: 10px; padding: 8px 0 7px 20px; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 34px; text-align: center; letter-spacing: 0px; border: none; border-radius: none; box-shadow: none; } #PageAccept.pageIndex .introBox p.catch { text-align: center; } #PageAccept.pageIndex .contentsBox01 .borderBox { margin-top: 50px; } #PageAccept.pageIndex .contentsBox01 .borderBox p { margin: 0 0 5px 0; font-size: 14px; } #PageAccept.pageIndex .contentsBox01 .borderBox ul { margin: 0 0 10px 0; } #PageAccept.pageIndex .contentsBox01 .borderBox ul li { font-size: 14px; display: inline; background: url(../img/icon_blank.png) no-repeat 0 4px; background-size: 11px 11px; padding-left: 15px; margin-left: 20px; } #PageAccept.pageIndex .contentsBox01 .borderBox ul li:first-child { margin-left: 0; } #PageAccept.pageIndex .contentsBox01 .borderBox { background-color: #f8f8f8; } #PageAccept.pageIndex .contentsBox01 .borderBox p { color: #404040; } /*#################### 盲導犬クイール ####################*/ #PageQuill.pageIndex aside { margin: 61px 0 0 0; } #PageQuill.pageIndex #Box01 { margin-bottom: 30px; } #PageQuill.pageIndex .introBox { margin: 0 0 35px 0; padding: 0 0 15px 0; } #PageQuill.pageIndex .introBox h3 { margin-bottom: 18px; padding: 14px; font-size: 30px; font-weight: bold; color: #0e984e; line-height: 34px; text-align: center; letter-spacing: 1px; border: none; border-radius: none; box-shadow: none; } #PageQuill.pageIndex .contentsBox01 .stampList { margin-bottom: 20px; } #PageQuill.pageIndex .contentsBox01 .stampList li { margin: 0 0 5px 0; padding-left: 30px; font-weight: bold; background: url(../img/contents/icon_stamp.gif) no-repeat 0 1px; background-size: 22px 22px; } /*#################### 盲導犬について ####################*/ #PageMoudouken aside { margin: 61px 0 0 0; } #PageMoudouken #Box01 { margin-bottom: 60px; } #PageMoudouken .introBox { margin: 0 0 35px 0; padding: 0 0 16px 0; } #PageMoudouken .introBox h3 { margin-bottom: 0; padding: 0; font-size: 30px; font-weight: bold; color: #0e984e; line-height: 106px; text-align: center; letter-spacing: 1px; border: none; border-radius: none; box-shadow: none; } #PageMoudouken .introBox .photo { margin: 0 0 10px 0; } #PageMoudouken .contentsBox01 .reasonList { background: url("../img/line_broken_01.png") repeat-x scroll left bottom, url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px,6px 1px; margin-bottom: 20px; padding: 12px 0 12px 0; } #PageMoudouken .contentsBox01 .reasonList li { font-size: 14px; font-weight: bold; line-height: 24px; } #PageMoudouken .contentsBox01 .slash { color: #ccc; } #PageMoudouken .contentsBox02 h5 { color: #0e984e; font-weight: bold; font-size: 22px; padding-bottom: 10px; line-height: 30px; border-bottom: 1px solid #cdded5; margin-bottom: 15px; } #PageMoudouken .contentsBox02.last { margin-bottom: 45px; } #PageMoudouken .contentsBox01 .start { background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; padding-bottom: 20px; margin-bottom: 0; } #PageMoudouken .contentsBox01 .q { display: block; width: 38px; height: 34px; background: url(../img/icon_q.gif) no-repeat; background-size: 38px 34px; text-indent: -9999px; position: absolute; top: 20px; left: 0px; } #PageMoudouken .contentsBox01 .a { display: block; width: 38px; height: 34px; background: url(../img/icon_a.gif) no-repeat; background-size: 38px 34px; text-indent: -9999px; position: absolute; top: 10px; left: 0px; } #PageMoudouken .contentsBox01 dl { background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; padding: 0 0 18px 0px; } #PageMoudouken .contentsBox01 dt { padding: 20px 0 0 50px; font-size: 18px; font-weight: bold; position: relative; } #PageMoudouken .contentsBox01 dd { padding: 10px 0 0 50px; position: relative; color: #555; line-height: 28px; } #PageMoudouken .contentsBox01 dl.last { margin-bottom: 20px; background: none; } /*#################### お問い合わせ ####################*/ #PageContact aside { margin: 61px 0 0 0; } #PageContact #Box01 { margin-bottom: 25px; } #PageContact #Main h3 { margin-bottom: 30px; border-bottom: 4px solid #8876c4; } #PageContact #Main h4.stamp { margin-bottom: 24px; padding-left: 20px; height: 52px; font-size: 22px; font-weight: bold; color: #fff; line-height: 52px; border-radius: 8px; background: url(../img/contents/pc_title_h4_stamp2.gif) no-repeat scroll 663px bottom #6b55b4; } #PageContact #Main h5.line { margin-bottom: 10px; color: #452f8e; line-height: 46px; border-bottom: 1px solid #d1c9e8; } #PageContact .menuBox.wrap { margin: 0 -21px 12px -5px; } #PageContact .menuBox.wrap.btm { margin: 0 -21px 34px -5px; } #PageContact .menuBox h4 { margin-bottom: 15px; padding: 0 0 0 0; font-size: 18px; font-weight: bold; color: #333; line-height: 44px; border: none; border-bottom: 1px solid #d5d5d5; border-radius: 0px; box-shadow: none; } #PageContact .menuBox .menuLeft { margin: 0 21px 0 0; width: 361px; float: left; } #PageContact .menuBox .menuRight { margin: 0 0 0 0; width: 361px; float: left; } #PageContact .menuBox .photo { margin: 0 0 2px 0; } #PageContact .menuBox p.linkText { display: block; font-size: 14px; color: #555; line-height: 20px; } #PageContact .menuBox p.linkText a { font-weight: bold; } #PageContact .menuBox p.linkText a.telLink { font-weight: normal; color: #555; text-decoration: none; cursor: default; } #PageContact .menuBox ul li { margin: 0 0 6px 0; } #PageContact .menuBox ul li.ls { letter-spacing: -1px; } #PageContact .menuBox ul li span.note { margin: 0 0 18px 0; display: block; font-size: 14px; color: #555; line-height: 20px; } #PageContact .menuBox ul li a { display: inline-block; padding-left: 28px; min-height: 22px; font-size: 16px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } #PageContact #Main p.note { font-size: 14px; color: #555; line-height: 24px; } #PageContact #Main p.note span{ font-size: 16px; } #PageContact .menuBox ul li .note a { display: inline; padding-left: 0; min-height: auto; font-size: inherit; font-weight: 100; line-height: inherit; background: none; } /* #Form */ #PageContact #Form .formBox.box01 { margin-bottom: 32px; } #PageContact #Form .formBox.box02 h5 { margin-bottom: 16px; position: relative;/*修正*/ } #PageContact #Form .formBox.box02 h5 .hissu { padding: 0 5px; font-size: 12px; font-weight: bold; color: #0e984e; line-height: 25px; border-radius: 4px; background-color: #dcf200; position: absolute; top: 10px; right: 0; } #PageContact #Form dl { padding: 10px 0 11px 0; font-size: 16px; line-height: 22px; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; _zoom: 1; overflow: hidden; } #PageContact #Form dl.tel { background-image: url("../img/line_broken_01.png"); background-repeat: repeat-x; background-position: left bottom 1px; } #PageContact #Form dl.email { padding: 10px 0 0 0; background: none; } #PageContact.pageIndex #Form dl.email dd{ line-height: 38px; } #PageContact #Form dl dt { width: 226px; line-height: 37px; float: left; position: relative; } #PageContact #Form dl dd { width: 484px; float: right; line-height: 37px; } #PageContact #Form dl dt .hissu { padding: 0 5px; font-size: 12px; font-weight: bold; color: #0e984e; line-height: 25px; border-radius: 4px; background-color: #dcf200; } #PageContact #Form dl dt .nini { padding: 0 5px; font-size: 12px; font-weight: bold; color: #999; line-height: 25px; border-radius: 4px; background-color: #ebebeb; margin-top: 7px; } #PageContact #Form dl dt .hissu, #PageContact #Form dl dt .nini { position: absolute; top: 8px; /*right: 0px;*/ right: 10px;/*修正*/ } #PageContact #Form dl dt .dispfl { display: none; } #PageContact #Form dl dd input, #PageContact #Form dl dd textarea { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", sans-serif; } #PageContact #Form dl dd .input01, #PageContact #Form dl dd .input02, #PageContact #Form dl dd .input03, #PageContact #Form dl dd .input04, #PageContact #Form dl dd .input05, #PageContact #Form dl dd .input06, #PageContact #Form dl dd .input07, #PageContact #Form dl dd .input08 { padding: 0 8px 0px 8px; height: 37px; font-size: 14px; line-height: 37px; border-radius: 4px; border: 1px solid #c4c4c4; ; outline: none; background: no-repeat scroll left top transparent; } #PageContact #Form dl dd .input01 { width: 186px; } #PageContact #Form dl dd .input02 { width: 429px; } #PageContact #Form dl dd .input03 { width: 413px; } #PageContact #Form dl dd .input04 { width: 146px; } #PageContact #Form dl dd .input05 { width: 466px; } #PageContact #Form dl dd .input06 { width: 216px; } #PageContact #Form dl dd .input07 { width: 36px; } #PageContact #Form dl dd .input08 { width: 66px; } #PageContact #Form .textareaWrap { padding: 6px 8px 6px 8px; width: 716px; height: 85px; border-radius: 4px; border: 1px solid #c4c4c4; ; outline: none; } #PageContact #Form .textarea01 { width: 716px; height: 85px; font-size: 14px; line-height: 21px; border: none; outline: none; background: none; resize: none; overflow: auto; } #PageContact #Form dl.address dd { position: relative; } #PageContact #Form dl.address dd .numtitle { position: relative; top: -4px; } #PageContact #Form dl dd .postnumBtn a { display: block; width: 159px; height: 33px; font-size: 12px; font-weight: bold; color: #fff; line-height: 31px; text-indent: 22px; background: url(../img/contents/pc_btn_form_postnum.gif) no-repeat scroll left top transparent; position: absolute; top: 4px; left: 199px; } #PageContact #Form dl dd .spaceBtm { margin-bottom: 11px; } #PageContact #Form dl dd .space01 { margin: 0 16px 0 0; } #PageContact.pageIndex #Form dl dd .space01 { margin: 0 24px 0 0; } #PageContact #Form dl dd .space02 { margin: 0 8px; } #PageContact #Form dl dd .space03 { margin: 0 0 0 -8px; } #PageContact.pageIndex #Form dl dd .space03 { margin: 0; } #PageContact #Form dl dd .space04 { margin: 0 8px 0 0; } #PageContact #Form dl dd .space05 { margin: 0 8px 0 16px; } #PageContact #Form dl.address dd .input04 { margin: 0 8px 11px 8px; } #PageContact #Form .radioBox { margin: 0 0 16px 0; padding: 0 0 21px 0; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; } #PageContact #Form .radioBox.box02 { margin: 0 0 16px 0; padding: 0 0 0 0; background: none; } #PageContact.pageIndex #Form .radioBox.box02 dl.last{ padding: 14px 0 16px 0; } #PageContact #Form .radioBox.box06 { margin: 0 0 36px 0; padding: 0 0 0 0; background: none; } #PageContact #Form .radioBox dl.non { padding: 10px 0 0 0; background: none; } #PageContact #Form .radioBox dl:nth-of-type(1).non { padding: 6px 0 0 0; background: none; }/*修正*/ #PageContact #Form .radioBox dl.last dd ul { padding: 0 0 0 10px; } #PageContact #Form .radioBox dl.last dd ul li { line-height: 35px; } #PageContact #Form .radioBox dl.last dd ul li input { position: relative; top: -2px; } #PageContact #Form .radioBox dl.last dd ul li label { padding-left: 8px; } #PageContact #Form .radioBox p { margin: 0 0 10px 0; } #PageContact #Form .radioBox p.sub { margin: -8px 0 0 0; padding: 0 0 0 20px; font-size: 14px; color: #555; } #PageContact #Form .radioBox.box04 p.sub { margin: -8px 0 14px 0; } #PageContact.pageIndex #Form .radioBox.box04 p.sub { margin-bottom: 5px; }/*修正*/ #PageContact #Form .radioBox .link { font-size: 14px; } #PageContact #Form .radioBox .link a { font-weight: bold; } #PageContact #Form .radioBtn { margin: 0 0 8px 0; display: block; } #PageContact #Form .radioBtn input { position: relative; top: -2px; } #PageContact #Form .radioBtn label { padding-left: 8px; font-size: 18px; font-weight: bold; line-height: 22px; } #PageContact #Form .radioBtn2 label { padding-left: 8px; font-size: 18px; font-weight: bold; line-height: 22px; } #PageContact #Form .radioBtn.ls label { letter-spacing: -1px; } #PageContact #Form .btn li { margin: 0 auto; width: 373px; } #PageContact #Form .btn li a { display: block; width: 373px; height: 83px; font-size: 22px; font-weight: bold; color: #fff; line-height: 79px; text-align: center; background: url(../img/contents/pc_btn_form_01.gif) no-repeat scroll left top transparent; } /* confirm */ #PageContact.pageConfirm #Form .formBox.box02 { margin-bottom: 40px; } #PageContact.pageConfirm #Form dl dt { line-height: 26px; } #PageContact.pageConfirm #Form dl dd { line-height: 26px; } #PageContact.pageConfirm #Form dl dt .hissu, #PageContact #Form dl dt .nini { top: 0; } #PageContact.pageConfirm #Form dl dt .nini { margin-top: 0; } #PageContact.pageConfirm #Form ul.btn { margin-left: auto; margin-right: auto; width: 659px; } #PageContact.pageConfirm #Form .btn li.back { margin: 0 39px 10px 0; width: 310px; } #PageContact.pageConfirm #Form .btn li { margin: 0 0 10px 0; width: 310px; float: left; } #PageContact.pageConfirm #Form .btn li a { display: block; width: 310px; height: 83px; font-size: 22px; font-weight: bold; color: #fff; line-height: 79px; text-align: center; background: url(../img/contents/pc_btn_form_03.gif) no-repeat scroll left top transparent; } #PageContact.pageConfirm #Form .btn li.back a { background: url(../img/contents/pc_btn_form_02.gif) no-repeat scroll left top transparent; } #PageContact #text11e { font-weight: bold; } /*お問合せ修正*/ #PageContact.pageIndex #Form .formBox.box02 .note { margin-bottom: 30px; } #PageContact.pageIndex #Form .btn .subBtnList{ margin-top: 64px; margin-bottom: 52px; } #PageContact.pageIndex #Form .btn .subBtnList::after{ content: ""; display: block; clear: both; } #PageContact.pageIndex #Form .btn .subBtnList li{ width: 310px; } #PageContact.pageIndex #Form .btn .subBtnList li.submit{ float: right; margin-right: 37px; } #PageContact.pageIndex #Form .btn .subBtnList li.back{ float: left; margin-left: 37px; } #PageContact.pageIndex #Form .btn .subBtnList li a { width: 310px; } #PageContact.pageIndex #Form .btn li.submit a { background: url(../img/contents/pc_btn_form_03.gif) no-repeat scroll left top transparent; } #PageContact.pageIndex #Form .btn li.back a { background: url(../img/contents/pc_btn_form_02.gif) no-repeat scroll left top transparent; } /* thanks */ #PageContact.pageThanks .formText { margin-bottom: 80px; } /*#################### 個人情報保護方針 ####################*/ #PagePolicy aside { margin: 61px 0 0 0; } #PagePolicy p.intro { margin-bottom: 20px; } #PagePolicy .policyList { margin-bottom: 20px; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PagePolicy .policyList li { padding: 15px 0 12px 30px; text-indent: -30px; font-size: 14px; font-weight: bold; line-height: 25px; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; } #PagePolicy .policyList li span.num { padding: 0 6px 0 0; } #PagePolicy .policyList li .note { font-weight: normal; } #PagePolicy .sign { margin-bottom: 25px; font-size: 14px; line-height: 24px; text-align: right; } #PagePolicy .borderBox { margin-bottom: 75px; } #PagePolicy .borderBox dl { padding: 0 0 10px 0; _zoom: 1; overflow: hidden; } #PagePolicy .borderBox dl dt { width: 90px; float: left; font-size: 14px; font-weight: bold; color: #513b99; line-height: 24px; } #PagePolicy .borderBox dl dd { width: 580px; float: left; font-size: 14px; font-weight: normal; color: #513b99; line-height: 24px; } #PagePolicy .borderBox dl dd a { color: #513b99; text-decoration: none; cursor: default; } /*#################### サイトマップ ####################*/ #PageSitemap .contentsBox { margin-bottom: 60px; } #PageSitemap aside { margin: 61px 0 0 0; } #PageSitemap ul.parent { width: 254px; float: left; } #PageSitemap ul.parent.center { width: 246px; } #PageSitemap ul.parent.right { width: 234px; } #PageSitemap ul.parent li { margin: 0 0 24px 0; line-height: 24px; } #PageSitemap ul.parent.right li { margin: 0 0 12px 0; } #PageSitemap ul.parent.right li li { margin: 0 0 4px 0; } #PageSitemap ul.parent li a { display: inline-block; padding-left: 28px; min-height: 22px; font-size: 16px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } #PageSitemap ul.parent li.fs a { font-size: 14px; line-height: 20px; } #PageSitemap ul.parent li ul { padding-top: 6px; } #PageSitemap ul.parent.right li ul { margin-bottom: 24px; } #PageSitemap ul.parent li li { margin: 0 0 4px 0; line-height: 18px; } #PageSitemap ul.parent li li a { padding-left: 46px; min-height: 0; font-size: 14px; font-weight: normal; color: #555; line-height: 18px; text-decoration: none; text-indent: -23px; background: url(../img/icon_arrow_02.png) no-repeat scroll 8px 6px transparent; background-size: 5px 7px; } #PageSitemap ul.parent li li a:hover { text-decoration: underline; } #PageSitemap ul.parent li p { margin: 0 0 0 0; padding: 2px 0 0 4px; font-size: 14px; color: #555; line-height: 18px; } #PageSitemap ul.parent li p.first { padding: 6px 0 0 4px; } #PageSitemap ul.parent li .br { display: block; } /*#################### 英語ページ ####################*/ #PageEnglish #Main { font-family: Helvetica, sans-serif; } #PageEnglish #Main p { text-align: justify; } #PageEnglish #Sec07 { margin-bottom: 45px; } #PageEnglish aside { margin: 61px 0 0 0; } #PageEnglish .introBox { padding-bottom: 12px; } #PageEnglish .introBox dl dd p { text-align: center !important; } #PageEnglish .introBox dl dd p.sign { font-size: 14px; font-weight: normal; color: #888; line-height: 24px; } #PageEnglish #Main h4.stamp { font-size: 20px; } #PageEnglish .borderBox p { font-weight: bold; } #PageEnglish .contentsBox .pageTop a { background-image: url(../img/pc_btn_pagetop_en_left.gif), url(../img/pc_btn_pagetop_en_right.gif); background-repeat: no-repeat, no-repeat; background-position: left top, right top; background-color: transparent, transparent; } #PageEnglish #Sec02 .photo, #PageEnglish #Sec04 .photo { margin-bottom: 20px; } #PageEnglish .tableBox { margin-bottom: 20px; border: 1px solid #ddd; border-bottom: none; } #PageEnglish .tableBox dl { _zoom: 1; overflow: hidden; background: url(../img/contents/pc_bg_en_table.gif) repeat-y scroll left top transparent; border-bottom: 1px solid #ddd; } #PageEnglish .tableBox dl dt { width: 180px; float: left; padding: 9px 10px; font-size: 14px; font-weight: bold; line-height: 20px; } #PageEnglish .tableBox dl dd { padding: 10px 10px 9px 10px; width: 512px; float: left; font-size: 14px; line-height: 20px; } #PageEnglish .tableBox dl dd.space { padding: 20px 10px 9px 10px; } #PageEnglish .tableBox dl dd sup { font-size: 10px; } #PageEnglish .tableBox dl dd .telLink { font-weight: normal; color: #333; text-decoration: none; cursor: default; } #PageEnglish .access dl { margin-bottom: 20px; } #PageEnglish .access dl dt { margin-bottom: 20px; padding-left: 82px; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 70px; } #PageEnglish .access dl dd { font-size: 16px; line-height: 28px; } #PageEnglish .access dl.train dt { background: url(../img/pc_title_train.gif) no-repeat scroll left top transparent; } #PageEnglish .access dl.car dt { background: url(../img/pc_title_car.gif) no-repeat scroll left top transparent; } #PageEnglish #Gmap { overflow: hidden; margin-bottom: 10px; width: 732px; height: 266px; border: 1px solid #ddd; border-radius: 8px; } #PageEnglish #Gmap iframe{ width: 732px; height: 266px; } #PageEnglish .mapLink { margin-bottom: 30px; } #PageEnglish .mapLink li a { padding-left: 16px; background: url(../img/icon_blank.png) no-repeat scroll left 4px transparent; background-size: 11px 11px; font-size: 14px; font-weight: bold; line-height: 24px; } /*#################### リンク ####################*/ #PageLink aside { margin: 61px 0 0 0; } #PageLink #Box01 { padding: 8px 0 0 0; } #PageLink .linkBox { margin-bottom: 8px; width: 367px; float: left; } #PageLink .linkBox dl, #PageLink .linkBox .linkBoxEntry{ margin: 0 0 35px 0; } #PageLink .linkBox dl.last, #PageLink .linkBox .linkBoxEntry.last{ } #PageLink .linkBox dl dt, #PageLink .linkBox .linkBoxEntry .linkBoxTitle{ margin-bottom: 24px; font-size: 16px; font-weight: bold; line-height: 1; } #PageLink .linkBox dl dd, #PageLink .linkBox .linkBoxEntry .linkBoxBody{ margin-bottom: 5px; } #PageLink .linkBox .linkBoxEntry .linkBoxBody p{ font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 10px; } #PageLink .linkBox dl dd a, #PageLink .linkBox .linkBoxEntry .linkBoxBody a{ display: inline-block; padding-left: 16px; font-size: 14px; font-weight: bold; line-height: 20px; background: url(../img/icon_blank.png) no-repeat scroll left 6px transparent; background-size: 11px 11px; } #PageLink .borderBox { clear: both; margin-bottom: 60px; } #PageLink .borderBox p { margin-bottom: 15px; font-weight: bold; } /*#################### 職員募集について ####################*/ #PageStaff.pageIndex aside { margin: 61px 0 0 0; } } @media screen and (max-width: 768px) { /*#################### 個人情報保護方針 2020年12月11日 ####################*/ /*- チェックボックス -*/ .privacyCheck{ margin: 0; padding: 21px 15px 0; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } .privacyCheck p{ padding: 0; text-align: left; line-height: 1.9; padding-left: 42px; max-width: 360px; margin: 0 auto; } .privacyCheck .checker{ margin-left: -41px; } .privacyCheck b{ padding-top: 2px; } /*#################### 共通 ####################*/ #HeadImg { position: relative; top: 93px; width: 100%; height: 79px; border-bottom: 1px solid #dfdbd6; background-image: url(../img/header/sp_title_h2_left.gif), url(../img/header/sp_title_h2_right.gif), url(../img/header/sp_title_h2_center.gif); background-repeat: no-repeat, no-repeat, repeat-x; background-position: left top, right top, left top; background-color: transparent, transparent, transparent; background-size: 20px 79px, 136px 79px, 5px 79px; } #HeadImg h2 { padding: 0 0 0 15px; font-size: 25px; font-weight: bold; color: #0e984e; line-height: 79px; position: relative; } /* 見出し */ #Main h3 { margin-bottom: 20px; padding: 22px 0 22px 15px; font-size: 22px; font-weight: bold; line-height: 29px; background-image: url(../img/contents/sp_title_h3_top.gif), url(../img/contents/sp_title_h3_btm.gif); background-repeat: repeat-x, repeat-x; background-position: left top, left bottom; background-color: #fff; background-size: 5px 3px, 5px 6px; } #Main h3.schedule { padding: 22px 0 22px 59px; background-image: url(../img/icon_schedule.png), url(../img/contents/sp_title_h3_top.gif), url(../img/contents/sp_title_h3_btm.gif); background-repeat: no-repeat, repeat-x, repeat-x; background-position: 15px 16px, left top, left bottom; background-color: #fff; background-size: 36px 40px, 5px 3px, 5px 6px; } #Main h3.report { padding: 22px 0 22px 59px; background-image: url(../img/icon_report.png), url(../img/contents/sp_title_h3_top.gif), url(../img/contents/sp_title_h3_btm.gif); background-repeat: no-repeat, repeat-x, repeat-x; background-position: 15px 20px, left top, left bottom; background-color: #fff; background-size: 35px 35px, 5px 3px, 5px 6px; } #Main h3.harness { } #Main h4.stamp { margin-bottom: 20px; padding: 14px 15px 14px 15px; min-height: 28px; font-size: 20px; font-weight: bold; color: #fff; line-height: 29px; background: url(../img/contents/sp_title_h4_stamp.gif) no-repeat scroll right bottom #0e984e; background-size: 61px 60px; } #Main h4.stamp.number { width: 100%; display: table; padding-left: 0px; background-image: url(../img/contents/sp_title_h4_stampnumber.gif), url(../img/contents/sp_title_h4_stamp.gif); background-repeat: repeat-y, no-repeat; background-position: left top, right bottom; background-color: #0e984e, #0e984e; background-size: 60px 10px, 61px 60px; } #Main h4.stamp.number .num { display: table-cell; margin: 0 10px 0 0; width: 60px; color: #d0ffe6; line-height: 29px; text-align: center; background-color: #00bc57; vertical-align: middle; } #Main h4.stamp.number .num .small { font-size: 14px; } #Main h4.stamp.number .title { display: inline-block; padding: 0 15px 0 10px; } #Main h4.stamp.contact { } #Main h4.step { margin: 0 15px 20px 15px; padding: 16px 0 24px 78px; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 33px; letter-spacing: -1px; border-bottom: 1px solid #cdded5; position: relative; } #Main h4.step .baloon { display: block; padding: 36px 0 0 0; width: 70px; height: 34px; font-size: 9px; font-weight: bold; color: #dcf200; line-height: 30px; text-align: center; background: url(../img/icon_step.gif) no-repeat scroll left top transparent; background-size: 70px 70px; position: absolute; top: -4px; left: -3px; } #Main h4.step .baloon .num { display: block; width: 70px; height: 70px; font-size: 30px; font-weight: bold; color: #fff; line-height: 30px; position: absolute; top: 13px; left: 0px; } #Main h4.line { margin-bottom: 15px; font-size: 22px; font-weight: bold; color: #0e984e; line-height: 46px; border-bottom: 1px solid #cdded5; } #Main h5.line { margin-bottom: 20px; padding: 16px 15px 16px 15px; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 29px; border-top: 1px solid #cdded5; border-bottom: 1px solid #cdded5; background-color: #f8f8f8; } /* ボックス */ .contentsBox p { line-height: 29px; } .contentsBox01 { margin: 0 0 40px 0; } .contentsBox01 p { line-height: 29px; } .contentsBox01 p.last { margin: 0 0 20px 0; } .contentsBox01 p a, .contentsBox01 table a { font-weight: bold; } .contentsBox01.photo .photo { margin: 0 auto 25px auto; width: 245px; } .borderBox { margin: 0 15px 25px 15px; padding: 20px 20px 12px 20px; border-radius: 4px; border: 1px solid #ede3db; background-color: #fdf9f3; } .borderBox p { margin-bottom: 10px; padding: 0; font-size: 15px; line-height: 25px; text-align: left; } .borderBox.yellow { border-color: #ede3db; background-color: #fdf9f3; } .borderBox.gray { border-color: #ddd; background-color: #f8f8f8; } .borderBox.yellow p { color: #d29131; } .borderBox.gray p { color: #333; } /* イントロ */ .introBox { margin-bottom: 38px; border-bottom: 1px solid #e7e7e7; background-image: url(../img/contents/sp_bg_introbox_left.gif), url(../img/contents/sp_bg_introbox_right.gif); background-repeat: no-repeat, no-repeat; background-position: left bottom, right bottom; background-color: transparent, transparent; background-size: 68px 109px, 68px 109px; } .introBox .photo { width: 90.6%; margin: 3px auto 25px auto; } .introBox .photo img { border: 2px solid #fff; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } .introBox dl { text-align: center; } .introBox dl dt { display: inline-block; margin-bottom: 10px; padding: 0 14px; height: 29px; font-size: 14px; font-weight: bold; color: #0e984e; line-height: 29px; border: 2px solid #abe4c5; border-radius: 16px; } .introBox dl dd p { margin-bottom: 15px; font-size: 17px; font-weight: normal; color: #333; line-height: 27px; text-align: left; } .introBox dl dd p.catch { margin-bottom: 8px; font-size: 19px; font-weight: bold; color: #0e984e; line-height: 27px; text-align: center; } /* ページナビ */ .pageMenu { margin: 0 0 25px 0; } .pageMenu li { margin: 0 15px 4px 15px; } .pageMenu li a { display: inline-block; padding-left: 26px; min-height: 20px; font-size: 15px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_03.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } /* ページトップ */ .contentsBox .pageTop { clear: both; margin: 0 0 0 auto; float: none !important; } .contentsBox .pageTop:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .contentsBox .pageTop a { float: right; display: block; padding: 0 12px 0 35px; height: 39px; background-image: url(../img/sp_btn_pagetop_left.gif), url(../img/sp_btn_pagetop_right.gif); background-repeat: no-repeat, no-repeat; background-position: left top, right top; background-color: transparent, transparent; background-size: 35px 39px, 200px 39px; font-size: 12px; font-weight: normal; color: #777; line-height: 39px; text-decoration: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .contentsBox .pageTop a:hover { opacity: 0.7; -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); text-decoration: none; } /* table */ .contentsBox01 table { margin-bottom: 20px; width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } .contentsBox01 table th { padding: 9px 15px; width: 75px; font-size: 14px; font-weight: bold; line-height: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f8f8f8; vertical-align: top; } .contentsBox01 table td { padding: 9px 15px; font-size: 14px; line-height: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } /* pageMove */ .pageMove { margin: 0 0 68px 0; min-height: 125px; position: relative; } .pageMove ul { min-height: 54px; padding: 19px 15px 0 15px; background-color: #f6f6f6; text-align: center; _zoom: 1; overflow: hidden; } .pageMove ul li { display: inline-block; min-width: 36px; min-height: 36px; font-size: 14px; color: #999; line-height: 36px; text-align: center; vertical-align: top; } .pageMove ul li a { display: block; min-width: 36px; min-height: 36px; font-size: 14px; line-height: 36px; text-align: center; border-radius: 5px; background-color: #fff; } .pageMove ul li.list a { display: inline; font-size: 14px; line-height: 36px; background-color: transparent; } .pageMove ul li.prev { display: block; width: 125px; position: absolute; bottom: 0; left: 11px; } .pageMove ul li.next { display: block; width: 125px; position: absolute; bottom: 0; right: 11px; } .pageMove ul li.prev a { display: block; width: 126px; height: 39px; font-size: 14px; font-weight: bold; color: #fff; line-height: 37px; text-indent: 34px; text-align: left; letter-spacing: 2px; text-decoration: none; background: url(../img/contents/sp_btn_pageprev.gif) no-repeat scroll left top transparent; background-size: 126px 39px; } .pageMove ul li.next a { display: block; width: 126px; height: 39px; font-size: 14px; font-weight: bold; color: #fff; line-height: 37px; text-indent: 20px; text-align: left; letter-spacing: 2px; text-decoration: none; background: url(../img/contents/sp_btn_pagenext.gif) no-repeat scroll left top transparent; background-size: 126px 39px; } /* stepList */ .stepList li { margin: 0 15px; padding: 0 0 12px 50px; font-size: 17px; line-height: 30px; position: relative; background: url(../img/contents/bg_steplist_01.gif) no-repeat scroll left top transparent; background-size: 32px 255px; } .stepList li.last { background: url(../img/contents/bg_steplist_02.gif) no-repeat scroll left top transparent !important; background-size: 32px 32px !important; } .stepList li span.num { display: block; width: 32px; height: 32px; font-size: 14px; font-weight: bold; color: #fff; line-height: 32px; text-align: center; position: absolute; top: 0px; left: 0px; } .stepList li a { font-weight: bold; } /* 固定バナー */ /*#FormBtn{ bottom: 0; right: auto; width: 100%; border-radius: 0; padding: 0; } #FormBtn dl{ padding: 0 2.5%; } #FormBtn dl::after{ content: ""; display: block; clear: both; } #FormBtn dt{ font-size: 17px; margin-bottom: 3px; } #FormBtn dd{ float: left; width: 49%; height: 32px; line-height: 32px; } #FormBtn dd:nth-of-type(1){ margin-right: 2%; } #FormBtn dd a{ padding-left: 32px; } #FormBtn dd a::before{ top: 7px; left: 10px; } #FormBtn dd:nth-of-type(1) a::before{ background-size: 18px auto; width: 18px; height: 18px; } #FormBtn dd:nth-of-type(2) a::before{ background-size: 15px auto; width: 15px; height: 18px; } #FormBtn dd a::after{ top: 6px; right: 8px; }*/ /*#################### 新着ニュースティッカー ####################*/ #PageIndex.pageIndex #BtmBoxInner.newsTickerBoxWrap{ margin: 18px 15px 0; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox{ } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerTitle{ display: flex; align-items: center; width: 60px; text-align: center; border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 4px 0 0; margin-bottom: 0; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerTitle b{ display: block; width: 100%; font-size: 17px; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerInfo{ width: 100%; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 16px 0; } #PageIndex.pageIndex #BtmBoxInner .newsTickerBox .newsTickerInfo a { } #PageIndex #BtmBox.topics{ padding-top: 16px; } #PageIndex #BtmBox.topics .wrap{ margin-left: 0; margin-right: 0; } /*#################### トップページご支援団体様のご紹介 ####################*/ #PageIndex .supportersBox { padding: 30px 0; } #PageIndex .supportersBox .supportersTitle{ font-size: 16px; line-height: 1.3; margin-bottom: 20px; } #PageIndex .supportersBox .supportersTitle span{ padding: 8px 12px; } #PageIndex .supportersBox .supportersBoxInner{ padding: 0 15px; } #PageIndex .supportersBox .supportersList{ display: block; } #PageIndex .supportersBox .supportersList li{ width: 100%; padding: 0; display: block; border-bottom: 1px solid #efefef; } #PageIndex .supportersBox .supportersList li:last-of-type{ border-bottom: none; } #PageIndex .supportersBox .supportersList li:nth-of-type(2){ width: 100%; letter-spacing: -0.06em; } #PageIndex .supportersBox .supportersList li a{ display: block; padding: 12px 40px; text-align: center; background-position: right 10px center; } /*#################### トップ ####################*/ /* ポップアップ */ #PageIndex.pageIndex .overlay_pop{ /*padding: 0 10px;*/ } #PageIndex.pageIndex .overlay_pop .popup_area { top: 18%; width: 90%; height: auto; padding-bottom: 23px; } #PageIndex.pageIndex .overlay_pop .popup_area dl{ padding: 0 23px; } #PageIndex.pageIndex .overlay_pop .popup_area dt{ font-size: 21px; } #PageIndex.pageIndex .overlay_pop .popup_area dt span{ font-size: 16px; margin-top: 13px; margin-bottom: 19px; letter-spacing: -0.01em; line-height: 1.8; } #PageIndex.pageIndex .overlay_pop .popup_area dd{ float: none; width: auto; } #PageIndex.pageIndex .overlay_pop .popup_area dd:nth-of-type(1){ margin: 0 auto 10px; } #PageIndex.pageIndex .overlay_pop .popup_area dd:nth-of-type(2){ margin: 0 auto; } #PageIndex.pageIndex .overlay_pop .popup_area dd a::before{ left: 22px; } #PageIndex.pageIndex .overlay_pop .popup_area dd:nth-of-type(2) a{ padding-left: 60px; } /* slider */ #PageIndex #HeadBox { /*padding: 0 0 62px 0;*/ padding: 0; border-bottom: 1px solid #d9d5d0; /*background: url(../img/contents/sp_slider_bg.gif) repeat-x scroll left bottom transparent;*/ background-size: 5px 180px; } #PageIndex .SliderWarp { padding-top: 95px; } #PageIndex #Slider { width: 100%; background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: cover; } #PageIndex #Slider img{ display: none; } #PageIndex #Slider .sliderIn { width: 100%; margin: 0; } #PageIndex #Slider .sliderIn .slide { width: 100%; padding-top: 100%; margin: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } #PageIndex .sliderInner { width: 100%; height: 210px; top: 95px; } #PageIndex #Slider p { display: none; margin: 0 auto; width: 290px; position: relative; top: 230px; z-index: 100; } #PageIndex #Slider p a { display: block; height: 49px; font-size: 16px; font-weight: bold; color: #fff; line-height: 46px; text-align: center; background: url(../img/contents/sp_slider_btn.png) no-repeat scroll left top transparent; background-size: 290px 49px; } #PageIndex .bx-wrapper { /*height: 183px; top: 95px; position: relative;*/ } #PageIndex .bx-viewport { overflow: visible !important; } #PageIndex .bx-prev, #PageIndex .bx-next { top: 176px; z-index: 900; } #PageIndex .bx-prev { display: block; width: 15px; height: 25px; background: url(../img/contents/icon_slider_arrow_left.png) no-repeat scroll left top transparent; background-size: 15px 25px; text-indent: -9999px; position: absolute; left: 10px; } #PageIndex .bx-next { display: block; width: 15px; height: 25px; background: url(../img/contents/icon_slider_arrow_right.png) no-repeat scroll left top transparent; background-size: 15px 25px; text-indent: -9999px; position: absolute; right: 10px; } #PageIndex .bx-prev:hover, #PageIndex .bx-next:hover { opacity: 0.3; -ms-filter: "alpha( opacity=30 )"; filter: alpha(opacity=30); text-decoration: none; } #PageIndex .bx-pager { margin: -18px auto 86px; width: 100%; top: 86px; text-align: center; position: relative; z-index: 200; } #PageIndex .bx-pager-item { margin: 0 4px; /*margin-top: 93px;*/ display: inline-block; width: 18px; } #PageIndex .bx-pager-link { display: block; width: 18px; height: 18px; background: url(../img/contents/icon_slider_stamp.png) no-repeat scroll left bottom transparent; background-size: 18px 36px; text-indent: -9999px; } #PageIndex .bx-pager-link.active { background-position: left top; } #PageIndex .naviWarp{ display:none; } /* midbox */ #PageIndex #MidBox { width: 100%; padding: 30px 0 75px 0; border-bottom: 1px solid #dfdbd6; background-image: url(../img/contents/sp_top_bg_midbox_01.gif); background-repeat: no-repeat; background-position: center bottom; background-color: #f8f5f1; background-size: 567px 72px; } #PageIndex #MidBoxInner { width: 100%; } #PageIndex #MidBoxInner .bunnerList{ width: 290px; margin: auto; } #PageIndex #MidBoxInner .bunnerList a{ display: block; width: 100%; height: 100%; } #PageIndex #MidBoxInner .bunnerList .bunners{ } #PageIndex #MidBoxInner .bunnerList .bunners dl{ font-size: 0; } #PageIndex #MidBoxInner .bunnerList .bunners dt, #PageIndex #MidBoxInner .bunnerList .bunners dd{ } #PageIndex #MidBoxInner .bunnerList .bunners dt{ height: 69px; background-color: #fff; border-bottom: 1px solid #efefef; box-sizing: border-box; border-radius: 8px 8px 0 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #PageIndex #MidBoxInner .bunnerList .bunners dd{ background-color: #00b554; border-radius: 0 0 8px 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #PageIndex #MidBoxInner .bunnerList .bunners dd ul { } #PageIndex #MidBoxInner .bunnerList .bunners dd ul li { padding: 11px 0; border-bottom: 1px solid #2dcb76; text-align: center; } #PageIndex #MidBoxInner .bunnerList .bunners dd ul li:last-of-type{ margin-right: 0; border-bottom: none; } #PageIndex #MidBoxInner .bunnerList .bunners dt a, #PageIndex #MidBoxInner .bunnerList .bunners dd a{ text-indent: -9999px; width: 243px; display: inline-block; } #PageIndex #MidBoxInner .bunnerList .bunners dt a{ width: 100%; } #PageIndex #MidBoxInner .bunnerList .bunners dl ul li{ height: 47px; } #PageIndex #MidBoxInner .bunnerList .bunners01 { margin-bottom: 15px; } #PageIndex #MidBoxInner .bunnerList .bunners01 dt{ background: #fff url(../img/contents/sp_top_btn_kazashite5.png) no-repeat center; -webkit-background-size: 239px 30px; background-size: 239px 30px; } #PageIndex #MidBoxInner .bunnerList .bunners01 dd ul .menu01{ background: url(../img/contents/pc_top_btn_bokin07.png) no-repeat center; -webkit-background-size: 212px 42px; background-size: 239px 47px; } #PageIndex #MidBoxInner .bunnerList .bunners01 dd ul .menu02{ background: url(../img/contents/pc_top_btn_bokin08.png) no-repeat center; -webkit-background-size: 212px 42px; background-size: 239px 47px; } #PageIndex #MidBoxInner .bunnerList .bunners01 dd ul .menu03{ background: url(../img/contents/pc_top_btn_bokin09.png) no-repeat center; -webkit-background-size: 212px 42px; background-size: 239px 47px; } #PageIndex #MidBoxInner .bunnerList .bunners02{ margin-bottom: 11px; } #PageIndex #MidBoxInner .bunnerList .bunners02 dt{ background: #fff url(../img/contents/sp_top_btn_hurusato04.png) no-repeat center; -webkit-background-size: 192px 35px; background-size: 192px 35px; } #PageIndex #MidBoxInner .bunnerList .bunners02 dd{ } #PageIndex #MidBoxInner .bunnerList .bunners02 dd ul li{ } #PageIndex #MidBoxInner .bunnerList .bunners02 dd ul .menu01{ background: url(../img/contents/pc_top_btn_hurusato04.png) no-repeat center; -webkit-background-size: 212px 42px; background-size: 239px 47px; } #PageIndex #MidBoxInner .bunnerList .bunners02 dd ul .menu02{ background: url(../img/contents/pc_top_btn_hurusato05.png) no-repeat center; -webkit-background-size: 212px 42px; background-size: 239px 47px; } /* listTypeSns */ #PageIndex .listTypeSns{ display: flex; flex-wrap: wrap; justify-content: space-between; } #PageIndex .listTypeSns li{ box-sizing: border-box; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; width: 50%; line-height: 16px; font-size: 12px; } #PageIndex .listTypeSns li:last-of-type{ border-right: none; } #PageIndex .listTypeSns li a{ display: block; padding-top: 35px; padding-bottom: 9px; background-repeat: no-repeat; text-align: center; text-decoration: none; letter-spacing: .05em; font-weight: bold; color: #333; } #PageIndex .listTypeSns li.menu01 a{ background-position: center 10px; background-image: url("../img/contents/icon_01.png"); background-size: 27px auto; } #PageIndex .listTypeSns li.menu02 a{ background-position: center 11px; background-image: url("../img/contents/icon_02.png"); background-size: 21px auto; } #PageIndex .listTypeSns li.menu03 a{ background-position: center 10px; background-image: url("../img/contents/icon_03.png"); background-size: 20px auto; } #PageIndex .listTypeSns li.menu05 a{ background-position: center 10px; background-image: url("../img/contents/icon_05.png"); background-size: 17px auto; } #PageIndex #MidBoxInner .btnBox { display: block; margin: 0 auto 5px auto; width: 300px; height: 171px; text-align: center; text-decoration: none; background: no-repeat scroll left top transparent; } #PageIndex #MidBoxInner .btnBox.btn01 { background-image: url(../img/contents/sp_top_btn_quill.png); background-size: 300px 171px; } #PageIndex #MidBoxInner .btnBox.btn02 { background-image: url(../img/contents/sp_top_btn_moudouken.png); background-size: 300px 171px; margin-bottom: 10px; } #PageIndex #MidBoxInner .btnBox h2 { margin-bottom: 2px; padding-top: 25px; font-size: 30px; font-weight: bold; color: #fff; line-height: 30px; letter-spacing: -1px; text-shadow: 0px 0px 5px #000; } #PageIndex #MidBoxInner .btnBox h2 span { font-size: 18px; letter-spacing: 0; position: relative; top: -4px; } #PageIndex #MidBoxInner .btnBox p { margin-bottom: 8px; font-size: 15px; font-weight: bold; color: #efefef; line-height: 22px; letter-spacing: 2px; text-shadow: 0px 0px 5px #000; } #PageIndex #MidBoxInner .btnBox ul li { display: inline-block; margin: 0 auto; padding: 0 0 0 10px; height: 28px; font-size: 13px; font-weight: bold; color: #fff; line-height: 28px; letter-spacing: 1px; text-align: left; background: url(../img/contents/sp_top_btn_more_left.png) no-repeat scroll left top transparent; background-size: 18px 28px; } #PageIndex #MidBoxInner .btnBox ul li span { display: inline-block; padding: 0 24px 0 0; height: 28px; background: url(../img/contents/sp_top_btn_more_right.png) no-repeat scroll right top transparent; background-size: 120px 28px; } #PageIndex .facebook-wrapper { max-width: 500px; margin: 0 auto; padding:0 15px; } #PageIndex .facebook-wrapper> .fb-page { width: 100%; } #PageIndex .facebook-wrapper> .fb-page> span, #PageIndex .facebook-wrapper iframe { width: 100% !important; } #PageIndex .naviBox { margin: 0 auto 10px; width: 290px; } #PageIndex .naviBox .menuTop{ position: relative; margin-bottom: 15px; } .menuTop figure{ width: 100%; height: auto; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 8px; } .menuTop figure img{ width: 100%; height: auto; border-radius: 8px; } #PageIndex .naviBox .menuTop .menuTopTitle { position: absolute; bottom: 12px; right: 10px; } #PageIndex .naviBox .menuTop .menuTopTitle a { box-sizing: border-box; padding: 13px 45px 13px 10px; display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 22px; text-decoration: none; background-repeat: no-repeat; background-color: #fff; background-image: url(../img/contents/topimg_arrow_01.png); background-size: 29px auto; background-position: right calc(50% - 55px) center; border-radius: 8px; font-size: 18px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); width: 200px; margin: 0 auto; text-align: center; } #PageIndex .naviBox ul { width: 290px; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #PageIndex .naviBox ul li { display: table; margin: 0 auto; width: 290px; border-top: 1px solid #efefef; background-color: #fff; opacity: 0.90; -ms-filter: "alpha( opacity=90 )"; filter: alpha(opacity=90); text-decoration: none; } #PageIndex .naviBox ul li:first-child { border-top: none; border-radius: 8px 8px 0 0; } #PageIndex .naviBox ul li:last-child { border-radius: 0 0 8px 8px; } #PageIndex .naviBox ul li a:hover { opacity: 0.7; -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); text-decoration: none; } #PageIndex .naviBox ul li a { display: table-cell; vertical-align: middle; padding: 0 0 0 77px; width: 213px; height: 69px; font-size: 17px; font-weight: bold; color: #333; line-height: 69px; letter-spacing: -1px; text-decoration: none; background-repeat: no-repeat, no-repeat; background-position: 7px 4px, right 16px; background-color: transparent, transparent; background-size: 60px 60px, 42px 39px; } #PageIndex .naviBox ul li.menu01 a { background-image: url(../img/sub/icon_sidenavi_01sp.gif), url(../img/sub/pc_icon_sidenavi.gif); background-size: 61px 61px, 42px 39px; } #PageIndex .naviBox ul li.menu02 a { background-image: url(../img/sub/icon_sidenavi_02.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu03 a { background-image: url(../img/sub/icon_sidenavi_03.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu04 a { background-image: url(../img/sub/icon_sidenavi_04.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu05 a { background-image: url(../img/sub/icon_sidenavi_05.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu06 a { background-image: url(../img/sub/icon_sidenavi_06.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu07 a { background-image: url(../img/sub/icon_sidenavi_07.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .naviBox ul li.menu08 a { background-image: url(../img/sub/icon_sidenavi_08.jpg), url(../img/sub/pc_icon_sidenavi.gif); } #PageIndex .btnBox2 { margin: 0 auto; width: calc(100% - 30px); } #PageIndex .btnBox2 ul li { margin: 0 0 15px 0; width: 100%; } #PageIndex .btnBox2 ul li:last-child { margin-bottom: 0; } #PageIndex .btnBox2 ul li a { /*box-sizing:border-box; padding: 128px 0 0 15px; display: block; width: 302px; height: 166px; font-size: 16px; font-weight: bold; color: #333; line-height: 20px; text-decoration: none; background: no-repeat scroll left top transparent;*/ box-sizing: border-box; padding: 20px 38px 19px 43px; display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 22px; text-decoration: none; background-repeat: no-repeat, no-repeat; background-color: #fff; border-radius: 8px; font-size: 16px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #PageIndex .btnBox2 ul li.menu01 a { background-image: url(../img/contents/topimg_arrow_01.png), url(../img/contents/topimg_list_icon_01.png); background-size: 28px auto, 24px auto; background-position: right 10px center, left 11px center; } #PageIndex .btnBox2 ul li.menu02 a { background-image: url(../img/contents/topimg_arrow_01.png), url(../img/contents/topimg_list_icon_02.png); background-size: 28px auto, 30px auto; background-position: right 10px center, left 9px center; } #PageIndex .btnBox2 ul li.menu03 a { background-image: url(../img/contents/topimg_arrow_01.png), url(../img/contents/topimg_list_icon_03.png); background-size: 28px auto, 28px auto; background-position: right 10px center, left 9px center; } #PageIndex .btnBox2 ul li.menu04_01, #PageIndex .btnBox2 ul li.menu05_01, #PageIndex .btnBox2 ul li.menu05_02{ width: 300px; } #PageIndex .btnBox2 ul li.menu04_01 a, #PageIndex .btnBox2 ul li.menu04_02 a, #PageIndex .btnBox2 ul li.menu05_01 a, #PageIndex .btnBox2 ul li.menu05_02 a{ text-indent: -9999px; } #PageIndex .btnBox2 ul li.menu04_01 a, #PageIndex .btnBox2 ul li.menu05_01 a, #PageIndex .btnBox2 ul li.menu05_02 a{ width: 300px; text-indent: -9999px; } #PageIndex .btnBox2 ul li.menu04_02 a { background-image: url(../img/contents/sp_top_btn_facebook2.png); background-size: 150px 128px; } #PageIndex .btnBox2 ul li.menu04_01 a { height: 75px; background-image: url(../img/contents/sp_top_btn_kazashite2.png); background-size: 300px 75px; } #PageIndex .btnBox2 ul li.menu05_01 a { height: 70px; background-image: url(../img/contents/sp_top_btn_kazashite3.png); background-size: 300px 70px; } #PageIndex .btnBox2 ul li.menu05_02 a { height: 75px; background-image: url(../img/contents/sp_top_btn_kazashite4.png); background-size: 300px 75px; } #PageIndex .btnBox2 ul ul { } #PageIndex .btnBox2 ul li li { margin: 0; text-indent:-9999px; } #PageIndex .btnBox2 ul li li a{ padding:0; } #PageIndex .btnBox2 ul li li.menu04_01 { } #PageIndex .btnBox2 ul li li.menu04_02 a { height: 64px; background: url(../img/contents/sp_top_btn_facebook.png) no-repeat scroll left top transparent; background-size: 150px 64px; } #PageIndex .btnBox2 ul li.menu06 ul li a { width:302px; } #PageIndex .btnBox2 ul li.menu06 li.menu06_01 a { height: 75px; background-image:url(../img/contents/sp_top_btn_hurusato01.png); background-size: 302px auto; } #PageIndex .btnBox2 ul li.menu06 li.menu06_02 a { height: 70px; background-image:url(../img/contents/sp_top_btn_hurusato02.png); background-size: 302px auto; } #PageIndex .btnBox2 ul li.menu06 li.menu06_03 a { height: 75px; background-image:url(../img/contents/sp_top_btn_hurusato03.png); background-size: 302px auto; } /* btmbox */ #PageIndex #BtmBox { width: 100%; padding: 33px 0 0 0; } #PageIndex #BtmBox.second{ padding: 28px 0 0 0; } #PageIndex #BtmBox.second #BtmBoxInner{ /*padding: 0 0 59px 0;*/ } #PageIndex #BtmBox .blog{ padding-bottom: 42px; /*margin-bottom: 35px; border-bottom: 1px #d8d8d8 solid;*/ } #PageIndex #BtmBoxInner { /*padding: 0 0 40px 0*/ } #PageIndex #BtmBox.topics h3{ position:relative; background: url(../img/icon_schedule.png) no-repeat scroll left top transparent; background-size: 36px 40px; } #PageIndex #BtmBox.topics h3 .listTypeSns{ display: none; } #PageIndex #BtmBox .blog h3{ background: url(../img/icon_report.png) no-repeat scroll left top transparent; background-size: 35px 35px; } #PageIndex #BtmBox.topics h3> a{ height: 28px; position: absolute; top: 8px; right: 1px; background: url(../img/contents/sp_top_btn_more_arrow.png) no-repeat scroll right center transparent; background-size:17px auto; background-color:#00B554; /* box-shadow */ /*box-shadow:0px 0px 25px -7px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 25px -7px rgba(0,0,0,0.75); -webkit-box-shadow:0px 0px 25px -7px rgba(0,0,0,0.75);*/ box-shadow:0 2px rgba(0,0,0,0.1); /* border-radius */ border-radius:62px; -moz-border-radius:62px; -webkit-border-radius:62px; } #PageIndex #BtmBox.topics h3> a{ margin: 0 auto; padding: 0px 18px 0px 9px; height: 28px; font-size: 13px; font-weight: bold; color: #fff; line-height: 28px; text-align: left; } #PageIndex #BtmBox.topics h3> a span { color: #fff; } #PageIndex #BtmBox.topics #BtmBoxInner { padding: 0 0 27px 0; } #PageIndex #BtmBoxInner h3 { margin: 0 15px 12px 15px; padding: 8px 0 12px 44px; font-size: 19px; font-weight: bold; color: #333; line-height: 29px; letter-spacing: 2px; border-bottom: 4px solid #e7e6e5; } #PageIndex #BtmBoxInner h3 span { color: #0e984e; } #PageIndex #BtmBoxInner dl { margin: 0 15px; padding: 11px 0 9px 0; _zoom: 1; overflow: hidden; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageIndex #BtmBoxInner dl.first { background: none; } #PageIndex #BtmBoxInner dl dt { font-size: 15px; color: #888; line-height: 20px; } #PageIndex #BtmBoxInner dl dd { font-size: 17px; font-weight: bold; line-height: 24px; } #PageIndex #BtmBoxInner .moreLink { padding: 22px 0 0 0; } #PageIndex #BtmBoxInner .moreLink li { margin: 0 auto; width: 290px; } #PageIndex #BtmBoxInner .moreLink li a { display: block; width: 100%; height: 45px; font-size: 15px; font-weight: bold; color: #fff; line-height: 42px; letter-spacing: 1px; text-align: center; background: url(../img/contents/sp_top_btn_more_02.png) no-repeat scroll left top transparent; background-size: 290px 45px; } /* #InstagramBox */ #PageIndex #InstagramBox{ padding:0 0 45px 0; border-top:1px solid #dfdbd6; background-color:#f8f5f1; } #PageIndex #InstagramBox h3{ margin: 40px auto 19px; width:168px; height:40px; background:url(../img/contents/sp_top_insta_title.png) no-repeat center left; background-size:168px auto; text-indent:-9999px; } #PageIndex #InstagramBox #slideFrameContainer { display: none; } #PageIndex #InstagramBox ul#instafeed-sp { display: block; font-size:0; letter-spacing:0; margin:0 auto; width:300px; text-align:center; } #PageIndex #InstagramBox ul#instafeed-sp li { display: inline-block; vertical-align: top; padding:0 1px 1px 0; width:96px; height: 96px; min-height: 96px; } #PageIndex #InstagramBox ul#instafeed-sp li:nth-child(3n){ margin:0 0 1px 0; } #PageIndex #InstagramBox ul#instafeed-sp li a { display: block; width:96px; height: 96px; background-position: 50%; background-size: cover; } #PageIndex #InstagramBox ul#instafeed-sp li a img{ display:none; } /*#################### 盲導犬を希望する ####################*/ #PageApplication aside { padding-top: 25px; border-top: 1px solid #dfdbd6; background-color: #f8f5f1; } #PageApplication.pageIndex #Box01 { margin: 0 0 30px 0; } #PageApplication.pageIndex .introBox { margin: 0 15px 40px 15px; padding: 0 0 12px 0; position: relative; } #PageApplication.pageIndex .introBox .photo { margin: 0 0 25px 0; width: 100%; } #PageApplication.pageIndex .introBox .point { margin: 0 auto 10px auto; width: 290px; _zoom: 1; overflow: hidden; } #PageApplication.pageIndex .introBox .point li { margin: 0 3px 5px 2px; padding: 47px 0 0 0; width: 140px; height: 93px; float: left; font-size: 16px; font-weight: bold; color: #fff; line-height: 22px; text-align: center; background: url(../img/contents/bg_application_circle.gif) no-repeat scroll left top transparent; background-size: 140px 140px; } #PageApplication.pageIndex .introBox p.catch { margin-bottom: 12px; padding: 0; clear: both; font-size: 19px; font-weight: bold; color: #0e984e; line-height: 27px; text-align: center; letter-spacing: 0px; } #PageApplication.pageIndex .introBox .link li { text-align: center; } #PageApplication.pageIndex .link li a { display: inline-block; padding-left: 24px; min-height: 22px; font-size: 15px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } #PageApplication.pageIndex .contentsBox01 { margin: 0 0 25px 0; } #PageApplication.pageIndex .contentsBox01 p { margin: 0 0 5px 0; color: #555; } #PageApplication.pageIndex .contentsBox01 p strong { color: #333; } #PageApplication.pageIndex .contentsBox01 p a { color: #333; } #PageApplication.pageIndex .contentsBox01 .link { margin: 10px 15px 0 15px; } /* flow */ #PageApplication.pageFlow #Box01 { margin-bottom: 70px; } #PageApplication.pageFlow .contentsBox01 { margin: 0 0 25px 0; } /* faq */ #PageApplication.pageFaq #Box01 { margin-bottom: 25px; } #PageApplication.pageFaq #Main h4 { margin: 0 0 8px 0; } #PageApplication.pageFaq .contentsBox01 dl { background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; padding: 0 15px 14px 15px; } #PageApplication.pageFaq .contentsBox01 dt { padding: 12px 0 0 45px; font-size: 18px; font-weight: bold; color: #2d72ab; line-height: 29px; text-decoration: underline; position: relative; cursor: pointer; } #PageApplication.pageFaq .contentsBox01 dt.open { color: #333; text-decoration: none; } #PageApplication.pageFaq .contentsBox01 dd { display: none; padding: 10px 0 0 45px; font-size: 17px; color: #555; line-height: 29px; position: relative; } #PageApplication.pageFaq .contentsBox01 dl.last { background: none; } #PageApplication.pageFaq .contentsBox01 .q { display: block; width: 38px; height: 34px; background: url(../img/icon_q.gif) no-repeat; background-size: 38px 34px; text-indent: -9999px; position: absolute; top: 10px; left: 0px; } #PageApplication.pageFaq .contentsBox01 .a { display: block; width: 38px; height: 34px; background: url(../img/icon_a.gif) no-repeat; background-size: 38px 34px; text-indent: -9999px; position: absolute; top: 10px; left: 0px; } /* voice */ #PageApplication.pageVoice #Box01 { margin: 0 0 60px 0; } #PageApplication.pageVoice #Main h4.line { margin: 0 15px 18px 15px; padding-bottom: 20px; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 29px; border-bottom: 1px solid #cdded5; } #PageApplication.pageVoice #Main #Box03 h4.line { letter-spacing: -1px; } #PageApplication.pageVoice #Main .contentsBox01 { margin: 0 0 35px 0; } #PageApplication.pageVoice #Main p.name { margin: 0 15px 35px 15px; padding: 0 0 0 50px; font-size: 15px; font-weight: normal; color: #555; line-height: 65px; border-radius: 4px; background: url(../img/icon_person.gif) no-repeat scroll 15px center transparent; background-size: 24px 24px; background-color: #f6f6f6; } #PageApplication.pageVoice #Main p.last { margin-bottom: 0; } #PageApplication.pageVoice #Main .borderBox { margin-top: 20px; } /*#################### 盲導犬を知る ####################*/ #PageKnowledge aside { padding-top: 25px; border-top: 1px solid #dfdbd6; background-color: #f8f5f1; } /* index */ #PageKnowledge.pageIndex #Box01 { margin-bottom: 10px; } #PageKnowledge.pageIndex .introBox { margin-bottom: 25px; padding-bottom: 0; border-bottom: none; background: none; } #PageKnowledge.pageIndex .introBox .photo { margin-bottom: 0; } #PageKnowledge.pageIndex .menuBox .menuInner { margin: 0 0 20px 0; } #PageKnowledge.pageIndex .menuBox .menuInner .photo { margin: 0 0 15px 0; width: 100%; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } #PageKnowledge.pageIndex .menuBox .menuInner ul { margin: 0 15px; } #PageKnowledge.pageIndex .menuBox .menuInner ul ul { margin: 0; padding: 8px 0 0 0; } #PageKnowledge.pageIndex .menuBox .menuInner ul li li { margin-bottom: 8px; line-height: 20px; } #PageKnowledge.pageIndex .photo.dispsp{ background-size: 49px 320px;} #PageKnowledge.pageIndex .menuBox .menuInner ul li a { display: inline-block; padding-left: 28px; min-height: 22px; font-size: 17px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } #PageKnowledge.pageIndex .menuBox .menuInner ul li li a { display: inline-block; padding-left: 24px; font-size: 15px; font-weight: normal; color: #555; line-height: 20px; background: url(../img/icon_arrow_02.png) no-repeat scroll 10px 6px transparent; background-size: 5px 7px; } /* history */ #PageKnowledge.pageHistory #Box01 { margin-bottom: 40px; } #PageKnowledge.pageHistory .contentsBox .intro { margin-bottom: 15px; } #PageKnowledge.pageHistory .contentsBox .intro span.note { display: inline-block; font-size: 13px; color: #777; line-height: 23px; } #PageKnowledge.pageHistory .contentsBox02 .photoL { margin-top: -10px; } #PageKnowledge.pageHistory .contentsBox02.photoR { margin-bottom: 30px; } #PageKnowledge.pageHistory .contentsBox02 .photo2 { margin: 30px auto 15px auto; width: 245px; } #PageKnowledge.pageHistory .contentsBox02 .photo2 img { width: 245px; height: 169px; } #PageKnowledge.pageHistory .contentsBox02 .photo2t { margin-bottom: 20px; padding-top: 6px; } #PageKnowledge.pageHistory .contentsBox01 .lawBox { margin: 0 15px 10px 15px; padding: 20px 18px; line-height: 27px; border-radius: 4px / 4px; border: 1px solid #dcf200; background-color: #fdffe9; } #PageKnowledge.pageHistory .contentsBox01 .lawBox dt { margin: 0; padding: 0 50px 0 0; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 29px; background: url(../img/contents/icon_plus.gif) no-repeat scroll right center transparent; background-size: 30px 30px; } #PageKnowledge.pageHistory .contentsBox01 .lawBox dt.open { background: url(../img/contents/icon_minus.gif) no-repeat scroll right center transparent; background-size: 30px 30px; } #PageKnowledge.pageHistory .contentsBox01 .lawBox dd { display: none; padding: 15px 0 0 0; font-size: 17px; line-height: 29px; } #PageKnowledge.pageHistory .contentsBox01 .lawBox dd p { padding: 0; } #PageKnowledge.pageHistory .contentsBox01 .lawBox dd a { font-weight: bold; } #PageKnowledge.pageHistory .contentsBox01 .green_b { margin: 0 0 15px 0; padding: 0 0 20px 0; font-size: 16px; line-height: 28px; border-bottom: 1px solid #ecf874; } #PageKnowledge.pageHistory .contentsBox01 .green { font-size: 14px; line-height: 24px; color: #0e984e; } #PageKnowledge.pageHistory .contentsBox01 .space { margin-bottom: 16px; } #PageKnowledge.pageHistory .contentsBox01 .empty_b { margin-bottom: 15px; line-height: 28px; } #PageKnowledge.pageHistory .contentsBox01 .lawBox dd p.mid { padding: 20px 0; font-size: 15px; line-height: 26px; border-top: 1px solid #ecf874; border-bottom: 1px solid #ecf874; } #PageKnowledge.pageHistory .contentsBox01 .lasty { margin: 20px 0 0 0; } #PageKnowledge.pageIndex .menuBox .menuInner .photo.dispsp { border: none; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); } #PageKnowledge.pageIndex .menuBox .menuInner .photo.dispsp img { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); } /* training */ #PageKnowledge.pageTraining #Box01 { margin-bottom: 50px; } #PageKnowledge.pageTraining #Box01 h4 { padding-right: 0; padding-left: 0; } #PageKnowledge.pageTraining #Main #Sec07 h4.stamp.number, #PageKnowledge.pageTraining #Main #Sec08 h4.stamp.number { letter-spacing: -2px; } #PageKnowledge.pageTraining .photoList { padding-top: 6px; _zoom: 1; overflow: hidden; } #PageKnowledge.pageTraining .photoList li { display: table; margin: 0 0 10px 0; font-size: 12px; color: #d29131; line-height: 18px; _zoom: 1; overflow: hidden; } #PageKnowledge.pageTraining .photoList li img { display: inline; margin-right: 10px; width: 107px; height: 74px; float: left; } #PageKnowledge.pageTraining .photoList li span { display: table-cell; font-size: 13px; color: #d29131; line-height: 18px; vertical-align: middle; } #PageKnowledge.pageTraining .yudoList { margin: -15px 15px 0 15px; } #PageKnowledge.pageTraining .yudoList li { margin: 0 0 0 0; font-weight: bold; line-height: 28px; } #PageKnowledge.pageTraining #Sec06 ul { margin-bottom: 10px; } #PageKnowledge.pageTraining #Sec06 ul li { font-size: 14px; font-weight: normal; color: #d29131; line-height: 24px; } /* activity */ #PageKnowledge.pageActivity #Box01 { margin-bottom: 60px; } #PageKnowledge.pageActivity .figBox dl, #PageKnowledge.pageActivity .tableBox dl { margin: 0 0 0 0; text-align: center; } #PageKnowledge.pageActivity .figBox dl dt, #PageKnowledge.pageActivity .tableBox dl dt { margin: 0 15px 8px 15px; padding: 4px 0 0 0; height: 44px; font-size: 14px; font-weight: bold; color: #0e984e; line-height: 20px; border: 2px solid #abe4c5; border-radius: 24px; } .mac #PageKnowledge.pageActivity .figBox dl dt, .mac #PageKnowledge.pageActivity .tableBox dl dt { line-height: 32px; } #PageKnowledge.pageActivity .figBox dl dd, #PageKnowledge.pageActivity .tableBox dl dd { margin: 0 15px 0 15px; font-size: 14px; color: #777; line-height: 20px; } #PageKnowledge.pageActivity .fig { margin: 0 0 20px 0; } #PageKnowledge.pageActivity .catch { margin: 20px 0 18px 0; padding: 22px 15px 0 15px; font-size: 18px; font-weight: bold; line-height: 33px; letter-spacing: -1px; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageKnowledge.pageActivity .tableBox dl { margin: 0 0 10px 0; } #PageKnowledge.pageActivity .table { margin: 0 15px 25px 15px; } #PageKnowledge.pageActivity .table table { margin: 0; } #PageKnowledge.pageActivity .table .tableLeft { width: 48%; float: left; } #PageKnowledge.pageActivity .table .tableRight { width: 48%; float: right; } #PageKnowledge.pageActivity .table table th { padding: 9px 0 9px 10px; width: 69px; font-size: 12px; font-weight: bold; line-height: 20px; vertical-align: middle; } #PageKnowledge.pageActivity .table table td { padding: 9px 0; font-size: 14px; font-weight: bold; color: #eaa134; line-height: 20px; text-align: center; vertical-align: middle; } /* trainer */ #PageKnowledge.pageTrainer #Box01 { margin-bottom: 55px; } #PageKnowledge.pageTrainer #Main h4 { margin-bottom: 20px; } #PageKnowledge.pageTrainer #Main #Sec01 h4, #PageKnowledge.pageTrainer #Main #Sec02 h4 { margin-bottom: 0px; } #PageKnowledge.pageTrainer #Main #Sec01 h5.space { letter-spacing: -1px; } #PageKnowledge.pageTrainer #Main .borderBox.box01 { margin-bottom: 15px; } #PageKnowledge.pageTrainer #Main .borderBox.box02 { margin-bottom: 20px; } #PageKnowledge.pageTrainer #Main .studyList { clear: both; margin: 0 0 20px 0; padding: 14px 0 0 0; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageKnowledge.pageTrainer #Main .studyList li { margin: 0 0 12px 0; padding: 0 15px 12px 2.7em; font-size: 15px; font-weight: bold; line-height: 26px; text-indent: -1.7em; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; } #PageKnowledge.pageTrainer #Main .studyList li:last-child { letter-spacing: -1px; } /* law */ #PageKnowledge.pageLaw #Box01 { margin-bottom: 30px; } #PageKnowledge.pageLaw #Main h4.baloon { margin-bottom: 15px; padding: 16px 0 26px 0; font-size: 20px; font-weight: bold; color: #fff; line-height: 29px; text-align: center; background: url(../img/contents/sp_title_h4_baloon.gif) no-repeat scroll center bottom #00bc57; background-size: 640px 10px; } #PageKnowledge.pageLaw #Main p.last { margin-bottom: 30px; } #PageKnowledge.pageLaw #Main .contentsBox01 dl { margin: 0 15px 20px 15px; border-radius: 8px; border: 1px solid #ddd; } #PageKnowledge.pageLaw #Main .contentsBox01 dl dt { padding: 22px 70px 22px 18px; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 29px; border-bottom: none; border-radius: 8px; background: url(../img/contents/sp_icon_law_plus.gif) no-repeat scroll right center #f8f8f8; background-size: 46px 33px; } #PageKnowledge.pageLaw #Main .contentsBox01 dl dt.open { padding: 22px 70px 22px 18px; border-bottom: 1px solid #ddd; border-radius: 8px 8px 0 0; background: url(../img/contents/sp_icon_law_minus.gif) no-repeat scroll right center #f8f8f8; background-size: 46px 33px; } #PageKnowledge.pageLaw #Main .contentsBox01 dl dd { display: none; padding: 18px 18px 6px 18px; } #PageKnowledge.pageLaw #Main .contentsBox01 dl dd p { margin-bottom: 15px; padding: 0; font-size: 17px; line-height: 30px; } /* disease */ #PageKnowledge.pageDisease #Box01 { margin-bottom: 45px; } #PageKnowledge.pageDisease .figBox dl { margin: 0 0 8px 0; text-align: center; } #PageKnowledge.pageDisease .figBox .caption { padding: 0; text-align: center; } #PageKnowledge.pageDisease .figBox dl dt, #PageKnowledge.pageDisease .figBox .caption span.inner { display: block; margin: 0 15px 8px 15px; padding: 6px 0 0 0; height: 44px; font-size: 14px; font-weight: bold; color: #0e984e; line-height: 20px; border: 2px solid #abe4c5; border-radius: 24px; } .mac #PageKnowledge.pageDisease .figBox dl dt, .mac #PageKnowledge.pageDisease .figBox .caption { line-height: 32px; } #PageKnowledge.pageDisease .figBox dl dd { margin-bottom: 10px; font-size: 14px; color: #777; line-height: 24px; } #PageKnowledge.pageDisease #Sec01 .fig { margin: 0 auto 20px auto; width: 290px; } #PageKnowledge.pageDisease #Sec02 .fig { margin: 0 auto 20px auto; width: 290px; } #PageKnowledge.pageDisease #Sec04 .fig { margin: 0 auto 20px auto; width: 267px; } #PageKnowledge.pageDisease #Sec05 .fig { margin: 0 auto 20px auto; width: 267px; } #PageKnowledge.pageDisease #Sec01 .fig img { width: 290px; height: 160px; } #PageKnowledge.pageDisease #Sec02 .fig img { width: 290px; height: 175px; } #PageKnowledge.pageDisease #Sec04 .fig img { width: 267px; height: 164px; } #PageKnowledge.pageDisease #Sec05 .fig img { width: 267px; height: 164px; } #PageKnowledge.pageDisease #Sec04 .contentsBox02 { _zoom: 1; overflow: hidden; } #PageKnowledge.pageDisease #Sec04 .contentsBox02 .photo { margin: 0 15px 0 10px; width: 136px; float: right; } #PageKnowledge.pageDisease #Sec04 .contentsBox02 .photo img { width: 136px; height: 94px; } #PageKnowledge.pageDisease #Sec01 p.last { margin-bottom: 15px; } #PageKnowledge.pageDisease .pointList { margin: 0 0 18px 0; padding: 14px 0 0 0; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageKnowledge.pageDisease .pointList li { margin: 0 0 15px 0; padding: 0 15px 16px 15px; font-size: 15px; font-weight: bold; line-height: 26px; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; _zoom: 1; overflow: hidden; } #PageKnowledge.pageDisease .pointList li .point { display: block; margin: 0 10px 0 0; padding: 36px 0 0 0; width: 70px; height: 34px; float: left; font-size: 9px; font-weight: bold; color: #fff4eb; line-height: 30px; text-align: center; background: url(../img/contents/icon_law_step.gif) no-repeat scroll left top transparent; background-size: 70px 70px; position: relative; } #PageKnowledge.pageDisease .pointList li .point .num { display: block; width: 70px; height: 70px; font-size: 30px; font-weight: bold; color: #fff; line-height: 30px; position: absolute; top: 13px; left: 0px; } #PageKnowledge.pageDisease #Sec04 .pointList { margin: 0 0 25px 0; } #PageKnowledge.pageDisease #Sec04 .pointList li { padding-bottom: 18px; font-weight: normal; } #PageKnowledge.pageDisease #Sec04 .pointList li strong { font-size: 16px; line-height: 28px; } #PageKnowledge.pageDisease .contentsBox01 .lawBox { margin: 0 15px 10px 15px; padding: 20px 18px; line-height: 27px; border-radius: 4px / 4px; border: 1px solid #dcf200; background-color: #fdffe9; } #PageKnowledge.pageDisease .contentsBox01 .lawBox.last { margin: 0 15px 25px 15px; } #PageKnowledge.pageDisease .contentsBox01 .lawBox dt { margin: 0; padding: 0 50px 0 0; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 29px; background: url(../img/contents/icon_plus.gif) no-repeat scroll right center transparent; background-size: 30px 30px; } #PageKnowledge.pageDisease .contentsBox01 .lawBox dt.open { background: url(../img/contents/icon_minus.gif) no-repeat scroll right center transparent; background-size: 30px 30px; } #PageKnowledge.pageDisease .contentsBox01 .lawBox dd { display: none; padding: 15px 0 0 0; } #PageKnowledge.pageDisease .contentsBox01 .lawBox dd p { margin-bottom: 15px; padding: 0; font-size: 17px; line-height: 29px; } #PageKnowledge.pageDisease .contentsBox01 .lawBox dd a { font-weight: bold; } /*#################### 盲導犬育成を応援する ####################*/ #PageSupport aside { padding-top: 25px; border-top: 1px solid #dfdbd6; background-color: #f8f5f1; } #PageSupport #Sub h4+ul>li:first-child a:before{ content: ""; position: absolute; left: 30px; width: 0px; height: 0px; border-style: solid; border-width: 7px 6px; border-color: #55bb84 transparent transparent transparent; z-index: -1; } /* index */ #PageSupport.pageIndex #Box01 { margin-bottom: 40px; } #PageSupport.pageIndex .introBox { margin-bottom: 25px; border: none; background: none; } #PageSupport.pageIndex .introBox .photo { margin-bottom: 25px; } #PageSupport.pageIndex .menuBox h3 { margin: 0 15px 12px 15px; padding: 0 0 0 0; font-size: 19px; font-weight: bold; color: #0e984e; line-height: 50px; border: none; border-bottom: 1px solid #cdded5; border-radius: 0px; background: none; box-shadow: none; } #PageSupport.pageIndex .menuBox .menuLeft .photo img { width: 100%; height:50px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); } #PageSupport.pageIndex .menuBox .menuLeft .photo { background-image: url(../img/contents/sp_bg_support_01.jpg); } #PageSupport.pageIndex .menuBox .menuRight .photo img { width: 100%; height: 50px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); } #PageSupport.pageIndex .menuBox .photo img.disppc { display: none; } #PageSupport.pageIndex .menuBox p.linkText { display: block; font-size: 15px; font-weight: bold; line-height: 22px; } #PageSupport.pageIndex .menuBox ul { margin: 0 15px 18px 15px; } #PageSupport.pageIndex .menuBox ul li { margin: 0 0 4px 0; } #PageSupport.pageIndex .menuBox ul li span.note { margin: 5px 0 15px 0; display: block; font-size: 15px; color: #555; line-height: 22px; } #PageSupport.pageIndex .menuBox ul li a { display: inline-block; padding-left: 28px; min-height: 22px; font-size: 17px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } PageSupport.pageIndex .menuBox .menuLeft .photo { background-image: url("../img/contents/sp_bg_support_01.jpg"); background-size: 100%; box-sizing: border-box; } #PageSupport.pageIndex .menuBox .menuLeft { border-radius: 3px; } #PageSupport #SubSupport h4.link{ z-index: 0; } #PageSupport #SubSupport h4.link a{ z-index: 100; position: relative;} /* individual */ #PageSupport.pageIndividual #Main h3 { position: relative; padding: 18px 0 12px 15px; line-height: 42px; } #PageSupport.pageIndividual .baloon { padding: 0 6px; font-size: 13px; position: relative; display: block; width: 119px; height: 28px; line-height: 28px; color: #fff; text-align: center; background: #55bb84; z-index: 0; text-align: center; } #PageSupport.pageIndividual .baloon:after { content: ""; position: absolute; bottom: -5px; left: 14px; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #55bb84 transparent transparent transparent; z-index: -1; } #PageSupport.pageIndividual .contentsBox01 .textSl .tableBox td { color: #eaa134; font-weight: bold; letter-spacing: 1.5px; } #PageSupport.pageIndividual .contentsBox01 .photoSr2 .photoLo { margin: 0 0 25px 0; text-align: center; } #PageSupport.pageIndividual .contentsBox01 .photoSr2 ul li { display: inline; } #PageSupport.pageIndividual .contentsBox01 ul.bankList li { font-size: 14px; background: url(../img/icon_blank.png) no-repeat 0 13px; background-size: 11px 11px; padding-left: 18px; line-height: 35px; } #PageSupport.pageIndividual .contentsBox01 ul.bankList li:first-child { margin-left: 0; } #PageSupport.pageIndividual .borderBox.gray { margin-bottom: 20px; padding: 14px 20px 14px 20px; border-color: #ddd; background-color: #f8f8f8; } #PageSupport.pageIndividual .borderBox.gray a { font-weight: bold; } #PageSupport.pageIndividual .contentsBox01 .note { margin-bottom: 10px; font-size: 14px; color: #777777; line-height: 24px; } #PageSupport.pageIndividual .contentsBox01 .noteM { font-size: 14px; line-height: 26px; padding: 15px 0; } #PageSupport.pageIndividual .contentsBox01 .dotH { background: url("../img/line_broken_01.png") repeat-x scroll left bottom , url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px,6px 1px; margin-bottom: 15px; padding: 12px 15px 12px 15px; line-height: 26px; } #PageSupport.pageIndividual .contentsBox01 .dotH.first{ background: url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px; padding-bottom: 0; } #PageSupport.pageIndividual .contentsBox01 .dotH.last{ background: url("../img/line_broken_01.png") repeat-x scroll left bottom; background-size:6px 1px; padding-top: 0; } #PageSupport.pageIndividual .contentsBox01 .dotH p { margin: 15px 0px; font-size: 15px; } #PageSupport.pageIndividual .contentsBox01 .dotH p.noteM.space { margin: 0; padding: 0; } #PageSupport.pageIndividual .contentsBox01 p.kouza { font-weight: bold; } #PageSupport.pageIndividual .contentsBox01 dl.kouza { margin: 15px 15px 20px;/*修正*/ font-weight: bold; } #PageSupport.pageIndividual .contentsBox01 dl.kouza dt { float: left; width: 5em; clear: both; } #PageSupport.pageIndividual .contentsBox01 dl.kouza dd { margin-left: 5em; } #PageSupport.pageIndividual .contentsBox01 .kouzaTable td { font-weight: bold; color: #eaa134; } #PageSupport.pageIndividual .b_Ntable { margin: 0 4.6% 4px 4.6%; width: 90.8%; } #PageSupport.pageIndividual .b_Ntable th { padding: 9px 10px 9px 10px; /*width: 32%;*/ width: 38%;/*修正*/ vertical-align: middle;/*修正*/ } #PageSupport.pageIndividual .b_Ntable th.b_Nwid1 { padding: 9px 10px 9px 10px; width: 32%; } #PageSupport.pageIndividual .b_Ntable td { padding: 9px 5px 9px 10px; } #PageSupport.pageIndividual h5.ls { letter-spacing: -1px; } /* individual (修正)*/ #PageSupport.pageIndividual .contentsBox p{ text-align: justify; } #PageSupport.pageIndividual .contentsBox01 .leadMsg{ margin-bottom: 0px; } #PageSupport.pageIndividual .contentsBox01 ul.method{ padding: 15px 15px 0px 15px; margin-bottom: 17px; } #PageSupport.pageIndividual .contentsBox01 ul.method li{ margin-bottom: 13px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox{ padding: 12px 15px; } #PageSupport.pageIndividual .contentsBox01 .bnrBoxWrap{ width: 100%; } #PageSupport.pageIndividual .contentsBox01 .bnrBox p{ padding: 0; font-size: 14px; line-height: 1.8; margin: 0 0 20px 0; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul{ padding: 10px 0; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li{ padding-right: 10px; padding-left: 10px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li:nth-of-type(1){ margin-right: 0; padding-bottom: 11px; border-bottom: 1px solid #2dcb76; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li:nth-of-type(2){ padding-top: 11px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li:nth-of-type(1) a::before{ background-size: 14px auto; width: 14px; height: 25px; top: 12px; left: 18px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li:nth-of-type(2) a::before{ background-size: 22px auto; width: 22px; height: 22px; top: 12px; left: 13px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li a{ line-height: 1.2; padding: 8px 0 8px 46px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li a{ width: auto; font-size: 14px; } #PageSupport.pageIndividual .contentsBox01 .bnrBox ul li a::after{ background-size: 11px auto; width: 11px; height: 11px; top: 20px; right: 12px; } #PageSupport.pageIndividual .contentsBox01 #CreditCard{ padding-top: 21px; } #PageSupport.pageIndividual .contentsBox01 #CreditCard .transBtn{ margin-bottom: 10px; } #PageSupport.pageIndividual .contentsBox01 #CreditCard p{ padding: 0; font-size: 14px; line-height: 1.8; margin: 0 0 17px 0; } #PageSupport.pageIndividual .contentsBox01 #AutoDebit{ padding-top: 20px; } #PageSupport.pageIndividual .contentsBox01 #AutoDebit p{ padding: 0; font-size: 14px; line-height: 1.8; margin: 0 0 11px 0; } #PageSupport.pageIndividual .contentsBox01 #AutoDebit p:nth-of-type(2){ margin-bottom: 20px; } #PageSupport.pageIndividual .contentsBox01 .zipBox{ margin-bottom: 17px; } #PageSupport.pageIndividual .contentsBox01 .zipBox p:nth-of-type(1){ margin-bottom: 0; } #PageSupport.pageIndividual .contentsBox01 .zipBox .transBtnBox{ margin-bottom: 0; } #PageSupport.pageIndividual .contentsBox01 .bankTransBox p{ padding-top: 18px; } #PageSupport.pageIndividual .contentsBox01 .bankTransBox .transBtn{ padding-top: 0; } #PageSupport.pageIndividual .contentsBox01 .bankTransBox .transBtnBox .transBtn{ border-radius: 36px; height: auto; } #PageSupport.pageIndividual .contentsBox01 .bankTransBox .transBtnBox .transBtn a{ line-height: 1.2; padding-top: 10px; padding-bottom: 10px; } #PageSupport.pageIndividual .contentsBox01 .bankTransBox .transBtnBox .transBtn a::after{ top: 50%; transform: translateY(-50%); } #PageSupport.pageIndividual .contentsBox01 .conviniBox p:nth-of-type(1){ margin-bottom: 0; } #PageSupport.pageIndividual .contentsBox01 .conviniBox .transBtn{ margin-bottom: 15px; } #PageSupport.pageIndividual .contentsBox01 .purchaseBox p:nth-of-type(1){ margin-bottom: 0; } #PageSupport.pageIndividual .contentsBox01 .purchaseBox{ margin-bottom: 20px; } #PageSupport.pageIndividual .contentsBox01 .purchaseBox img{ margin: 13px auto 0; } #PageSupport.pageIndividual .contentsBox01 .noteParagraph{ margin-bottom: 22px; } #PageSupport.pageIndividual .contentsBox01 .noteParagraph p{ padding: 0; font-size: 14px; line-height: 1.8; margin: 0 0 5px 0; } .transBtnBox{ padding: 0 15px; } .transBtn{ width: 100%; padding: 0; height: auto; border-radius: 36px; } .transBtn a{ text-align: left; font-size: 14px; line-height: 1.2; padding-top: 10px; padding-bottom: 10px; } .transBtn a::after{ top: 50%; transform: translateY(-50%); } /* corporation */ #PageSupport.pageCorporation #Box01 { margin-bottom: 60px; } #PageSupport.pageCorporation #Main h3 { position: relative; padding: 18px 0 12px 15px; line-height: 42px; } #PageSupport.pageCorporation .baloon { padding: 0 6px; font-size: 13px; position: relative; display: block; width: 119px; height: 28px; line-height: 28px; color: #fff; text-align: center; background: #55bb84; z-index: 0; text-align: center; } #PageSupport.pageCorporation .baloon:after { content: ""; position: absolute; bottom: -5px; left: 14px; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #55bb84 transparent transparent transparent; z-index: -1; } #PageSupport.pageCorporation .contentsBox01 dl.kouza { margin: 15px; font-weight: bold; } #PageSupport.pageCorporation .contentsBox01 dl.kouza dt { float: left; width: 5em; clear: both; } #PageSupport.pageCorporation .contentsBox01 dl.kouza dd { margin-left: 5em; } #PageSupport.pageCorporation .contentsBox01 .areaBox dt { float: left; width: 4em; clear: both; font-size: 15px; font-weight: bold; line-height: 20px; } #PageSupport.pageCorporation .contentsBox01 .areaBox dd { margin-left: 4em; margin-bottom: 10px; font-size: 15px; font-weight: bold; line-height: 20px; } #PageSupport.pageCorporation .contentsBox01 dl.noteList dt { float: left; width: 2em; clear: both; font-size: 15px; font-weight: bold; line-height: 20px; } #PageSupport.pageCorporation .contentsBox01 dl.noteList dd { margin-left: 2em; margin-bottom: 10px; font-size: 15px; font-weight: bold; line-height: 20px; } #PageSupport.pageCorporation .b_Ntable { margin: 0 4.6% 4px 4.6%; width: 90.8%; } #PageSupport.pageCorporation .b_Ntable th { padding: 9px 10px 9px 10px; width: 32%; } #PageSupport.pageCorporation .b_Ntable th.b_Nwid1 { padding: 9px 10px 9px 10px; width: 32%; } #PageSupport.pageCorporation .b_Ntable td { padding: 9px 5px 9px 10px; } #PageSupport.pageCorporation .contentsBox01 .textSl .tableBox td { color: #eaa134; font-weight: bold; letter-spacing: 1.5px; } #PageSupport.pageCorporation .contentsBox01 .photoSr2 .photoLo { margin: 0 0 25px 0; text-align: center; } #PageSupport.pageCorporation .contentsBox01 .photoSr2 ul li { display: inline; line-height: 8px; } #PageSupport.pageCorporation .contentsBox01 .mar_z { margin: 0; padding: 0; } #PageSupport.pageCorporation .contentsBox01 .mar_t { margin: 10px 0 0 0; padding: 0; } #PageSupport.pageCorporation .contentsBox01 .note { margin-bottom: 10px; font-size: 14px; color: #777777; line-height: 24px; } #PageSupport.pageCorporation .contentsBox01 .noteM { font-size: 14px; line-height: 26px; padding: 15px 0; } #PageSupport.pageCorporation .contentsBox01 .dotH { background: url("../img/line_broken_01.png") repeat-x scroll left bottom , url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px,6px 1px; margin-bottom: 15px; padding: 18px 15px 8px 15px; line-height: 26px; } #PageSupport.pageCorporation .contentsBox01 .dotH p { margin: 15px 0px; font-size: 15px; } #PageSupport.pageCorporation .contentsBox01 .dotH p.noteM.space { margin: 0; padding: 0; } #PageSupport.pageCorporation .figBox { text-align: center; margin: 38px 0 20px 0; } #PageSupport.pageCorporation .fig { margin: 0 15px 0 15px; } #PageSupport.pageCorporation .figBox .gRad { font-size: 14px; font-weight: bold; padding: 12px 10px; border: 2px solid #abe4c5; border-radius: 20px / 20px; color: #0e984e; } #PageSupport.pageCorporation .caption { margin: 0 0 30px 0; } #PageSupport.pageCorporation h5.ls { letter-spacing: -1px; } #PageSupport.pageCorporation .kaishu { margin-bottom: 10px; font-weight: bold; } /* public */ #PageSupport.pagePublic #Main h3 { position: relative; padding: 18px 0 12px 15px; line-height: 42px; } #PageSupport.pagePublic .baloon { padding: 0 6px; font-size: 13px; position: relative; display: block; width: 119px; height: 28px; line-height: 28px; color: #fff; text-align: center; background: #55bb84; z-index: 0; text-align: center; } #PageSupport.pagePublic .baloon:after { content: ""; position: absolute; bottom: -5px; left: 14px; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #55bb84 transparent transparent transparent; z-index: -1; } #PageSupport.pagePublic span.main { margin-top: 4px; display: block; } #PageSupport.pagePublic #Sec01 h4.stamp { margin-bottom: 0; } #PageSupport.pagePublic #Main h4+h5.line { margin-top: 0; } #PageSupport.pagePublic .exBox { margin-bottom: 18px; font-size: 15px; line-height: 25px; background: url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px; } #PageSupport.pagePublic .exBox+.last { clear: both; } #PageSupport.pagePublic h6 { color: #0e984e; font-size: 18px; font-weight: 600; margin-bottom: 12px; } #PageSupport.pagePublic .exBox dt { font-weight: bold; padding-top: 22px; padding-left: 15px; } #PageSupport.pagePublic .exBox dd { padding: 2px 15px 20px 55px; background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; line-height: 26px; } #PageSupport.pagePublic .exBox dd img { margin-top: 6px; } #PageSupport.pagePublic .areaBox2 { padding-top: 12px; padding-left: 15px; padding-right: : 15px; font-size: 15px; background: url("../img/line_broken_01.png") repeat-x scroll left top transparent; background-size:6px 1px; } #PageSupport.pagePublic .areaBox2 dt { font-weight: bold; padding-bottom: 6px; } #PageSupport.pagePublic .areaBox2 dd { line-height: 26px; } #PageSupport.pagePublic #Main h5.line { margin-top: 17px; } #PageSupport.pagePublic .contentsBox01 p.last { margin: 0px 0px 15px; } #PageSupport.pagePublic #Sec02.contentsBox01 { margin-bottom: 53px; } #PageSupport.pagePublic .calc { display: inline-block; padding: 16px 0; } /* kazashite */ #PageSupport.pageKazashite #Box01 { margin-bottom: 60px; } #PageSupport.pageKazashite #Main h3 { position: relative; padding: 18px 0 12px 15px; margin-bottom: 22px; line-height: 42px; } #PageSupport.pageKazashite .baloon { padding: 0 6px; font-size: 13px; position: relative; display: block; width: 119px; height: 28px; line-height: 28px; color: #fff; text-align: center; background: #55bb84; z-index: 0; text-align: center; } #PageSupport.pageKazashite .baloon:after { content: ""; position: absolute; bottom: -5px; left: 14px; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #55bb84 transparent transparent transparent; z-index: -1; } #PageSupport.pageKazashite .introBox { margin: 0px 0 20px; padding: 0px 15px 5px; } #PageSupport.pageKazashite .introBox .photo { margin: 0 0 24px 0; width: 100%; text-align: center; } #PageSupport.pageKazashite .introBox .photo img { width: 100%; height: auto; border: none; border-radius: 0px; box-shadow: none; } #PageSupport.pageKazashite .introBox p.catch { font-size: 19px; font-weight: bold; color: #0e984e; line-height: 27px; text-align: center; padding: 0; letter-spacing: -0.3px; } #PageSupport.pageKazashite p.intro{ margin-bottom: 12px; } #PageSupport.pageKazashite .pageMenu{ margin-bottom: 20px; } #PageSupport.pageKazashite .pageMenu li{ margin-left: 13px; margin-right: 13px; } #PageSupport.pageKazashite #Main h4.stamp { margin-bottom: 19px; padding-bottom: 16px; padding-top: 15px; } #PageSupport.pageKazashite .pointList { margin: 18px 0 20px 0; padding: 6px 0 0 0; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageSupport.pageKazashite .pointList li { margin: 0 0 5px 0; padding: 4px 15px 11px 95px; font-size: 19px; font-weight: bold; color: #0e984e; line-height: 27px; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; position: relative; } #PageSupport.pageKazashite .pointList li.point03 .note{ margin-bottom: 1px; } #PageSupport.pageKazashite .pointList li .note { margin-top: 4px; margin-bottom: 5px; display: inline-block; font-size: 15px; font-weight: normal; color: #333; line-height: 22px; } #PageSupport.pageKazashite .pointList li .point { display: block; margin: 0 10px 0 0; padding: 36px 0 0 0; width: 70px; height: 34px; font-size: 9px; font-weight: bold; color: #fff4eb; line-height: 30px; text-align: center; background: url(../img/contents/icon_law_step.gif) no-repeat scroll left top transparent; background-size: 70px 70px; position: absolute; top: 8px; left: 12px; } #PageSupport.pageKazashite .pointList li .point .num { display: block; width: 70px; height: 70px; font-size: 30px; font-weight: bold; color: #fff; line-height: 30px; position: absolute; top: 13px; left: 0px; } #PageSupport.pageKazashite .apliList { margin: 20px 15px 25px 15px; border: 1px solid #ddd; } #PageSupport.pageKazashite .apliList dl { text-align: center; } #PageSupport.pageKazashite .apliList dl.ios { border-bottom: 1px solid #ddd; } #PageSupport.pageKazashite .apliList dl dt { padding: 20px 0 0 0; } #PageSupport.pageKazashite .apliList dl.android dt { margin-bottom: 2px; padding: 18px 0 0 0; } #PageSupport.pageKazashite .apliList dl dt a:hover { opacity: 0.8; -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); text-decoration: none; } #PageSupport.pageKazashite .apliList dl dd { margin-bottom: 8px; font-size: 14px; color: #777; line-height: 24px; } #PageSupport.pageKazashite .apliList dl.ios dd { position: relative; top: -4px; } #PageSupport.pageKazashite #Main #Sec03 h4 { margin-bottom: 0px; } #PageSupport.pageKazashite .stepList li { line-height: 30px; } #PageSupport.pageKazashite .stepList li span.note { font-size: 15px; color: #555; line-height: 30px; } #PageSupport.pageKazashite #Main h5.line{ letter-spacing: -0.5px; margin-bottom: 18px; } #PageSupport.pageKazashite #Main .contentsBox02:nth-of-type(2){ padding: 0; } #PageSupport.pageKazashite #Main .contentsBox02:nth-of-type(2) h5.line{ margin-bottom: 19px; padding-top: 15px; padding-bottom: 15px; } #PageSupport.pageKazashite #Main .contentsBox02:nth-of-type(2) .stepList .step.last{ padding-bottom: 17px; } #PageSupport.pageKazashite .stepList li { padding-left: 42px; padding-bottom: 19px; } #PageSupport.pageKazashite .stepList .login{ position: relative; bottom: 5px; } #PageSupport.pageKazashite .stepList .bunnerBox { width: 249px; height: 70px; background-color: #00b554; margin-top: 6px; padding-top: 1px; } #PageSupport.pageKazashite .stepList .bunnerBox01{ /*background-image: url(../img/contents/img_border_green.jpg); background-position: center; background-repeat: repeat-x;*/ } #PageSupport.pageKazashite .stepList .bunnerBox02{ height: 69px; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner { display: block; width: 239px; height: 47px; margin-top: 10px; margin-left: 5px; } #PageSupport.pageKazashite .stepList li.last { background-position: left top; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner01 { background: url(../img/contents/bnr_tunagaru_01.png) no-repeat; -webkit-background-size: 239px 47px; background-size: 239px 47px; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner02 { background: url(../img/contents/bnr_tunagaru_02.png) no-repeat; -webkit-background-size: 212px 47px; background-size: 239px 47px; margin-top: 23px; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner03 { background: url(../img/contents/bnr_tunagaru_03.png) no-repeat; -webkit-background-size: 239px 47px; background-size: 239px 47px; } #PageSupport.pageKazashite .stepList .bunnerBox .bunner a{ display: block; width: 100%; height: 100%; text-indent: -9999px; font-size: 0; } #PageSupport.pageKazashite .contentsBox02 { padding: 0 0 15px 0; position: relative; } #PageSupport.pageKazashite .contentsBox02.softbank .dispsp a { margin: 8px 0 15px 0; display: block; width: 200px; height: 40px; background: url(../img/contents/bnr_kazashite_01.gif) no-repeat scroll left top transparent; background-size: 200px 40px; text-indent: -9999px; } #PageSupport.pageKazashite .contentsBox02.other .dispsp a { margin: 8px 0 15px 0; display: block; width: 200px; height: 40px; background: url(../img/contents/bnr_kazashite_02.gif) no-repeat scroll left top transparent; background-size: 200px 40px; text-indent: -9999px; } #PageSupport.pageKazashite .contentsBox02.softbank .dispsp a, #PageSupport.pageKazashite .contentsBox02.other .dispsp a { margin: 8px 0 5px 0; } #PageSupport.pageKazashite .photoList { margin: 20px 15px 20px 15px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; _zoom: 1; overflow: hidden; } #PageSupport.pageKazashite .photoList li { width: 49.6%; float: left; font-size: 14px; color: #666; line-height: 24px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; } #PageSupport.pageKazashite .photoList li.menu01 { height: 157px; padding: 17px 0 0 0; letter-spacing: -1px; } #PageSupport.pageKazashite .photoList li.menu02 { height: 141px; padding: 33px 0 0 0; } #PageSupport.pageKazashite .photoList li.menu03 { height: 157px; padding: 17px 0 0 0; } #PageSupport.pageKazashite .photoList li.menu04 { height: 155px; padding: 19px 0 0 0; } #PageSupport.pageKazashite .photoList li.menu05 { height: 154px; padding: 20px 0 0 0; } #PageSupport.pageKazashite .photoList li.menu06 { height: 116px; padding: 58px 0 0 0; } #PageSupport.pageKazashite .photoList li.menu01 img { width: 57px; height: 110px; } #PageSupport.pageKazashite .photoList li.menu02 img { width: 78px; height: 79px; } #PageSupport.pageKazashite .photoList li.menu03 img { width: 80px; height: 110px; } #PageSupport.pageKazashite .photoList li.menu04 img { width: 76px; height: 107px; } #PageSupport.pageKazashite .photoList li.menu05 img { width: 76px; height: 107px; } #PageSupport.pageKazashite .photoList li p.caption { margin: 0; padding: 0; width: 100%; font-size: 14px; color: #777; line-height: 24px; position: absolute; bottom: 16px; left: 0px; } #PageSupport.pageKazashite .photoList li.menu06 { font-size: 13px; font-weight: bold; color: #0e984e; line-height: 18px; } #PageSupport.pageKazashite .tanni { display: inline-block; } #PageSupport.pageKazashite .borderBox.yellow{ padding-left: 17px; padding-right: 17px; padding-bottom: 8px; } /* houshou */ #PageSupport.pageHoushou #Main h3 { position: relative; padding: 18px 0 12px 15px; line-height: 42px; } #PageSupport.pageHoushou .baloon { padding: 0 6px; font-size: 13px; position: relative; display: block; width: 119px; height: 28px; line-height: 28px; color: #fff; text-align: center; background: #55bb84; z-index: 0; text-align: center; } #PageSupport.pageHoushou .baloon:after { content: ""; position: absolute; bottom: -5px; left: 14px; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #55bb84 transparent transparent transparent; z-index: -1; } #PageSupport.pageHoushou .contentsBox01{ margin-bottom: 60px; } #PageSupport.pageHoushou .contentsBox01 .imgBox img{ width: 100%; } #PageSupport.pageHoushou .contentsBox p{ letter-spacing: -0.02em; text-align: justify; font-size: 17px; } #PageSupport.pageHoushou .contentsBox .introCont{ margin-top: -24px; } #PageSupport.pageHoushou .contentsBox .introCont strong{ margin-left: -4px; } #PageSupport.pageHoushou .contentsBox .imgBox{ margin-bottom: 23px; padding: 0 15px; } #PageSupport.pageHoushou .contentsBox .imgBox .imgTitle{ margin: 13px 0 0 0; line-height: 1em; padding: 0; } #PageSupport.pageHoushou .contentsBox .note{ font-size: 14px; margin-bottom: 0; line-height: 1.8; color: #555555; } #PageSupport.pageHoushou .contentsBox .contact{ margin-top: 15px; margin-bottom: 22px; } #PageSupport.pageHoushou .contentsBox .contact a{ font-weight: normal; } /* volunteer index */ #PageSupport.pageVolunteer.index .dispsp.capter { margin-left: 15px; margin-right: 15px; margin-bottom: 18px; } #PageSupport.pageVolunteer.index .dispsp.capter img { margin-bottom: 7px; border: 2px solid #FFF; border-radius: 3px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); } #PageSupport.pageVolunteer.index #Main h3 { position: relative; color: #ffffff; background: #55bb84; margin: 0; padding: 17px 0 16px 14px; margin-top: 15px; font-size: 20px;/* width:100%; */ } #PageSupport.pageVolunteer.index #Sec03 h4 { letter-spacing: -1px; } #PageSupport.pageVolunteer.index #Main h3 span { display: block; width: 23px; height: 8px; background: url(https://kansai-guidedog.jp/common/img/contents/sp_img_support_volunteer_00_01_1.png) no-repeat scroll left top transparent; position: absolute; bottom: -8px; left: 30px; background-size: 10px 8px; } #PageSupport.pageVolunteer.index .pageMenu { margin-top: 20px; } #PageSupport.pageVolunteer.index .link li a { display: inline-block; padding-left: 28px; min-height: 22px; font-size: 15px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; margin-bottom: 16px; margin-left: 12px; } #PageSupport.pageVolunteer.index aside { padding-top: 25px; border-top: 1px solid #dfdbd6; background-color: #f8f5f1; } #PageSupport.pageVolunteer .borderBox.yellow a { color: #D29131; } #PageSupport.pageVolunteer#Sub h4.current a { color: #95D1AF; } #PageSupport.pageVolunteer.index #Sub h4.current a{ color: #95D1AF; } #PageSupport.pageVolunteer.index #Sub h4.current a:hover{ opacity: 1; } #PageSupport.pageVolunteer.index .red { color: #f45151; } /* volunteer puppy */ #PageSupport.pageVolunteer.puppy #Main h3 { position: relative; padding-top: 18px; } #PageSupport.pageVolunteer.puppy .baloon { font-size: 13px; position: relative; display: block; width: 119px; height: 28px; line-height: 28px; color: #fff; text-align: center; background: #55bb84; z-index: 0; text-align: center; } #PageSupport.pageVolunteer.puppy .baloon:after { content: ""; position: absolute; bottom: -5px; left: 14px; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #55bb84 transparent transparent transparent; z-index: -1; } #PageSupport.pageVolunteer.puppy span.main { margin-top: 4px; display: block; } #PageSupport.pageVolunteer.puppy .red { color: #f45151; font-widght: bold; } #PageSupport.pageVolunteer.puppy #Sec02 .stampList li { margin: 0px 0 20px 15px; padding-left: 30px; font-size: 17px; font-weight: bold; line-height: 28px; background: url("../img/contents/icon_stamp.gif") no-repeat scroll left 0px transparent; background-size:22px 22px; } #PageSupport.pageVolunteer.puppy #Sec03 .stepList li { margin: 0px 15px; padding: 0px 0px 12px 50px; font-size: 17px; line-height: 30px; position: relative; background: url("../img/contents/bg_steplist_01.gif") no-repeat scroll left top transparent; background-size:32px 255px; } #PageSupport.pageVolunteer.puppy #Sec03>p { font-size: 15px line-height: 26px; } #PageSupport.pageVolunteer.puppy #Sec01 h4.stamp { margin-bottom: 0; } #PageSupport.pageVolunteer.puppy #Sec01 .contentsBox02 h5 { margin-top: 0; } #PageSupport.pageVolunteer.puppy #Sec01 .contentsBox02 p.red { margin-top: 18px; margin-bottom: 18px; } #PageSupport.pageVolunteer.puppy .borderBox.yellow a { color: #D29131; } #PageSupport.pageVolunteer.puppy aside { padding-top: 25px; border-top: 1px solid #DFDBD6; background-color: #F8F5F1; margin-top: 20px; } #PageSupport.pageVolunteer.puppy #Sec03.contentsBox01 { margin: 0px 0px 60px; } #PageSupport.pageVolunteer.puppy #Sec03>p { font-size: 15px; line-height: 26px; color: #555; } /* volunteer change */ #PageSupport.pageVolunteer.change #Box01 { margin-bottom: 50px; } #PageSupport.pageVolunteer.change #Main h3 { position: relative; padding-top: 18px; padding-bottom: 12px; line-height: 40px; } #PageSupport.pageVolunteer.change .baloon { font-size: 13px; position: relative; display: block; width: 119px; height: 28px; line-height: 28px; color: #fff; text-align: center; background: #55bb84; z-index: 0; text-align: center; } #PageSupport.pageVolunteer.change .baloon:after { content: ""; position: absolute; bottom: -5px; left: 14px; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #55bb84 transparent transparent transparent; z-index: -1; } #PageSupport.pageVolunteer.change #Sec01 .stampList li { margin: 0px 10px 20px 15px; padding-left: 30px; font-size: 17px; font-weight: bold; line-height: 28px; background: url("../img/contents/icon_stamp.gif") no-repeat scroll left 0px transparent; background-size:22px 22px; } #PageSupport.pageVolunteer.change #Main h4.stamp { margin-bottom: 23px; } #PageSupport.pageVolunteer.change #Main #Sec02 h4.stamp { margin-bottom: 7px; } #PageSupport.pageVolunteer.change .ruleList { margin-bottom: 25px; } #PageSupport.pageVolunteer.change .ruleList li { font-size: 15px; font-weight: bold; line-height: 25px; padding: 18px 15px 18px 50px; background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; position: relative; } #PageSupport.pageVolunteer.change .ruleList li span.num { width: 36px; position: absolute; top: 18px; left: 15px; display: block; } #PageSupport.pageVolunteer.change .ruleList .note { font-size: 15px; font-weight: normal; line-height: 25px; } /* volunteer group */ #PageSupport.pageVolunteer.group #Box01 { margin-bottom: 50px; } #PageSupport.pageVolunteer.group #Main h3 { position: relative; padding-top: 18px; padding-bottom: 12px; line-height: 40px; } #PageSupport.pageVolunteer.group #Main h3 .baloon { font-size: 13px; position: relative; display: block; width: 119px; height: 28px; line-height: 28px; color: #fff; text-align: center; background: #55bb84; z-index: 0; text-align: center; } #PageSupport.pageVolunteer.group #Main h3 .baloon:after { content: ""; position: absolute; bottom: -5px; left: 14px; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #55bb84 transparent transparent transparent; z-index: -1; } #PageSupport.pageVolunteer.group #Main h3 span.main { margin-top: 4px; display: block; } #PageSupport.pageVolunteer.group .pageMenu li+li a { letter-spacing: -0.5px; } #PageSupport.pageVolunteer.group .pageMenu li+li+li a { letter-spacing: 0; } /*#################### ご支援団体様のご紹介 ####################*/ #PageSupport.pageSupporters .baloon { padding: 0 6px; font-size: 13px; position: relative; display: block; width: 137px; height: 28px; line-height: 28px; color: #fff; text-align: center; background: #55bb84; z-index: 0; text-align: center; } #PageSupport.pageSupporters .baloon::after { content: ""; position: absolute; bottom: -5px; left: 14px; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #55bb84 transparent transparent transparent; z-index: -1; top: auto; } #PageSupport.pageSupporters #Main h3 { position: relative; padding: 18px 15px 12px 15px; line-height: 42px; } #PageSupport.pageSupporters span.main { margin-top: 4px; display: block; } #PageSupport.pageSupporters .stampList{ } #PageSupport.pageSupporters #Main h4.stamp{ margin-bottom: 0; } #PageSupport.pageSupporters #Main ul li{ font-size: 17px; padding-top: 20px; padding-bottom: 20px; padding: 20px 15px 20px 45px; } #PageSupport.pageSupporters #Main ul.stampList li::before{ top: 24px; left: 15px; } #PageSupport.pageSupporters #Main .contentsBox .pageTop{ margin-top: 25px; } #PageSupport.pageSupporters.pageEntry #Main h4.stamp{ margin-bottom: 23px; } /*#################### 活動予定・報告 ####################*/ #PageReport.pageIndex #Box01 { margin-top: -10px; margin-bottom: 60px; } #PageReport.pageCategory #Box01 { } #PageReport.pageEntry #Box01 { } #PageReport.pageCategory .pageMove, #PageReport.pageEntry .pageMove { margin-bottom: 45px; } #PageReport aside { padding-top: 25px; border-top: 1px solid #dfdbd6; background-color: #f8f5f1; } #PageReport .introBox { padding-bottom: 25px; background-image: url(../img/contents/sp_bg_report_heart.gif), url(../img/contents/sp_bg_introbox_left.gif), url(../img/contents/sp_bg_introbox_right.gif); background-repeat: no-repeat, no-repeat, no-repeat; background-position: center bottom, left bottom, right bottom; background-color: transparent, transparent, transparent; background-size: 185px 247px, 68px 109px, 68px 109px; } #PageReport.pageCategory .introBox, #PageReport.pageEntry .introBox { padding: 25px 0 25px 0; background-image: url(../img/contents/sp_bg_report_heart.gif), url(../img/contents/sp_bg_introbox_left.gif), url(../img/contents/sp_bg_introbox_right.gif); background-repeat: no-repeat, no-repeat, no-repeat; background-position: center top, left bottom, right bottom; background-color: transparent, transparent, transparent; background-size: 185px 247px, 68px 109px, 68px 109px; } #PageReport .introBox .photo { margin-bottom: 35px; } #PageReport .introBox dl dt { display: inline-block; margin-bottom: 10px; padding: 4px 12px 0 12px; height: 44px; font-size: 14px; font-weight: bold; color: #0e984e; line-height: 20px; border: 2px solid #abe4c5; border-radius: 24px; } #PageReport .introBox dl dd.price { margin-bottom: 10px; font-size: 36px; font-weight: bold; color: #0e984e; line-height: 1; } #PageReport .introBox dl dd.price .yen { font-size: 16px; } #PageReport .introBox dl dd.msg { font-size: 14px; font-weight: bold; line-height: 24px; } #PageReport .titleBox { position: relative; } #PageReport .titleBox .moreLink { width: 68px; height: 34px; position: absolute; top: 18px; right: 14px; } #PageReport .titleBox .moreLink a { display: block; width: 68px; height: 34px; font-size: 11px; font-weight: bold; color: #fff; line-height: 33px; letter-spacing: 1px; text-align: left; text-indent: 10px; background: url(../img/contents/sp_top_btn_more_03.gif) no-repeat scroll left top transparent; background-size: 68px 34px; } #PageReport .entryList dl { margin-bottom: 18px; padding: 18px 15px 0 15px; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageReport .entryList dl.first, #PageReport.pageCategory .entryList dl.first { margin: 0px 0 18px 0; padding: 0 15px 0 15px; background: none; } #PageReport.pageEntry .entryList dl { margin-bottom: 18px; padding: 0 15px 0 15px; background: none; } #PageReport.pageCategory .entryList dl, #PageReport.pageEntry .entryList dl { margin: 0 0 18px 0; } #PageReport .entryList dl dt { font-size: 14px; color: #777; line-height: 24px; } #PageReport .entryList dl dd.title { font-size: 17px; font-weight: bold; line-height: 24px; } #PageReport .entryList dl.first dd.title, #PageReport.pageCategory .entryList dl dd.title { margin-bottom: 10px; font-size: 20px; font-weight: bold; line-height: 28px; } #PageReport.pageEntry .entryList dl dd.title { margin-bottom: 20px; padding-bottom: 20px; width: auto; float: none; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 29px; border-bottom: 1px solid #cdded5; } #PageReport .entryList dl dd.text { font-size: 15px; color: #555; line-height: 26px; word-break: break-all; } #PageReport .entryList dl dd.text a { color: #555; } #PageReport.pageEntry .entryList dl dd.text { font-size: 17px; color: #333; line-height: 30px; } #PageReport.pageEntry .entryList dl dd.text p { padding: 0; font-size: 17px; color: #333; line-height: 30px; } #PageReport.pageEntry .entryList dl dd.text a { color: #2d72ab; } /*#################### 協会について ####################*/ #PageAbout #Box01 { margin-top: -3px; } #PageAbout aside { padding-top: 25px; border-top: 1px solid #dfdbd6; background-color: #f8f5f1; } #PageAbout .introBox { padding-bottom: 16px; } #PageAbout .introBox .photo { margin-bottom: 28px; } #PageAbout #Sec02 .photo, #PageAbout #Sec03 .photo, #PageAbout #Sec04 .photo { margin-bottom: 20px; } #PageAbout.pageIndex #Sec06 h4 { margin-bottom: 0; } #PageAbout .access h5 { margin: 0 15px 20px 15px; padding-left: 82px; min-height: 74px; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 27px; border-bottom: 1px solid #cdded5; } #PageAbout .access h5.train { background: url(../img/icon_train.gif) no-repeat scroll left top transparent; background-size: 70px 70px; padding-top: 8px; min-height: 68px; } #PageAbout .access h5.car { background: url(../img/icon_car.gif) no-repeat scroll left top transparent; background-size: 70px 70px; padding-top: 8px; min-height: 68px; } #PageAbout .access p.last { } #PageAbout .access dl { margin-bottom: 10px; } #PageAbout .access dl dt { font-size: 15px; font-weight: bold; color: #d29131; line-height: 27px; } #PageAbout .access dl dd { font-size: 15px; color: #d29131; line-height: 27px; } #PageAbout #Gmap { overflow: hidden; margin: 0 15px 8px 15px; height: 163px; border: 1px solid #ddd; border-radius: 4px; } #PageAbout #Gmap iframe{ width: 100%; height: 163px; } #PageAbout .mapLink { margin: 0 15px 20px 15px; } #PageAbout .mapLink li a { padding-left: 16px; background: url(../img/icon_blank.png) no-repeat scroll left 4px transparent; background-size: 11px 11px; font-size: 14px; font-weight: bold; line-height: 24px; } /* index */ #PageAbout.pageIndex .contentsBox01 .yellow .textBox{ } #PageAbout.pageIndex .contentsBox01 .yellow .textBox h5{ margin-bottom: 18px; font-size: 17px; } #PageAbout.pageIndex .contentsBox01 .yellow .figureBox:after{ content:""; display:block; clear:both; } #PageAbout.pageIndex .contentsBox01 .yellow .figureBox{ margin: 20px auto 0; width: 230px; text-align: left; } #PageAbout.pageIndex .contentsBox01 .yellow .figureBox figure{ float: left; width: 100px; } #PageAbout.pageIndex .contentsBox01 .yellow .figureBox p{ padding: 25px 0 0 113px; line-height: 1.5; font-size: 12px; } #PageAbout.pageIndex #Sec05 ul{ padding: 0 15px; } #PageAbout.pageIndex #Sec05 ul li{ margin-bottom: 5px; } #PageAbout.pageIndex #Sec05 dl dt{ font-weight: bold; } /* report */ #PageAbout.pageReport #Box01 { margin-bottom: 80px; } #PageAbout.pageReport .pageMenu { margin: 0 15px 25px 15px; _zoom: 1; overflow: hidden; } #PageAbout.pageReport .pageMenu li { margin: 0 0 4px 0; width: 50%; float: left; } #PageAbout.pageReport .pdfList { margin-bottom: 10px; } #PageAbout.pageReport .pdfList li { padding: 16px 15px 9px 15px; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageAbout.pageReport .pdfList li:first-child { padding: 0 15px 9px 15px; background: none; } #PageAbout.pageReport .pdfList li a { display: inline-block; padding-left: 25px; font-size: 17px; font-weight: bold; line-height: 24px; background: url(../img/icon_pdf.gif) no-repeat scroll left 4px transparent; background-size: 16px 16px; } /*#################### 見学・講演 ####################*/ #PageOrder.pageIndex #Box01 { margin-bottom: 60px; } #PageOrder.pageLecture #Box01 { margin-bottom: 60px; } #PageOrder aside { padding-top: 25px; border-top: 1px solid #dfdbd6; background-color: #f8f5f1; } #PageOrder #Main h3 { margin-bottom: 15px; } #PageOrder.pageIndex #Main #Sec02 h4 { margin-bottom: 20px; } #PageOrder.pageIndex #Main h4 { margin-bottom: 0; } #PageOrder .contentsBox02 { margin-bottom: 30px; } #PageOrder .contentsBox02.space { margin-bottom: 20px; } #PageOrder .contentsBox02.table { margin-bottom: 25px; } #PageOrder .contentsBox02.table h5 { margin-bottom: 15px !important; } #PageOrder .stampList { margin-top: -4px; } #PageOrder .stampList li { margin: 0 15px 8px 15px; padding-left: 21px; font-size: 17px; font-weight: normal; line-height: 24px; background: url(../img/contents/icon_stamp.gif) no-repeat scroll left 3px transparent; background-size: 17px 17px; } #PageOrder .contentsBox02 table { margin: 0 15px; width: auto; } #PageOrder .contentsBox02 table th { padding: 9px 10px; width: 59px; } #PageOrder .contentsBox02 table td { padding: 9px 10px; } #PageOrder .contentsBox02 .access a { display: inline-block; padding-left: 26px; background: url(../img/icon_arrow_01.png) no-repeat scroll left top transparent; background-size: 20px 20px; position: relative; top: 4px; } #PageOrder .contentsBox02 .telLink { font-weight: normal; color: #333; } #PageOrder .contentsBox02 .lineBox { margin: 18px 0 0 0 !important; padding: 18px 15px 0 15px; font-size: 15px; line-height: 27px; background-image: url(../img/line_broken_01.png); background-repeat: repeat-x; background-position: left top; background-color: transparent; background-size: 6px 1px; } #PageOrder.pageLecture .contentsBox .intro:last-of-type { margin-bottom: 30px; } /* #PageOrder.pageLecture .contentsBox h5.line{ background: none; border: none; margin-bottom: 5px; padding: 0; } */ #PageOrder.pageLecture .contentsBox .stepList li { background-image: url(../img/contents/bg_steplist_03.gif); -webkit-background-size: 32px 510px; background-size: 32px 510px; } #PageOrder.pageLecture .contentsBox .stepList li p{ padding: 0; } /*#################### ハーネス通信 ####################*/ #PageHarness #Box01 { margin-bottom: 20px; } #PageHarness aside { padding-top: 25px; border-top: 1px solid #dfdbd6; background-color: #f8f5f1; } #PageHarness .introBox { margin-bottom: 30px; border: none; background: none; } #PageHarness .introBox a { font-weight: bold; } #PageHarness .introBox .photo { margin-bottom: 16px; } #PageHarness #Main h3 { margin-bottom: 25px; } #PageHarness.pageEntry #Main h3 { margin-bottom: 15px; } #PageHarness .entryList dl { margin: 0 15px; padding: 20px 0; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; _zoom: 1; overflow: hidden; } #PageHarness.pageEntry .entryList dl { padding: 0 0 18px 0; background: none; } #PageHarness .entryList dl.first { padding: 0 0 18px 0; background: none; } #PageHarness .entryList dl dt { margin: 0 12px 0 0; width: 119px; float: left; } #PageHarness.pageIndex .entryList dl dt, #PageHarness.pageMonth .entryList dl dt { margin: 0 10px 15px 0; text-align: center; width: 119px; float: left; overflow: hidden; } #PageHarness.pageIndex .entryList dl dt a, #PageHarness.pageMonth .entryList dl dt a { display: block; text-align: center; width: 119px; height: 175px; border-radius: 8px; overflow: hidden; position: relative; } #PageHarness.pageIndex .entryList dl dt img, #PageHarness.pageMonth .entryList dl dt img { display: block; margin-left: 50%; position: absolute; top: 0px; left: -50%; width: 119px; height: 175px; } #PageHarness.pageEntry .entryList dl dt { margin: 0 0 20px 0; padding: 0 0 10px 0; width: auto; float: none; font-size: 22px; font-weight: bold; color: #0e984e; line-height: 46px; border-bottom: 1px solid #cdded5; } #PageHarness .entryList dl dd.title { margin-top: -10px; margin-bottom: 8px; padding-top: 6px; } #PageHarness .entryList dl dd.title a { font-size: 20px; font-weight: bold; line-height: 29px; } #PageHarness .entryList dl dd.text { font-size: 15px; color: #777; line-height: 26px; } #PageHarness.pageEntry .entryList dl dd.text { width: auto; float: none; font-size: 16px; color: #555; line-height: 28px; } #PageHarness.pageEntry .entryList dl dd.text p { padding: 0; } #PageHarness .entryList dl dd.text a { color: #777; } #PageHarness .pageMove { margin: 0 0 40px 0; } /*#################### 盲導犬ユーザーに出会ったら ####################*/ #PageMeet #Box01 { margin-bottom: 55px; } #PageMeet #HeadImg h2 { line-height: 30px; letter-spacing: 0px; padding: 10px 0 0 15px; } #PageMeet.pageIndex .introBox { margin: 0 0 20px 0; padding: 0 0 6px 0; } #PageMeet.pageIndex .introBox h3 { margin-bottom: 10px; padding: 0 5px; font-size: 19px; font-weight: bold; color: #0e984e; line-height: 27px; text-align: center; letter-spacing: -1px; background: none; border-radius: none; box-shadow: none; } #PageMeet.pageIndex .contentsBox01 ul { margin: 0 15px 20px 15px; } #PageMeet.pageIndex .contentsBox01 ul li { font-weight: bold; line-height: 28px; } #PageMeet.pageIndex .contentsBox01 ul li span { font-weight: normal; } /*#################### 盲導犬ユーザーの受け入れ ####################*/ #PageAccept #Box01 { margin-bottom: 55px; } #PageAccept #HeadImg h2 { line-height: 30px; letter-spacing: 0px; padding: 10px 0 0 15px; } #PageAccept.pageIndex .introBox { margin: 0 0 20px 0; padding: 0 0 15px 0; } #PageAccept.pageIndex .introBox h3 { margin-bottom: 5px; padding: 8px 20px 7px 20px; font-size: 19px; font-weight: bold; color: #0e984e; line-height: 27px; text-align: center; letter-spacing: 1px; background: none; border-radius: none; box-shadow: none; } #PageAccept.pageIndex .introBox .photo { margin-bottom: 10px; } #PageAccept.pageIndex .contentsBox01 .borderBox ul li { font-size: 14px; display: block; background: url(../img/icon_blank.png) no-repeat 0 10px; background-size: 11px 11px; padding-left: 16px; } #PageAccept.pageIndex .contentsBox01 .borderBox ul li:first-child { margin-left: 0; } #PageAccept.pageIndex .contentsBox01 .borderBox { background-color: #f8f8f8; } #PageAccept.pageIndex .contentsBox01 .borderBox p { color: #404040; } #PageAccept.pageIndex .contentsBox01 .linkList { margin-bottom: 10px; font-size: 14px; } /*#################### 盲導犬クイール ####################*/ #PageAccept #Box01 { margin-bottom: 55px; } #PageQuill.pageIndex .introBox { margin: 0 0 20px 0; padding: 0 0 25px 0; } #PageQuill.pageIndex .introBox h3 { margin-bottom: 5px; padding: 0; font-size: 22px; font-weight: bold; color: #0e984e; line-height: 29px; text-align: center; letter-spacing: 1px; background: none; border-radius: none; box-shadow: none; } #PageQuill.pageIndex .introBox .photo { margin-bottom: 15px; padding-bottom: 15px; } #PageQuill.pageIndex .contentsBox01 .stampList { margin: 0 15px 20px 15px; } #PageQuill.pageIndex .contentsBox01 .stampList li { margin: 0 0 14px 0; background: url(../img/contents/icon_stamp.gif) no-repeat 0 1px; background-size: 22px 22px; padding-left: 30px; font-weight: bold; line-height: 30px; } /*#################### 盲導犬について ####################*/ #PageMoudouken #Box01 { margin-bottom: 60px; } #PageMoudouken .introBox { margin: 0 0 20px 0; padding: 0 0 10px 0; } #PageMoudouken .introBox .photo { margin-bottom: 30px; } #PageMoudouken .introBox h3 { margin-bottom: 18px; padding: 0; font-size: 23px; font-weight: bold; color: #0e984e; line-height: 29px; text-align: center; letter-spacing: 1px; background: none; border-radius: none; box-shadow: none; } #PageMoudouken .contentsBox01 .reasonList { background: url("../img/line_broken_01.png") scroll left bottom transparent, url("../img/line_broken_01.png") scroll left bottom transparent; background-repeat:repeat-x,repeat-x; background-size:6px 1px; margin: 20px 0 20px 0; padding: 15px 0 15px 0; } #PageMoudouken .contentsBox01 .reasonList li { margin: 0 5px 0 15px; font-size: 15px; font-weight: bold; line-height: 26px; letter-spacing: -1px; } #PageMoudouken .contentsBox02 h5 { border-bottom: 1px solid #cdded5; } #PageMoudouken .contentsBox01 .start { background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; padding-bottom: 20px; margin-bottom: 0; } #PageMoudouken .contentsBox01 .q { display: block; width: 38px; height: 34px; background: url(../img/icon_q.gif) no-repeat; background-size: 38px 34px; text-indent: -9999px; position: absolute; top: 10px; left: 0px; } #PageMoudouken .contentsBox01 .a { display: block; width: 38px; height: 34px; background: url(../img/icon_a.gif) no-repeat; background-size: 38px 34px; text-indent: -9999px; position: absolute; top: 10px; left: 0px; } #PageMoudouken .contentsBox01 dl { background: url("../img/line_broken_01.png") repeat-x scroll left bottom transparent; background-size:6px 1px; padding: 0 15px 14px 15px; } #PageMoudouken .contentsBox01 dt { padding: 12px 0 0 45px; font-size: 18px; font-weight: bold; color: #2d72ab; line-height: 29px; text-decoration: underline; position: relative; cursor: pointer; } #PageMoudouken .contentsBox01 dt.open { color: #333; text-decoration: none; } #PageMoudouken .contentsBox01 dd { display: none; padding: 10px 0 0 45px; font-size: 17px; color: #555; line-height: 29px; position: relative; } #PageMoudouken .contentsBox01 dl.last { background: none; } #PageMoudouken .pageTop { margin-bottom: 30px; } #PageMoudouken .gray_box { margin-bottom: 25px; padding: 15px 0 0px 0; border-top: 1px solid #cdded5; border-bottom: 1px solid #cdded5; background-color: #f8f8f8; } #PageMoudouken .gray_box p { line-height: 30px; } /*#################### お問い合わせ ####################*/ #PageContact #Box01 { margin-bottom: 45px; } #PageContact #Main h3 { margin-bottom: 0; padding: 20px 0 16px 15px; font-size: 22px; font-weight: bold; line-height: 29px; border-bottom: 4px solid #8876c4; background: url(../img/contents/sp_title_h3_top.gif) repeat-x left top #fff; background-size: 5px 3px; } #PageContact #Main h4.stamp { margin-bottom: 20px; padding: 16px 15px 16px 15px; min-height: 28px; font-size: 20px; font-weight: bold; color: #fff; line-height: 29px; background: url(../img/contents/sp_title_h4_stamp2.gif) no-repeat scroll right bottom #6b55b4; background-size: 61px 60px; } #PageContact h5.line { margin-bottom: 0px; padding: 16px 15px 16px 15px; font-size: 20px; font-weight: bold; color: #452f8e; line-height: 29px; border-top: 1px solid #d1c9e8; border-bottom: 1px solid #d1c9e8; background-color: #f8f8f8; } #PageContact #Form .formBox.box02 h5.line { letter-spacing: -1px; margin-bottom: 20px; } #PageContact .menuBox.top .photo img { width: 100%; /*height: 51px;*/ height: auto; } #PageContact .menuBox .photo img { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); width: 100%; /*height: 51px;*/ height: auto; padding-bottom:10px; } #PageContact .menuBox .photo img.disppc { display: none; } #PageContact .menuBox.wrap { } #PageContact .menuBox.wrap.btm { } #PageContact.pageIndex .menuBox.wrap.btm { /*margin-bottom: 16px;*/ margin-bottom: 8px; }/*修正*/ #PageContact .menuBox h4 { margin: 0 15px 14px 15px; padding: 0 0 4px 0; font-size: 19px; font-weight: bold; color: #333; line-height: 44px; border: none; border-bottom: 1px solid #d5d5d5; border-radius: 0px; box-shadow: none; } #PageContact.pageIndex .menuBox h4 { margin-top: 10px; } #PageContact .menuBox p.linkText { margin-bottom: 20px; display: block; font-size: 15px; color: #555; line-height: 20px; } #PageContact .menuBox p.linkText a { font-weight: bold; } #PageContact .menuBox p.linkText a.telLink { font-weight: normal; color: #555; text-decoration: none; cursor: default; } #PageContact .menuBox ul { margin-left: 15px; margin-right: 15px; } #PageContact .menuBox ul li { margin: 0 0 6px 0; line-height: 24px; } #PageContact .menuBox ul li.last { margin: 0 0 15px 0; } #PageContact .menuBox ul li.ls { letter-spacing: -1px; } #PageContact .menuBox ul li span.note { margin: 0 0 14px 0; padding-top: 4px; display: block; font-size: 14px; color: #555; line-height: 20px; } #PageContact .menuBox ul li a { display: inline-block; padding-left: 28px; min-height: 22px; /*font-size: 16px;*/ font-size: 17px;/*修正*/ font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } #PageContact #Main p.note { font-size: 14px; color: #555; line-height: 24px; } #PageContact .menuBox ul li .note a { display: inline; padding-left: 0; min-height: auto; font-size: inherit; font-weight: 100; line-height: inherit; background: none; } /* #Form */ #PageContact #Form .formBox.box01 { margin-bottom: 25px; } #PageContact #Form .formBox.box02 h5.line { margin-bottom: 0; } #PageContact #Form .formBox.box02 h5.line .hissu { display: inline-block; margin-left: 6px; padding: 0 5px; font-size: 12px; font-weight: bold; color: #0e984e; line-height: 25px; border-radius: 4px; background-color: #dcf200; position: relative; top: -2px; right: 5px; }/*修正*/ #PageContact #Form dl { padding: 10px 15px 20px 15px; font-size: 17px; line-height: 22px; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; _zoom: 1; overflow: hidden; } #PageContact #Form dl dt { padding-left: 22px; font-weight: bold; line-height: 48px; background: url(../img/contents/marker_contact_01.gif) no-repeat scroll left center transparent; background-size: 17px 17px; } #PageContact #Form .formBox.box02 dl dt { background: url(../img/contents/marker_contact_01.gif) no-repeat scroll left 5px transparent; background-size: 17px 17px; } #PageContact #Form dl dd { line-height: 48px; } #PageContact.pageIndex #Form dl dd { line-height: 55px; }/*修正*/ #PageContact #Form dl.email { margin-bottom: 0; padding-bottom: 0; background: none; } #PageContact #Form dl.email dd { line-height: 35px; } #PageContact #Form dl.email dd input { line-height: 48px; } #PageContact #Form dl.email .emailText { display: inline-block; font-size: 15px; } #PageContact #Form dl dt .hissu { display: inline-block; margin-left: 6px; padding: 0 5px; font-size: 12px; font-weight: bold; color: #0e984e; line-height: 25px; border-radius: 4px; background-color: #dcf200; position: relative; top: -2px; } #PageContact #Form dl dt .nini { display: inline-block; margin-left: 6px; padding: 0 5px; font-size: 12px; font-weight: bold; color: #999; line-height: 25px; border-radius: 4px; background-color: #ebebeb; position: relative; top: -2px; } #PageContact #Form dl dd input, #PageContact #Form dl dd textarea { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", sans-serif; } #PageContact #Form dl dd .input01, #PageContact #Form dl dd .input02, #PageContact #Form dl dd .input03, #PageContact #Form dl dd .input04, #PageContact #Form dl dd .input05, #PageContact #Form dl dd .input06, #PageContact #Form dl dd .input07, #PageContact #Form dl dd .input08 { padding: 0 8px 0px 8px; height: 48px; font-size: 15px; line-height: 37px; border-radius: 4px; border: 1px solid #c4c4c4; outline: none; background: no-repeat scroll left top transparent; } #PageContact #Form dl dd .input01, #PageContact #Form dl dd .input02, #PageContact #Form dl dd .input03, #PageContact #Form dl dd .input04, #PageContact #Form dl dd .input05, #PageContact #Form dl dd .input06, #PageContact #Form dl dd .input07, #PageContact #Form dl dd .input08 { padding: 0 8px 0px 8px; height: 48px; font-size: 15px; line-height: 37px; border-radius: 4px; border: 1px solid #c4c4c4; outline: none; background: no-repeat scroll left top transparent; } #PageContact.pageIndex #Form dl dd .input01, #PageContact.pageIndex #Form dl dd .input02, #PageContact.pageIndex #Form dl dd .input03, /*#PageContact.pageIndex #Form dl dd .input04, #PageContact #Form dl dd .input05, #PageContact #Form dl dd .input06,*/ #PageContact #Form dl dd .input07, #PageContact #Form dl dd .input08 { padding: 0 8px 0px 8px; }/*修正*/ #PageContact.pageIndex #Form dl dd .input04, #PageContact.pageIndex #Form dl dd .input05, #PageContact.pageIndex #Form dl dd .input06/*, #PageContact.pageIndex #Form dl dd .input07, #PageContact.pageIndex #Form dl dd .input08*/ { /*padding: 0;*/ }/*修正*/ #PageContact #Form dl dd .input01 { width: 242px; } #PageContact #Form dl dd .input02 { width: 242px; } #PageContact #Form dl dd .input03 { width: 242px; } #PageContact #Form dl dd .input04 { width: 117px; } #PageContact #Form dl dd .input05 { /*width: 96%;*/ width: 100%; } #PageContact #Form dl dd .input06 { /*width: 96%;*/ width: 100%; } #PageContact #Form dl dd .input07 { width: 82px; } #PageContact #Form dl dd .input08 { width: 132px; } #PageContact #Form .textareaWrap { padding: 6px 8px 6px 8px; width: 95%; height: 106px; border-radius: 4px; border: 1px solid #c4c4c4; ; outline: none; } #PageContact #Form .textarea01 { width: 100%; height: 106px; font-size: 15px; line-height: 24px; border: none; outline: none; background: none; resize: none; overflow: auto; } #PageContact #Form dl.address dd { position: relative; } #PageContact #Form dl.address dd .numtitle { position: relative; top: -4px; } #PageContact #Form dl dd .postnumBtn a { padding: 8px 0 0 24px; display: block; width: 96px; height: 44px; font-size: 14px; font-weight: bold; color: #fff; line-height: 17px; background: url(../img/contents/sp_btn_form_postnum.gif) no-repeat scroll left top transparent; background-size: 120px 52px; position: absolute; top: 0px; left: 170px; } #PageContact #Form dl dd .spaceBtm { margin-bottom: 11px; } #PageContact #Form dl dd .spaceBtm2 { margin-bottom: 11px; !important } #PageContact #Form dl dd .space01 { margin: 0 0 11px 0; } #PageContact #Form dl dd .space02 { margin: 0 4px; } /*#PageContact #Form dl dd .space03 { margin: 0 0 0 -8px; }*//*修正*/ #PageContact #Form dl dd .space04 { margin: 0 8px 0 0; } #PageContact #Form dl dd .space05 { margin: 0 8px 0 16px; } /*#PageContact #Form dl dd .space06 { margin: 0 0 0 -12px; }*//*修正*/ #PageContact #Form dl.address dd .input04 { margin: 0 8px 11px 8px; } #PageContact #Form .radioBtn { margin: 0 0 0 0; padding: 18px 15px 14px 15px; display: block; position: relative; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PageContact #Form .radioBtn2 { margin: 0 -15px 0 -15px; padding: 0 15px 14px 15px; display: block; position: relative; background: none; } #PageContact #Form .radioBtn input, #PageContact #Form .radioBtn2 input { position: absolute; top: 25px; left: 15px; } #PageContact #Form .radioBtn2 input { top: 8px; } #PageContact #Form .radioBtn label, #PageContact #Form .radioBtn2 label { display: inline-block; padding-left: 20px; font-size: 19px; font-weight: bold; line-height: 27px; } #PageContact #Form .radioBtn.ls label, #PageContact #Form .radioBtn2.ls label { letter-spacing: -1px; } #PageContact #Form .radioBox { display: none; padding: 0 15px 21px 15px; } #PageContact #Form .radioBox.box02 { margin: 0 0 16px 0; padding: 0 15px 0 15px; } #PageContact #Form .radioBox.box06 { margin: 0 0 0 0; padding: 0 15px 20px 15px; } #PageContact #Form .formBox.box02 .radioBtn.first { margin-bottom: 0; background: none; } #PageContact #Form .radioBox.box02 dl { padding: 20px 0 0 0; background: none; border-bottom: 1px solid #efefef; } #PageContact #Form dl.non.space { padding-bottom: 15px } #PageContact #Form .radioBox.box02 dl.last { border-bottom: none; } #PageContact #Form .radioBox.box02 dt { margin-bottom: 16px; padding: 0 0 0 22px; font-size: 17px; font-weight: bold; line-height: 22px; background: url(../img/contents/marker_contact_01.gif) no-repeat scroll left 3px transparent; background-size: 17px 17px; } #PageContact #Form .radioBox dl.last dd ul { margin-bottom: 15px; padding: 0 0 0 4px; } #PageContact #Form .radioBox dl.last dd ul li { margin-bottom: 12px; font-size: 17px; line-height: 22px; position: relative; } #PageContact #Form .radioBox dl.last dd ul li input { position: absolute; top: 5px; left: 0; } #PageContact #Form .radioBox dl.last dd ul li label { display: inline-block; padding-left: 20px; font-size: 17px; line-height: 22px; } #PageContact #Form .radioBox p { margin: 0 0 10px 0; } #PageContact #Form .radioBox p.mark { padding: 0 0 0 22px; font-weight: bold; line-height: 22px; background: url(../img/contents/marker_contact_01.gif) no-repeat scroll left 3px transparent; background-size: 17px 17px; } #PageContact #Form .radioBox p.sub { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 14px; color: #555; } #PageContact #Form .radioBox.box02 p.sub { margin: 0 0 0 0; padding: 0 0 15px 0; line-height: 26px; border-bottom: 1px solid #efefef; } #PageContact #Form .radioBox.box04 p.sub { margin: 0 0 14px 0; font-size: 15px; line-height: 26px; } #PageContact #Form .radioBox .link { display: inline-block; margin: 15px 0 15px 0; font-size: 15px; line-height: 22px; letter-spacing: -1px; } #PageContact #Form .radioBox .link a { font-weight: bold; } #PageContact #Form .btn li { margin: 0 auto; width: 293px; } #PageContact #Form .btn li a { display: block; width: 293px; height: 81px; font-size: 22px; font-weight: bold; color: #fff; line-height: 79px; text-align: center; background: url(../img/contents/sp_btn_form_01.gif) no-repeat scroll left top transparent; background-size: 293px 81px } /*index */ #PageContact.pageIndex #Form .btn { /*padding-top: 40px;*//*修正*/ padding-top: 20px;/*修正*/ /*background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px;*/ } #PageContact.pageIndex .menuBox .photo img{ padding-bottom:0; } #PageContact #Main p.note{ font-size: 15px; line-height: 1.8; } #PageContact #Main p.note span{ font-size: 17px; } #PageContact.pageIndex .menuBox .menuRight ul li:last-of-type{ margin-bottom: 25px; }/*修正*/ #PageContact.pageIndex .menuBox:nth-of-type(2) .menuLeft ul li:last-of-type{ margin-bottom: 23px; }/*修正*/ #PageContact.pageIndex #Form .btn li.confirm{ margin-bottom: 36px; }/*修正*/ #PageContact.pageIndex #Form .btn li.submit{ margin-bottom: 14px; }/*修正*/ #PageContact.pageIndex #Form .btn li.back a { background: url(../img/contents/sp_btn_form_02.gif) no-repeat scroll left top transparent; background-size: 293px 81px; }/*修正*/ #PageContact.pageIndex #Form .formBox.box02 h5{ margin-bottom: 20px; } #PageContact.pageIndex #Form .formBox.box02 .note{ margin-bottom: 20px; } /* confirm */ #PageContact.pageConfirm #Form h5 { margin-bottom: 20px; } #PageContact.pageConfirm #Form .formBox.box02 { margin-bottom: 40px; } #PageContact.pageConfirm #Form dl { padding: 10px 15px 10px 15px; } #PageContact.pageConfirm #Form .formBox.box02>dl { padding-bottom: 30px; } #PageContact.pageConfirm #Form dl dl { border-bottom: 1px solid #efefef; background: none; } #PageContact.pageConfirm #Form dl dt { margin-bottom: 8px; line-height: 26px; } #PageContact.pageConfirm #Form dl dd { line-height: 26px; } #PageContact.pageConfirm #Form .btn li { margin: 0 auto 10px auto; width: 293px; } #PageContact.pageConfirm #Form .btn li a { display: block; width: 293px; height: 81px; font-size: 22px; font-weight: bold; color: #fff; line-height: 79px; text-align: center; background: url(../img/contents/sp_btn_form_01.gif) no-repeat scroll left top transparent; background-size: 293px 81px; } #PageContact.pageConfirm #Form .btn li.back a { background: url(../img/contents/sp_btn_form_02.gif) no-repeat scroll left top transparent; background-size: 293px 81px; } /* thanks */ #PageContact.pageThanks .formText { margin-bottom: 80px; } /*#################### 個人情報保護方針 ####################*/ #PagePolicy p.intro { padding: 0 15px; } #PagePolicy .policyList { margin-bottom: 22px; background: url(../img/line_broken_01.png) repeat-x scroll left top transparent; background-size: 6px 1px; } #PagePolicy .policyList li { padding: 21px 15px 21px 41px; text-indent: -26px; font-size: 15px; font-weight: bold; line-height: 26px; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; } #PagePolicy .policyList li .note { font-weight: normal; } #PagePolicy .sign { margin-bottom: 35px; font-size: 15px; line-height: 24px; text-align: right; } #PagePolicy .borderBox { margin-bottom: 50px; } #PagePolicy .borderBox dl { padding: 5px 0; } #PagePolicy .borderBox dl dt { margin-bottom: 18px; font-size: 15px; font-weight: bold; color: #513b99; line-height: 1; } #PagePolicy .borderBox dl dd { font-size: 15px; font-weight: normal; color: #513b99; line-height: 32px; } #PagePolicy .borderBox dl dd span.address { padding: 4px 0 4px 0; display: inline-block; line-height: 26px; } #PagePolicy .borderBox dl dd a { color: #513b99; } #PagePolicy .borderBox .br { display: block; } /*#################### サイトマップ ####################*/ #PageSitemap .contentsBox { margin-bottom: 45px; } #PageSitemap ul.parent li { margin: 0 0 20px 0; padding: 0 15px 16px 15px; line-height: 24px; background: url(../img/sp_line_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; } #PageSitemap ul.parent li.last { background: none; } #PageSitemap ul.parent li a { display: inline-block; padding-left: 28px; min-height: 22px; font-size: 17px; font-weight: bold; line-height: 24px; background: url(../img/icon_arrow_01.png) no-repeat scroll left 2px transparent; background-size: 20px 20px; } #PageSitemap ul.parent li ul { margin-bottom: -8px; padding-top: 6px; } #PageSitemap ul.parent li li { margin: 0 0 11px 0; padding: 0; line-height: 18px; background: none; } #PageSitemap ul.parent li li a { padding-left: 46px; min-height: 0; font-size: 15px; font-weight: normal; color: #555; line-height: 20px; text-indent: -23px; background: url(../img/icon_arrow_02.png) no-repeat scroll 8px 6px transparent; background-size: 5px 7px; } #PageSitemap ul.parent li p { margin: 0 0 0 0; padding: 16px 0 10px 4px; font-size: 15px; color: #555; line-height: 20px; } #PageSitemap ul.parent li p.first { padding: 6px 0 10px 4px; } #PageSitemap ul.parent li p.first.space { padding: 12px 0 10px 4px; } /*#################### 英語ページ ####################*/ #PageEnglish #TopicPath { margin: 20px auto 0px auto; } #PageEnglish #Main { font-family: Helvetica, sans-serif; margin-top:100px; } #PageEnglish #Box01{ } #PageEnglish #Main .contentsBox01 p { } #PageEnglish #Main .pageMenu li { margin-bottom: 5px; } #PageEnglish #Sec07 { margin-bottom: 55px; } #PageEnglish .introBox { padding-bottom: 5px; } #PageEnglish .introBox dl dd p.sign { font-size: 14px; font-weight: normal; color: #888; line-height: 27px; text-align: right !important; } #PageEnglish #Main h4.stamp { font-size: 20px; } #PageEnglish .borderBox p { font-weight: bold; } #PageEnglish .contentsBox .pageTop { margin: 0 0 0 auto; } #PageEnglish .contentsBox .pageTop a { background-image: url(../img/sp_btn_pagetop_en_left.gif), url(../img/sp_btn_pagetop_en_right.gif); background-repeat: no-repeat, no-repeat; background-position: left top, right top; background-color: transparent, transparent; background-size: 35px 39px, 200px 39px; } #PageEnglish #Sec06 h4 { margin-bottom: 0; } #PageEnglish .tableBox { margin-bottom: 25px; border-bottom: 1px solid #ddd; } #PageEnglish .tableBox dl dt { padding: 9px 10px; font-size: 14px; font-weight: bold; line-height: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f8f8f8; } #PageEnglish .tableBox dl dd { padding: 10px 10px 9px 10px; font-size: 14px; line-height: 20px; } #PageEnglish .tableBox dl dd sup { font-size: 10px; } #PageEnglish dl dd a.telLink { font-weight: normal; color: #333; text-decoration: none; } #PageEnglish .access dl { margin: -5px 15px 20px 15px; } #PageEnglish .access dl dt { margin-bottom: 20px; padding-left: 82px; min-height: 74px; font-size: 20px; font-weight: bold; color: #0e984e; line-height: 27px; border-bottom: 1px solid #cdded5; } #PageEnglish .access dl dd { font-size: 17px; line-height: 27px; } #PageEnglish .access dl dd a { font-weight: bold; } #PageEnglish .access dl dd.last { padding-top: 15px; } #PageEnglish .access dl.train dt { background: url(../img/icon_train.gif) no-repeat scroll left 4px transparent; background-size: 70px 70px; padding-top: 14px; min-height: 65px; } #PageEnglish .access dl.car dt { background: url(../img/icon_car.gif) no-repeat scroll left 4px transparent; background-size: 70px 70px; padding-top: 14px; min-height: 65px; } #PageEnglish #Gmap{ overflow: hidden; margin: 0 15px 10px 15px; height: 163px; border: 1px solid #ddd; border-radius: 4px; } #PageEnglish #Gmap iframe{ width: 100%; height: 163px; } #PageEnglish .mapLink { margin-bottom: 20px; padding: 0 15px; } #PageEnglish .mapLink li a { padding-left: 16px; background: url(../img/icon_blank.png) no-repeat scroll left 4px transparent; background-size: 11px 11px; font-size: 14px; font-weight: bold; line-height: 24px; } /*#################### リンク ####################*/ #PageLink .linkBox dl, #PageLink .linkBox .linkBoxEntry{ margin: 0 0 24px 0; padding: 0 15px 15px 15px; background: url(../img/line_broken_01.png) repeat-x scroll left bottom transparent; background-size: 6px 1px; } #PageLink .linkBox dl.last, #PageLink .linkBox .linkBoxEntry.last{ margin: 0 0 10px 0; background: none; } #PageLink .linkBox dl dt, #PageLink .linkBox .linkBoxEntry .linkBoxTitle{ margin-bottom: 20px; font-size: 17px; font-weight: bold; line-height: 1; } #PageLink .linkBox dl dd, #PageLink .linkBox .linkBoxEntry .linkBoxBody{ margin-bottom: 5px; } #PageLink .linkBox .linkBoxEntry .linkBoxBody p{ font-size: 15px; font-weight: bold; margin-bottom: 5px; padding: 0; } #PageLink .linkBox dl dd a, #PageLink .linkBox .linkBoxEntry .linkBoxBody a{ display: inline-block; padding-left: 16px; font-size: 15px; font-weight: bold; line-height: 20px; background: url(../img/icon_blank.png) no-repeat scroll left 6px transparent; background-size: 11px 11px; } #PageLink .borderBox { margin-bottom: 50px; } #PageLink .borderBox p { font-weight: bold; } /*#################### 職員募集について ####################*/ #PageStaff .contentsBox01 table { margin: 0 15px; width: auto; } } /*end*/