@charset "UTF-8";


/* general------------------------------------------------------ */

body{
	margin:0;
	text-align:center;
	margin-top:10px;
}

p , div , h1 , h2 , h3 , h4 ,h5 ,h6 ,ul , li , dl , dt , dd{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.4em;
}

ul , li , dl , dt , dd{
	list-style-type: none;
}

img{
	border:none;
}

a:link , a:visited{
	color:#000000;
	text-decoration: none;
}
a:hover , a:active{
	color:#999999;
	text-decoration: underline;
}


.center{
	text-align:center;}
	
.fLeft{
	float:left;}
	
.fRight{
	float:right;}
	
.clear{
	clear:both;
}
	
.lefttxt{
	text-align:left;}

.chushaku{
	color:#ff0000;}

.chushaku_b{
	font-size:12px;
	color:#ff0000;
	font-weight:bold;}

.marg-10{
	margin-left:-10px;
	margin-right:10px;
}

span.pad-8{
	padding-bottom:-8px !important;
}

.padv20{
	padding-top:20px;
}

.padv10{
	padding-top:10px;
}


.borderbtm{
	border-bottom:dotted 1px #cccccc;
}



/* main------------------------------------------------------ */

#main {
	width:830px;
	margin:0 auto;
	text-align:center;
	color:#666666;
	}



/* head------------------------------------------------------ */

#head{
	width:830px;
	height:77px;}	


#head h1 span{
	display:none;
}


#head a.logo{
	float:left;
	width:218px;
	height:77px;
	margin:0;
	display:block;
	background:url(../img/common/logo.gif)
}


#head input{
	height:1.5em;
}

#head input.textbox{
	height:1.0em;
}



#menu{
	float:right;
	text-align:right;
	width:612px;
	height:77px;
}



#submenu{
	width:409px;
	height:40px;
	float:right;
	padding-right:10px;
}

#submenu a.bar{
	display:block;
	margin-right:10px;
	padding-right:10px;
	border-right:dotted 1px #cccccc;
}


#serch{
	float:right;
	height:19px;
}

#mainmenu{
	_float:right;
	width:612px;
	height:37px;
	margin-top:40px;
	_margin-top:0;
	background:url(../img/common/headmenu.jpg) no-repeat top;
}



#mainmenu a{
	background:url(../img/common/headmenu.jpg) no-repeat top;
}

#mainmenu a span{
	display:none;
}


#mainmenu a:hover{
	background:url(../img/common/headmenu_f2.jpg) no-repeat top;
}




#mainmenu li{
	float:left;
}


#newarrival a{
	display:block;
	width:82px;
	height:37px;
	padding-left:1px;
	background-position: 0px 0px;
}

#newarrival a:hover{
	background-position: 0px 0px;
}



#mokuroku a{
	display:block;
	width:83px;
	height:37px;
	padding-left:1px;
	background-position: 0px 83px;
}

#mokuroku a:hover{
	background-position: -83px 0px;
}


#author a{
	display:block;
	width:84px;
	height:37px;
	padding-left:1px;
	background-position: 0px 167px;
}

#author a:hover{
	background-position:-167px 0px;
}



#review a{
	display:block;
	width:54px;
	height:37px;
	padding-left:1px;
	background-position: 0px 252px;
}

#review a:hover{
	background-position:-252px 0px;
}



#shop a{
	display:block;
	width:84px;
	height:37px;
	padding-left:1px;
	background-position: 0px 307px;
}

#shop a:hover{
	background-position:-307px 0px;
}



#contact a{
	display:block;
	width:100px;
	height:37px;
	padding-left:1px;
	background-position: 0px 392px;
}

#contact a:hover{
	background-position:-392px 0px;
}

#forbs a{
	display:block;
	width:86px;
	height:37px;
	background-position: 0px 493px;
}

#forbs a:hover{
	background-position:-493px 0px;
}






/*contents----------------------------------------------------- */


#cont{
	clear:both;
	float:left;
	width:830px;
	margin-top:20px;
}
	
#cont a{
	color:#000066;
	text-decoration:underline;
}
	
#cont a:hover{
	color:#0033CC;
	text-decoration:none;
}



/*Leftcolumn----------------------------------------------------- */


#leftcolumn{
	float:left;
	width:180px;
}

#mokurokuList{
	border-bottom:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	margin-bottom:10px;
	padding:15px 6px 24px;
}

#mokurokuList li{
	background:url(../img/common/mark_triangle.gif) no-repeat left center;
	padding-left:10px;
	padding-bottom:1px;
	font-size:12px;
	text-align:left;
}




#mokurokuList li.now {
	padding-left:10px;
	padding-bottom:10px;
	font-size:12px;
	text-align:left;
	background:url(../img/common/mark_triangle_now.gif) no-repeat left top;
	text-align:left;
}




#mokurokuList li.now ul li{
	padding-bottom:1px;
	font-size:10px;
	background:none;
}




/*Rightcolumn----------------------------------------------------- */

h3{
	text-align:left;
}

#rightcolumn{
	float:right;
	width:635px;
}


#rightcolumn h2.title{
	margin-bottom:30px;
}


#bookList{
	margin-top:5px;
	margin-bottom:30px;
}


#bookList ul{
	float:left;
	margin-top:10px;
	text-align:left;
	background:url(../img/common/back_booklist.jpg) repeat-y;
}

#bookList li{
	float:left;
	width:132px;
	margin-right:9px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	text-align:center;
}


#bookList li.bn{
	margin-right:0;
}

#bookList li.newarrival{
	width:130px;
	background:#ffffff;
	background-image:url(../img/common/bottom_pre.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-right:9px;
	padding-top:10px;
	_padding-left:9px;
	_padding-right:9px;
	padding-bottom:10px;
	border:solid 1px #D9D9D9;
	border-bottom-style:none;
}


#bookList li.newarrival_bn{
	width:130px;
	background:#ffffff;
	background-image:url(../img/common/bottom_pre.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-right:0;
	padding-top:10px;
	_padding-left:9px;
	_padding-right:9px;
	padding-bottom:10px;
	border:solid 1px #D9D9D9;
	border-bottom-style:none;
}



#bookList li p{
	width:132px;
	padding-top:10px;
	text-align:left;
	font-size:10px;
}

#bookList li p.button{
	height:17px;
	text-align:center;
}

#bookList li p.button img{
	float:none;
}

#bookList li p.button a img.fRight{
	display:none;
}


#bookList li p strong{
	display:block;
	height:28px;
	font-weight:normal;
	font-size:12px;
}

#bookList .empty{
	margin: 10px;
	padding: 10px;
	height: 100px;
	line-height: 100px;
	border: 1px dashed #ccc;
}




#pankuzu{
	float:left;
	font-size:10px;
	margin-bottom:25px;
}



.pagetop{
	clear:both;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
	color:#666666;
	font-size:10px;
}

.pagetop a{
	color:#666666 !important;
}

.pagetop a:hover{
	text-decoration:none !important;
}





/*foot------------------------------------------------------*/

#footer {
	clear:both;
	float:left;
	margin-top:40px;
	_margin-top:20px;
	width: 830px;
	text-align: center;
	border-top:dotted 1px #666666;
	font-size:10px;
}


#footer ul{
	float:left;
	margin:8px 0 30px 15px;
	_margin:8px 0 30px 8px;}

#footer li{
	float:left;
	font-size:10px;}
	
	
#footer li a{
	display:block;
	margin-right:10px;
	padding-right:10px;
	border-right:solid 1px #C5C5C5;
	color:#666666;
}


#footer li.bordernone a{
	display:block;
	margin-right:10px;
	padding-right:10px;
	border:none;}



#c_info{
	clear:both;
	border-top:solid 1px #000000;
}

#c_info p{
	float:left;
	margin:8px 0 10px 8px;
	text-align:left;
	font-size:10px;
}


#c_info a{
	color:#000066;
	text-decoration:underline;
}

#c_info a:hover{
	color:#0033CC;
	text-decoration:none;
}



#c_info p#copyright{
	margin:5px;
	float:right;
	font-size:10px;
	line-height:110%;
	text-align:right;}