@media all and (max-width: 480px) and (min-width: 320px) {
  #body {
  	margin: 0;
  }
  #header {
  	height: 38px !important;
  }
  #ja-mainnav, #ja-mainnav ul {
    background: #fff !important;
  }
  #ja-mainnav ul.menu li {
  	width:auto !important;
		border-right: 1px solid;
		padding: 0 5px 0 5px !important;
	}
	#ja-mainnav li a {
		font-size: 10px !important;
	}
	#banner {
		display: none;
		width: auto !important;
	}
	#wrapper {
		overflow: hidden;
		height: 0px !important;
	}
	#main_container {
		width: 100% !important;
	}
	#wrapper2 {
		width:auto;
		float:none;
	}
	#position1 {
		width: 100% !important;
		background: none !important;
	}
	#position1 {
		width: auto !important;
		float: none !important;
		margin-right: 0px !important;
		border-bottom: none !important;
		border-left: none !important;
		border-right: none !important;
		min-height: auto !important;
	}
	#position3 {
		width: auto !important;
		float: none !important;
		min-height: auto !important;
		border-bottom: none !important;
		border-left: none !important;
		border-right: none !important;
	}
	#footer {
		float: none !important;
		width: auto !important;
	}
	#copyright {
		width: auto !important;
	}
	a.modal img {
		width: 88px !important;
		height: auto !important;
	}
	.mobile {
		display: block !important;
	}
	.non_mobile {
		display: none;
	}
	#top {
		height: 212px !important;
	}
	.mobile_main_logo img{
		width: 100%;
		height: auto;
	}
	.mobile_sub_logo {
		float: left;
	}

	.mobile_sub_logo img{
		width: 160px;
	}
	.mobile_sub_logo2 img{ 
		width: 154px;
	}
	.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
		width: 88% !important;
	}
	.mobile_sub_logo2 {
		background: #FFF;
	}
}

@media all and (max-width: 320px){
	.mobile_sub_logo img{
		width: 160px;
	}
	.mobile_sub_logo2 img{ 
		width: 154px;
	}
}