* { margin: 0px; padding: 0px; } img { border: 0px none ; vertical-align: top; } body { color: #000; font: 13px/1.5em "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, Osaka, sans-serif; background-color: #fff; background-image: url("img/bg_4px.gif"); background-repeat: repeat; text-align: center; letter-spacing: 0.1em; margin: 0; padding: 0 } li { list-style-type: none; } a:link { color: #590a0e; text-decoration: underline } a:visited { color: #590a0e; text-decoration: underline } a:hover { color: #c03; text-decoration: none } a:active { color: #c03; text-decoration: underline } h1, h2, h3, h4, h5, h6 { font-size: 10pt; font-weight: normal; line-height: 1.4em } #wrapper { background-image: url("img/bg.gif"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin: auto; width: 804px } #img-right { float: right; margin-left: 10px; margin-right: 5px; } #img-left { float: left; margin-left: 5px; margin-right: 10px; } #map { float:left; } /* HEADER */ #header { background: #fff url("img/header_bg.gif"); margin-right: auto; margin-left: auto; width: 800px; height: 112px } #header h1 { color: #fff; background-color: #590a0e; text-indent: 15px; width: 800px } #header_left { color: #039; display: inline; margin-top: 1px; margin-right: 10px; margin-left: 10px; width: 425px; float: left } #header_logo_i { padding: 20px 0pt 0pt 5px; height: 50px; } #logo_logo_t { font-size: 2em; margin-top: 20px; padding: 0 0 0 5px } #header_text { color: #333; line-height: 1.2em; text-align: right; letter-spacing: normal; padding-top: 14px; width: 300px; float: left } #header_main { background: transparent url("img/header_main.jpg") no-repeat scroll 0% 0%; width: 800px; height: 201px; margin-left: auto; margin-right: auto; } /* MAIN PAGE */ #page { background: #fff url("img/page_body.gif") repeat-y; margin: auto; padding: 10px 0; width: 800px } /* LANDING PAGE */ #page_landing { background: #fff url("img/page_body.gif") repeat-y; margin: auto; padding: 10px 0; width: 800px } #page_landing h3 { padding-left: 240px; height: 400px; float: left } #page_landing h4 { background-image: url("img/page_address.gif"); background-repeat: no-repeat; background-position: 0 0; margin-top: 145px; padding-top: 30px; padding-right: 15px; padding-left: 15px; width: 205px; height: 205px; float: right } /* LEFT NAVIGATION */ #navi_left { display: inline; margin-left: 15px; width: 190px; float: left } #menu { margin-bottom: 15px; } #menu li { text-indent: -999em; margin-bottom: 5px; } #menu a { height: 40px; display: block; text-decoration: none; } #menu #menu_01 { background: url("img/menu_01_on.gif") no-repeat left top; width: 190px } #menu #menu_02 { background: transparent url("img/menu_02_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_03 { background: transparent url("img/menu_03_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_04 { background: transparent url("img/menu_04_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_05 { background: transparent url("img/menu_05_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_06 { background: transparent url("img/menu_06_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_07 { background: transparent url("img/menu_07_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_08 { background: transparent url("img/menu_08_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_09 { background: transparent url("img/menu_09_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_10 { background: transparent url("img/menu_10_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_11 { background: transparent url("img/menu_11_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_12 { background: transparent url("img/menu_12_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_01 a { background: url("img/menu_01.gif") no-repeat left top; width: 190px } #menu #menu_02 a { background: transparent url("img/menu_02.gif") no-repeat scroll left top; width: 190px; } #menu #menu_03 a { background: transparent url("img/menu_03.gif") no-repeat scroll left top; width: 190px; } #menu #menu_04 a { background: transparent url("img/menu_04.gif") no-repeat scroll left top; width: 190px; } #menu #menu_05 a { background: transparent url("img/menu_05.gif") no-repeat scroll left top; width: 190px; } #menu #menu_06 a { background: transparent url("img/menu_06.gif") no-repeat scroll left top; width: 190px; } #menu #menu_07 a { background: transparent url("img/menu_07.gif") no-repeat scroll left top; width: 190px; } #menu #menu_08 a { background: transparent url("img/menu_08.gif") no-repeat scroll left top; width: 190px; } #menu #menu_08 a { background: transparent url("img/menu_08.gif") no-repeat scroll left top; width: 190px; } #menu #menu_09 a { background: transparent url("img/menu_09.gif") no-repeat scroll left top; width: 190px; } #menu #menu_10 a { background: transparent url("img/menu_10.gif") no-repeat scroll left top; width: 190px; } #menu #menu_11 a { background: transparent url("img/menu_11.gif") no-repeat scroll left top; width: 190px; } #menu #menu_12 a { background: transparent url("img/menu_12.gif") no-repeat scroll left top; width: 190px; } #menu #menu_01 a:hover { background: transparent url("img/menu_01_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_02 a:hover { background: transparent url("img/menu_02_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_03 a:hover { background: transparent url("img/menu_03_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_04 a:hover { background: transparent url("img/menu_04_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_05 a:hover { background: transparent url("img/menu_05_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_06 a:hover { background: transparent url("img/menu_06_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_07 a:hover { background: transparent url("img/menu_07_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_08 a:hover { background: transparent url("img/menu_08_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_09 a:hover { background: transparent url("img/menu_09_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_10 a:hover { background: transparent url("img/menu_10_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_11 a:hover { background: transparent url("img/menu_11_on.gif") no-repeat scroll left top; width: 190px; } #menu #menu_12 a:hover { background: transparent url("img/menu_12_on.gif") no-repeat scroll left top; width: 190px; } /* CONTENTS */ #contents { width: 595px; float: left; } #contents_s { width: 555px; margin-bottom: 10px; margin-left: 25px; } .contents_txt { line-height: 1.7em; padding: 10px 10px 5px } #info { width: 565px; float: left } .info_title { background: url("img/title_info.gif") no-repeat left top; text-indent: -999em; margin-bottom: 10px; height: 40px } #info_list { margin-left: 10px; width: 533px; height: 160px; overflow: auto; border: solid 1px #ffe1c9 } #info_list dt { color: #c03; font-size: 11px; font-family: Impact; text-align: right; padding-right: 20px; padding-bottom: 5px; width: 80px; float: left } #info_list dd { padding-right: 20px; padding-bottom: 5px } /* FOOTER */ #footer { text-align: center; margin-right: auto; margin-left: auto; padding-top: 15px; width: 800px; clear: both } #footer_line { background-color: #9dc9ff; width: 800px; height: 8px; clear: both } #footer_link { background-color: #ffe1c9; margin-top: 0; padding: 8px 0; width: 800px } #footer_link_wr { margin: auto; width: 780px; } #footer_copyright { color: #fff; font-size: 10pt; line-height: 18pt; background-color: #590a0e; width: 800px; height: 26px }