html,
body {
	margin: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #4b4f58;
}

.om-shell {
	display: grid;
	grid-template-rows: 160px minmax(0, 1fr) 19px;
	grid-template-columns: 157px minmax(0, 1fr);
	width: 100vw;
	height: 100vh;
	background: #fff;
}

.om-top {
	grid-column: 1 / 3;
	grid-row: 1;
	position: relative;
	overflow: hidden;
	background: #fff;
}

.om-top-head {
	position: absolute;
	top: 0;
	left: 0;
	width: 169px;
	height: 160px;
	background: url("../images/htmlVer/OM2HTMLver1_HEAD.jpg") no-repeat 0 0;
	z-index: 2;
}

.om-top-main {
	position: absolute;
	top: 0;
	left: 169px;
	width: 2000px;
	min-width: 2000px;
	max-width: 2000px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	background-image: url("../images/htmlVer/OM2HTMLver1_MAIN.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 2500px 149px;
}

.om-email {
	position: absolute;
	left: 10px;
	top: 40px;
	z-index: 3;
	display: block;
	width: 37px;
	height: 24px;
	background: url("../images/htmlVer/Icon_Email1.png") no-repeat 0 0;
}

.om-email:hover {
	background-image: url("../images/htmlVer/Icon_Email2.png");
}

.om-email span {
	position: absolute;
	left: -9999px;
}

.om-nav {
	position: absolute;
	left: 169px;
	right: 0;
	top: 149px;
	height: 11px;
	display: flex;
	align-items: flex-start;
	overflow: hidden;
	white-space: nowrap;
}

.om-nav a,
.om-nav span {
	display: block;
	height: 11px;
	flex: 0 0 auto;
}

.om-nav a {
	background-repeat: no-repeat;
	background-position: 0 0;
}

.om-nav a span,
.om-nav span span {
	position: absolute;
	left: -9999px;
}

.om-nav .home { width: 72px; background-image: url("../images/htmlVer/OM2HTMLver1_HOME.gif"); }
.om-nav .home:hover { background-image: url("../images/htmlVer/OM2HTMLver1_HOME2.gif"); }
.om-nav .info { width: 65px; background-image: url("../images/htmlVer/OM2HTMLver1_INFO.gif"); }
.om-nav .info:hover { background-image: url("../images/htmlVer/OM2HTMLver1_INFO2.gif"); }
.om-nav .art { width: 60px; background-image: url("../images/htmlVer/OM2HTMLver1_ART.gif"); }
.om-nav .art:hover { background-image: url("../images/htmlVer/OM2HTMLver1_ART2.gif"); }
.om-nav .work { width: 73px; background-image: url("../images/htmlVer/OM2HTMLver1_WORK.gif"); }
.om-nav .work:hover { background-image: url("../images/htmlVer/OM2HTMLver1_WORK2.gif"); }
.om-nav .tutorials { width: 126px; background-image: url("../images/htmlVer/OM2HTMLver1_TUTORIAL.gif"); }
.om-nav .tutorials:hover { background-image: url("../images/htmlVer/OM2HTMLver1_TUTORIAL2.gif"); }
.om-nav .interactive { width: 144px; background-image: url("../images/htmlVer/OM2HTMLver1_INTERACT.gif"); }
.om-nav .interactive:hover { background-image: url("../images/htmlVer/OM2HTMLver1_INTERACT2.gif"); }
.om-nav .links { width: 81px; background-image: url("../images/htmlVer/OM2HTMLver1_LINKS.gif"); }
.om-nav .links:hover { background-image: url("../images/htmlVer/OM2HTMLver1_LINKS2.gif"); }
.om-nav .blog { width: 71px; background-image: url("../images/htmlVer/OM2HTMLver1_BLOG.gif"); }
.om-nav .blog:hover { background-image: url("../images/htmlVer/OM2HTMLver1_BLOG2.gif"); }

.om-colon {
	width: 31px;
	background: url("../images/htmlVer/OM2HTMLver1_COLON.gif") no-repeat 0 0;
}

.om-colon.narrow {
	width: 13px;
}

.om-nav-fill {
	min-width: 810px;
	flex: 1 0 auto;
	background: url("../images/htmlVer/OM2HTMLver1_LONG.gif") repeat-x 0 0;
}

.om-left {
	grid-column: 1;
	grid-row: 2;
	overflow: hidden;
	background: #fff url("../images/LeftFrame_BG.gif") repeat-y 0 0;
}

.om-left img {
	display: block;
	width: 157px;
	height: 424px;
	border: 0;
}

.om-content {
	grid-column: 2;
	grid-row: 2;
	min-width: 0;
	min-height: 0;
	background: #fff;
}

.om-content iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #fff;
}

.om-bottom {
	grid-column: 1 / 3;
	grid-row: 3;
	height: 19px;
	background: #ced8e3 url("../images/TitleTop_BAR1.gif") repeat-x 0 0;
	font-size: 10px;
	line-height: 19px;
	color: #4b4f58;
	text-align: right;
	padding-right: 8px;
	box-sizing: border-box;
}

.om-bottom a {
	font-size: 10px;
	color: #4b4f58;
	font-weight: bold;
	text-decoration: none;
}

.om-bottom a:visited {
	color: #747b89;
}

.om-bottom a:hover {
	color: #09f;
}