html { 
    height: 100%; 
    overflow: hidden; 
} 

body { 
    height:100%; 
    overflow:hidden; 
} 

div#header { 
    width: 100%; 
    height: 30px; 
    border-bottom: 3px double black;
    position: absolute;
    top: 0; 
    right: 25px;    /* スクロールバー幅 */ 
    z-index: 2; 
	background-color: #7FFFD4;
} 

h1 {
	margin-top:5px;
	font-size:large; 
	font-weight:bold;
	text-align: center;
}

div#header2 {
    width: 100%; 
    height: 55px; 
    border-bottom: 3px double black;
    position: absolute;
    top: 0; 
    right: 25px;    /* スクロールバー幅 */ 
    z-index: 2; 
	background-color: #DEB887;
}

h4 {
	margin-top:-10px;
	font-size:small;
	font-weight:bold;
	text-align: center;
}


div#content { 
    height: 100%; 
    overflow: auto; 
    position: relative; 
    z-index: 1; 
} 

div#content-inner { 
    padding: 25px 0px 20px 10px; 
} 
.sub_order {
	font-size: large;
	font-weight:bold;
	margin: 10px 0px 0px 0px ;
}  /*Suborder亜目, infraorder下目, */

.infra_order {
	font-size:medium;
	font-weight:bold;
	margin: 8px 0px 0px 10px ;
}  /*Suborder亜目, infraorder下目, */

.family {
	font-size: small;font-weight:bold;
	margin: 8px 0px 0px 20px ;
}

.photo-table table {
	width:960px;
	border:2px black solid;
	/*background:silver;*/
	margin-left:15px;
	table-layout:fixed	
	}

/*.photo-table tr {
	visibility:collapse;
}*/

.photo-table th {
	width:160px;
	border: 1px black solid;
	/*background:silver;*/
	background: #DFE3E6;
	padding: 2px;
	text-align:center;
	font-family:"Times New Roman", "ＭＳ Ｐ明朝";
	font-size:small;
	font-weight:normal;
}
.photo-table td {
	width:160px;
	height:100px;
	border: 1px black solid;
	background-color:transparent;
	padding: 2px;
	text-align:center;
}

div#footer { 
    width: 100%; 
    height: 70px;
    border-top: 3px double black;
    position: absolute; 
    bottom: 0; 
    right: 25px;    /* スクロールバー幅 */ 
    z-index: 2; 
	background-color: #7FFFD4;
	overflow:auto;
	clear : both; 
} 

#footer p {
	margin: 3px 0px 0px 30px ;
	line-height: 120%;
}

.caution_red {
	font-size:x-small; 
	font-weight:bold;
	font-style:normal;
	color:red;
}
.caution {
	font-size:x-small; 
	font-weight:bold;
	font-style:normal;
}

.copyright {
	font-size:x-small;
	text-align: center;
}