/* CSS Document */
*{
margin:0;
padding:0;
}


body{
padding:0px;
	margin:0px auto;
	background-color:#ffffff;
	font-family:sans-serif;
	font-size:12px;
	height: 14px;
	background-image: url(images/bk2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}



/*A*/
a{
	color:#000000;
}

a:hover{
	color:#333333;
}
a:active{
	color:#333333;
}


/*WRAPPER*/
div#wrapper{
margin: 0 auto;
text-align:center;
}



/*CONTAINER*/
div#container{
width:1200px;
height: 100%;
margin-left:auto;
margin-right:auto;
text-align:left;
	z-index:1;
}


 #floatMenu{
    width: 210px;
    height: 300px;
    position: absolute;
    top:140px;
    right:10px;
	z-index:2;
}

/*
div#sidemenu{
	position:absolute;
	right:0px;
	top:150px;
	width:160px;
	z-index:1;
	}
*/
ul#pageNav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#pageNav li {
	background: #f7f7f7;
	margin: 0 0 5px 0;
}
ul#pageNav li a {
	display: block;
	width: 100px;
	padding: 0 0 0 20px;
	line-height: 40px;
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

/*
ul#pageNav li.spnav_state_current {
	background: #666 url("images/bg_current.png") 185px 14px no-repeat;
}
ul#pageNav li.spnav_state_current a {
	color: #fff;
}
ul#pageNav li.spnav_state_up {
	background: #e7e7e7 url("images/bg_toup.png") 185px 14px no-repeat;
}
ul#pageNav li.spnav_state_down {
	background: #e7e7e7 url("images/bg_todown.png") 185px 14px no-repeat;
}

ul#pageNav li.spnav_state_hover {
	opacity: .7;
}
*/

	
div#header{
position:relative;
left:0px;
width:1200px;
height:127px;
}
	
div#contents{
	position:relative;
	display:block;
	left:50px;
	width:1000px;
}
	

div.shortcut{font-size:1em; margin-top:20px; padding-bottom:20px;}
div#title{width:1000px; position:relative; top:0px; padding-bottom:20px;}
.news{position:absolute; top:20px; left:400px; width:500px; font-size:1em; line-height:1.5em;}
span.news_title{font-size:1.5em; padding-bottom:10px;}

.subtitle{padding-bottom:20px; margin-left:20px;}


div#years{width:1020px;}

.yearsleft{float:left; width:270px; margin:10px;}
.yearsright{
	float:right;
	width:700px;
	position:relative;
	display:block;
	margin:10px;
	}

.yrb{width:678px; height:279px; background-image: url(images/history/bk_event.gif);
	background-repeat: no-repeat;
	background-position: top;}
.yrb2{width:678px; height:215px; background-image: url(images/history/bk_psp.gif);
	background-repeat: no-repeat;
	background-position: top;}
	
	.yrp{width:180px; float:left; margin-top:20px; margin-left:15px;}
	
	.yre{
		width:460px;
		float:right;
		margin-top:40px;
		}
	span.yrcatch{font-size:1em; line-height:1em; margin-bottom:5px;}
	.yrt{font-size:1.5em; line-height:1.2em; margin-top:5px;}
	
	.ylb{width:250px; height:210px; background-image: url(images/history/bk_cd.gif);
	background-repeat: no-repeat;
	background-position: top;}
	.ylb2{width:250px; height:210px; background-image: url(images/history/bk_sp.gif);
	background-repeat: no-repeat;
	background-position: top;}
	.ylb3{width:250px; height:143px; background-image: url(images/history/bk_event2.gif);
	background-repeat: no-repeat;
	background-position: top;}
	.ylp{width:250px; float:left; margin:5px;}
	span.ylcatch{font-size:0.9em; margin-top:10px; margin-left:10px;}
.official{width:140px; position:absolute; top:120px;}
.characters{width:220px; position:absolute; top:100px; left:400px;}
	
	.ylt{font-size:1em; line-height:1.2em; margin-top:10px; margin-left:10px;}
	.ylt img{margin-top:10px;}
 
div.clear{clear:both;}


.button{width:980px; position:relative; left:20px;}

.leftside{float:left;
position:relative;
top:40px;
width:485px;
height:254px;
padding-bottom:40px;
}
.lili1{
	width:60px;
	position:absolute;
	top:-20px;
	left:400px;
}

.rightside{float:right;
position:relative;
top:40px;
width:485px;
height:254px;
padding-bottom:40px;
}
.lili2{width:60px; position:absolute; top:-20px; left:310px;}




span.style1{font-size:1em; line-height:1.2em; color:red;}



/*Footer*/
div#footer{
/*background:url(images/footer.gif) repeat-x;
background-position:center top;*/
height:100px;
}

div#footer .foot{
	width:1200px;
margin-top:80px;
font-size:1em;
line-height:1.2em;
text-align:center;
}



#menu{ position: absolute; top: 0px; left: 0px; width: 1200px; height: 1px; text-align:center; }
#menu ul{ position: relative; top: 0px; width: 1200px; height:128px; font-size: 12px; line-height: 0; background-image: url(images/naka_header.jpg); list-style: none;}
#menu li a{ float: left; display: block; height: 128px; overflow: hidden; text-indent: -9999px; text-decoration: none; background-image: url(images/naka_header.jpg); }
#menu li#c1 a{ width: 470px;background-position: 0 0;}
#menu li#c2 a{ width: 180px;background-position: -470px 0;}
#menu li#c3 a{ width: 210px;background-position: -650px 0;}
#menu li#c4 a{width: 340px;background-position: -860px 0;}
#menu li#c1 a:hover{background-position: 0 -128px;}
#menu li#c2 a:hover{background-position: -470px -128px;}
#menu li#c3 a:hover{background-position: -650px -128px;}
#menu li#c4 a:hover{background-position: -860px -128px;}