@charset "utf-8";

/* ==================================================================
CSS information
style info :TOP�y�[�W�p
================================================================== */


/* ------------------------------------------------------------------------------------------ */
/* cookie button */
/* ------------------------------------------------------------------------------------------ */

#footer .ot-sdk #ot-sdk-btn {
    color: #5c5c5c;
    transition: .0s;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
    text-align: left;
}
#footer .ot-sdk #ot-sdk-btn:hover {
    color: #ea3d9e;
    background: transparent;
    text-decoration: underline;
}


/* --------------------------------------------------------
PIE�ݒ�
-------------------------------------------------------- */
#topics-Box , #topics-Box .textLink li , #info-Box , #dl-Box , #tw-Box , #item-Box , #link-Box , #series-Box {
position:relative;
behavior: url("./common/PIE.htc");
}

/* �p�ېݒ�
-------------------------------------------------------- */
#topics-Box , #info-Box , #dl-Box , #tw-Box , #item-Box , #link-Box , #series-Box {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


/* --------------------------------------------------------
#wrapper
-------------------------------------------------------- */
#wrapper {}

.news-area {
    width: 92%;
    margin: 0 auto 5px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 800px) {
    .news-area {
        width: 96%;
    }
}

.news-area iframe {
    width: 100%;
}


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{
padding-top:0px;
padding-bottom:0px;
position:relative;

background-color:#FFF;
}

#leftColumn{float:left; width:647px;}
#rightColumn{float:right; width:315px;}

h2{ margin-left:10px; top:-12px; position:relative;}


/* #topics-Box
-------------------------------------------------------- */
#topics-Box{
/*background-color:#ececec;*/
background-color:#f0f0f0;
margin-bottom:30px;
}

/* #info-Box
-------------------------------------------------------- */
#info-Box{
padding-bottom:10px;
background-color:#f0f0f0;
margin-bottom:30px;
}

/* #dl-Box
-------------------------------------------------------- */
#dl-Box{
background-color:#f0f0f0;
margin-bottom:30px;
}

/* #tw-Box
-------------------------------------------------------- */
#tw-Box{
height:340px;
border:1px solid #d0d0d0;
margin-bottom:30px;
overflow: hidden;
}

/* #item-Box
-------------------------------------------------------- */
#item-Box{
height:114px;
background-color:#f0f0f0;
margin-bottom:30px;
}

/* #link-Box
-------------------------------------------------------- */
#link-Box{
background-color:#fafafa;
margin-bottom:30px;
}

/* #series-Box
-------------------------------------------------------- */
#series-Box{
width:980px;
background-color:#fafafa;
margin-bottom:30px;
}



/* --------------------------------------------------------
�e�{�b�N�X�ׂ̍����ݒ�
-------------------------------------------------------- */

/* #topics-Box
-------------------------------------------------------- */
#topics-Box{ font-size:93%;}
#topics-Box .inner{ padding:0px 10px 15px 20px;}
#topics-Box .bnrLink li{
    display:inline-block; margin-bottom:10px; background-color:#FFF;
    width: 48%;
    max-width: 186px;
}
#topics-Box .bnrLink li img {
    max-width: 100%;
}
#topics-Box .bnrLink li a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
#topics-Box .textLink li{ background-color:#f73596; display:inline-block; *display: inline; *zoom: 1; padding:5px 5px; margin:0 5px 8px 0;}
#topics-Box .textLink li{ -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;}
#topics-Box .textLink li a{ color:#FFF; text-decoration:none;}
#topics-Box .textLink li a:hover{ text-decoration:underline;}

#topics-Box .bnr_gsd2020{display: none;}
#topics-Box .bnr_gsd2020_sp{ display: block; margin: 0 auto 15px; text-align: center;}

#topics-Box .bnr_gsd2020 img,
#topics-Box .bnr_gsd2020_sp img
{ width:100%; max-width: 608px;}

@media only screen and (min-width: 800px){
    #topics-Box .bnr_gsd2020_sp{display: none;}
    #topics-Box .bnr_gsd2020{ display: block; margin: 0 auto 15px; text-align: left;}
    }
}




/* #info-Box
-------------------------------------------------------- */
#info-Box .inner{ margin:0px 10px 0px 10px; padding:5px 0 5px 5px; background-color:#FFF; height:215px; overflow:hidden;}


/* #dl-Box
-------------------------------------------------------- */
#dl-Box{ position:relative;}
#dl-Box .text01{ position:absolute; top:-8px; right:10px;}
#dl-Box .inner{ padding:0px 10px 15px 12px;}
#dl-Box li{ display:block; float:left; margin-right:4px; }
#dl-Box li a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}


/* #tw-Box
-------------------------------------------------------- */
#tw-Box{}
#tw-Box h2{ top:0px; margin-top:4px; margin-bottom:8px;}
#tw-Box h2 a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
#tw-Box .qr{ position:absolute; top:4px; right:4px;}
/*#tw-Box .qr img{ border:1px solid #CCC;}*/
#tw-Box .text01{ margin-left:10px; margin-bottom:15px;}
#tw-Box .inner{ padding:0px 10px 15px 10px;}

#twtr-widget-1 .twtr-tweet-wrap .twtr-avatar{display:none;}
#twtr-widget-1 .twtr-tweet-wrap .twtr-tweet-text{margin-left:0px;}
.twtr-ft{display:none;}
.twtr-hd{display:none;}


/* #item-Box
-------------------------------------------------------- */
#item-Box{}
#item-Box .inner{ padding:0px 0px 15px 10px;}
#item-Box li{ display:block; float:left; margin-right:8px; margin-bottom:10px; }
#item-Box li a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}


/* #link-Box
-------------------------------------------------------- */
#link-Box{ font-size:93%;}
#link-Box .inner{ padding:5px 10px 5px 10px;}
#link-Box li{ margin-bottom:.8em;}
#link-Box li.mb img{ position:absolute; margin-left:10px;}
#link-Box a{ background:url(../common/img/common/arrow.gif) left 3px no-repeat; padding-left:1em; display:inline-block; line-height:1.41; text-decoration:none;}
#link-Box a:hover{ text-decoration:underline;}


/* #series-Box
-------------------------------------------------------- */
#series-Box{ font-size:85%; clear:both;}
#series-Box .inner{ padding:5px 0px .6em 10px;}
#series-Box li{ margin-bottom:1em; margin-right:40px; display:inline-block; *display: inline; *zoom: 1;}
#series-Box a{ background:url(../common/img/common/arrow.gif) left center no-repeat; padding-left:1em; display:inline-block; text-decoration:none;}
#series-Box a:hover{ text-decoration:underline;}