/* サイトの共通スタイル ---------------------------------------- */ /* サイト全体 ---------------------------------------- */ body {text-align: center;} #header, #container, #slideImg, #fBnr, #footer {width:960px;margin:0px auto;} #container {text-align: left;} .pc_only {}.sp_only {display:none;} .leftCol {float:left;} .rightCol {float:right;} /* ヘッダー ---------------------------------------- */ #header {padding:20px 0px 0px 0px;margin-bottom:20px;} #header .leftCol {width:278px;} #header .leftCol h1#hLogo { } #header .rightCol { width:320px; } #header .rightCol p.hLink { text-align:right; margin-bottom:2px; } #header .rightCol p.hLink a { font-size:93%; } #header .rightCol p.hLink a.gw { font-weight:bold; color:#e50012; } #header .rightCol .hFrom { margin-left:60px; } #header ul .navi01 { } /* スライドショー(TOP)／ページ画像(下層) ---------------------------------------- */ #slideImg {margin-bottom:20px;} #slideImg button {border:none;width:21px;height:35px;position:absolute;} #slideImg button.slick-prev {background:url(../images/icon02l.png) no-repeat 0px 0px;background-size:21px 35px;top:140px;left:-30px;} #slideImg button.slick-next {background:url(../images/icon02r.png) no-repeat 0px 0px;background-size:21px 35px;top:140px;right:-30px;} #slideImg ul.slick-dots {padding-left:10px;} #slideImg ul.slick-dots li {float:left;margin:0px 10px 0px 0px;} #slideImg ul.slick-dots li.slick-active {} #slideImg ul.slick-dots li button {width:16px;height:16px;border-radius:8px;position:static;background:#cccccc;text-indent:-9999px;} #slideImg ul.slick-dots li.slick-active button {background:#9966ff;} #pageImg {width:910px;margin:0px auto 20px auto;border:5px solid #cccccc;background:#f2f2f2;color:#231815;text-align:left;padding:20px 20px;font-size:150%;font-weight:bold;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} /* グローバルナビ ---------------------------------------- */ #gNavi {background: url(../images/gNaviBg.png) repeat-x 0px 0px;background-size: 960px 75px;padding-bottom: 15px;height: 60px;margin-bottom:40px;} #gNavi .sp_naviBtn {} #gNavi ul.naviMenu {width:960px;margin:0px auto;} #gNavi ul.naviMenu li {float:left;} #gNavi ul.naviMenu li.navi01 {} #gNavi ul.naviMenu li.navi02 {} #gNavi ul.naviMenu li.navi03 {} #gNavi ul.naviMenu li.navi04 {} #gNavi ul.naviMenu li.navi05 {} #gNavi ul.naviMenu li.navi06 {} #gNavi ul.naviMenu li a {display:block;width:160px;height:60px;background:url(../images/gNavi.png) no-repeat 0px 0px;background-size: 960px 75px;} #gNavi ul.naviMenu li a { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } #gNavi ul.naviMenu li a:hover {background:url(../images/gNavi-over.png) no-repeat 0px 0px;background-size: 960px 75px;} #gNavi ul.naviMenu li.navi01 a {} #gNavi ul.naviMenu li.navi02 a {background-position:-160px 0px;} #gNavi ul.naviMenu li.navi03 a {background-position:-320px 0px;} #gNavi ul.naviMenu li.navi04 a {background-position:-480px 0px;} #gNavi ul.naviMenu li.navi05 a {background-position:-640px 0px;} #gNavi ul.naviMenu li.navi06 a {background-position:-800px 0px;} /* トップページ ---------------------------------------- */ .topFeed {width:960px;margin:0px auto 40px auto;} .topFeed .leftCol {width:470px;} .top02Feed {width:428px;padding:5px 20px 10px 20px;border:1px solid #231815;background:#f2f2f2;} .topActFeed {border-top:2px solid rgba(49,86,217,1.0);} .top02Feed h2.topTi {text-align:center;font-weight:normal;font-size:123.1%;} .topActFeed h2.topActTi {color:rgba(49,86,217,1.0);margin-bottom:5px;} .topActFeed table.feedTbl01 {width:100%;margin-bottom:5px;} .topActFeed table.feedTbl01 th, .topActFeed table.feedTbl01 td {vertical-align:top;padding:10px 0px 5px 0px;border-bottom:1px dotted #999999;} .topActFeed table.feedTbl01 th {width:120px;} .topActFeed table.feedTbl01 th a {display: block;width:100%;line-height: 0em;margin-bottom: 5px;} .topActFeed table.feedTbl01 th a img {max-width:100%;height:auto;} .topActFeed table.feedTbl01 td {padding-left:10px;text-align:left;} .topActFeed table.feedTbl01 td h3.actTi {} .topActFeed table.feedTbl01 td p.date {font-size:93%;} .topActFeed table.feedTbl01 td p.place {font-size:93%;} .topActFeed a.icon01 {background:url(../images/icon01.png) no-repeat 0px 4px;background-size:6px 10px;padding-left:11px;color:#333333;} #topActSlickBg {background:#f2f2f2;border-top:2px solid rgba(136,0,0,1.0);border-bottom:1px solid #231815;margin-bottom:40px;padding:5px 0px 50px 0px;} .topActSlick {/*width:960px;*/width:880px;margin:0px auto;} h2.topSlickTi {color:rgba(136,0,0,1.0);text-align:center;font-weight:normal;font-size:123.1%;margin-bottom:5px;} .topActSlick .item {margin-bottom:20px;padding:10px 10px;text-align:left;} .topActSlick .item:hover {background:#e9e9e9;} .topActSlick .item a {color:#666666;} .topActSlick .item a:hover {text-decoration:none;} .topActSlick .item a .itemImg {line-height:0em;margin-bottom:5px;} .topActSlick .item a .itemImg img {width:100%;/*height:auto;*/height:125px;} .topActSlick .item a .date {font-size:93%;} .topActSlick .item a h3.itemTi {font-weight:bold; display: block; font-size:15px; line-height:22px; height:66px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .topActSlick .item a .place { display: block; font-size:13px; line-height:19px; height:38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .topActSlick .item a .rightTxt {margin-bottom:0px;} .topActSlick button {border:none;width:21px;height:35px;position:absolute;top:55px;} .topActSlick button.slick-prev {background:url(../images/icon02l.png) no-repeat 0px 0px;background-size:21px 35px;left:-30px;} .topActSlick button.slick-next {background:url(../images/icon02r.png) no-repeat 0px 0px;background-size:21px 35px;right:-30px;} .topActSlick ul.slick-dots {padding-left:10px;} .topActSlick ul.slick-dots li {float:left;margin:0px 10px 0px 0px;} .topActSlick ul.slick-dots li.slick-active {} .topActSlick ul.slick-dots li button {width:16px;height:16px;border-radius:8px;position:static;background:#cccccc;text-indent:-9999px;} .topActSlick ul.slick-dots li.slick-active button {background:rgba(136,0,0,1.0);} /* メイン ---------------------------------------- */ #container {padding:0px 0px 20px 0px;} #content {} #pageContent {width:960px;margin:0px auto;padding-bottom:40px;text-align:left;} #pageContent p {margin-bottom:1.0em;} #main{width:720px;float:left;} #main section {margin-bottom:3.0em;} /* サイドバー ---------------------------------------- */ #sideBar {width:200px;float:right;} #fBnr .outerLink {} #fBnr .outerLink li {width:220px;float:left;line-height:0em;margin:0px 25px 20px 0px;} #fBnr .outerLink li.wide {width:300px;} #fBnr .outerLink li:nth-child(4n) {margin-right:0px;} #fBnr .outerLink li a {line-height:0em;} #fBnr .outerLink li img {width:100%;} /* フッター ---------------------------------------- */ #footerBg {background:#0097d7;} #footer {padding:20px 0px 40px 0px;} #footer * {color:#ffffff;} #footer .fMenu {} #footer .clearfix .leftCol {width:520px;} #footer .clearfix .leftCol ul.fMjcInfo {} #footer .clearfix .leftCol ul.fMjcInfo li {text-align:left;float:left;font-size:93%;} #footer .clearfix .leftCol ul.fMjcInfo li.fLogo {margin-right:20px;} #footer .clearfix .rightCol {width:400px;}