@charset "UTF-8";

@media all {

/* CSS RESET */
html,body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin: 0; padding: 0; }
fieldset,img { border: none; }
table { border-collapse: collapse; border: 0; border-spacing: 0; }


/* BASIC LAYOUT */
html { height: 100%; }
body { min-height: 101%; font-size:100.01%; }
#header,#categorynav,#breadcrumbs,#categoryheader,#localnav,#contents,#contentheader,#contentbody,#contentfooter,#sidebar,#footer,#globalheader,#globalfooter { overflow: hidden; }
#container,#globalheader,#globalfooter { margin: 0 auto; position: relative; }
* html body { text-align: center; }
* html body * { overflow: visible; }
* html iframe { overflow: auto; }
* html #container { text-align: left; }



/* ------------------------------------------------------------ */



/* DEFAULTS */
body    { background: #000; }
body    { font: 75%/1.5 Osaka, "MS PGothic", Helvetica, Arial, sans-serif; color: #333; }
.small  { font: 92%; }
a       { color: #369; text-decoration: none; }
a:hover { text-decoration: underline; }
strong  { font-weight: bold; }
em      { font-weight: bold; font-style: normal; color: #c03; }
sub     { vertical-align: baseline; font-size: 90%; }
sup     { vertical-align: top; font-size: 90%; }
table   { line-height: 1.2; }


/* STRUCTURE ( SIZE - POSITION - DESIGN ) */
#container       { width: 98%; background: #fff url(theme_popup/img/container_background.png); }
#header          { height: 48px; padding: 0 10px; background: url(theme_popup/img/header_background.png); }
#main            { width: auto; margin: 0 10px; }
#contents        { padding: 20px; background: #fff; }
#footer          { height: 60px; margin: 0 0 0 10px; background: #f1f1f1; }



/* ------------------------------------------------------------ */



/* HEADER */
#header #sitelogo strong { width: 400px; height: 48px; text-indent: -9999px; float: left; background: url(theme_popup/img/header_sitelogo.png); }
.noc    #header #sitelogo strong { background-position: 0 -50px; }


/* CONTENTS */
#contents p, #contents ul, #contents ol, #contents dl { margin-bottom: 18px; }
#contents .footnote { font-size: 92%; color: #888; }
#contents .append   { margin-top: -18px; }


/* FOOTER */
#footer .close     { text-align: center; }
#footer .close a   { width: 60px; height: 30px; margin: 0 auto; text-indent: -9999px; display: block; background: url(theme_popup/img/btn_close.png); }
#footer .copyright { width: 100%; height: 30px; text-indent: -9999px; float: right; background: #000 url(theme_popup/img/footer_credit.png) right top no-repeat; }

}