* { margin: 0; padding: 0 }
body     { font-size: 83%; line-height: 1.5em; background-image: url("media/body_bg.jpg"); background-repeat: repeat-y; background-position: center 0; text-align: center }
a  { text-decoration: none; border-style: none }
a:hover { text-decoration: underline }
a img { border-style: none }
h3    { font-size: 1.2em; line-height: 1.6em }
.green  { color: #6c0 }
.orange   { color: #f60 }
.red   { color: #f00 }
.y_r        { background-image: url("media/y_r.gif"); background-repeat: no-repeat; padding-bottom: 3px; padding-left: 15px }
.y_d        { background-image: url("media/y_d.gif"); background-repeat: no-repeat; background-position: 0 4px; padding-bottom: 3px; padding-left: 15px }
.page_top a     { background-image: url("media/y_u.gif"); background-repeat: no-repeat; background-position: 0 3px; margin-top: 10px; margin-bottom: 15px; padding-right: 20px; padding-left: 15px; float: right }
.main       { background-image: url("media/main_bg.jpg"); background-repeat: no-repeat; background-position: 0 top; text-align: left; display: block; margin-right: auto; margin-left: auto; width: 805px }
.main2        { background-image: url("media/main2_bg.jpg"); background-repeat: repeat-y; text-align: left; display: block; margin-right: auto; margin-left: auto; width: 805px }
.br  { float: none; clear: both }
.right  { float: right }
#header   { display: block; width: 800px }
#header1 a    { text-decoration: none; background-image: url("media/header1.jpg"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 800px; height: 207px; float: left }
#header2     { color: #fff; font-size: 1.2em; font-weight: bold; line-height: 2em; background-image: url("media/header2.jpg"); background-repeat: no-repeat; display: block; width: 800px; height: 34px; float: left }
#header2_1 a      { background-image: url("media/header2.jpg"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 380px; height: 34px; float: left }
#header2_1 a:hover      { text-decoration: none; background-image: url("media/header2.jpg"); background-repeat: no-repeat; background-position: 0 -34px; text-indent: -9999px; display: block; width: 380px; height: 34px; float: left }
#header2_2     { text-align: right; display: block; margin-right: 15px; width: 400px; float: right }
#header3    { background-image: url("media/header3.jpg"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 800px; height: 374px; float: left }
.anchor     { text-align: center; margin-left: 15px; padding-top: 10px; padding-bottom: 10px }
.anchor dt a    { background-image: url("media/y_d.gif"); background-repeat: no-repeat; background-position: 0 4px; display: block; margin-right: 20px; padding-left: 15px; float: left }
#h2_title_koubo   { background-image: url("media/h2_title_koubo.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; margin-bottom: 10px; width: 800px; height: 35px }
#h2_title_contents   { background-image: url("media/h2_title_contents.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; margin-bottom: 10px; width: 800px; height: 35px }
#h2_title_pre   { background-image: url("media/h2_title_pre.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; margin-bottom: 10px; width: 800px; height: 35px }
#h2_title_pre2   { background-image: url("media/h2_title_pre2.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; margin-bottom: 10px; width: 800px; height: 35px }
#h2_title_syusai   { background-image: url("media/h2_title_syusai.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; margin-bottom: 10px; width: 800px; height: 35px }
#h2_title_contact   { background-image: url("media/h2_title_contact.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; margin-bottom: 10px; width: 800px; height: 35px }
#h2_title_event   { background-image: url("media/h2_title_event.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; margin-bottom: 10px; width: 800px; height: 35px }
#h2_title_blog   { background-image: url("media/h2_title_blog.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; margin-bottom: 10px; width: 800px; height: 35px }
#story dt   { font-size: 1px; line-height: 1px; text-indent: -9999px; display: block; height: 1px }
#story dd   { color: #fff; background-image: url("media/story.jpg"); background-repeat: no-repeat; background-position: 10px 0; padding-top: 55px; padding-right: 30px; padding-left: 30px; height: 130px }
.koubo_kiji li   { list-style-type: none; margin-right: 15px; margin-bottom: 5px; margin-left: 10px; padding-bottom: 5px; border-bottom: 1px dotted #360 }
.contents_page   { margin-left: 10px }
.contents_page dt    { color: #360; font-size: 1.2em; font-weight: bold; display: block; margin-right: 15px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px solid #360 }
.contents_page dd a    { background-image: url("media/y_r.gif"); background-repeat: no-repeat; display: block; margin-right: 15px; margin-bottom: 5px; padding-bottom: 5px; padding-left: 15px; border-bottom: 1px dotted #360 }
.pre_page     { margin-right: 15px; margin-bottom: 20px; margin-left: 10px } 
.pre_page dt   { color: #360; font-size: 1.2em; font-weight: bold; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px dotted #360 }
.pre_page dd    { background-color: #ffc; display: block; padding: 10px; width: 760px }
.pre_page dd img    { margin-right: 10px; margin-left: 10px }
.kiji  { display: block; margin-right: 15px; margin-left: 10px }
.contact_kiji    { background-image: url("media/contact_bg.jpg"); background-repeat: no-repeat; background-position: right bottom; display: block; margin-right: 15px; margin-left: 10px }
.toiawase   { background-color: #fff; display: block; padding: 10px; width: 450px; border: solid 1px #360 }
.toiawase dt   { color: #360; font-weight: bold; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 2px dotted #360 }
.toiawase dd { }
#footer     { background-image: url("media/footer_bg.jpg"); background-repeat: no-repeat; display: block; padding-right: 15px; padding-left: 10px; height: 40px }
.footer1 { display: block; padding-top: 10px; width: 360px; float: left }
.footer2    { text-align: right; display: block; padding-top: 10px; width: 370px; float: right }