/*-----------------------------------------------
	CSS information
	  file name:	media-queriers.css
	  style info:	haccp for all pages
-----------------------------------------------*/
/************************************************************************************
smaller than 1190
*************************************************************************************/
@media (min-width: 981px) and (max-width: 1190px){ 
body
	{
	text-align:center;
	width:100%;
	padding:0% 0%;
	}	
header{
	height:auto;
	width:100%;
	margin:0 auto;
	}
	
section {
	height:auto;
	width:96%;
	margin:0 auto;
	}	
	
header h1
	{
	float:left;
	padding: 0px 11% 0 18% !important;
	}
	
header .phone
	{
	padding-right: 7% !important;
	}
	
#top_nav{
	width: 100%;
	background-color: #547a7b;
	padding: 15px 0px 25px 0px;
	overflow:hidden;
	height: auto;
	}
#top_nav ul{
	width:96%;
	margin:0 4%;
	padding: 0px 0px 0px 0px;
	}

#top_nav ul li{
	width: 15.5%;
	margin: 0px 1px;
	}
	
#top_nav ul li a{
	width: 100%;
	background:#fff;
	display:block;
	padding: 15px 0px;
	margin: 5px 0px;
	text-decoration:none;
	text-align: center;
	font-size:80%;
	color: #333;
	}
	
/*-------------------------------

Content
------------------------------------*/

article {
    padding-right: 5%;
    width: 43%;
	text-align:left;
	}

article img {
    width: 100%;
	}


#did {
    padding-left: 10%;
	}

.concept {
	width: 100% !important;
	height:auto;
	}

.s_h_hs {
	width: 98% !important;
	height:auto;
	padding-left: 0% !important;
	}

#content_mid img{
	padding-left: 2%;
	width: 44%;
	}

section #h_box {
    margin: 42px 0 35px 2%;
}

/*-------------------------
Bottom Nav
------------------------------*/

#tap_menu {
    float: left;
    padding: 0 2%;
	width: 45%;
    }

#tap_menu li a img
	{
	width: 100%
	}

#sub_menu 
	{
	width:25%;
	}
#sub_menu li a
	{
	font-size:90%;
	padding-top:13px;
	height: 28px;
	width:100%;
	}
			
#b_b_r {
    width: 25%;
	font-size: 73%;
	padding-top: 102px;
	}

#b_b_r img {
    width: 100%;
	}

}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
body
	{
	width:98%;
	padding:0 1%;
	}
img {
	width: 100%;
	height: auto;
	}	
	
header {
	height:auto;
	width:100%;
	margin:0 auto;
	}	
	
header img {
	width: 100%;
	height: auto;
	}

header h1 {
	padding: 0px 0px 0px 0px;
	float: right;
	width: 94%;
	padding: 3%;
	}
	
#top_nav{
	width: 100%;
	background-color: #547a7b;
	padding: 15px 0px 25px 0px;
	overflow:hidden;
	height: auto;
	}
#top_nav ul{
	width:90%;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
	}

#top_nav ul li{
	width: 100%;
	}
#top_nav ul li a{
	width: 100%;
	background:#fff;
	display:block;
	padding: 15px 0px;
	margin: 5px 0px;
	text-decoration:none;
	text-align: center;
	font-size:18px;
	color: #333;
	}
header .phone {
    padding-right: 0px;
	}

/*---------------------------------------
		Dairi
------------------------------------------*/

.title{
	width: 100%;
	margin: 0px 0px 0px 0px;
	}
	
section,section #h_box,section #h_box img{
	margin: 0px 0px;
	width: 100%;
	}
	
.content,.discription,#content_mid div,#content_bottom,#content {
	width:100%;
	padding:0px 0px;
	margin: 0px 0px;
	height: auto;
	}
	
#content_mid {
	width: 100%;
	padding:0%;
	margin: 0px 0px;
	}

#content_bottom h2 {
    margin-bottom: 0;
    padding: 0px;
	}

#b_b_r {
    float: none;
    font-size: 13px;
    padding: 5%;
	}
	
.hidden{visibility:hidden;width: 0px;height:0px;}
	
#tap_menu {
	float:none;
	padding:0px 0px;
	width: 100%;
	}
	
#sub_menu {
	width:100%;
	float:left;
	padding-top:10px;
	}
	
#sub_menu li a {
	width:96%;
	margin: 5px auto;
	}
	
.discription p {
  	padding: 4% 8%;
	font-size:98%;
	line-height: 24px;
	}

.discription ol {
  	padding: 3% 15%;
	margin: 0px 0px;
	}

/*---------------------------------------
		Seihin
------------------------------------------*/
section {
	background-image: none;
	}
	

#left_c {
    clear: both;
    float: right;
	}
	
#ady {
    padding: 10% 10% 0 5%;
	float:left;
	width: 85%
	}


article {
    float: none;
    padding: 0px 0px;
    width: 100%;
	}

/*----------------------------------------
	Haccp
-------------------------------------------*/


#did {
    clear: both;
    float: none;
    padding: 0px 0px;
	}

.visible {
	visibility:visible;
	position:relative;
	width: 100%;
	margin: 0% 0%;
	height: auto;
	}
	
#content p{
	padding: 0px 3%;
	}
	

#tyc {
    clear: both;
    float: left;
	width: 90%;
    padding: 20px 5%;
	}

#content_mid_img img{padding-right: 0px;}

#content_mid_img {padding-left: 0px;}
	
/*----------------------------------------
 footer
----------------------------------------*/
footer {
  width: 100%;
  margin: 0px auto;
  background-color: #0e7177;
  text-align : center;
  font-size: 105%;
  color: #FFF;
  padding: 70px 0;
  height: auto !important;
  }

footer p {
  margin-bottom: 0px;
  padding-top: 0px;
  }

footer span {
  font-weight: bold;
  }
	
#b_b_r
  {
  text-align:center !important;
  }
  
}