@charset 'utf-8';

/*COMMON*/
body { color: #000; font-family: "ms pgothic", osaka, arial;  }
body { background-color: #e1e5e5; text-align: center; margin: 0 auto }
h1,h2,h3,h4,h5,h6 { font-size: 105%; margin: 0; padding: 0 }
img { border-style: none; }
table { border-collapse: collapse; border-spacing: 0 }
a { color: #006; text-decoration: underline }
a:hover { color: #bd274c }
h1 span , h2 span , h3 span , h4 span { display: none; }
address { font-size: 80%; font-style: normal; font-weight: normal; line-height: 130%; margin: 0; padding-top: 8px; padding-bottom: 8px }
.break { clear: both }
.pagetop { text-align: right; margin: 0; padding-top: 20px }
.ph-left { margin: 0; padding-right: 10px }
.ph-right { margin: 0; padding-left: 10px }
.pass-top { font-size: 80%; background-color: #fff; margin: 0; padding: 8px 20px }
.download { text-align: right; margin: 25px 0 0; padding-top: 10px; padding-bottom: 20px; border-top: 1px dashed }
span.red { color: #900; font-weight: bold }

/*LAYOUT*/
#parent { background-image: url("../images/common/bg.gif"); background-repeat: repeat-y; background-position: center 0; text-align: center; margin-right: auto; margin-left: auto }
#header { background-color: white; text-align: center; margin-right: auto; margin-left: auto; width: 850px }
#content { background-color: white; text-align: center; margin-right: auto; margin-left: auto; width: 850px }
table#main { text-align: left; margin: 0; width: 850px }
td#left { background-image: url("../images/common/bg_menu.gif"); background-repeat: repeat-y; margin: 0; width: 185px; vertical-align: top }
td#title { background-image: url("../images/common/bg_title.gif"); background-repeat: repeat; margin: 0; width: 51px; vertical-align: top }
td#right { margin: 0; width: 614px; vertical-align: top }
#footer { margin: 0; padding-bottom: 30px; border-top: 5px solid #ccc }

/*MENU*/
.menu { margin: 0; padding-top: 10px; padding-bottom: 28px }
.menu ul { list-style-type: none; margin: 0; padding: 0 }
.menu li { vertical-align: top }
.menu li span { display: none }
.menu ul a { background-repeat: no-repeat; display: block; height: 40px }
.menu ul a:hover { background-position: 0 -40px; }
.menu ul a.active { background-position: 0 -80px; }
.menu a.home { background-image: url("../images/common/menu_home.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.sitemap { background-image: url("../images/common/menu_sitemap.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.access { background-image: url("../images/common/menu_access.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.news { background-image: url("../images/common/menu_news.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.guide { background-image: url("../images/common/menu_guide.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.schedule { background-image: url("../images/common/menu_schedule.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.event { background-image: url("../images/common/menu_event.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.rule { background-image: url("../images/common/menu_rule.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.history { background-image: url("../images/common/menu_history.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.kataribe { background-image: url("../images/common/menu_kataribe.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.flower { background-image: url("../images/common/menu_flower.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.album { background-image: url("../images/common/menu_album.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.link { background-image: url("../images/common/menu_link.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }
.menu a.contact { background-image: url("../images/common/menu_contact.gif"); margin-bottom: 2px; width: 175px; vertical-align: top }

/*MAIN CONTENTS*/
.header1 { margin: 0 }
.content-left { margin: 0; padding-right: 10px; padding-bottom: 10px }
.content-title { margin: 0 }
.content-right { margin: 0; width: 614px }
.content-main { font-size: 80%; line-height: 150%; margin: 0; padding-top: 20px; padding-right: 20px; padding-left: 20px }
.area-left { margin: 0; padding-left: 23px }
.area-left p { margin: 0 }
#footer table { margin: 0; width: 614px }
#footer table p { margin: 0 }
#footer table td.pass-bottom { font-size: 80%; margin: 0; padding-top: 10px; padding-left: 20px }
#footer table td.copy { color: #4d4d4d; font-size: 75%; text-align: right; margin: 0; padding-top: 10px; padding-right: 20px }