#adobe{
	width:600px;
	margin:0 auto 10px auto;
	text-align:right;
	font-size:90%;
	color:#0077C6;
}

h3 {
	height: 23px;
	width: 630px;
	background-image:url(img/h3-back.gif);
	background-repeat:no-repeat;
	padding-left:6px;
	padding-top:5px;
	margin-bottom:15px;
}

h3 .text{
	background-image:url(img/ico1.gif);
	background-repeat:no-repeat;
	background-position:center left;
	font-size:12pt;
	color:#0077C6;
	font-weight:bold;
	line-height:normal;
	padding-left:15px;
}

#detail{
	width:600px;
	margin: 0 auto;
	text-align:center;
	margin-bottom:40px;
}

#detail img{
	margin-bottom:20px;
}

#detail p{
	margin-bottom:20px;
}

.magazine{
	width:600px;
	margin:0 auto 30px auto;
	padding:25px 0;
	text-align:center;
	ul{
		min-height: 472px;
	}
}

.magazine iframe{
	width:580px;
	height:350px;
	margin:0 auto;
}

.magazine ul{
	width:560px;
	margin-left:15px;
	text-align:left;
}

.magazine-align{
	text-align:left;
	
}

.month{
	width:50px;
}

.magazin-list{
	border-bottom:dotted 1px #cccccc;
	display: flex;
}

.magazine-year{
	
	width:60px;
	text-align:left;
	background:url(img/ico.gif) no-repeat left 6px;
	padding-left:15px;
}


.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
	font-weight: normal;
	
}

.pagination button {
    padding: .3em .8em;
    background-color: #fff;
    cursor: pointer;
	border: none;
	font-weight: normal;
}

.pagination button:hover {
    background: rgb(222, 228, 235);
}

.pagination button:disabled {
    background: rgb(240, 240, 240);
    cursor: not-allowed;
}

.pagination .current-page {   
    display: inline-block;
    padding:  0 .5em
} 

.current-page{
	font-family: Arial, sans-serif;
	font-weight: 500;
	background-color: #bce2ff;
}























