@charset "EUC-JP";   /*   文字コード   */


/*   reset   */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, address	{ margin: 0; padding: 0; }
em		{ font-style: normal; }
a		{ color: #00C; text-decoration: none; }
a:hover		{ color: #C00; text-decoration: underline; }
a img		{ border: none; }


/*   default   */
.clear		{ clear: both; }
.clear br	{ display: none; }
hr		{ display: none; font-size: 1px; line-height: 1px;  }

body		{ padding: 0; margin: 0 0 0 0; background: url(/nol/index_image/bg_dark.jpg); }
#whole		{ width: 800px; margin: 0 auto; background: #FFF; }

/*   real_event   */
#re		{ position: absolute; top: 792px; /* left: 585px;*/ width: 350px; background: #FFFCFC url(/nol/event/fireworks/re.jpg); border: 1px solid #333; margin-left:405px;}
#re #layout	{ margin: 1px; border: 1px solid #D00; padding: 10px; }
#re strong	{ color: #C00; font-size: 16px; line-height: 18px; border-left: 6px solid #C00; padding-left: 8px;}
#re p		{ border-top: 1px dotted #C00; padding-top: 10px; margin-top: 10px; font-size: 12px; line-height: 16px; color: #C00; }
#re p strong	{ color: #F00; font-size: 12px; line-height: 16px; display: inline; border: none; margin: 0; padding: 0; }
#re span	{ display: block; margin-top: 10px; font-size: 12px; line-height: 16px; color: #C00; }
#re table	{ margin: 15px 0 0; border-collapse: collapse; width: 326px; background: #444 url(/nol/event/fireworks/rf.jpg) 246px 19px no-repeat; }
#re td		{ font-size: 12px; line-height: 16px; padding: 5px 7px; color: #FBC429; vertical-align: top; }
#re #t_bot td	{ padding-top: 0; }



/*   menu & foot   */
#foot		{ background: #222 url(/nol/event/fireworks/foot.gif) 289px 10px no-repeat; height: 5px; margin: 30px 2px 0; width: 796px; padding: 10px 0; }
#foot address	{ font-size: 1px; line-height: 1px; text-indent: -9999px; }


/*   head   */
#head		{ background: url(/nol/event/fireworks/main.jpg) no-repeat; height: 545px; overflow: hidden; position: relative; }
#head h1,
#head dl,
#head p		{ font-size: 1px; line-height: 1px; position: relative; left: -9999px; }
#head .clear	{ background: url(/nol/event/fireworks/border.gif) no-repeat; width: 800px; height: 2px; position: absolute; top: 543px; font-size: 1px; line-height: 1px; }


/*   content & event   */
#content	{ background: url(/nol/event/fireworks/bg01.jpg) repeat; padding: 30px 0 0; font-size: 12px; line-height: 16px; color: #CFECCF; }
#content h2	{ background: url(/nol/event/fireworks/head.jpg) no-repeat; margin: 0 0 20px; width: 367px; height: 50px; font-size: 1px; line-height: 1px; text-indent: -9999px; }
#content .alert	{ color: #FEC826; }
h3		{ background: url(/nol/event/fireworks/head.jpg) no-repeat; margin: 0 0; width: 320px; height: 29px; font-size: 1px; line-height: 1px; text-indent: -9999px; }
#content dl,
#content p	{ padding: 10px 25px 0 50px; }
#content dt	{ margin-top: 10px; }
#content dd	{ margin: 5px 0 0 40px; }
h3#d1		{ width: 180px; background-position: 0 -50px; }
h3#d2		{ width: 212px; background-position: 0 -79px; }
h3#d3		{ width: 326px; background-position: 0 -108px; }
h3#d4		{ width: 255px; background-position: 0 -137px; }
h3#d5		{ width: 271px; background-position: 0 -166px; }

.left		{ float: left; width: 372px; background: none; }
.left img	{ margin: 10px 0 0 50px; }
.right		{ float: left; width: 359px; text-align: center; background: none; }
#content .right p { padding: 10px 20px 0 0; margin: 0 0 10px; text-align: left; background: none; }



/*   division   */
.area		{ background: url(/nol/event/fireworks/bg02.gif) no-repeat; margin: 20px 25px 0 30px; padding: 20px 0 0; }
.area .clear	{ background: url(/nol/event/fireworks/bg03.gif) bottom no-repeat; height: 27px; }
.area .clears	{ }



/*   swf fireworks   */
#fworks		{ z-index: 100; position: relative; width: 800px; height: 544px; }