@import url("common.css");

div#main-area    { text-align: left; margin-right: auto; margin-left: auto; width: 590px }
div#l_side  { background: url("../images/top-bg.gif") no-repeat 60px 30px; width: 270px; float: left }
div#r_side  { width: 320px; float: right }
h1  { font-size: 2px; background: url("../images/title.gif") no-repeat; text-indent: -900em; margin-top: 16px; width: 290px; height: 116px }
h3 { font-size: 2px; text-indent: -900em }
h3.entry a { background: url("../images/top_entry.jpg") no-repeat; display: block; position: relative; top: 0; width: 320px; height: 351px }
h3.entry a:hover { background-position: -320px 0 }
h3.menu01 { margin-bottom: 250px }
h3.menu01 a { background: url("../images/top_menu-01.gif") no-repeat; display: block; width: 135px; height: 91px }
h3.menu01 a:hover { background-position: -135px 0 }
h3.menu02 { margin-left: 150px }
h3.menu02 a { background: url("../images/top_menu-02.gif") no-repeat; display: block; width: 107px; height: 95px }
h3.menu02 a:hover { background-position: -107px 0 }
h3.menu03 { margin-left: 80px }
h3.menu03 a { background: url("../images/top_menu-03.gif") no-repeat; display: block; width: 108px; height: 92px }
h3.menu03 a:hover { background-position: -108px 0 }