@charset "UTF-8";
/* レスポンシブ */
/* common module */
.clearBoth {
clear: both;
width: 1px;
height: 0;
overflow: hidden;
}
* {
padding: 0;
margin: 0;
}
img {
border: none;
vertical-align: top;
}
@media print, screen and (min-width: 980px) {
body .rightColumn {
width: 730px;
float: right;
padding-top: 45px;
}
body #mainImg {
width: 730px;
height: 312px;
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
body #mainImg img#main1, body #mainImg img#main3 {
width: 730px;
height: 312px;
display: block;
position: absolute;
}
body #slide1 {
width: 730px;
height: 64px;
display: block;
position: absolute;
top: 0;
}
body #slide2 {
width: 730px;
height: 87px;
display: block;
position: absolute;
top: 64px;
}
body #slide3 {
width: 730px;
height: 90px;
display: block;
position: absolute;
top: 151px;
}
body #slide4 {
width: 730px;
height: 71px;
display: block;
position: absolute;
top: 241px;
}
body #anni {
display: block;
height: 92px;
left: 374px;
position: absolute;
top: 168px;
width: 146px;
}
body #kawaranai {
width: 680px;
height: 36px;
position: absolute;
top: 29px;
left: 29px;
display: block;
}
body #smartMedia {
display: none;
}
body .homeContents {
width: 730px;
height: 1090px;
position: relative;
}
body .topics {
width: 740px;
height: 222px;
background: url(../images/home/topics_bg.png) no-repeat 0 0;
position: absolute;
top: 0;
left: 0;
}
body .btnNext {
display: block;
width: 233px;
height: 271px;
position: absolute;
background: url(../images/home/btn_mirai.png) no-repeat 0 0;
top: 247px;
right: -3px;
text-decoration: none;
}
body .btnAyumi {
display: block;
width: 240px;
height: 283px;
background: url(../images/home/btn_ayumi.png) no-repeat 0 0;
position: absolute;
top: 237px;
left: -7px;
text-decoration: none;
}
body .btnIma {
display: block;
width: 233px;
height: 271px;
position: absolute;
background: url(../images/home/btn_ima.png) no-repeat 0 0;
top: 825px;
left: 0;
text-decoration: none;
}
body .btnGakusei {
display: block;
width: 233px;
height: 271px;
position: absolute;
background: url(../images/home/btn_gakusei.png) no-repeat 0 0;
top: 578px;
right: -3px;
text-decoration: none;
}
body .btnGakucho {
display: block;
width: 233px;
height: 269px;
position: absolute;
background: url(../images/home/btn_gaukcho.png) no-repeat 0 0;
top: 536px;
left: 0;
text-decoration: none;
}
body .btnBokin {
display: block;
width: 233px;
height: 269px;
position: absolute;
background: url(../images/home/btn_bokin.png) no-repeat 0 0;
top: 247px;
left: 250px;
text-decoration: none;
}
body .btnJimu {
display: block;
width: 233px;
height: 271px;
position: absolute;
background: url(../images/home/btn_jimu.png) no-repeat 0 0;
top: 536px;
left: 250px;
text-decoration: none;
}
body .btnPub {
display: block;
width: 233px;
height: 271px;
position: absolute;
background: url(../images/home/btn_publication.png) no-repeat 0 0;
top: 536px;
left: 500px;
text-decoration: none;
}
body span.bnrCatch, body span.bnrTitle {
display: none;
}
body span.bnrRead {
display: block;
font-size: 10px;
line-height: 14px;
width: 215px;
height:44px;
color: #fff;
padding-top: 227px;
padding-left: 10px;
padding-right: 15px;
}
body .btnAyumi span.bnrRead {
padding-top: 238px;
padding-left: 17px;
}
body .topicsHeader {
width: 313px;
height: 28px;
padding-top: 13px;
padding-left: 420px;
}
body .topicsHeader:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
body .topicsHeader h2 {
display: none;
}
body .topicsHeader .homeTab {
width: 95px;
height: 28px;
line-height: 28px;
text-align: center;
background: #b6dbd8;
color: #4fa098;
margin-right: 5px;
float: left;
cursor: pointer;
}
body .topicsHeader .forcus {
background: #fff;
color: #030303;
}
body .tabBody {
width: 728px;
height: 261px;
}
body .tabBody .eventBody,
body .tabBody .newsBody,
body .tabBody .allBody{
}
body .tabBody ul {
list-style: none;
width: 698px;
margin: 0 auto;
}
body .tabBody li {
border-bottom: dotted 1px #b6b6b6;
}
body .tabBody li:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
body .tabBody li span.tabListDay {
font-size: 10px;
width: 73px;
height: 39px;
display: block;
float: left;
line-height: 39px;
}
body .tabBody li .tabListTitle {
display: block;
width: 560px;
float: right;
height: 39px;
line-height: 39px;
padding-left: 59px;
overflow: hidden;
color: #151c23;
text-decoration: none;
}
body .tabBody li a.tabListTitle:hover {
text-decoration: underline;
}
body .tabBody li .eventList {
background: url(../images/common/icon_event.gif) no-repeat 0 12px;
}
body .tabBody li .newsList {
background: url(../images/common/icon_news.gif) no-repeat 0 12px;
}
body .tabBody .btnIchiran {
height: 24px;
padding-top: 15px;
}
body .tabBody .btnIchiran:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
body .tabBody .btnIchiran a {
display: block;
float: right;
text-indent: -9999px;
width: 86px;
height: 28px;
background: url(../images/home/tab_ichitran-btn.gif) no-repeat 0 0;
margin-right: 10px;
}
body .tabBody .eventBody, body .tabBody .newsBody, body .tabBody .ContentsTitle {
display: none;
}
body .spMoreContents {
display: none;
}
}
@media screen and (min-width: 780px) and (max-width: 979px) {
body .rightColumn {
width: 100%;
padding-top: 20px;
float: right;
}
body .rightColumn .rightBody {
margin-left: 250px;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
body #mainImg {
width: 100%;
margin-bottom: 20px;
}
body #mainImg img {
width: 100%;
height: auto;
}
body #mainImg #main1, body #mainImg #main3, body #mainImg #slide1, body #mainImg #slide2, body #mainImg #slide3, body #mainImg #slide4, body #mainImg #anni, body #mainImg #kawaranai {
display: none;
}
body .homeContents {
width: 100%;
}
body .topics {
width: 100%;
margin-bottom: 30px;
}
body .btnNext,
body .btnAyumi,
body .btnIma,
body .btnGakusei,
body .btnGakucho,
body .btnBokin,
body .btnJimu {
display: block;
text-decoration: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
text-decoration: none;
color: #1f1f1f;
background-repeat:no-repeat,repeat-x;
background-size: auto 92px, 100% 100%;
background-position: 5px center,bottom right;
padding: 10px 35px 10px 0;
min-height:100px;
}
body .btnNext {
background-image: url(../images/home/img_07.png),url(../images/home/bg_home_gra.gif);
}
body .btnAyumi {
background-image: url(../images/home/img_01.png),url(../images/home/bg_home_gra.gif);
}
body .btnIma {
background-image: url(../images/home/img_02.png),url(../images/home/bg_home_gra.gif);
}
body .btnGakusei {
background-image: url(../images/home/img_05.png),url(../images/home/bg_home_gra.gif);
}
body .btnGakucho {
background-image: url(../images/home/img_03.png),url(../images/home/bg_home_gra.gif);
}
body .btnBokin {
background-image: url(../images/home/img_04.png),url(../images/home/bg_home_gra.gif);
}
body .btnJimu {
background-image: url(../images/home/img_06.png),url(../images/home/bg_home_gra.gif);
}
body .btnPub {
background-image: url(../images/home/img_08.png),url(../images/home/bg_home_gra.gif);
}
body span.bnrCatch, body span.bnrTitle {
padding-left: 110px;
display: block;
}
body span.bnrTitle {
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
font-size: 20px;
margin-bottom: 5px;
padding-top:15px;
}
body span.bnrRead {
display: block;
font-size: 12px;
line-height: 16px;
padding-left: 110px;
}
body h2.ContentsTitle {
width: 100%;
padding: 10px;
background: #85c4bd;
color: #fff;
font-weight: normal;
font-size: 14px;
line-height: 16px;
height: 36px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body .topicsHeader {
height: 41px;
background: #85c4bd;
padding-top: 13px;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body .topicsHeader:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
body .topicsHeader h2 {
color: #fff;
font-weight: normal;
font-size: 16px;
width: 40%;
float: left;
padding-left: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body .topicsHeader .homeTab {
width: 20%;
height: 28px;
line-height: 28px;
text-align: center;
background: #b6dbd8;
color: #4fa098;
float: left;
cursor: pointer;
border-right: solid 3px #85c4bd;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body .topicsHeader .forcus {
background: #fff;
color: #030303;
}
body .tabBody {
width: 100%;
}
body .tabBody .eventBody,
body .tabBody .newsBody,
body .tabBody .allBody{
} body .tabBody ul {
list-style: none;
padding: 0 10px;
}
body .tabBody li {
border-bottom: dotted 1px #b6b6b6;
}
body .tabBody li span.tabListDay {
font-size: 12px;
display: block;
line-height: 15px;
height: 15px;
padding-top: 10px;
}
body .tabBody li .tabListTitle {
display: block;
padding-left: 59px;
color: #151c23;
text-decoration: none;
}
body .tabBody li a.tabListTitle:hover {
text-decoration: underline;
}
body .tabBody li .eventList {
background: url(../images/common/icon_event.gif) no-repeat 0 50%;
}
body .tabBody li .newsList {
background: url(../images/common/icon_news.gif) no-repeat 0 50%;
}
body .btnIchiran {
height: 24px;
padding-top: 15px;
}
body .btnIchiran:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
body .btnIchiran a {
display: block;
float: right;
text-indent: -9999px;
width: 86px;
height: 28px;
background: url(../images/home/tab_ichitran-btn.gif) no-repeat 0 0;
margin-right: 10px;
}
body .eventBody, body .newsBody {
display: none;
}
body .spMoreContents {
display: none;
}
}
@media screen and (max-width: 779px) {
body .rightColumn {
width: 100%;
}
body .rightColumn .rightBody {
background: #fff;
overflow:hidden;
}
body #mainImg {
width: 100%;
overflow: hidden;
}
body #mainImg img {
width: 105%;
height: auto;
margin: 0 -2.5%;
}
body #mainImg #main1, body #mainImg #main3, body #mainImg #slide1, body #mainImg #slide2, body #mainImg #slide3, body #mainImg #slide4, body #mainImg #anni, body #mainImg #kawaranai {
display: none;
}
body .leftColumn .countDown {
box-shadow: 0 1px 3px #ccc;
display: block;
background: #fff;
color: #3a2614;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
width: 95%;
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
/*height: 20px;*/
border:solid 1px #7ab9a9;
text-align:center;
padding:5px;
}
body .leftColumn .countDown .cdTitle {
color:#fff;
float:left;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #70b1a0), color-stop(0.00, #9bd8c8));
background: -webkit-linear-gradient(#9bd8c8, #70b1a0);
background: -moz-linear-gradient(#9bd8c8, #70b1a0);
background: -o-linear-gradient(#9bd8c8, #70b1a0);
background: -ms-linear-gradient(#9bd8c8, #70b1a0);
background: linear-gradient(#9bd8c8, #70b1a0);
font-size:12px;
height:18px;
line-height:18px;
text-align:center;
padding:0 5px;
}
body .leftColumn .countDown .cdMoji{
float:right;
}
body .leftColumn .countDown .cdTxt {
font-size:12px;
display: inline-block;
text-align: center;
font-weight: normal;
}
body .leftColumn .countDown .hi {
font-size:12px;
width: 15px;
}
body .leftColumn .countDown .days_dash {
display: inline-block;
height: 20px;
}
body .leftColumn .countDown .digit {
display: inline-block;
width: 8px;
height: 20px;
font-size: 18px;
text-align: center;
margin-right: 2px;
line-height: 20px;
color:#39947d;
}
body .homeContents {
width: 100%;
}
body .topics {
width: 100%;
margin-bottom: 30px;
}
body .btnNext,
body .btnAyumi,
body .btnIma,
body .btnGakusei,
body .btnGakucho,
body .btnBokin,
body .btnJimu,
body .btnPub {
display: block;
text-decoration: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
text-decoration: none; color: #1f1f1f;
background-repeat:no-repeat,repeat-x;
background-size: auto 92px, 100% 100%;
background-position: 5px center,bottom right;
padding: 10px 20px 10px 0;
min-height:100px; }
body .btnNext {
background-image: url(../images/home/img_07.png),url(../images/home/bg_home_gra.gif);
}
body .btnAyumi {
background-image: url(../images/home/img_01.png),url(../images/home/bg_home_gra.gif);
}
body .btnIma {
background-image: url(../images/home/img_02.png),url(../images/home/bg_home_gra.gif);
}
body .btnGakusei {
background-image: url(../images/home/img_05.png),url(../images/home/bg_home_gra.gif);
}
body .btnGakucho {
background-image: url(../images/home/img_03.png),url(../images/home/bg_home_gra.gif);
}
body .btnBokin {
background-image: url(../images/home/img_04.png),url(../images/home/bg_home_gra.gif);
}
body .btnJimu {
background-image: url(../images/home/img_06.png),url(../images/home/bg_home_gra.gif);
}
body .btnPub {
background-image: url(../images/home/img_08.png),url(../images/home/bg_home_gra.gif);
}
body .spMore {
display: none;
}
body span.bnrCatch, body span.bnrTitle {
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
padding-left: 110px;
display: block;
}
body span.bnrTitle {
font-size: 18px;
margin-bottom: 5px; }
body span.bnrRead {
display: block;
font-size: 12px;
line-height: 16px;
padding-left: 110px;
padding-right:10px;
}
body h2.ContentsTitle {
width: 100%;
padding: 10px;
background: #85c4bd;
color: #fff;
font-weight: normal;
font-size: 14px;
line-height: 16px;
height: 36px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body .topicsHeader {
height: 30px;
background: #85c4bd;
text-align: center;
padding-top: 10px;
}
body .topicsHeader:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
body .topicsHeader h2 {
display: none;
}
body .topicsHeader .homeTab {
width: 45%;
height: 30px;
line-height: 30px;
text-align: center;
background: #b6dbd8;
color: #4fa098;
display: inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body .topicsHeader .tabAll {
display: none;
}
body .topicsHeader .forcus {
background: #fff;
color: #030303;
}
body .tabBody {
width: 100%;
}
body .tabBody ul {
list-style: none;
padding: 0 10px;
}
body .tabBody li {
padding: 10px 0;
border-bottom: dotted 1px #b6b6b6;
background: url(../images/home/sp_right-arrow.gif) no-repeat right 50%;
}
body .tabBody li span.tabListDay {
font-size: 10px;
display: block;
line-height: 15px;
height: 15px;
padding-top: 10px;
color: #a5a5a5;
}
body .tabBody li .tabListTitle {
display: block;
color: #151c23;
text-decoration: none;
padding-right: 20px;
padding-top: 5px;
font-size: 14px;
line-height: 22px;
}
body .tabBody li.noSp {
display: none;
}
body .allBody, body .newsBody {
display: none;
}
body .btnIchiran {
padding: 10px 0;
}
body .btnIchiran a {
display: block;
width: 95%;
margin: 0 auto;
background: url(../images/home/sp_right-arrow2.gif) no-repeat right 50% #f0f0f0;
border: solid 1px #a4a4a4;
padding: 10px 30px 10px 10px;
text-decoration: none;
color: #030303;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body .spMoreContents {
display: block;
width: 95%;
margin: 10px auto;
background: url(../images/home/sp_right-arrow2.gif) no-repeat right 50% #f0f0f0;
border: solid 1px #a4a4a4;
padding: 10px 30px 10px 10px;
text-decoration: none;
color: #030303;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
}