#content { margin-right: auto; margin-left: auto; width: 980px; clear: both }
#right  { margin-top: 20px; width: 630px; height: 385px; float: right }
#left    { font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; width: 340px; float: left; ＜340px: float: left   }
#left h1  { background-image: url(../h_img/title.gif); background-repeat: no-repeat; display: block; margin-bottom: 17px; width: 261px; height: 98px; clear: both }
#left h1 span { position: absolute; width: 0; height: 0; overflow: hidden }
#left p { color: #333; font-size: 95%; line-height: 150%; text-align: left; clear: both }
#left ol  { text-align: left; list-style-type: none; margin-top: 25px; margin-left: 25px }
#left ol span { position: absolute; width: 0; height: 0; overflow: hidden }
#index01  { background-image: url(../h_img/index01.gif); background-repeat: no-repeat; display: block; width: 252px; height: 21px }
#index01 a { background-image: url(../h_img/index01.gif); background-repeat: no-repeat; display: block; width: 252px; height: 21px }
#index02   { background-image: url(../h_img/index02.gif); background-repeat: no-repeat; display: block; margin-top: 20px; width: 143px; height: 21px }
#index02 a { background-image: url(../h_img/index02.gif); background-repeat: no-repeat; display: block; width: 143px; height: 21px }
#index03   { background-image: url(../h_img/index03.gif); background-repeat: no-repeat; display: block; margin-top: 20px; width: 128px; height: 21px }
#index03 a { background-image: url(../h_img/index03.gif); background-repeat: no-repeat; display: block; width: 128px; height: 21px }
#index04   { background-image: url(../h_img/index04.gif); background-repeat: no-repeat; display: block; margin-top: 20px; width: 191px; height: 21px }
#index04 a { background-image: url(../h_img/index04.gif); background-repeat: no-repeat; display: block; width: 191px; height: 21px }
#footer { background-color: #582900; background-image: url(../h_img/top_footer_back.gif); background-repeat: repeat-x; width: 100%; height: 20% }
#footer ul  { text-align: left; list-style-type: none; margin-right: auto; margin-left: auto; position: relative; width: 980px; clear: both }
#footer ul li span { position: absolute; width: 0; height: 0; overflow: hidden }
#menu01 { background-image: url(../h_img/main_btn01.gif); background-repeat: no-repeat; display: block; position: absolute; top: -10px; width: 110px; height: 50px; float: left }
#menu02  { background-image: url(../h_img/main_btn02.gif); background-repeat: no-repeat; display: block; position: absolute; top: -10px; left: 110px; width: 110px; height: 50px; float: left }
#menu02 a  { background-image: url(../h_img/main_btn02.gif); background-repeat: no-repeat; display: block; width: 110px; height: 50px }
#menu03  { background-image: url(../h_img/main_btn03.gif); background-repeat: no-repeat; display: block; position: absolute; top: -10px; left: 220px; width: 110px; height: 50px; float: left }
#menu03 a  { background-image: url(../h_img/main_btn03.gif); background-repeat: no-repeat; display: block; width: 110px; height: 50px }
#menu04   { background-image: url(../h_img/main_btn04.gif); background-repeat: no-repeat; display: block; position: absolute; top: -10px; left: 330px; width: 110px; height: 50px; float: left }
#menu04 a  { background-image: url(../h_img/main_btn04.gif); background-repeat: no-repeat; display: block; width: 110px; height: 50px }
#menu05   { background-image: url(../h_img/main_btn05.gif); background-repeat: no-repeat; display: block; position: absolute; top: -10px; left: 440px; width: 110px; height: 50px; float: left }
#menu05 a  { background-image: url(../h_img/main_btn05.gif); background-repeat: no-repeat; display: block; width: 110px; height: 50px }
#footer p { color: #753700; font-size: 80%; line-height: 150%; text-align: center; margin-right: auto; margin-left: auto; position: relative; top: 50px; width: 980px; clear: both }

