body {
	background: #f9fff9;
	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;
	font-size: 14px;
	margin:20px;
	margin-bottom:50px;
	width:1200px;
}

#imgbox{
	position:relative;
	border:1px;
}
#imgbox img{
	/* width:1200px;
	width:1000px;
	height:800px; */
	height: 700px;
	width: auto;
}

#imgbox .rightbox{
	position:absolute;
	width:400px;
	height:700px;
	top:0;
	/*left:1201px;*/
	left:810px;
	background-color:burlywood;
}

/*写真共通設定*/
#imgbox .rightbox img {
	/* width: 360px;
	height: 200px; */
	width: 330px;
	height: 170px;
	padding-top:25px;
	padding-bottom:25px;
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	position: absolute;
}
/*写真共通設定*/

/*写真の右下の年*/
#imgbox .rightbox .imgtxt{
	width: 360px;
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    position: absolute;
    /* top: 230px; */
	top: 200px;
	text-align:right;
}

#imgbox .rightbox .oldimgtxt{
	width: 360px;
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    position: absolute;
    /* top: 630px; */
    top: 500px;
	text-align:right;
}
/*写真の右下の年*/

/*説明文設定*/
#imgbox .rightbox .txt {
	width: 360px;
	height: 150px;
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	position: absolute;
	/* top: 250px; */
	top: 220px;
}
/*説明文設定*/

#imgbox .rightbox .old_img {
	/* top:400px; */
	top:300px;
}
/*写真共通設定*/


/*ボタン設定*/

#imgbox .rightbox .btn {
	width: 15px;
	background: #d13415;
	padding: 5px 7px;
	text-align: center;
	color: #FFF;
	margin: 5px;
	border: 1px solid;
	display: flex;
	position: absolute;
}


.btn1 {
	top: 550px;
	left: 20px;
}

.btn2 {
	top: 550px;
	left: 70px;
}

.btn3 {
	top: 550px;
	left: 120px;
}

.btn4 {
	top: 550px;
	left: 170px;
}

.btn5 {
	top: 550px;
	left: 220px;
}

.btn6 {
	top: 550px;
	left: 270px;
}

.btn7 {
	top: 550px;
	left: 320px;
}

.btn8 {
	top: 600px;
	left: 20px;
}

.btn9 {
	top: 600px;
	left: 70px;
}

.btn10 {
	top: 600px;
	left: 120px;
}

.btn11 {
	top: 600px;
	left: 170px;
}

.btn12 {
	top: 600px;
	left: 220px;
}

.btn13 {
	top: 600px;
	left: 270px;
}

.btn14 {
	top: 600px;
	left: 320px;
}

.btn15 {
	top: 650px;
	left: 20px;
}

.btn16 {
	top: 650px;
	left: 70px;
}

.btn17 {
	top: 650px;
	left: 120px;
}

.btn18 {
	top: 650px;
	left: 170px;
}

.btn19 {
	top: 650px;
	left: 220px;
}

.btn20 {
	top: 650px;
	left: 270px;
}

.btn21 {
	top: 650px;
	left: 320px;
}
/*ボタン設定*/

/*吹き出し共通設定*/
#imgbox .rightbox span {
	display: none;
	position: absolute;
	width: 400px;
	height: 550px;
	top: 0;
	border-radius: 5px;
	font-weight: bold;
}

#imgbox .rightbox span:after {
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	bottom: -19px;
	margin-left: 10px;
	border: solid transparent;
	border-color: rgba(51,204,153,0);
	border-top-color: #33cc99;
	border-width: 10px;
	pointer-events: none;
}

#imgbox .rightbox .box {
    display: block;
    position: absolute;
    margin: auto;
    padding: 5px;
    border: 4px solid;
    width: 5px;
    height: 5px;
    border-color: transparent;
    animation: flash 0.5s linear infinite;
}

#imgbox .rightbox .box1 {
	top: 598px;
	left: -479px;
}
#imgbox .rightbox .box2 {
	top: 584px;
	left: -419px;
}
#imgbox .rightbox .box3 {
	top: 518px;
	left: -423px;
}
#imgbox .rightbox .box4 {
	top: 490px;
	left: -415px;
}
#imgbox .rightbox .box5 {
	top: 533px;
	left: -388px;
}
#imgbox .rightbox .box6 {
	top: 571px;
	left: -376px;
}
#imgbox .rightbox .box7 {
	top: 571px;
	left: -272px;
}
#imgbox .rightbox .box8 {
	top: 527px;
	left: -197px;
}
#imgbox .rightbox .box9 {
	top: 394px;
	left: -281px;
}
#imgbox .rightbox .box10 {
	top: 399px;
	left: -174px;
}
#imgbox .rightbox .box11 {
	top: 377px;
	left: -150px;
}
#imgbox .rightbox .box12 {
	top: 357px;
	left: -112px;
}
#imgbox .rightbox .box13 {
	top: 242px;
	left: -223px;
}
#imgbox .rightbox .box14 {
	top: 188px;
	left: -231px;
}
#imgbox .rightbox .box15 {
	top: 113px;
	left: -255px;
}
#imgbox .rightbox .box16 {
	top: 222px;
	left: -375px;
}
#imgbox .rightbox .box17 {
	top: 180px;
	left: -429px;
}
#imgbox .rightbox .box18 {
	top: 213px;
	left: -532px;
}
#imgbox .rightbox .box19 {
	top: 372px;
	left: -474px;
}
#imgbox .rightbox .box20 {
	top: 404px;
	left: -554px;
}
#imgbox .rightbox .box21 {
	top: 395px;
	left: -656px;
}

@keyframes flash {

	0%, 100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

/*マウスオーバー*/
#imgbox .rightbox .btn1:hover + .fukidashi1,
#imgbox .rightbox .btn2:hover + .fukidashi2,
#imgbox .rightbox .btn3:hover + .fukidashi3,
#imgbox .rightbox .btn4:hover + .fukidashi4,
#imgbox .rightbox .btn5:hover + .fukidashi5,
#imgbox .rightbox .btn6:hover + .fukidashi6,
#imgbox .rightbox .btn7:hover + .fukidashi7,
#imgbox .rightbox .btn8:hover + .fukidashi8,
#imgbox .rightbox .btn9:hover + .fukidashi9,
#imgbox .rightbox .btn10:hover + .fukidashi10,
#imgbox .rightbox .btn11:hover + .fukidashi11,
#imgbox .rightbox .btn12:hover + .fukidashi12,
#imgbox .rightbox .btn13:hover + .fukidashi13,
#imgbox .rightbox .btn14:hover + .fukidashi14,
#imgbox .rightbox .btn15:hover + .fukidashi15,
#imgbox .rightbox .btn16:hover + .fukidashi16,
#imgbox .rightbox .btn17:hover + .fukidashi17,
#imgbox .rightbox .btn18:hover + .fukidashi18,
#imgbox .rightbox .btn19:hover + .fukidashi19,
#imgbox .rightbox .btn20:hover + .fukidashi20,
#imgbox .rightbox .btn21:hover + .fukidashi21 {
	display: block;
}

/*マウスオーバー*/
#imgbox .rightbox .btn1:active + .fukidashi1,
#imgbox .rightbox .btn2:active + .fukidashi2,
#imgbox .rightbox .btn3:active + .fukidashi3,
#imgbox .rightbox .btn4:active + .fukidashi4,
#imgbox .rightbox .btn5:active + .fukidashi5,
#imgbox .rightbox .btn6:active + .fukidashi6,
#imgbox .rightbox .btn7:active + .fukidashi7,
#imgbox .rightbox .btn8:active + .fukidashi8,
#imgbox .rightbox .btn9:active + .fukidashi9,
#imgbox .rightbox .btn10:active + .fukidashi10,
#imgbox .rightbox .btn11:active + .fukidashi11,
#imgbox .rightbox .btn12:active + .fukidashi12,
#imgbox .rightbox .btn13:active + .fukidashi13,
#imgbox .rightbox .btn14:active + .fukidashi14,
#imgbox .rightbox .btn15:active + .fukidashi15,
#imgbox .rightbox .btn16:active + .fukidashi16,
#imgbox .rightbox .btn17:active + .fukidashi17,
#imgbox .rightbox .btn18:active + .fukidashi18,
#imgbox .rightbox .btn19:active + .fukidashi19,
#imgbox .rightbox .btn20:active + .fukidashi20,
#imgbox .rightbox .btn21:active + .fukidashi21 {
	display: block;
}