/* content layout
----------------------------------------------------------------------- */
/* for font-size adjustment
10px = 77%    11px = 85%    12px = 93%    13px = 100%
14px = 108%   15px = 116%   16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167%   23px = 174%   24px = 182%   25px = 189%
26px = 197% */

#content h2,
#content h3,
#content p { margin: 0; }
#content img { vertical-align: bottom; }

#content #area-index { background: #660000; }
#content #area-index table { margin: 0 4px 0 4px; width: 632px; color: #000000;  background-color: #ffffff; border-collapse: separate; border-spacing: 1px; }
#content #area-index table th,
#content #area-index table td { padding: 10px; line-height: 2; }
#content #area-index table th { text-align: center; background-color: #b20000; font-weight: bold; color: #ffffff; white-space: nowrap; }
#content #area-index table a { margin-right: 1em; color: #0066ff; }

#content .comp-notice { margin: 0; list-style: none; font-size: 93%; }
#content .comp-notice li { margin-top: .25em; padding-left: 1em; text-indent: -1em; }

#content #list-title { margin: 0; padding: 216px 16px 56px 16px; position: relative; width: 608px; color: #000000; background: #d93600 url(../img/list-title.jpg?r3) no-repeat; }
#content #list-title h2 { margin: 0; padding: 0; position: absolute; }
#content #list-title .button-back { margin: 0; position: absolute; right: 8px; bottom: 8px; }
#content #list-title .button-back a { width: 140px; height: 40px; background: url(../img/button-back.png) no-repeat; _zoom: 1; text-indent: 200%;  }
#content #list-title .button-back a:hover { background-position: center bottom; }
#content #list-title .legend { padding: 7px; border: 1px solid #ff5c26; background-color: #ffffff; }
#content #list-title .legend table { width: 100%; }
#content #list-title .legend td { padding: 8px; }
#content #list-title .legend thead td { color: #ff5c26; font-size: 108%; font-weight: bold; }
#content #list-title .legend tbody td { padding-top: 0; border-top: none; vertical-align: top; font-size: 100%; }
#content #list-title .legend tbody .legend-selection { padding-right: 16px; }
#content #list-title .legend tbody .legend-age-limit { white-space: nowrap; }
#content #list-title .legend tbody td dt { margin-bottom: -1.5em; height: 20px; }
#content #list-title .legend tbody td dd { margin-bottom: 8px; padding-left: 46px; }
#content #list-title .comp-notice { padding: .75em 1em 0 1em; }

#content #list-wrap { padding-bottom: 2em; background-color: #000000; }
#content #list-wrap .area-heading { margin-top: -28px; position: relative; width: 406px; height: 48px; background: url(../img/subheading.png) no-repeat; }
#content #list-wrap .area-heading .name { margin: 0; padding: 10px 16px; color: #ffff00; font-size: 182%; font-weight: bold; text-shadow: 2px 2px 2px rgba(0,0,0,.66); }
#content #list-wrap .shop { padding: 2em 16px 0 16px; }
#content #list-wrap .shop .name { margin: 0; padding: 8px; color: #ffffff; background-color: #0059b2; text-shadow: rgba(0,0,0,.66) 1px 1px 1px; font-size: 116%; font-weight: bold; }
#content #list-wrap .shop .address { margin: 0; padding: 8px; }
#content #list-wrap .comps { margin: 0 8px; padding: 8px; color: #222222; background-color: #ffffff; }
#content #list-wrap .comps img { margin: -1px 0 0 .5em; vertical-align: top; }
#content #list-wrap .comps em { font-weight: bold; }
#content #list-wrap .comps .sun { color: #d00000; }
#content #list-wrap .comps .sat { color: #0080d0; }
#content #list-wrap .comps table { margin-bottom: 8px; }
#content #list-wrap .comps table th,
#content #list-wrap .comps table td { padding: 5px 8px; line-height: 1; vertical-align: top; line-height: 20px; }
#content #list-wrap .comps table th { width: 5%; color: #0059b2; white-space: nowrap; font-weight: bold; text-align: right; }
#content #list-wrap .comps table thead th { color: #ffffff; background-color: #0059b2; text-shadow: rgba(0,0,0,.66) 1px 1px 1px; }
#content #list-wrap .comps table thead td { background-color: #cbddf2; }
#content #list-wrap .comps table thead .start { font-weight: bold; text-shadow: rgba(255,255,255,.66) -1px -1px 0; }
#content #list-wrap .comps table thead .reg { width: 5%; white-space: nowrap; }
#content #list-wrap .comps table tbody th,
#content #list-wrap .comps table tbody td { padding-bottom: 0; }
#content #list-wrap .comps .cancelled { margin: -8px; padding: 1em; color: #ffffff; background-color: #444850; text-align: center; }

#content #list-foot { margin-top: 0; padding: 1em; border: 1px solid #444850; background-color: #222428; }

#content #list-noevent { margin: 20px 10px; padding: 4em 0; color: #444444; background-color: #e8e8e8; text-align: center; font-weight: bold; border-radius: 10px; }