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


/* --------------------------------------- */

.content {
/*	height : 840px; */
/*	height : 1200px; */
	min-height:			840px;

}
.content h5 {
/*	background-color: #ffff00;	*/
/*	color:			#a3a321;
	border-bottom:	2px solid #a3a321;
	text-shadow: 0px 0px 1px #eeeecc, 0px 0px 2px #eeeecc, 0px 0px 3px #eeeecc; */
	color:			#78A321; /*78a321*/
	border-bottom:	2px solid #78A321;
	text-shadow: 0px 0px 1px #eeeeee, 0px 0px 2px #eeeeee, 0px 0px 3px #cccccc;
	width:	440px;
}


/* --------------------------------------- */

.cont3 {
/*	background-color: #88f; */

	width:				640px;

	padding-left:		16px;
}
.cont3 ul {
	padding-bottom:		64px;
}
.cont3 li {
	display:			flex;
	
	line-height:		32px;
	
}




.cont3 p {
	border-bottom:	1px solid #000;
	margin: 0px;
	padding: 0px;

}
.p1 {
/*	background-color: 	#f88; */
	width:				320px;

	
}
.p2 {
/*	background-color: #8f8; */

	width:				100px;
	text-align:right;
}




/* --------アイコンを作ります-------- */
.iconx {
  display: block;
  position: relative;
  top: -36px;
  width: 24px;
  margin-left: 446px; 
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
  

  width: 12px;
  height:12px;
  background-image:url(pict2/arrowx.png);
  background-repeat:no-repeat;
}

/* アコーディオンが開いた時のスタイル */
details[open] .iconx {
  transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.iconx::before,
.iconx::after {
  content: "";
  position: absolute;
  display: block;
/*
  width: 12px;
  height:12px;
  background-color: #f88;
  background-image:url(pict2/arrowx.png);
  background-repeat:no-repeat;	*/
}

.iconx::before {
  left: 0;
/*  transform: rotate(30deg);	*/
}

.iconx::after {
  right: 0;
/*  transform: rotate(-45deg);	*/
}






























.cont1 {
	margin-left:		32px;
	width:				640px;
	height:				426px;
	overflow:			scroll;
	background-color : #ffffff;
/*	border : 8px double #8F7945; */
	border : 8px double #a38562; 
	border-radius : 8px;
	text-shadow: 0 0 1px #aaaaaa, 0 0 2px #cccccc, 0 0 3px #eeeeee; 
}

.cont1 ul {
/*	background-color:	#00ff00;  */
	list-style-type:	none;
	padding:			0px;
	margin:				0px;
	margin-bottom:		32px;
/*	clear:				left; */
/*	line-height:		60px; */
/*	line-height:		28px;  */
	vertical_align : middle;
}
.cont1 li {
/*	background-color:  #cccc00; */
	height:				60px;
	border-bottom:		1px dotted #999999;
	width:				420px;
	line-height:		60px;
}
.cont1 li p {
	line-height:		32px;
	margin: 			0px;
}
.cont1 li span {
/*	background-color:	#ffffff;  */
	display:			block;
	width:				100px;
	height : 			60px;
	float:				left; 
	line-height: 		60px;
	text-align:			center;
}
.cont1 img {
	width:				180px;
	height:				180px;
	float:				right;
	margin-right:		16px;
}




.cont2 {
	margin-left:	32px;
	width:		640px;
	overflow:	hidden;
}

/* --------------------------------------- */

/* --------------------------------------- */