body { background: #fff; color: #808080; font-family: 'Lato', sans-serif; font-size: 14px; margin: 0; padding: 0; text-align: center; }
ul, ul li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; margin: 0; padding: 0; position: relative; }
a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #0ac; }
a.etel { color: #808080; text-decoration: none; }

#epage { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 800px; padding: 0 20px 40px 20px; position: relative; width: 100%; }

#eheader { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 120px; margin: 0 0 -1px 0; position: relative; width: 100%; z-index: 1; }
#eheader a { text-decoration: none; }
h1#eheader-title { background: transparent url(eheader-title.png) no-repeat 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #0ac; font-size: 18px; display: inline-block; left: 20px; line-height: 80px; margin: 0; padding: 0 0 0 100px; position: absolute; top: 20px; }
ul#eheader-menu { display: inline-block; font-size: 0; position: absolute; right: 20px; top: 87px; }
ul#eheader-menu li { display: inline-block; margin: 0 0 0 2px; }
ul#eheader-menu li a { background: #0ac; border-radius: 10px; box-shadow: inset 0 -15px 0 rgba(0,0,0,0.2); color: #fff; display: block; font-size: 14px; line-height: 30px; padding: 0 20px; position: relative; }
ul#eheader-menu li:not(.eactive) a:hover { box-shadow: inset 0 -15px 0 rgba(0,0,0,0.2), inset 0 -30px 0 rgba(0,0,0,0.2); }
ul#eheader-menu li.eactive a { background: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: inset 0 0 0 1px #ccc; color: #0ac; padding-bottom: 2px; }
ul#eheader-menu li.eactive a:after { background: #fff; bottom: -1px; content: ''; display: block; height: 3px; left: 1px; position: absolute; width: calc(100% - 2px); }

#econtent { border-radius: 10px; box-shadow: inset 0 0 0 1px #ccc, inset 0 -5px 0 #e6e6e6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; overflow: hidden; padding: 0 40px 40px 40px; position: relative; text-align: left; width: 100%; }
#econtent h1 { border-bottom: 1px solid #e6e6e6; color: #0ac; font-size: 18px; line-height: 1.5em; margin: 20px 0 0 0; padding: 0 0 20px 0; }
#econtent h2 { color: #333; font-size: 14px; line-height: 20px; margin: 20px 0 0 0; }
#econtent p { font-size: 14px; line-height: 20px; margin: 20px 0 0 0; }
#econtent ul { margin: 20px 0 0 0; }
#econtent ul li { font-size: 14px; line-height: 20px; }
#econtent ul.elist li { margin: 5px 0 0 0; padding: 0 0 0 15px; }
#econtent ul.elist li:before { background: #ccc; content: ''; display: block; height: 5px; left: 0; position: absolute; top: 8px; width: 5px; }
#econtent ul.econtact li { margin: 10px 0 0 0; min-height: 40px; padding: 10px 0 0 50px; }
#econtent ul.econtact a, #econtent ul.econtact span { display: block; }
#econtent ul.econtact a:before, #econtent ul.econtact span:before { background: transparent url(econtact.png) no-repeat 0 0; border-radius: 20px; box-shadow: inset 0 0 0 1px #ccc, inset 0 -5px 0 #e6e6e6; content: ''; display: block; height: 40px; left: 0; opacity: 0.5; position: absolute; top: 0; width: 40px; }
#econtent ul.econtact small { display: block; font-size: 14px; }
#econtent ul.econtact .econtact-person:before { background-position: 0 0; }
#econtent ul.econtact .econtact-tel:before { background-position: -40px 0; }
#econtent ul.econtact .econtact-email:before { background-position: -80px 0; }
#econtent ul.econtact .econtact-location:before { background-position: -120px 0; }

#efooter { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px auto 0 auto; overflow: hidden; text-align: center; position: relative; width: 100%; }
ul#efooter-menu { font-size: 0; }
ul#efooter-menu li { display: inline-block; font-size: 12px; margin: 10px 20px 0 20px; }

@media screen and (max-width: 639px) {
#epage { padding: 0 0 40px 0; }
#eheader { height: 100px; margin-bottom: 0; }
h1#eheader-title { background-size: 50px 50px; left: 10px; line-height: 50px; padding-left: 60px; top: 10px; }
ul#eheader-menu { right: 10px; top: 67px; }
ul#eheader-menu li a { font-size: 12px; padding: 0 10px; }
#econtent { border-radius: 0; box-shadow: 0 0 0 1px #ccc; padding: 0 20px 20px 20px; }
ul#efooter-menu li { margin: 10px 10px 0 10px; }
}