/* -----------------------------------------------------------------------

	top.css

----------------------------------------------------------------------- */
/* --------------------------------------------------------
	article
-------------------------------------------------------- */
#contents #article > *:last-child {
  margin-bottom: 0;
}
#contents #article > *.last {
  margin-bottom: 0;
}

#article {
  float: right;
  width: 710px;
  padding: 0;
  background: none;
}
#article .unit {
  float: left;
  width: 220px;
  margin: 0 10px 10px 0;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  height:320px;
}
#article .unit > a {
  display: block;
}
#article .unit .news dt {
  margin: 0 0 5px;
}
#article .unit .news dd dl {
  margin: 0 0 5px;
  line-height: 1.4;
}
#article .unit .news dd dl dt {
  margin: 0;
  padding: 5px 6px 0;
}
#article .unit .news dd dl dd {
  padding: 0 6px 5px;
  border-bottom: 1px dotted #aba8a2;
}
#article .unit .news dd dl dd a {
  color: #0b8acf;
  word-break: break-all;
  word-wrap:break-word;
}
#article .unit .news p {
  font-size: 108.333%;
  text-align: right;
  padding: 0 0 5px;
}
#article .unit .news p a {
  display: inline-block;
  padding: 0 0 0 17px;
  background: url(/img/arrow_black.png) no-repeat left center;
}

#article .unit ul.link li {
  margin: 7px 0 0 7px;
  padding: 0;
  font-size:11px;
}

#article .unit ul.link li a {
  display: inline-block;
  padding: 0 0 0 17px;
  background: url(/img/arrow_black.png) no-repeat left center;
}

#article .side {
  margin-right: 0;
}
#article #memory dt {
  margin: 0 0 10px;
}
#article #memory dd {
  height: 54px;
  padding: 0 0 0 135px;
  background: url(/img/logo_100th.gif) no-repeat left top;
}
#article #memory dd ul {
  padding: 0 0 0;
}
#article #memory dd ul li {
  margin: 0 0 7px;
}
#article #topics {
  margin: 0 0 10px;
  *margin: -10px 0 10px;
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  clear: both;
  font-size: 108.333%;
}
#article #topics .tab {
  margin: 0 0 15px 0;
}
#article #topics .tab li {
  float: left;
  margin: 0 10px 0 0;
  width: 128px;
}

#article #topics .tab li a {
  display: block;
  width: 128px;
  height: 37px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(/img/btn_topics_2015.gif);
  background-repeat: no-repeat;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

#article #topics .tab li a.active, #article #topics .tab li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}


#article #topics .tab li#navInfo a {
  background-position: -137px 0;
}

#article #topics .tab li#navEvent a {
  background-position: -277px 0;
}

#article #topics .tab li#navReport a {
  background-position: -414px 0;
}

#article #topics .tab li#navRecruit {
  margin: 0;
}

#article #topics .tab li#navRecruit a {
  background-position: -552px 0;
}

#article #topics dl {
  margin: 0 0 15px;
}

#article #topics dl dt {
  position: relative;
  float: left;
  clear: left;
  margin: 0;
  padding: 5px 66px 5px 10px;
  font-weight: normal;
  font-size: 100%;
}

#article #topics dl dt img {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -8px 0 0;
}

#article #topics dl dt:nth-of-type(even) {
  background: #eeeeee;
}

#article #topics dl dt.odd {
  background: #eeeeee;
}

#article #topics dl dd {
  margin: 0;
  padding: 5px 10px 5px 13em;
}
#article #topics dl dd a {
  color: #0b8acf;
}
#article #topics dl dd:nth-of-type(even) {
  background: #eeeeee;
}
#article #topics dl dd.odd {
  background: #eeeeee;
}
#article #topics p {
  text-align: right;
  padding: 0 0 10px;
}
#article #topics p a {
  display: inline-block;
  padding: 0 0 0 17px;
  background: url(/img/arrow_black.png) no-repeat left center;
}

#emergency {
  font-size: 108.333%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #89defc;
  margin: 0 0 10px;
  padding: 12px 15px;
  line-height: 1.2;
}
#emergency dt {
  float: left;
  color: #fff;
}
#emergency dd {
  color: #fff;
  padding: 0 0 0 6.5em;
}
#emergency dd a {
  color: #fff;
}

#aside {
  float: left;
  width: 220px;
}
#aside p.emergency {
  margin: 0 0 10px;
}
#aside p.emergency a {
  display: block;
  background: #fff;
}
#aside ul.banners {
  padding: 0 0 10px;
}
#aside ul.banners li {
  margin: 0 0 5px;
}
#aside ul.banners li a {
  display: block;
  background: url(/img/bg_banner.png) no-repeat left top;
}
#aside ul.links {
  padding: 0 0 5px;
}
#aside ul.links li {
  line-height: 1.4;
  margin: 0 0 10px;
}
#aside ul.links li a {
  display: inline-block;
  color: #fff;
  padding: 0 0 0 23px;
  background: url(/img/arrow_white.png) no-repeat 5px 0;
}

#exam {
  margin: 0 0 10px;
  padding: 10px 10px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
}
#exam dt {
  margin: 0 0 10px;
}
#exam dd {
  margin: 0 -5px;
}

#article dl dd.noList{
padding-left:10px !important;
}

#article #topics{
padding-bottom:40px;
position:relative;
}

#article #topics div{
overflow-y:auto;
display:block;
}

*+html #article #topics #report{
}
#article #topics div dl{
margin-bottom:0;
display:block;
}

#article #topics div p{
position:absolute;
right:15px;
bottom:0;
}



/* フッターバナー */
#footer #footBnr{
margin-bottom:20px;
}

#footer #footBnr li{
float:left;
margin-right:7px;
}

#footer #footBnr li#bnr05{
margin:0;
}

#footer #footBnr,
.clearfix, #article #topics .tab, #article #topics dl, #emergency {
  display: inline-block;
}

#footer #footBnr,
.clearfix, #article #topics .tab, #article #topics dl, #emergency {
  display: block;
}

#footer #footBnr:after,
.clearfix:after, #article #topics .tab:after, #article #topics dl:after, #emergency:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}