/* toppage archive */
.archive {
  background-image: url(/ex/oras/common/img/bg_archive.png);
  /*background-color:rgba( 0, 0, 0, 0.7);*/
  padding:0;
  margin:0;
  overflow:hidden;
}
.archive .archive-thumbs_container{
  width:910px;
  max-width:100%;
  margin:0 auto;
  padding:10px 0;
  position:relative;
}
.archive .archive-thumbs_carousel_frame{
  margin:0 35px;
}
.archive .archive-thumbs_container div.archive-thumbs_carousel_frame_ul{
  margin:0 auto; padding:0;
  width:2000px;/* 仮のサイズ. JSがあとで再設定する */
}
.archive .archive-thumbs_container div.archive-thumbs_carousel_frame_ul div.slid{
  margin:0 12px 0 0; padding:0;
  list-style-type:none;
  float:left;
}
.archive .archive-thumbs_container div.archive-thumbs_carousel_frame_ul div.slid img{
  width:159px;
}
.archive .archive-thumbs_ui{
  position:absolute;
  top:0; left:0;
  width:100%;
}
.archive .archive-thumbs_ui .archive-thumbs_ui_prev{
  position:absolute;
  top:10px; left:-10px;
  text-align: right;
}
.archive .archive-thumbs_ui .archive-thumbs_ui_next{
  position:absolute;
  top:10px; right:-10px;
}
.archive .archive-thumbs_ui .archive-thumbs_ui_prev a,
.archive .archive-thumbs_ui .archive-thumbs_ui_next a{
  display: block;
  width: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.addTopLink {
  margin:30px auto 20px;
  padding:10px 30px 10px 10px;
  border:1px solid #C7C7C7; border-width:1px 0;
  position:relative;
}
.addTopLink:before{
  position:absolute; top:0; bottom:0; right:10px; margin:auto;
  content:"◇";
  height:1em; line-height:1em;
}
.addTopLink:after{
  position:absolute; top:0; bottom:0; right:11px; margin:auto;
  content:"■";
  height:1em; line-height:1em;
  color:#fff;
  font-size:31px;
}
.addTopLink a{
  color:#484848;
  line-height:1.5em;
  text-decoration:none;
}
.addTopLink a.blank_win:after {
  content:"";
  display:inline-block;
  width:10px; height:10px;
  margin-left:5px;
  background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUZCMDdFMDJDRUJFMTFFNEI5NUQ5MDI5QTIwQ0NBRkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUZCMDdFMDNDRUJFMTFFNEI5NUQ5MDI5QTIwQ0NBRkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RkIwN0UwMENFQkUxMUU0Qjk1RDkwMjlBMjBDQ0FGQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RkIwN0UwMUNFQkUxMUU0Qjk1RDkwMjlBMjBDQ0FGQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn85emAAAAAGUExURf///25ubkb/PyIAAAAkSURBVHjaYmCEAgYGBmQmAxhAmHBxVCZMCUQHXDVWJhQABBgADaEAOFuCRA8AAAAASUVORK5CYII=);
  vertical-align:middle;
}
@media screen and (max-width: 720px) {
  .archive .archive-thumbs_carousel_frame{
    margin:0 10px;
  }
  .archive .archive-thumbs_container div.archive-thumbs_carousel_frame_ul div.slid img{
    width: 90px;
  }
  .archive .archive-thumbs_ui .archive-thumbs_ui_prev,
  .archive .archive-thumbs_ui .archive-thumbs_ui_next{
    top: 4px;
  }
  .archive .archive-thumbs_ui .archive-thumbs_ui_prev{
    left: 0;
  }
  .archive .archive-thumbs_ui .archive-thumbs_ui_next{
    right: 0;
  }
  .archive .archive-thumbs_ui .archive-thumbs_ui_prev a,
  .archive .archive-thumbs_ui .archive-thumbs_ui_next a{
    display: block;
    width: 35px;
    height: 35px;
    padding-top: 16px;
    padding-bottom: 22px;
  } 
  .archive .archive-thumbs_ui .archive-thumbs_ui_prev a{
    padding-left: 5px;
    text-align: left;
  }
  .archive .archive-thumbs_ui .archive-thumbs_ui_next a{
    padding-right: 5px;
    text-align: right;
  }
}

/* clearfix */
.archive div.archive-thumbs_carousel_frame_ul {
  display: block;
  float: none;
  clear: both;
}

.archive div.archive-thumbs_carousel_frame_ul:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.archive div.archive-thumbs_carousel_frame_ul {
  /* clearfix(for IE6,7) (IE8以降不要) */
  zoom: 1;
}