/* screens smaller than 1024---------------------------------------------------------- */
@media only screen and (min-width:691px) and (max-width:1023px) {

	/* contents */
	/* -------------------------- */
	#contents {
		width: 98%;
		margin: 0 auto 60px auto;
	}

	#contents_left {
		width: 100%;
	}

	#contents_right {
		width: 100%;
		margin-top: 26px;
	}

	#locator {
		top: 140px;
		position: absolute;
		text-align: right;
		width: 100%;
	}

	/* ----------------------------------------------------------------------------------- */
	/*side*/
	/* ----------------------------------------------------------------------------------- */
	#side_banner li {
		margin-bottom: 10px;
		float: left;
		width: 50%;
	}

	#side_banner li:nth-child(odd) {
		text-align: right;
		padding-right: 10px;
	}

	#side_banner li:nth-child(even) {
		text-align: left;
		padding-left: 10px;
	}

	#side_factorytour ul {
		width: 240px;
	}

	#side_factorytour li {
		float: none;
		padding: 0 !important;
		text-align: center !important;
	}

	/*subnav*/
	/*--------------------------------------*/
	#subnav {
		width: 100%;
		margin-bottom: 50px;
	}

	#subnav_title a {
		text-align: left;
	}

	#subnav_title a:before {
		padding-right: 10px;
	}

	#subnav_title a:before img,
	#subnav_title a:after img {
		width: 22px;
		height: 46px;
	}

	#subnav li a {
		background-image: url(../../image/common/arr01@2x.gif);
		background-size: 4px 8px;
	}

	#subnav li a:hover,
	#subnav ul li.current a,
	#subnav ul li.current a:hover {
		background-image: url(../../image/common/arr02@2x.gif);
		background-size: 4px 8px;
	}

	#subnav li.current ul li a {
		background-image: url(../../image/common/subnav_bg02@2x.gif);
		background-size: 9px 1px;
	}

	#subnav li.current ul li a:hover,
	#subnav li.current ul li.current a {
		background-image: url(../../image/common/subnav_bg02@2x.gif);
		background-size: 8px 1px;
	}

	/* ----------------------------------------------------------------------------------- */
	/* pagetop */
	/* ----------------------------------------------------------------------------------- */
	#topcontrol {
		margin-bottom: 90px;
	}

	a.pagetop {
		background: url(../../image/common/pagetop@2x.gif) no-repeat 0 0;
		background-size: 46px 46px;
	}
















	/* ----------------------------------------------------------------------------------- */

}