@charset "utf-8";

ul, p{
	margin:0;
	padding:0;
}

li{
	list-style-type:none;
}

a{
	text-decoration:none;
    color:#333;
}

a:hover{
    color:#ff7928;
}

body{
    font-family: Lato, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 300;
    color:#333;
}

/* global nav */
#globalnav{
	width:960px;
	margin:0 auto 10px;
	overflow:hidden;
}

.sitetitle{
	width:166px;
	float:left;

}

.nav{
	float:right;
	margin:10px 0 0 0;
	font-family: 'Open Sans', sans-serif;
	
}

#globalnav ul{
	overflow:hidden;
}

#globalnav .nav li{
	float:left;
	margin:0 20px 0 0;
}

#globalnav .nav li a{
	color:#333;
	font-weight:300;
}

#globalnav .nav li a:hover{
	color:#ef3c3c;
}

#globalnav .nav li:last-child{
	margin:0;
}

/* fade-in */
.contents_inner {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* toppage */
#toppage .contents{
	width:960px;
	margin:0 auto;
	border:solid 1px #ccc;
}

.slideimage{
	width:825px;
	margin:10px auto;
}

/* gallery_index */
#gallery .contents{
	width:960px;
	margin:0 auto;
	padding:0 10px;
	border:solid 1px #ccc;
	overflow:hidden;
}

#gallery_contents{
	width:100%;
	margin:15px auto;
	text-align:center;
	padding:15px 0;
}

#gallery_contents ul{
	text-align:center;
	margin:0 auto;
	
	
}

#mokuji{
	margin:10px 0 20px 10px;
}


#mokuji ul, #gallery_contents ul{
	overflow:hidden;
	
}

#mokuji li {
	display:inline-block;
	margin:5px 40px 10px 10px;
}

#gallery_contents li.all{
	float:left;
	margin:5px 2px 3px;
}

#mokuji a{
	color:#555;
	font-weight:400;
}

#mokuji a:hover{
	color:#F30;
}


	
#gallary_contents li:last-child{
	margin:5px 0 0 10px;
}

.plants, .animals, .persons, .products, .goods{
	display:none;
}

.all{
	display:block;
}
	
#gallery_contents img{
	height:150px;
}

/* news */

#news .contents{
    width: 960px;
    margin: 0 auto;
    padding: 0 10px 20px;
    border: solid 1px #ccc;
    overflow: hidden;
}

#news .contents_inner{
	width:80%;
	margin:0 auto;
}

#news h3{
	font-size:12px;
	text-align:center;
}

#news p{
	text-align:left;
	font-size:11px;
	line-height:1.4;
	border-bottom:dotted 1px #ccc;
	padding:10px 10px 3px;
}

#news section{
	margin-bottom:20px;
}

#news .img{
   margin-top:30px;
   text-align:center;
}

/* about */
#about .contents{
    width: 960px;
    margin: 0 auto;
    padding: 0 10px 20px;
    border: solid 1px #ccc;
    overflow: hidden;
}
#about h3{
	font-size:12px;
	text-align:center;
}

#about p{
	text-align:center;
	font-size:11px;
	line-height:1.4;
}

#about .img{
   margin-top:30px;
   text-align:center;
}

/* footer */
footer{
    width:860px;
	margin:10px auto 0;
	text-align:center;
}

address{
	font-style:normal;
	color:#333;
	font-size:10px;
}