@charset "utf-8";
/* main.css */
.outlink{
	position: absolute;
	bottom: 86px;
	right: 0px;
	z-index: 1000;
}

article,section{
	width:100%;
}
.gallery01{
  border-top:3px solid #e3e3e3;
}
.gallery01 ul li{
	width:100%;
	height:0;
	padding-bottom:75%;
	position:relative;
	overflow:hidden;
	border-bottom:3px solid #e3e3e3;
}
.gallery01 ul li img{
	position:absolute;
	width:100%;
}
.m_menu {
	width:100%;
	margin:5px auto;
}
.m_menu ul li {
	float:left;
  width:50%;
}

.m_menu ul li a{
  display: block;
  padding:0px 3px;
}
.m_menu ul li a img{
	width:100%;
}
.m_menu ul li p a{
  padding:0.6% 2px;
}
@media (min-width: 494px){
	.m_menu {
	max-width:480px;
	}
}



.m_menu2 {
	margin:0px auto;
	overflow:hidden;
}

.m_menu2 ul li {
	float:left;
	width:33.3333%;
	border:1px solid #d1e693;
	background:#a7c700;
	color:#FFFFFF;
	text-align:center;
	padding: 20px 0;
}

.m_menu2 ul li img {
	max-width:50px;
}

.m_menu2 ul li p{
	padding:5px;
	font-weight:bold;
}

.m_menu2 a { text-decoration:none; color:#FFF; }
.m_menu2 a:link, .m_menu2 a:visited { text-decoration:none; }
.m_menu2 a:hover, .m_menu2 a:active { text-decoration:none; }


#element_to_pop_up {
 display:none;
 background-color: #fff;
 border-radius: 2px 2px 2px 2px;
 box-shadow: 0 0 10px 5px #999;
 color: #111;
 display: none;
 min-height: 100px;
 min-width: 250px;
 padding: 0px;
 overflow: hidden;
 height: auto;
 width: 80%;

}
#element_to_pop_up img{width: 100%; height: 100%; }
