@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #F7EBD3;
  min-width: 850px;
}

img {
	border: none;
}

a:focus {
    outline: none;
}

li {
	list-style-type: none;
}

/* background */
#ehonWrap {
	width: 100%;
	margin: 0 auto;
	padding-bottom:100px;
	background: #F7EBD3 url(../images/bg.gif) top center repeat-x;
	/*border-bottom: 14px solid #80CFE2;*/
	font-size:75%;
}
#ehonWrap * {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
}

#ehonWrap_s {
	width: 100%;
	margin: 0 auto;
	background: #F7EBD3 url(../images/bg_s.gif) top center repeat-x;
	border-bottom: 14px solid #80CFE2;
}

.gotoTop {
	display:none;
	margin: 0 auto;
	padding: 0 0 0 760px;
	width: 140px;
	height: 25px;
}

/* header */
#ehonHeader {
	margin: 0 auto;
	padding: 0;
	width: 850px;
	background: url(../images/header_bg.gif) no-repeat top;
}

#ehonHeader h2 a {
	padding: 0;
	margin: 0 0 0 249px;
	width: 417px;
	height: 210px;
	/* background: url(../images/title_logo.gif) no-repeat; */
	display: block;
	text-indent: -9999px;
	clear: both;
}

#ehonHeader_s {
	margin: 0 auto;
	padding: 0;
	width: 850px;
	background: url(../images/header_bg_s.gif) no-repeat top;
}

#ehonHeader_s h2 a {
	padding: 0;
	margin: 0 0 0 249px;
	width: 380px;
	height: 133px;
	background: url(../images/title_logo_s.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	clear: both;
}

ul.ehonMenu {
	position: relative;
  margin: 8px auto 10px;
	padding: 0;
	width: 710px;
	height: 105px;
	background: url(../images/navi_bg.gif) no-repeat;
	text-indent: -9999px;
}

ul.ehonMenu li a {
	position: absolute;
	top: 0;
	width: 160px;
	height: 105px;
	text-indent: -9999px;
	overflow: hidden;
  transition: none !important;
}

.navi1 a {
	left: 1px;
	background: url(../images/navi1.gif) no-repeat top;
}
.navi1 a:hover {
	background: url(../images/navi1.gif) no-repeat bottom;
}

.navi2 a {
	left: 183px;
	background: url(../images/navi2.gif) no-repeat top;
}
.navi2 a:hover {
	background: url(../images/navi2.gif) no-repeat bottom;
}

.navi3 a {
	left: 365px;
	background: url(../images/navi3.gif) no-repeat top;
}
.navi3 a:hover {
	background: url(../images/navi3.gif) no-repeat bottom;
}

.navi4 a {
	left: 547px;
	background: url(../images/navi4.webp) no-repeat top;
}
.navi4 a:hover {
	background: url(../images/navi4.webp) no-repeat bottom;
}