@charset "utf-8";
/* CSS Document */


/* ----------------------------------------------------
	body スクロール
---------------------------------------------------- */
body{
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-track-color:#ffffff;
	}
	
	
/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}

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

/* ----------------------------------------------------
	#Base
---------------------------------------------------- */
#Base{
	width: 952px;
	margin: auto;
	padding: 0 0 30px 0px;
	}
	
/* ----------------------------------------------------
	#head
---------------------------------------------------- */	
	
#head{
	padding: 10px 0 0 0px;
	position: relative;
	}	
	
#head .logo{
	position: absolute;
	left: 10px;
	top: 5px;
	}	
	
/* ----------------------------------------------------
	#main
---------------------------------------------------- */		
	
#main{
	width: 952px;
	height: 454px;
	background:url(../images/tsuki_05.jpg) left top no-repeat;
	position: relative;
	}
	
#main p{
	display: block;
	position:absolute;
	right: -7px;
	top: -30px;
	}	
	
#main2{
	width: 952px;
	height: 122px;
	background:url(../images/tsuki_06.jpg) left top no-repeat;
	position:relative;
	}
	
#main2 p{
	left: -30px;
	top: -87px;
	position: absolute;
	z-index: 100;
	}
	
#main2 #tokuten{
	position: absolute;
	right: 2px;
	top: -190px;
	}	
	
#main2 div{
	padding: 87px 0 0 495px;
	}	
	
#main2 div span{
		font-weight: bold;
		color: #F39;
		padding: 0 5px 0 0px;
		letter-spacing:normal;
	}	
	
/* ----------------------------------------------------
	#navi
---------------------------------------------------- */			
	
#navi{
	width: 952px;
	height: 50px;
	background:url(../images/nav_bg.jpg) left top no-repeat;
	}
	
#navi ul{
	padding: 9px 0 0 30px;
	}	
	
#navi ul li{
	display: block;
	float: left;
	padding: 0 10px 0 0px;
	}	
	
/* ----------------------------------------------------
	#spec_02
---------------------------------------------------- */			
	
#spec_02{
	width: 952px;
	height: 306px;
	background:url(../images/spec02.jpg) left top no-repeat;
	}	
	
.specInner{
	padding: 30px 40px 0px 50px ;
	}
	

	
#spec_02 dl{
	display: none;
	}
	
#spec_02 #cart{
	padding: 205px 0 0 0px;	
	width: 593px;
	height: 63px;
	background: url(../images/cart_back.jpg) left bottom no-repeat;
	float: right;
	position: relative;
	}	
	
#spec_02 #cart #btn_new_s{
	width: 51px;
	height: 13px;
	position: absolute;
	bottom: 97px;
	left: 12px;
	float: none;
	padding: 0;
	}
	
#spec_02 #cart div{
	float: left;
	padding-left: 100px;
	padding-top: 10px;
	}	

#spec_02 #cart .amazon{
	padding: 10px 0px 0px 107px;
	}
		
/* ----------------------------------------------------
	#spec_01
---------------------------------------------------- */			
	
#spec_01{
	width: 952px;
	height: 314px;
	background:url(../images/spec01.jpg) left top no-repeat;
	}	
	
.specInner{
	padding: 30px 40px 0px 50px ;
	}
	

	
#spec_01 dl{
	display: none;
	}
	
#spec_01 #cart{
	padding: 200px 0 0 0px;	
	width: 593px;
	height: 63px;
	background: url(../images/cart_back.jpg) left bottom no-repeat;
	float: right;
	}	
	
#spec_01 #cart div{
	float: left;
	padding-left: 100px;
	padding-top: 10px;
	}	

#spec_01 #cart .amazon{
	padding: 10px 0px 0px 107px;
	}
		
	
/* ----------------------------------------------------
	#story
---------------------------------------------------- */			
	
#story_01{
	width: 952px;
	height: 249px;
	background:url(../images/story.jpg) left top no-repeat;
	}	
	
#story_01 h2{
	display: none;
	}
	
#story_01 p{
	display: none;
	}
	
/* ----------------------------------------------------
	#story02
---------------------------------------------------- */			
	
#story02{
	width: 952px;
	height: 249px;
	background: url(../images/ver02_story_09.jpg) left top no-repeat;
	}	
	
#story02 h2{
	display: none;
	}
	
#story02 p{
	display: none;
	}			
	
		
/* ----------------------------------------------------
	#character
---------------------------------------------------- */	

#character{
	width: 952px;
	height: 474px;	
	background:url(../images/tsuki_10.jpg) left top no-repeat;
	}
	
#character ul{
	width: 858px;
	padding: 20px 0 0 0;
	margin: 0 auto;
	}	
	
	
#character li{
	float: left;
	}
	
/* ----------------------------------------------------
	#character02
---------------------------------------------------- */	

#character02{
	width: 952px;
	height: 493px;	
	background: url(../images/vol2_cha_10.jpg) left top no-repeat;
	position: relative;
	}
	
#character02 ul{
	width: 870px;
	padding: 5px 0 0 0;
	display: block;
	margin: 0 auto;
	}	
	
#character02 ul#cha_vol2{
	width: 870px;
	padding: 25px 0 0 0px;
	display: block;
	margin: 0px auto 0 auto;	
	}	
	
#character02 ul#cha_vol2 li{
	float: right;
	}	
	
#character02 li{
	float: left;
	display: block;
	padding: 0 1px 1px 0;
	}			


div.new_btn_s{
	width: 49px;
	height: 21px;
	position: absolute;
	left: 85px;
	top: 3px;
	display: block;
	}

div.new_btn{
	width: 123px;
	height: 15px;
	position: absolute;
	left: 335px;
	top: 14px;
	display: block;
	}
	
div.new_btn2{
	width: 51px;
	height: 15px;
	position: absolute;
	left: 624px;
	top: 14px;
	display: block;
	}	

/* ----------------------------------------------------
	#special
---------------------------------------------------- */

#special_01{
	width: 952px;
	height: 159px;
	background: url(../images/samplevoice.jpg) left top no-repeat;
	position: relative;
	}
	
#special_01 .cmbox{
	padding: 20px 0 0 300px;
	}
	
#special_01 .new{
	position: absolute;
	left: 90px;
	top: 12px;
	}	

#special_01 .cmbox .honpen{
	margin: 15px 0px 0px 30px;
	}	
	
#special_01 .cmbox .cm{
	margin: 45px 0px 0px 30px;	
	}	


#special_02{
	width: 952px;
	height: 107px;
	background: url(../images/sample_vol2.jpg) left top no-repeat;
	position: relative;
	}
	
#special_02 .cmbox{
	padding: 20px 0 0 330px;
	}
	
#special_02 .new{
	position: absolute;
	left: 90px;
	top: 12px;
	}	

#special_02 .cmbox .honpen{
	margin: 15px 0px 0px 30px;
	}	
	

/*#special{
	width: 952px;
	height: 193px;
	background: url(../images/tsuki_11.jpg) left top no-repeat;
	}

#special .cm{
	width: 400px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	color: #FFF;
	font-weight: bold;
	}

#special .Inner{
	padding: 50px 0 0 0;
	}*/

/* ----------------------------------------------------
	#fotter
---------------------------------------------------- */

#fotter{
	width: 952px;
	height: 181px;
	background: url(../images/tsuki_12_12.jpg);
	}
	
#fotter .pagetop{
	width: 937px;
	height: 13px;
	text-align:right;
	padding: 10px 15px 0 0px;
	}
	
#fotter ul{
	width: 840px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	display: block;
	}	
	
#fotter li{
	float: left;
	padding: 0px 5px;
	}	
		
#fotter .copy{
	width: 503px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	}	
	
#fotter p{
	float: left;
	}	
		
.copy_hbr{
	width: 198px;
	height: 29px;
	margin: 0px auto;
	padding: 20px 0 0 0px;
	}		

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