@charset "UTF-8";
html, body {
  height: 100%; }

body {
  color: #333;
  line-height: 1.7;
  font-size: 14px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  background: #f9f9f9; }

#wrapper {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  position: relative; }

#wrapperIn {
  padding-bottom: 90px; }

#topheader {
  height: 69px;
  text-align: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  align-items:center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  background: url(../img/bg_tophead.jpg) repeat-x 0 0; 
}
#topheader h1 {
  max-width: 1100px;
  width: 96%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
}
#topheader h1 img{
  max-width: 100%;
  width: 100%;
}


#topNav {
  max-width: 920px;
  width: 100%;
  height: 100%;
  margin: 0 auto; }

#topNav ul {
  padding: 10% 0%;
  text-align: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  max-width: 920px;
  width: 100%;
}

#topNav ul li {
	display: inline-block;
/*  width: 60%;*/
  width: calc((100% - 100px)/2);
	max-width: 294px;
  margin: 0 20px;
}
#topNav ul li a{
  display: block;
}

#topNav ul .last {
	margin-right: 0; }

#topNav a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

#topNav img.imgboder {
	border: 1px solid #dfdfe9;
  max-width: 256px;
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}

.topImgTitle {
	max-width:294px;
  width: 100%;
	margin-top:10px;
}

#globalfooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    padding: 20px 0;
    border-top: 1px solid #dfdfe9;}

#globalfooter img {
   margin:auto;
}

#globalfooter .copylight {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-size: 11px; 
    color:#a7a7a7;
}

.inner {
	max-width:1030px;
  width: 94%;
	margin:auto;
}

.inner_list {
	max-width:960px;
  width: 100%;
  margin: 0 auto;
	text-align:center;
	margin:auto;
}

#listleftmenu:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

#listleftmenu img.imgboder {
	border: 1px solid #dfdfe9;
}

#navi1 {
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
}

#leftmenu .btn {
	text-align:center;
}

#leftmenu .btn a {
	display: block;
	width: 256px;
	height: 42px;
	padding:17px 0 0;
	background: url(../img/btn_bbsize.png) no-repeat;
	background-position: 0 0;
	font-size: 14px;
	margin:auto;
  margin-right: 28px;
}

#leftmenu .btn a:hover {
	background-position:0 -59px;
	color: #fff;
}

#leftmenu img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

#leftmenu img.imgboder {
	border: 1px solid #dfdfe9;
}

#search {
/*	width:560px;*/
	height:448px;
	border:1px solid #cccccc;
	text-align:left;
/*	padding: 70px 70px 0;*/
	font-size: 14px;
	line-height:200%;
  max-width: 560px;
  width: calc(86.5% - 8%);
  padding: 10.5%;
}

#search h2{
	margin: 0px;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 20px;
	border: none;
	font-size: 24px;
	text-align:center;
}

#search .btn {
	text-align:center;
}

#search .year {
	width:98px;
	height:24px;
}

#search .indent{
  padding-left: 1.5em;
}


#search .month {
	width:98px;
	height:24px;
}

#keyword {
	max-width:500px;
	height:22px;
  width: 100%;
}

#search .btn a {
	display: block;
	width: 256px;
	height: 42px;
	padding:17px 0 0;
	background: url(../img/btn_bbsize.png) no-repeat;
	background-position: 0 0;
	margin:auto;
}

#search .btn a:hover {
	background-position:0 -59px;
	color: #fff;
}

#navi1 img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.yearList td li.notLink {
	width: 48px;
	height: 25px;
	padding: 4px 0 0;
	color: #f3f3f3;
	background: url(../img/btn_not01.png) no-repeat 0 0;
}

select.lastest {
	color:#ccc;
}

option { 
  color: black; 
}

.notdisp {
  display:none;
}
.searchSec {
  margin-top: 10px; }

.searchSec h2 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    border-bottom: 1px solid #dfdfe9; }

.searchSec h3 {
    margin-bottom: 10px;
    font-size: 18px; }

.searchSec h3 a {
      margin-right: 30px;
      color: #0e21b2; }

.searchSec .txt {
    margin-bottom: 20px; }

.searchSec .txt span {
      color: #d40a0a; 
      font-weight:bold;}

.searchSec p.condition {
  margin-bottom: 10px;
  font-size: 15px;
  text-align:right;}

.searchSec div.item{
  padding-bottom:30px;
}
.searchSec .item img{
  padding-top:5px;
  padding-right:20px;
}


.yearList {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  background: url(../img/bg_th_gld.gif) repeat-x 0 0;
  border: 1px solid #ccc; }
  .yearList tr.hov:hover {
    background: #f2f2f2; }
  .yearList th {
    height: 34px;
    vertical-align: middle; }
  .yearList td {
    padding: 14px 0;
    text-align: center;
    border-top: 1px solid #ccc;
    vertical-align: middle;
    padding-right: 8px; }
    .yearList td li {
      float: left;
      margin-left: 8px;
      margin-bottom: 5px; }
      .yearList td li a.cellA {
        display: block;
        width: 140px;
        height: 25px;
        padding: 4px 0 0;
        background: url(../img/btn_monthW.png) no-repeat;
        background-position: 0 0;
         background-size:140px 58px;}
        .yearList td li a.cellA :hover {
          background-position: 0 -29px;
          color: #fff; 
}

      .yearList td li a {
        display: block;
        width: 48px;
        height: 25px;
        padding: 4px 0 0;
        background: url(../img/btn_month.png) no-repeat;
        background-position: 0 0; }
        .yearList td li a:hover {
          background-position: 0 -29px;
          color: #fff; }

    .yearList td li.union a {
      display: block;
      width: 104px;
      background: url(../img/btn_monthW.png) no-repeat;
      background-position: 0 0; }
      .yearList td li.union a:hover {
        background-position: 0 -29px;
        color: #fff; }
    .yearList td li.notLink {
      width: 48px;
      height: 25px;
      padding: 4px 0 0;
      color: #f3f3f3;
      background: url(../img/btn_not01.png) no-repeat 0 0; }
  .yearList .tdF, .yearList .thF {
    width: 86px;
    color: #3b7dcb;
    padding-right: 0;
    border-right: 1px solid #ccc; }
  .yearList .thF {
    color: #333; }
   
  .yearList tr.hov:nth-child(odd) {
    background:#ececec;
}

#toTop {
    position: fixed;
    bottom: 91px;
    right: 30px;
    z-index: 30;
}

#close {
	font-weight:bold;
}
#close img{
    width: 24px;
    height: 24px;
    vertical-align: middle;
    padding-left: 5px;
    font-weight: bold;
}


.searchMenu{
  text-align: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  max-width: 1030px;
  width: 100%;
}

.searchMenu .left{
  width: 256px;
  margin-right:7%;
}

.searchMenu .left div a{
  display: block;
}

.searchMenu .left div a img{
  display: inline-block;
  width: 100%;
  max-width: 256px;
}

.searchMenu .right{
  width: calc(100% - 270px);
}


#listleftmenu.left{
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

.right.yearArea{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 190px);
}


@media screen and (max-width: 750px) {
  #topNav ul {
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
  }
  #topNav ul li{
    max-width: 340px;
    width: 90%;
  }
  #topNav ul li:last-child{
    margin-top: 50px;
  }
  .topImgTitle{
    max-width: 340px;
  }
  #topNav img.imgboder {
    width: 90%;
  }
  .searchMenu{
    display: block;
    margin: 0 auto;
  }
  .searchMenu .left{
    display: block;
    margin: 0 auto;
  }
  .searchMenu .right{
    width: 96%;
    margin: 0 auto;
    max-width: 720px;
    margin-top: 50px;
    padding-bottom: 60px;
  }
  .searchMenu .left div a img{
    max-width: 294px;
  }
  #listleftmenu.left{
    display: inline-block;
    margin-bottom: 30px;
    margin-right:0;
  }
  .right.yearArea{
    display: inline-block;
    width: 96%;
  }
  #search .indent{
    padding-left: 0;
  }
}

/*----------------------------------------------------
COMMON STYLE
----------------------------------------------------*/
a, a:hover {
  color: #333;
  text-decoration: none; }

.dib{
  display: inline-block;
}

.mgT40 {
  margin-top: 40px; }

.mgT10 {
  margin-top: 10px; }

.mgT20 {
  margin-top: 20px; }

.mgT30 {
  margin-top: 30px; }

.mgT40 {
  margin-top: 40px; }

.mgT50 {
  margin-top: 50px; }

.mgT60 {
  margin-top: 60px; }

.mgT100 {
  margin-top: 100px; }

.mgB30 {
  margin: 0 0 30px; }

.mgB50 {
  margin: 0 0 50px; }

.mgL10 {
  margin-left: 10px; }

.mgL20 {
  margin-left: 20px; }

.flL {
  float: left; }

.flR {
  float: right; }

.alignR {
  text-align: right; }

.letterSP0 {
  letter-spacing: 0; }

.fontS {
  font-size: 70%; }

.hyplink {
  padding-top: 90px;
  margin-top: -90px; }

.fcF {
  color: #fff; }

.redB {
  color: red;
  font-weight: bold;}

/*----------------------------------------------------
CLEAR FIX
----------------------------------------------------*/
.cf:before,
.cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1; }

.footerline {
  line-height: 1.1em; }