@charset "shift_jis";
/* CSS Document */

    body {
	text-align: center;
	margin: 0;
	background-image: url(img/topback.gif);
	background-repeat: no-repeat;
	background-position: center 52px;
    }  
	
	
    div#wrapper-digitalarchives {  
        width: 980px;  
        margin: 220px  auto 39px;  
        text-align: left;  
    }  
	
div#cont{
	text-align:right
}
img {
    max-width: 100%;
    height: auto;
}	

/*navi--*/

 #globalnavi{
  margin: 0;
  padding: 0;
  width: 613px;
  height: 140px;
  margin-left:auto;
 
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  text-indent: -9999px;
  float:left;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  height: 140px;
  background-image: url(img/topmenu.png);
  background-repeat: no-repeat;
}

#menu1 {width: 165px;}
#menu2 {width: 138px;}
#menu3 {width: 150px;}
#menu4 {width: 160px;}
#menu5 {width: 180px;}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -165px 0;}
#menu3 a{background-position: -303px 0;}
#menu4 a{background-position: -453px 0;}
#menu5 a{background-position: -620px 0;}

#globalnavi a:hover{
  background-image: url(img/topmenu.png);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -140px;}
#menu2 a:hover{background-position: -165px -140px;}
#menu3 a:hover{background-position: -303px -140px;}
#menu4 a:hover{background-position: -453px -140px;}
#menu5 a:hover{background-position: -620px -140px;}

/*---------カルーセル------*/
#container-digitalarchives{
	padding: 15px 0;
	background-image: url(img/menuback.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#carousel {
	margin-left: auto;
	padding-right: 50px;
	width: 533px;
	height: 136px;
	text-align: left;
	position: relative;
}

#carousel_prev,
#carousel_next {
	top: 0;
	width: 38px;
	height: 136px;
	background: #000;
	cursor: pointer;
	position: absolute;
}
#carousel_prev {
	left: -38px;
	background:transparent url(img/prev.jpg) no-repeat top left;
}
#carousel_next {
	right: 11px;
	background:transparent url(img/next.jpg) no-repeat top left;
}

#carousel ul li {
	width: 133px;
	float: left;
	display: inline;
}

/*---------slick------*/
/*
section{
	background-image: url(img/menuback.png);
	background-repeat: no-repeat;
	background-position: right top;
}
*/
section.center {
	margin-left: auto;
	margin-right: 0;
	width: 575px;
	height: 136px;
	text-align: left;
	position: relative;
	padding-right:50px;
}
.slick-list {
	width: 533px;
	/* margin-left: 40px; */
}

section ul li {
	width: 133px;
	float: left;
	display: inline;
}

.slick-prev,.slick-next {
	/*position: absolute;*/
	/*top: 0;*/
	width: 38px;
	height: 136px;
	cursor: pointer;
	border: none;
        color: transparent;
}
.slick-prev,.slick-prev:hover, .slick-prev:focus {
	left: 4px;
	background:transparent url(img/prev.jpg) no-repeat top left;
}
.slick-next,.slick-next:hover, .slick-next:focus {
	right: -39px;
	background:transparent url(img/next.jpg) no-repeat top left;
}

.slick-prev:before, .slick-next:before {
    content: '';
}


/* =======================================
	ClearFixElements
======================================= */
#carousel ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#carousel ul {
	display: inline-block;
	overflow: hidden;
}
@media (max-width: 991px) {
div#wrapper-digitalarchives {
    width:100%;;
}
    body {
        background-image: url(img/topback_SP.png);
        background-size: contain;
        background-position: right 50px;
    }
}
@media (max-width: 650px) {
.slick-list {   width: 272px;}
#container-digitalarchives { background-position: center;width: 360px; margin: 0 0 0 auto;}
section.center { width: 317px;    margin: auto;}
}

.m-row p {
    text-align: left;
}
.sublist a {
    text-align: left;
}