@charset "utf-8";
#top_main {
	width: 330px;
	margin: 0 auto -80px auto ;
	height: 100vh;
	min-height: 500px;
	position: relative;
}

#top #f_navi_1 a {
	background-position: 0px -54px;
}

#m_navi a {
	display: block;
	height: 60px;
	width: 60px;
	text-indent: -9999px;
}

#m_navi{
	height: 330px;
	width: 330px;
	margin: -10px auto 0 auto;
	border-collapse: collapse;
	background-image: url(../img/mnavi_bg.jpg);
	background-repeat: no-repeat;
	background-size: 330px
}

#m_navi #navi_logo a {
	height: 140px;
	width: 140px;	
	background-size: 140px
}
#m_navi a {
background-size: 60px
}

#m_navi #navi_top a:hover {
	background-image: url(../img/mnavi_top.jpg);
}
#m_navi #navi_about a:hover {
	background-image: url(../img/mnavi_about.jpg);
}
#m_navi #navi_logo a:hover {
	background-image: url(../img/mnavi_title.jpg);
}
#m_navi #navi_cont a:hover {
	background-image: url(../img/mnavi_cont.jpg);
}
#m_navi #navi_work a:hover {
	background-image: url(../img/mnavi_work.jpg);
}

#top #m_navi #navi_top a {
	background-image: url(../img/mnavi_top.jpg);
}

#information {
	width: 300px;
	height: auto;
	margin: 15px auto 15px auto;
}
#infotitle {
	color: #FF7701;
	font-size: 63%;
	font-weight: bold;
	margin-bottom: 5px;
}

#top10per {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-60%) translateX(-50%);
	-webkit- transform: translateY(-60%) translateX(-50%);
}

.info_textbox{
	margin-bottom: 5px
}