@charset "utf-8";
/*--------------------------------

@top

last update 150710
v 1.0

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

.report-cat-ttl{
	display:block;
	width:100%;
}

#main{
}

/*
@new
*/
#report-new-container{
	width:94%;
	margin:0 auto 30px;
}
#report-new-container li{
	padding:15px 0 0px;
}

#report-new-container li p a{
	color:#c9c9c9;
	text-decoration:underline;
}


#report-ttl-container{
	position: relative;
    margin: 0px 10px 0 10px;
    padding: 3px 0px 3px 40px;
    font-size: 20px;
    line-height: 25px;
    color: #D9D9D9;
    background-image: url(../img/common/ttlIconSilver.png);
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #D9D9D9;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    text-overflow: ellipsis;
}

/*
第三図書館とは
*/
#about-report{
	margin:50px 0;
}


#pickup-container{
	margin:0 auto;
}


.frame-top,.frame-bottom{
	padding:0;
	width:100%;
}

#pickup-container li{
	margin:0 0 20px;
}
#pickup-container li a{
	color:#c9c9c9;
	padding: 10px 0 15px;
    background-image: url("../img/sp/report/frameMiddle.png");
    background-repeat: repeat-y;
    background-size: 100%;
}

#pickup-container li span{
    text-align: center;
    display: block;
    padding: 0 0 5px;
    margin: 0px 20px;
    font-size: 13px;
}

#pickup-container li img{
    display: block;
    margin: 0 auto 0px;
    width: 100%;
}

#pickup-container li img.pickup-img{
	width:92%;
	margin:0 auto;
	display:block;
}
/*
図書目録
*/
#report-navi-list{
	padding:10px 0 10px;
}

#report-navi-list li{
	font-size:14px;
	margin:3% 0 0 0;
	border-bottom: dotted 1px #C9C9C9;
	padding-bottom: 3%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.4em;
}

#report-navi-list li a{
	color:#c9c9c9;
}

#main li a{
	text-decoration:none;
}

.side-date{
	font-size:12px;
	letter-spacing:1px;
	display:block;
	text-align:left;
	padding: 2% 0 0 0;
}


#container{
	padding: 30% 0 10% 0;
    width: 94%;
    margin: 0 auto;
}

#ttl-container{
	padding:0 0 5% 0;
}

.item{
	padding: 2% 0 2% 0;
}

.movie{
	text-align:center;
}

.ttl-container-txt{
	width: 84%;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 3% 0 0 0;
}

.report-ttl{
	border-bottom:1px solid #fff;
	padding:0 0 3% 0;
	margin:0 0 3% 0;
	font-size:18px;
}

#detail-txt-container{
	font-size:14px;
}

.social{
	padding:2% 0;
	margin:0 0 3% 0;
}


.paging {
  margin: 0 auto;
  padding: 20px 0 0px;
  text-align: center;
}

.paging a {
	margin: 0 10px 0 0;
  background: #FFF;
  min-width: 20px;
  min-height: 20px;
  color: #000;
  text-align: center;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 20px;
}

.paging a:hover {
	background: #E8D9B5;
	color: #000;
}

.no-link {
  
  margin: 0 10px 0 0;
  background: #E8D9B5;
  min-width: 20px;
  min-height: 20px;
  color: #000;
  text-align: center;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 20px;
}