/* 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:2;
}

/*
div#sidemenu{
	position:absolute;
	right:0px;
	top:150px;
	width:160px;
	z-index:1;
	}
	*/
	
div#header{
position:relative;
left:0px;
width:1200px;
height:127px;
}
	
div#contents{position:relative; display:block; left:50px; width:1100px; /*display: none;*/}
	

div.shortcut{font-size:1em; margin-top:20px; padding-bottom:20px;}

div#title{position:relative; top:20px; padding-bottom:0px;}
.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;}

/* サムネイル横並び */


#tabs{ position: relative; top:20px; left: 20px; width: 900px; height: 1px; text-align:center; }
#tabs ul{ position: relative; top: 0px; width: 900px; height: 49px; font-size: 12px; line-height: 0; background-image: url(images/download/tabs.gif); list-style: none;}
#tabs li a{ float: left; display: block; height: 49px; overflow: hidden; text-indent: -9999px; text-decoration: none; background-image: url(images/download/tabs.gif); }
#tabs li#tab1 a{width: 150px;background-position: 0 0;}
#tabs li#tab2 a{width: 210px;background-position: -150px 0;}
#tabs li#tab3 a{width: 260px;background-position: -360px 0;}
#tabs li#tab4 a{width: 280px;background-position: -620px 0;}

#tabs li#tab1 a:hover{background-position: 0 -49px;}
#tabs li#tab2 a:hover{background-position: -150px -49px;}
#tabs li#tab3 a:hover{background-position: -360px -49px;}
#tabs li#tab4 a:hover{background-position: -620px -49px;}


div#detail{position:relative; top:30px; padding-bottom:50px;}
.subtitle{width:990px; margin:10px;}
.sub_exp{width:990px; margin:10px; font-size:1.2em; line-height:1.4em;}
span.sub_expb{font-size:1.3em;}
.sub_photo{width:990px; margin-left:20px; font-size:1.2em; line-height:1.4em;}
.sub_photo img{margin:5px;}
.b_pagetop{width:87px; position:relative; left:990px;}


.main{width:900px; position:relative; top:10px; left:40px; padding-bottom:30px;}
.photo{float:left; width:380px;}
.exp{float:right; width:520px; font-size:1em; line-height:1.4em;}

.line{margin-left:40px; }

.main2{width:900px; position:relative; top:10px; left:40px; padding-bottom:30px;}
.photo2{float:left; width:340px;}
.exp2{float:right; width:560px; font-size:1em; line-height:1.4em;}

span.ques{color:#c33316; font-size:1.4em; line-height:1.2em; padding-bottom:10px;}


/*thiser button*/
.linksthiser{width:182px; position:relative; left:810px;}
.linksthiser img{margin-left:5px;}
/*fullvoice button*/
.linksfullvoice{margin: 0;　padding: 0;width:450px; position:relative; left:570px;}
.linksfullvoice ul{list-style-type: none;
  margin: 0;
  padding: 0;}
.linksfullvoice li{float: left;
  width: 140px;
  margin: 0;
  padding: 0;}
.linksfullvoice a{
  text-align: center;
  display:block;
  width: 100%;} 
.linksfullvoice img{margin-left:5px;}
/*10th anniv cd button*/
.links10thcd{margin: 0;　padding: 0;width:300px; position:relative; left:720px;}
.links10thcd ul{list-style-type: none;
  margin: 0;
  padding: 0;}
.links10thcd li{float: left;
  width: 140px;
  margin: 0;
  padding: 0;}
.links10thcd a{
  text-align: center;
  display:block;
  width: 100%;} 
.links10thcd img{margin-left:5px;}
/*official button*/
.linksofficial{width:134px; position:relative; left:850px;}
.linksofficial img{margin-left:5px;}



div.clear{clear:both;}




/*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;}




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;
}