@charset "EUC-JP";   /*   妐儂戊□玉   */

/* Reset
=======================================*/

* {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
}
.contBox{ color: #491b1c;}
h1{ margin:0; padding: 0;}
h2{ margin:0; padding: 0;}
h3{ margin:0; padding: 0;}
p{margin: 0; padding: 0;}

table {
	font: 100%;
	font-size: inherit;
}
#index {
	background-attachment: scroll;
	background-image: url(images/jpeg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#all {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 200px;
}


hr {
	margin: 20px 0;
	border-width: 0;
	border-top: 1px solid #333;
}

img {
	border: none;
	vertical-align: bottom;
}

strong {
	font-weight: bold;
}

/* Layout
=======================================*/

#wrapper {
	margin: 0 auto;
	text-align: left;
	filter: alpha(opacity=100);
}

#outline {
	text-align: center;
}

.at{
	width: 700px;
	text-align: left;
	font-size: 11px;
	margin: 0 auto;
	line-height: 1.2;
	padding-bottom: 40px;
}


#footer {
	margin-top: 520px;
	padding: 12px 30px;
	text-align: right;
}

/* Hypertext
=======================================*/

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: underline;
}

/* Style
=======================================*/

#header{
	width: 800px;
	height: 629px;
	text-align: left;
	background:url(/nol/anniversary/2012/index/img/header.jpg) top center no-repeat;
}
#header h1{
	padding: 180px 0 0 250px;
}

/*
------------------------------------------------------------------------------- */
#container{
	width: 800px;
	text-align: center;
	background:url(/nol/anniversary/2012/index/img/bg.jpg);
	margin: 0 auto;
}
#menu{
	width: 800px;
	height: 95px;
	text-align: left;
	font-size: 20px;
	background:url(/nol/anniversary/2012/index/img/menu.jpg) top center no-repeat;

}
#menu ul{
	padding-top: 15px;
}
#min {
	background-image: url(images/bg.jpg);
	width: 800px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#menu li{
	width: 110px;
	float: left;
	display: block;
	border-right: solid 1px #fff;
}
#menu a{
	width: 110px;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
a:visited { color: #000080; }

#menu a:hover{
	width: 110px;
	display: block;
	text-align: center;
	color: #ffff80;
	text-decoration: none;
	font-weight: bold;
}

a:active { color: #ff8000; }


.textBox{
	width: 650px;
	height: auto;
	text-align: left;
	margin: 0 auto;
	/* border: solid 1px #000; */
	padding: 10px 0 0 0;
}


.textBox table{width: 650px; margin: 0 auto; text-align: center;}

.textBox td{ padding: 5px 5px 5px 10px; border: solid 1px #000; text-align: left;}
.textBox th{ padding: 5px; text-align: center; border: solid 1px #000;}

.busyouBox td{ padding: 5px 5px 5px 10px; border: solid 1px #000; text-align: center;}

td.textright{text-align: right;}
td.dayText{vertical-align:center;}

td.bg01{ background: #f1f5bc;}
td.bg02{ background: #c1e0ff;}
td.bg03{ background: #ddd0f0;}
td.bg04{ background: #e0e0e0;}

th.bg01{ background: #a8b41b; color: #fff;}
th.bg02{ background: #004d99; color: #fff;}
th.bg03{ background: #7b4ac6; color: #fff;}
th.bg04{ background: #5e5e5e; color: #fff;}

h2{
	margin: 0 auto;
	padding: 0;
	padding-top: 30px;
}
h3{
	width: 645px;
	text-align: left;
	/* border-right: solid 10px #800000; */
	border-bottom: solid 2px #800000;
	font-size: 20px;
	font-weight: bold;
	color: #800000;
	margin: 20px auto 0 auto;
	padding: 0 0 0 5px;
}

.at{
	width: 645px;
	height: auto;
	color: #b75b00;
	padding: 5px 0 0 0;
	line-height: 1;
}
.font10{
	font-size: 10px;
	line-height: 1.5;
}


#index_bottom{
	width: 800px;
	height: 190px;
	margin: 0 auto;
	text-align: center;
	background:url(/nol/anniversary/2012/index/img/bottom.jpg) top center no-repeat;
}

.itemBox td{
	vertical-align: top;
	border: dotted 2px #808080;
}
.itemBox th{
	text-align: left;
	border-bottom: solid 1px #fff;
	border-left: dotted 2px #808080;
	border-top: dotted 2px #808080;
	border-right: dotted 2px #808080;
	background: #d9ecff;
}

.textBox ul{
	margin: 0;
	padding: 0;
	list-style-type:disc;
	/* border: solid 1px #000; */

}
.textBox li{margin: 0 0 0 20px; padding: 0 0 0 0; /* border: solid 1px #000; */}


.topback{
	width: 645px;
	margin: 0 auto;
	text-align: right;
	padding-top: 10px;
}


/* btn
-------------------------------------------------------------------------------------- */

#btn_result a{
	background: url(/nol/anniversary/2012/index/img/btn_result.jpg);
	width: 314px;
	height: 76px;
	display: block;
}

#btn_result a:hover{
	background: url(/nol/anniversary/2012/index/img/btn_result.jpg) 0px -76px;
}

#btn_result strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}




/* garally
-------------------------------------------------------------------------------------- */

#garally { width:657px; height: auto;}
#garally .g_cont{ margin:0px;}
#garally .controls{ width:657px; margin:0 auto; margin-top: 5px;}
#garally .controls div{float: left; margin-left: 5px;}
#garally .controls a{ width:20px; height: 20px; display: block; border: solid 1px #000; background: #0000ff;}
#garally .controls strong{ position: absolute; width: 0; height: 0; overflow: hidden;}
#garally .controls a:hover{ background: #2384dc;}


#garally div.scroller { width:657px; height: 370px; overflow: hidden; padding-top: 0; margin: 0 auto;}
#garally div.scroller div.section { width:657px; height: 370px; overflow:hidden; float:left;margin: 0 auto; }
#garally div.scroller div.content { width: 10000px;}



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


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}