@charset "EUC-JP";   /*   Ê¸»ú¥³¡¼¥É   */

/* Reset
=======================================*/

* {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6;
}

body {
	font: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Lucida Grande", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", "Meiryo", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif;
	font-size: small;
	font-size: 12px;
}

table {
	font: 100%;
	font-size: inherit;
}

hr {
	margin: 20px 0;
	border-width: 0;
	border-top: 1px solid #333;
}

img {
	border: none;
	vertical-align: bottom;
}

strong {
	font-weight: bold;
}

/* Layout
=======================================*/

body {
	color: #fff;
	text-align: center;
	background: #1a1a1a url(/nol/index_image/bg_dark.jpg);
}

#wrapper {
	margin: 0 auto;
	text-align: left;
}

#outline {
	text-align: center;
}

#container {
	width: 800px;
	border-bottom: #900 1px solid;
	text-align: left;
	background: #1a1a1a;
}

#contents {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: #1a1a1a url(/nol/event/fireworks2010/images/backgraound.jpg) repeat-y left top;
}

#footer {
	padding: 12px 30px;
	text-align: right;
}

/* Hypertext
=======================================*/

a:link {
	color: #fff;
	text-decoration: underline;
}

a:visited {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #ffff80;
	text-decoration: none;
}

a:active {
	color: #fff;
	text-decoration: underline;
}

/* Style
=======================================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.TextBox1{
	width: 630px;
	height: auto;
	padding-left: 60px;
	padding-bottom: 10px;
	margin: 0;
}

.TextBox2{
	width: 630px;
	height: auto;
	padding: 8px 0 10px 60px;
	margin: 0;
}

.TextBox3_left{
	width: 350px;
	height: auto;
	padding: 8px 0 20px 60px;
	margin: 0;
	float: left;
	/* border: solid 1px #fff; */
}

.TextBox3_right{
	width: 350px;
	height: auto;
	padding: 8px 0 20px 0;
	margin: 0;
	float: left;
	/* border: solid 1px #fff; */
}

.TextBox4_left{
	width: 387px;
	height: auto;
	padding: 8px 0 10px 40px;
	margin: 0;
	float: left;
	/* border: solid 1px #fff; */
}

.TextBox4_right{
	width: 306px;
	height: auto;
	padding: 20px 0 10px 10px;
	margin: 0;
	float: left;
	/* border: solid 1px #fff; */
}

.bottomBox{
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 100px;
	background: #eed3a4 url(/nol/event/fireworks2010/images/fooder.jpg) no-repeat left bottom;
}

.TextBox5{
	width: 630px;
	height: auto;
	padding: 8px 0 10px 60px;
	margin: 0;
}

.TextBox4_img{
	padding: 0 10px 0 15px;
	/* border: solid 1px #fff; */
}

strong{
	color: #ffff00;
}

.title_margin1{
	padding: 0;
}
.title_margin2{
	padding: 10px 0 0 0;
}
.title_margin3{
	padding: 20px 0 5px 0;
}
.title_margin4{
	padding: 0 0 0 0;
}
.title_margin5{
	padding: 10px 0 0 0;
}

