@import "common.css";

/* ######## layout ######## */
#content div.main,
#content div.menu {
padding-bottom: 30px;
}

#content div.main {
padding-left: 12px;
float: left;
width: 580px;
}

#content div.menu {
padding-right: 12px;
float: right;
width: 294px;
}
/* ######## /layout ######## */


/* ######## display ######## */
/* ----------------------------------------------------------------
header
---------------------------------------------------------------- */
#header {
height: 75px;
}


/* ----------------------------------------------------------------
content :: top_flash
---------------------------------------------------------------- */
#content #top_flash {
padding-bottom: 18px;
}


/* ----------------------------------------------------------------
content :: main
---------------------------------------------------------------- */
#content div.main dt {
line-height: 1;
padding-bottom: 4px;
/*padding-top: 4px 0;*/
}

#content div.main dt span {
padding-left: 22px;
background: url(../images/ar_01.gif) 4px center no-repeat;
}

#content div.main dd {
padding-top: 12px;
background: url(../images/top/bg_index_01.gif) left top repeat-x;
}

#content div.main div.news,
#content div.main div.events {
margin-bottom: 24px;
position: relative;
}

#content div.main div.news div.backnumber,
#content div.main div.events div.backnumber {
position: absolute;
right: 4px;
top: 2px;
}

#content div.main div.news th span,
#content div.main div.events th span {
padding-left: 22px;
padding-right: 12px;
background: url(../images/ar_02.gif)  6px center no-repeat;
}


/* ----------------------------------------------------------------
content :: main :: informations
---------------------------------------------------------------- */
#content div.main div.informations {
margin-bottom: 24px;
padding: 4px 8px;
border: 3px #C00 double;
}

#content div.main div.informations span.highlight {
color: #C00;
}


/* ----------------------------------------------------------------
content :: main :: news
---------------------------------------------------------------- */
#content div.main div.news th,
#content div.main div.news td {
padding-bottom: 10px;
vertical-align: top;
}

#content div.main div.news tr.last_child th,
#content div.main div.news tr.last_child td {
padding-bottom: 0;
}

#content div.main div.news th {
font-weight: normal;
}


/* ----------------------------------------------------------------
content :: main :: events
---------------------------------------------------------------- */
#content div.main div.events dd table {
margin-bottom: 10px;
}

#content div.main div.events dd table table {
margin-bottom: 0;
width: 420px;
}

#content div.main div.events dd table.last_child {
margin-bottom: 0px;
}

#content div.main div.events dd table.none_photo {
width: 580px;
}

#content div.main div.events dd th,
#content div.main div.events dd td {
vertical-align: top;
}

#content div.main div.events dd td th,
#content div.main div.events dd table.none_photo th {
padding-bottom: 4px;
}

#content div.main div.events dd td td,
#content div.main div.events dd table.none_photo td {
padding-left: 4px;
padding-top: 4px;
}

#content div.main div.events dd th {
border-bottom: 1px #382414 dotted;
color: #382414;
}

#content div.main div.events dd td.photo {
padding-right: 10px;
}

#content div.main div.events dd td span.date {
color: #690707;
}


/* ----------------------------------------------------------------
content :: menu
---------------------------------------------------------------- */
#content div.menu div.informations dd li {
padding-top: 3px;
}

#content div.menu div.movie,
#content div.menu div.gallery,
#content div.menu div.fudasyo,
#content div.menu div.toiawase {
margin-top: 14px;
}

#content div.menu div.movie dd {
padding-top: 3px;
}

#content div.menu div.gallery td {
padding: 3px 0 0 3px;
}

#content div.menu div.gallery td.first_child {
padding-left: 0;
}

#content div.menu div.fudasyo ul {
padding: 4px 0;
border: 3px #382414 double;
}

#content div.menu div.fudasyo li {
padding: 4px 8px;
}

#content div.menu div.toiawase ul {
padding: 4px 2px;
border: 1px #382414 solid;
}

#content div.menu div.toiawase li {
padding: 4px 8px;
}

/* ----------------------------------------------------------------
footer
---------------------------------------------------------------- */
#footer {
background: #FFF url(../images/bg_footer_01.jpg) -1002px top no-repeat;
}
/* ######## /display ######## */




/* ######## print ######## */
@media print {
#footer {
display: none;
}

* html body {
zoom: 72%;
}
}
/* ######## /print ######## */