@charset "Shift_JIS";
/*------------------------------------------------------------------------
	(c)2000 ywkarly		http://www.maroon.dti.ne.jp/seraphish/
--------------------------------------------------------------------------*/

span.fosi_bino { color:#ccb; padding:0px 5px; font-style:italic; /*モーダルコメント用 span class="bino" に*/} 
.fosi_floimg { float:center; border:3px solid #55ff56; /*-------------------*/} 


.fosi_img { /* floimg */
border:3px solid #ada;
	width:220px;
	height:auto;
   -moz-box-shadow: 2px 2px 3px 3px #48552f;
    -webkit-box-shadow: 2px 2px 3px 3px #48552f;
    box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.3);
    margin:5px; }

.fosi_flobox{ /* flobox */
border:3px solid #256000;

	width:95%;
	max-width: 750px;
	word-wrap: break-word;
	margin-top:20px;
	margin-bottom:20px; }

table.fosi_flotbl { /* flotbl */
background-color: #ccc;
	width:100%;
	border-collapse: collapse;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word; }

td.fosi_flores{ /* flotbl_td */
 vertical-align:top; overflow:hidden; word-break:break-all; word-wrap:break-word; text-align:center; }


@media only screen and (max-width:500px){
	.tbl_box{ width:90%; margin-top:20px; margin-bottom:40px;　/* osteichthyes_04専用 */ }
	td.fosi_flores { width:100%; display: block; margin: 0 auto; float:center; border:0; }}


 /*--- 年表 */
table.fosi_tble {
	max-width:950px;
	width:90%;
	border-collapse: collapse;
	margin-top:20px;
	margin-bottom:20px;
	border: solid 2px #ccb;/*線*/
	background: #e9e9e6;
	box-shadow: 0 5px 5px rgba(204, 204, 187, 0.25);/*影*/ }
td.fosi_tbl { font-size:50%; line-height:100%; vertical-align:middle; padding:10px 3px; border:1px solid #bba; width:8%; }
td.fosi_hr { line-height:200%; vertical-align:middle; padding:10px 3px; border:0px; width:8%; }
@media only screen and (max-width:650px){ td.fosi_tbl { font-size:50%; line-height:100%; vertical-align:middle; padding:5px 2px; border:1px solid #bba; width:8%; }}

/*--- 年表のボーダーライン */
hr.fosi {
	display:block;
	width:98%;
	text-align:right;
	margin-right:0px;
	height:10px;
	border:0px solid #cacaca;
	-webkit-border-radius: 10px;
	background: rgb(200,189,168); background: linear-gradient(90deg, rgba(200,189,168,0.43450979024422265) 0%, rgba(200,189,168,0.9863305185355392) 6%, rgba(155,175,157,1) 76%); }


.fosi_ico { width:50px; height:30px; } /* メニューアイコン */

/*.menu_p_fosl { font-size:18px; text-align:center; vertical-align:text-bottom; line-height:28px; padding:0px;
	-webkit-transform:scale(1.8);
	-moz-transform:scale(1.8);
	-ms-transform:scale(1.8);
	-o-transform:scale(1.8);
	transform:scale(1.8); }*/