body {
	margin: 0px;
}
#content {
	overflow: hidden;
	width: 100%;
}
#content > a > img {
	display: block;
	width: 100%;
}
@media screen and (orientation:landscape){
	#content > a {
		display: block;
		width: 50%;
		float: left;
		border: none;
	}
	#img_l {
		content:url("/app/webroot/images/Pages/index_l.jpg");
	}
	#img_r {
		content:url("/app/webroot/images/Pages/index_r.jpg");
	}
	/*
	#img_l:hover {
		content:url("/images/Pages/index_l_o.jpg");
	}
	#img_r:hover {
		content:url("/images/Pages/index_r_o.jpg");
	}
	*/
}

@media screen and (orientation:portrait) {
	#content > a {
		display: block;
		width: 100%;
		border: none;
	}
	#img_l {
		content:url("/app/webroot/images/Pages/index_t.jpg");
	}
	#img_r {
		content:url("/app/webroot/images/Pages/index_b.jpg");
	}
	/*
	#img_l:hover {
		content:url("/images/Pages/index_t_o.jpg");
	}
	#img_r:hover {
		content:url("/images/Pages/index_b_o.jpg");
	}
	*/
}