#crnav {
	display: none;
}



@media (max-width: 767px) {
	
	
#crnav-origin {
    display: none;
	}
  #crnav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
		z-index: 100;
	}
  #crnav-head {
	height: 60px;
	background-color: #FFFFFF;
	line-height: 60px;
	}
  #crnav-open {
	position: relative;
	right: 0px;
	padding-right:0px;
	line-height: 60px;
	}
  #crnav-body {
	width: 100%;
	position: absolute;
	display: none;
	top: 60px;
	background-color: #FFFFFF;
	color: #999999;
	font-size: 18px;
	float: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	}
  #crnav-body ul {
	}

  #crnav-body ul li {
	text-align: left;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	font-size: 15px;
	margin-left: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	}


#crnav-body ul li a:link{
	color: #999999;
	text-decoration: none;
}
#crnav-body ul li a:visited{
	color: #999999;
	text-decoration: none;
}
#crnav-body ul li a:hover{
	color: #FF0000;
	text-decoration: none;
}

body {
	margin-top: 60px;
}

#crnav-body ul li ul li.line_off {
	border: none;
}

#crnav-open img {
	padding: 0px;
	margin-top: 1em;
	margin-right: 0.5em;
	margin-bottom: 0px;
	margin-left: 0px;
}

p.mobile_header_navi {
	text-align: right;
	font-size: 0.9em;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

img.logo_mobile {
	margin-top: 0.5em;
}

}

@media (max-width: 400px) {
	#crnav-head {
	line-height: 50px;
	}
  #crnav-open {
	line-height: 50px;
	}
  #crnav-body {
	top: 50px;
	}
	
body {
	margin-top: 70px;
}
#crnav-open img {
	margin-top: 0.5em;
}
	p.mobile_header_navi {
	margin-top: 7px;
}
img.logo_mobile {
	margin-top: 0.7em;
}


}