body {

	margin: 0;

	padding: 0;

	background-color: #ededed;

}



image {
	border: 0;
}



.pb05 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}







#body {

	width: 1000px;

	margin: 0 auto;

	padding: 0 6px;

	background-image: url(../image/bg.png);

	background-repeat: repeat-y;

}



h1 {

	font-size: 12px;

	font-weight: normal;

	margin: 0;

	padding: 5px 10px;

	color: #fff;

	background-color: #799bcd;

}



#mainimage {

	text-align: center;

	margin: 0 0 19px 0;

}



#wrapper {

	overflow: hidden;

	position: relative;

	zoom: 1;

	padding: 0 20px;

}



#content {

	float: left;

	width: 763px;

}

#content ul {

	list-style-type: none;

	margin: 10px 10px 20px 10px;

	padding: 0;

}

#content li {

	padding: 7px;

	font-size: 14px;

	line-height: 1.4;

	border-bottom: dashed 1px #d6d6d6;

	color: #444;

}





h2 {

	font-size: 18px;

	line-height: 1;

	color: #2b5592;

	font-weight: bold;

	padding: 0 10px 7px 10px;

	margin: 0 0 10px 0;

	border-bottom: solid 2px #2b5592;

}



p.title {

	font-size: 14px;

	padding: 0px 0 2px 0px;

	margin: 15px 10px 10px 10px;

	font-weight: bold;

	color: #444;

	line-height: 1.5;

	border-bottom: solid 3px #c4b37b;

}



p.text {

	font-size: 14px;

	padding: 0 11px;

	margin: 0;

	color: #444;

	line-height: 1.5;

	text-align: justify;

	text-justify: inter-ideograph;

}



p.text span {

	font-weight: bold;

}



h3 {

	font-size: 18px;

	line-height: 1;

	color: #2b5592;

	font-weight: bold;

	padding: 7px 10px;

	margin: 0 0 10px 0;

	background-color: #d9e1ed;

}





#footer {

	margin: 10px 0 0 0;

	padding: 5px;

	font-size: 12px;

	text-align: center;

	color: #fff;

	background-color: #799bcd;

}

#footer p {

	margin: 5px 0 0 0;

	padding: 0;

}







/******************************************

	nav

******************************************/

#nav {

	float: right;

	width: 180px;

}

#nav ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#nav li {

	margin: 0 0 15px 0;

	padding: 0;

	font-size: 16px;

	line-height: 1.3;

	font-weight: bold;

	border-bottom: dashed 1px #dbdbdb;

}

#nav li a {

	display: block;

	padding: 0 5px 15px 5px;

}

#nav li a:link {
	color: #1751a6;
	text-decoration: underline;
}

#nav li a:visited {
	color: #1751a6;
	text-decoration: underline;
}

#nav li a:hover {
	color: #1751a6;
	text-decoration: underline;
}

#nav li a:active {
	color: #1751a6;
	text-decoration: underline;
}



#nav li.last {

	border-bottom: none;

}





/******************************************

	Photo

******************************************/





.photoBox {

	overflow: hidden;

	position: relative;

	zoom: 1;

	width: 740px;

	margin: 10px auto 0 auto;

}



.photoBox img {

	padding-bottom: 10px;

}



.date_L {

	float: left;

	text-align: center;

	width: 48.6%;

	margin: 0;

	padding: 0;

	font-size: 12px;

	color: #888;

}



.date_R {

	float: right;

	text-align: center;

	margin: 0;

	padding: 0;

	font-size: 12px;

	color: #888;

	width: 48.1%;

}





.photo_text {

	font-size: 14px;

	text-align: left;

	line-height: 1.4;

	color: #333;

	margin: 0 auto 10px auto;

	padding: 0px;

}

.photo_text p {

	font-weight: bold;

	border-bottom: solid 2px #d6d6d6;

	padding: 0 0 3px 0;

	margin: 0 0 7px 0;

}

@media screen and (max-width:1024px) {
	* {
		box-sizing: border-box;
	}

	body {
		width: 100%;
	}

	:is(h1, #header) {
		width: 98%;
		margin-right: auto;
		margin-left: auto;
	}

	#body {
		width: 100%;
	}


	img {
		width: 100%;
		height: auto;
	}

	#btn a {
		padding: 20px 10px;
		font-size: 22px;
	}

	#wrapper {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 98%;
	}

	#wrapper #content {
		width: calc((760 / 1024) * 100%);
	}

	#wrapper #content .photoBox {
		width: 100%;
	}

	#nav {
		float: none;
		width: calc((180 / 1024) * 100%);
	}

	#footer {
		width: 100%;
	}
}

@media screen and (max-width:600px) {
	#wrapper #content {
		width: 98%;
		margin: auto;
	}

	#btn a {
		padding: 13px 10px;
		font-size: 20px;
	}

	#nav {
		width: 100%;
		margin: 30px 0 50px;
	}

	#nav li {
		margin: 0;
		background: none;
		border-top: 2px dotted #eee;
		border-left: 0;
	}

	#nav li:last-of-type {
		border-bottom: 2px dotted #eee;
	}

	#nav li a {
		font-size: 18px;
	}
}