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


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

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


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

.tab-wrap {
	display: flex;
	flex-wrap: wrap;
	padding-left:32px;
/*	padding-top:64px; */
}
.tab-label {
	color:black;
/*	background-color:lightgray; */
	background-size: 100%,100%;
	width: 89px;
	height:24px;
	
	margin-right:5px;
	padding: 3px 12px;
	order: -1;
	
/*	text-align:center;
	line-height:20px; */
}
.tab-label p {
	text-align:center;
	vertical-align:top;
/*	width:100%;
	height:100%; */
	color:white;
	line-height:0px;
	position:relative;
	top:0px;
}

.tab-label {
	background-image:url("pict2/tab_off.png");
}

.tab-content {
/*	background-color:#f00; */
	width:100%;
	display:none;
	
	width: 92%;
	border-top: #aa9426 solid 2px; /*#66A85D solid 2px;*/
}
.tab-switch:checked+.tab-label {
/*	background: DeepSkyBlue; */
	background-image:url("pict2/tab_on.png");
}
.tab-switch:checked+.tab-label+.tab-content {
	display:block;
}
.tab-switch {
	display:none; 
}
/*
.h6view {
	display:none;
}
.h6view {
	display:none;
}
.tab-switch:checked+.h6view {
	display:block;
}
*/










.cont4 {
/*	background-color:	#88f; */
	width:				640px;
/*	height:				640px; */
	min-height:			640px; 
/*	min-height:			420px; */
	padding-left:		16px;
	padding-top:		32px;

	display:			flex;
	display:			-webkit-flex;
/*    -webkit-justify-content: flex-start;
    justify-content: flex-start; */
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 

/*	row-gap:-120px; */

	/*高さを変えるべき？*/
}
.cont4 img {
	width:				180px;
/*	aspect-ratio: 		4 / 3;	*/			/* アスペクト比4:3 */
	box-sizing:			content-box;		/* 線を外側に */
	border:				2px solid #aa9426; /*#66A85D;*/

/*	margin:				0;
	padding:			0; */
	margin-left:		12px;
	margin-right:		12px;
}
.cont4 div {
/*	background-color:	#8ff; */
/*	height:				180px; 
	min-height:120px;  */
	margin:				0;
	padding:			0;
	padding-bottom:		32px;
}
.cont4 p {
/*	margin:				0;
	padding:			0; */
	line-height:		24px;
}
.cont4 span {
	display:block;
	width:				180px;
	aspect-ratio: 		4 / 3;				/* アスペクト比4:3 */
	
	margin-left: 12px;
	margin-right:12px;
/*	background-color:#0ff; */
}
.cont4 h5 {
	margin-left: 		0px;;
}









.cont1 {
/*	background-color : #cccc00; 	*/
	margin-left:		32px;
	margin-bottom:		16px;
	width:				640px;
	height:				280px;	/**/
/*	overflow:	hidden; */
	text-shadow: 0 0 1px #aaaaaa, 0 0 2px #cccccc, 0 0 3px #eeeeee;  
}
.cont1 table {
/*	border:				8px solid #995522; */
	border:				8px solid #a38562;
	border-left:		4px solid #a38562;
	border-right:		4px solid #a38562;
/*	border-radius:		0px 0px 8px 8px; */
	table-layout	:auto;
	caption-side	: top;
	width:				320px;
	border-collapse	:	collapse;  
/*	border-spacing	: 1px 1px; */
/*	empty-cells		:show;*/
	float:				left;
	border-collapse:	separate;
	border-spacing:		0;
}
.cont1 caption {
	background-color:	#a38562;
	text-align:		left;
	width:				320px;
	height:				32px;
	font-size:			16px;
	font-weight:		bold;
	line-height: 		42px; /*32*/
	text-indent:		32px;
	border-radius:		8px 8px 0px 0px;
	color:				#ffffff;
	text-shadow: 0 0 1px #c3b4a3, 0 0 2px #b3a493, 0 0 3px #a39483;  
}
.cont1 th {
	background-color: 	#ffffff;
	border-right: 		1px #ffffff solid;
	border-bottom: 		1px #ffffff solid; 
/*	padding-left: 		16px;
	padding-right: 		16px; */
	width: 				60%;
	text-align:			left;	/**/
	font-weight:		normal;	/**/
}
.cont1 td {
	background-color: 	#ffffff;
	border-bottom: 		1px #ffffff solid; 
/*	padding-left: 		16px; */
/*	padding-right: 		16px;	*/
	text-align:			left;	/**/
}
.cont1 th p {
/*	background-color:	#cccc00; */
	display:			inline-block;
	width:				90%;
	text-align:			center;
	margin:				0px;
}
.cont1 td p {
/*	background-color:	#cccc00; */
	display:			inline-block;
	width:				86%;
	text-align:			right;
	margin:				0px;
}
.cont1 h5 {
	width : 280px;
	margin-left : 0px;
}
.cont1 div {
	background-color:	#ffffff;
	width:				280px;
	height:				124px;/*174*/
	float: 				left;
	margin-left:		16px;
	margin-top:			76px;
	padding:			8px;
	border:				1px solid #a38562;
	border-radius:		8px;
}

.cont2 {
/*	background-color : #aaaa00; 	*/
/*	float : left; */
	margin-left:		32px; 
	margin-bottom:		16px;
	width:				640px;
	height:				238px;
	clear : 			left;
	text-shadow: 0 0 1px #aaaaaa, 0 0 2px #cccccc, 0 0 3px #eeeeee;
}
.cont2 table {
	border:				8px solid #a38562;
	border-left:		4px solid #a38562;
	border-right:		4px solid #a38562;
	table-layout:		auto;
	caption-side: 		top;
/*	border-collapse:	collapse; */
	width:				320px;
/*	border-spacing: 	1px 1px;
	empty-cells:		show;*/
	float:				left;
	border-collapse:	separate;
	border-spacing:		0;
}
.cont2 caption {
	background-color:	#a38562;
	text-align:			left;
	width:				320px;
	height:				32px;
	font-size:			16px;
	font-weight:		bold;
	line-height: 		42px; /*32*/
	text-indent:		32px;
	border-radius:		8px 8px 0px 0px;
	color:				#ffffff;
	text-shadow: 0 0 1px #c3b4a3, 0 0 2px #b3a493, 0 0 3px #a39483;  
}
.cont2 th {
	background-color: 	#ffffff;
	border-right: 		1px #ffffff solid;
	border-bottom: 		1px #ffffff solid;
/*	padding-left: 		16px;
	padding-right: 		16px; */
	width:				170px;
	text-align:			left;	/**/
	font-weight:		normal;	/**/
}
.cont2 td {
	background-color: 	#ffffff;
	border-bottom: 		1px #ffffff solid; 
/*	padding-left: 		16px; */
/*	padding-right: 		16px;	*/
/*	width:				70%; */
	width:				80px;
	text-align:			left;
}
.cont2 th p {
/*	background-color:	#cccc00; */
	display:			inline-block;
	width:				70%;
	text-align:			center;
	margin:				0px;
}
.cont2 td p {
/*	background-color:	#cccc00; */
	display:			inline-block;
/*	width:				60%; */
	text-align:			right;
	margin:				0px;
}
.cont2 h5 {
	width : 320px;
	margin-left : 0px;
}
.cont2 div {
	background-color:	#ffffff;
	width:				280px;
	height:				141px;/*151*/
	float: 				left;
	margin-left:		16px;
	margin-top:			28px;
	padding:			8px;
	border:				1px solid #a38562;
	border-radius:		8px;
}



.cont3 {
/*	background-color : #888800; */
	margin-left:		32px;
	width:				640px;
	height:				200px;
	clear:				left;
	text-shadow: 0 0 1px #aaaaaa, 0 0 2px #cccccc, 0 0 3px #eeeeee;
}
.cont3 table {
	border:				8px solid #a38562;
	border-left:		4px solid #a38562;
	border-right:		4px solid #a38562;
	table-layout:		auto;
	caption-side: 		top;
	border-collapse:	collapse;
	width:				320px;
/*	border-spacing: 	1px 1px;
	empty-cells:		show;*/
	float:				left;
	border-collapse:	separate;
	border-spacing:		0;
}
.cont3 caption {
	background-color:	#a38562;
	text-align:			left;
	width:				320px;
	height:				32px;
	font-size:			16px;
	font-weight:		bold;
	line-height: 		42px; /*32*/
	text-indent:		32px;
	border-radius:		8px 8px 0px 0px;
	color:				#ffffff;
	text-shadow: 0 0 1px #c3b4a3, 0 0 2px #b3a493, 0 0 3px #a39483;  
}
.cont3 th {
	background-color: 	#ffffff;
	border-right: 		1px #ffffff solid;
	border-bottom: 		1px #ffffff solid;
/*	padding-left: 		16px;
	padding-right: 		16px; */
	width:				60%;
	text-align:			left;	/**/
	font-weight:		normal;	/**/
}
.cont3 td {
	background-color: 	#ffffff;
/*	border-right: 		1px #000000 solid; */
	border-bottom: 		1px #ffffff solid;
/*	padding-left: 		16px; */
/*	padding-right: 		16px;	*/
	text-align:			left;
}
.cont3 th p {
/*	background-color:	#cccc00; */
	display:			inline-block;
	width:				90%;
	text-align:			center;
	margin:				0px;
}
.cont3 td p {
/*	background-color:	#cccc00; */
	display:			inline-block;
	width:				86%;
	text-align:			right;
	margin:				0px;
}
.cont3 div {
	background-color:	#ffffff;
	width:				280px;
	height:				126px;/*166*/
	float: 				left;
	margin-left:		16px;
	margin-top:			0px;
	padding:			8px;
	border:				1px solid #a38562;
	border-radius:		8px;
}




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


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