@charset "utf-8";

body{
	font-family: "Noto Sans Japanese";
	font-size:15px;
	margin:0.3% auto 2%;
	line-height:1.5;}

#wrapper{width:793px; margin:0 auto;}

section,nav,header,main,side,footer,iframe{display:block;}



nav{
	width:780px;
	margin:0 auto;}
nav ul{
	list-style:none;}
nav ul li{
	float:left;}
.nav1 a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_about.png);}
.nav1_active a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_about2.png);}
.nav2 a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_product.png);}
.nav2_active a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_product2.png);}
.nav3 a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_gallery.png);}
.nav3_active a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_gallery2.png);}
.nav4 a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_blog.png);}
.nav5 a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_link.png);}
.nav5_active a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_link2.png);}
.nav6 a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_contact.png);}
.nav6_active a{
	display:block;
	width:70px;
	height:45px;
	background:url(../img/top/m_contact2.png);}


footer h1{
	color:#fff;
	text-align:center;
	font-size:14px;}

/*よく使うあれこれ*/
.clear:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.clear{display: inline-block;}
/* Hides from IE Mac \*/
* html .clear {height: 1%;}
.clear{display:block;}
/* End Hack */

.left{float:left;}
.right{float:right;}
.hide{display:none;}
img{vertical-align:bottom; border:none;}


/*not found*/
#not_found main div{
	width:80%;
	margin:0 auto;
	box-sizing:border-box;
	padding:12%;
	border:double 8px #099;}

#not_found main h4{
	font-size:45px;
	color:#099;
	text-align:center;
	padding:5% 0 2%;}

#not_found main p{
	text-align:center;}

#not_found  main a{
	width:38%;
	display:block;
	margin:3% auto 0;
	color:#333;}

#not_found  main a:hover{
	color:#999;
	text-decoration:none;}

ul.tdftad{
	margin:1% 0;
}


@media screen and (max-width: 680px)
{
body{
	min-width:793px;
	min-height:1480px;}
}
