@charset "UTF-8";

@media screen and (max-width: 768px) {

	#wrap {
		width:100%;

	}

	.skip {
	    display: none;
	}


	ul#topMenu {
	    margin: 90px auto 20px;
	    padding: 0;
	    width: auto;
	}

	#wrap ul#topMenu li {
	    margin: 30px auto;
	    width: 60%;
	}

	#wrap ul#topMenu li img{
	    height: 28px;
	    width: auto;
	}

	.langMenu {
		 width:70%;
		 margin: 5px auto;
		 text-align: center;
	}

	.langMenu table,
	.langMenu tbody{
		display: block;
		width: auto;
	}

	.langMenu tr{
		display: block;
	}

	.langMenu td,
	.langMenu p{
		display: inline-block;
	}

	h1#topLogo {
		padding: 10px 0;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		position: absolute;
		top: 0;
	}


	#topLogo img{
		width: 60px;
		height: auto;
	}


	#bannerArea {
		width: auto;
		text-align: center;
		margin: 30px auto;
		display: block;
	}



	#bannerArea table,
	#bannerArea tbody{
		display: block;
		width: auto;
		float: none;
	}

	#bannerArea tbody{
		width: 80%;
		margin: 5px  auto;
	}

	#bannerArea tr{
		display: block;
	}

	#bannerArea td,
	#bannerArea p{
		display: inline-block;
	}

}