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


.photo {
	width: 360px!important;
	margin: 0 auto 20px;
}
.photo img {display: block;
margin: 0 auto;
}
.blue {
	color: #018a9a;
	font-weight: bold;
}
object {
/*
	margin: 0px auto;
	display: block;
	width:100%;
	height:680px;
	*/
}
#contents ul {
	list-style: disc!important;
}
#contents li {
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
}
strong.red_font {
}
#main .img {
	margin: 0 auto;
	width: 70%;
}
#main .img img {
	width: 100%;
	margin-bottom: 20px;
}
#main ul {
	margin: 0 auto 30px;
	text-align: justify;
	width: 640px;
}
#main ol {
	margin: 0 auto 30px;
	text-align: justify;
	width: 640px;
}
#main ol li {
	list-style-type: decimal;
}
#main .ttl {
}
#main h2 {
	width: 640px;
	padding: 0 0 2px 0;
	margin: 0 auto 20px;
	font-size: 22px;
	color: #52b222;
	line-height: 1.5;
	font-weight: normal;
}
#main .box h3 {
	width: 640px;
	padding: 0 0 2px 0;
	margin: 0 auto 10px;
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	color: #333;
}
/*Vol.07*/
.rinen {
	width: 700px;
	margin: 30px auto 50px;
	border: #52b222 2px solid;
	border-radius: 5px;
}
#main .rinen p {
	padding: 0 20px;
	margin: 0;
}
.rinen h4 {
	background-color: #52b222;
	color: #fff;
	padding: 5px 10px;
}
#main .rinen ul {
	padding: 0 20px;
}
.rinen h5 {
	color: #52b222;
	margin-top: 10px;
}

@media screen and (max-width:639px) {
.rinen {
	width: 97%;
}
object {
	width: 100%;
	height: 300px;
}
#main h2, #main .box h3 {
	width: 100%;
}
#main .img {
	width: 100%;
}
#main ol {
	width: 100%;
}
#main ul {
	width: 100%;
}
}