@charset "UTF-8";

/*======================================

	common 
	
========================================*/


html {
	color: #333333;
	background-color: #ffffff;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}


body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align : center ;
	background-color: #ffffff;
}


#wrapper{
	width:880px;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0 ;

}


#left_col{
	width:200px;
	float:left;
	text-align: left;
	margin: 0 30px 0 0;
	padding: 0 0 0 0 ;
}

#main_col{
	width:650px;
	float:right;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
}

#top_center_col{
	width:450px;
	float:left;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
}

#top_right_col{
	width:180px;
	float:right;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
}


#center_left_col{
	width:600px;
	float:left;
	text-align: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 0 ;
}

#center_right_col{
	width:600px;
	float:right;
	text-align: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 0 ;
}

#right_col{
	width:240px;
	float:right;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	background: #ffffff;
}

/*======================================

	common text
	
========================================*/


#header{
	width:880px;
	height:160px;
	margin:0 auto 32px auto;
	padding:0 0 0 0;
	background: transparent url(http://www.natsume-books.com/i/headnavi.png) no-repeat 0 0px;
}

#h1 {
	width:100%;
	height:20px;
	margin: 0px 0 8px 0;
	padding:0 0 0 0;
	color: #999999;
	text-align:center;
	text-decoration: none;
	background: #dddddd;;
	border-bottom:1px solid #aaaaaa;
}

#h1_box {
	width:880px;
	margin: 0px auto 0px auto;
	padding:4px 0 0 0;
	color: #999999;
	text-align:right;
	text-decoration: none;
}

h1{
	font-size:11px;
	line-height:11px;
	height:12px;
	color:#ffffff;
	margin: 0px 0 0 0;
	padding:0px 0 0 0;
	display:block;
	font-weight:normal;
}

h1 a{
	font-size:11px;
	line-height:11px;
	height:12px;
	color:#ffffff;
	margin: 0px 0 0 0;
	padding:0px 0 0 0;
	display:block;
	font-weight:normal;
}

h1 a:hover{
	color:#ffffff;
}

#header #description_box{
	width:880px;
	height:70px;
	margin: 0px 0 0 0;
	padding:0 0 0 0;
	color: #999999;
	text-align:right;
	text-decoration: none;
	background: transparent url(http://www.natsume-books.com/i/headnavi.png) no-repeat 0 0px;
}



#header #description_box a {
	padding:6px 0 0 0;
	display: block;
	font-size: 8px;
}

p {
	font-size: 14px;
	line-height: 28px;
}

a{
	color:#006699;
	text-decoration: none;	
}

a:hover{
	color:#cc3333;
}


a img{
border:none;
padding:0 0 0 0;
margin:0 0 0 0;
}

/*======================================

	gnavi
	
========================================*/

#logo {
	width:880px;
	height:40px;
	margin:0px 0 0px 0;
	padding:0 0 0 0;
	background: transparent url(http://www.natsume-books.com/i/headnavi.png) no-repeat 0 0px;
	text-indent:-9999em;
}

#navi_to_home {
	width:880px;
	height:31px;
	margin:0px 0 0px 0;
	padding:0 0 0 0;
	background: :#fff;
	text-align:left;
}

#navi_to_home a {
	width:360px;
	height:31px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display: block;
	background: transparent url(http://www.natsume-books.com/i/headnavi.png) no-repeat 0 -40px;
	text-indent:-9999em;
}




#gnavi {
	width:880px;
	height:40px;
	margin:0px 0 11px 0;
	padding:0 0 0 0;
}

#gnavi ul#gnavi_all {
	margin:0 0 0 0px;
	padding:0 0 0 0;
	width:880px;
	height:40px;
	list-style: none;
}

#gnavi ul#gnavi_all li {
	float:left;
	display:inline;
	height:40px;
	
}


#gnavi ul#gnavi_all li#to_home { width:320px; margin:-left:0px;}
#gnavi ul#gnavi_all li#to_inquiry { width:80px;  margin-left:540px; } 
#gnavi ul#gnavi_all li#to_notice { width:90px;  margin-left:0px; } 
#gnavi ul#gnavi_all li#to_cart { width:170px;  margin-left:0px; } 

#gnavi ul#gnavi_all li a{
	display:block;
	text-indent:-9999em;
	height:40px;
	background: transparent url(http://www.natsume-books.com/i/headnavi.png) no-repeat 0 -65px;
}


#gnavi ul#gnavi_all li#to_home a { background-position: 0px -70px;}
#gnavi ul#gnavi_all li#to_inquiry a { background-position: -540px -70px;} 
#gnavi ul#gnavi_all li#to_notice a { background-position: -620px -70px;} 
#gnavi ul#gnavi_all li#to_cart a { background-position: -710px -70px;} 

#gnavi ul#gnavi_all li#to_home a:hover { background-position: 0px -230px;}
#gnavi ul#gnavi_all li#to_inquiry a:hover { background-position: -540px -230px;} 
#gnavi ul#gnavi_all li#to_notice a:hover { background-position: -620px -230px;} 
#gnavi ul#gnavi_all li#to_cart a:hover { background-position: -710px -230px;} 








/*======================================

	navi
	
========================================*/

#navi {
	width:880px;
	height:38px;
	margin:0px 0 0px 0;
	padding:0 0 0 0;
	clear:both;
	position:relative;
}

#navi #cnavi {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:450px;
	height:38px;
	position:absolute;
	top:0px;
	left:430px;
}

#navi #cnavi ul#cnavi_all {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:450px;
	height:38px;
	list-style: none;
}

#navi #cnavi ul#cnavi_all li {
	float:left;
	display:inline;
}


#navi #cnavi ul#cnavi_all li#to_purchase { width:90px; margin-right:30px;}
#navi #cnavi ul#cnavi_all li#to_location { width:90px; margin-right:30px;}
#navi #cnavi ul#cnavi_all li#to_catalog { width:90px; margin-right:30px;}
#navi #cnavi ul#cnavi_all li#to_blog { width:90px; margin-right:0px;}


#navi #cnavi ul#cnavi_all li a {
	display:block;
	height:38px;
	background: transparent url(http://www.natsume-books.com/i/headnavi.png) no-repeat 0 -122px;
	text-indent: -9999em;
	overflow: hidden;
}

	/*Default*/
	
	#navi #cnavi ul#cnavi_all li#to_purchase a { background-position: -430px -122px }
	#navi #cnavi ul#cnavi_all li#to_location a { background-position: -550px -122px }
	#navi #cnavi ul#cnavi_all li#to_catalog a { background-position: -670px -122px }
	#navi #cnavi ul#cnavi_all li#to_blog a { background-position: -790px -122px }

	/*MouseOver*/

	#navi #cnavi ul#cnavi_all li#to_purchase a:hover { background-position: -430px -282px }
	#navi #cnavi ul#cnavi_all li#to_location a:hover { background-position: -550px -282px }
	#navi #cnavi ul#cnavi_all li#to_catalog a:hover { background-position: -670px -282px }
	#navi #cnavi ul#cnavi_all li#to_blog a:hover { background-position: -790px -282px }



#navi #bnavi {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:150px;
	height:38px;
	position:absolute;
	top:0px;
	left:200px;
}

#navi #bnavi ul#bnavi_all {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:150px;
	height:38px;
	list-style: none;
}

#navi #bnavi ul#bnavi_all li {
	float:left;
	display:inline;
}


#navi #bnavi ul#bnavi_all li#to_feature { width:60px; margin-right:10px;}
#navi #bnavi ul#bnavi_all li#to_category { width:80px; margin-right:0px;}



#navi #bnavi ul#bnavi_all li a {
	display:block;
	height:38px;
	background: transparent url(http://www.natsume-books.com/i/headnavi.png) no-repeat 0 -122px;
	text-indent: -9999em;
	overflow: hidden;
}

	/*Default*/
	
	#navi #bnavi ul#bnavi_all li#to_feature a { background-position: -200px -122px }
	#navi #bnavi ul#bnavi_all li#to_category a { background-position: -270px -122px }

	/*MouseOver*/

	#navi #bnavi ul#bnavi_all li#to_feature a:hover { background-position: -200px -282px }
	#navi #bnavi ul#bnavi_all li#to_category a:hover { background-position: -270px -282px }



#searchword{
	margin:0 0 0 0;
	padding:0px 0 0 0;
	width:170px;
	height:38px;
	position:absolute;
	top:0px;
	left:0px;
	background: transparent url(http://www.natsume-books.com/i/headnavi.png) no-repeat 0 -122px;
}


#searchwordbox{
	margin:0px 0 0 0;
	padding:0 0 0 0;
	width:120px;
	height:20px;
	font-size:12px;
	position:absolute;
	top:6px;
	left:10px;
	color:#000000;
}

#searchgo{
	margin:0px 0 0 8px;
	padding:0 0 0 0;
	width:28px;
	height:22px;
	position:absolute;
	top:8px;
	left:136px;
}




/*======================================

	footer
	
========================================*/



#footer {
	background: #eeeeee;
	width: 100%;
	padding: 32px 0 18px 0;
	margin: 32px 0 0 0;
	clear: both;
	text-align: center;
	color: #000000 ;
	border-top:1px solid #aaaaaa;
}


#footer-menu{
	background: transparent ;
	width:880px;
	margin: auto;
	padding: 24px 0 32px 0 ;
	text-align: left;
	font-size:12px;
}

#footer-menu ul{
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: auto;
	list-style: none;
}

#footer-menu li{
	display:inline;
	list-style:none ;
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: 0 8px 0 0 ;
	color: #000000 ;
}

#copyright{
	width:800px;
	background: transparent;
	font-size:12px;
	height:28px;
	text-align:left;
	padding: 24px 0 0px 0 ;
}




/*======================================

	left menu -new
	
========================================*/


#menu_to_new { 
	background: transparent url(http://www.natsume-books.com/i/menu_new.png) no-repeat 0 0;
	width:200px;
	height:60px;
	margin:16px 0  0 0;
	padding:0 0 0 0;
}

#menu_to_new a {
	display:block;
	width:200px;
	height:60px;
	margin:0 0 0 0;
	font-size:12px;
	color:#ffffff;
	text-decoration: none;
}

#menu_to_new a:hover {
	color:#cc3333;
}

#menu_to_new span.date {
	display:block;
	padding:20px 0 0 100px;
}


/*======================================

	menu_box
	
========================================*/


#menu_box { 
	margin:0px 0  24px 0;
	padding:6px 0px 0px 0px;
}


#menu_box h2 { 
	font-size:12px;
	color:#660000;
	margin: 0px 0px 24px 0;
	padding:0 4px 6px 0;
	border-bottom:1px solid #aaaaaa;
	text-align:right;
	font-weight:normal;
}


	#menu_box h2.newarrival { 
	background: transparent url(http://www.natsume-books.com/i/h2_menu_newarrival.png) no-repeat -4px -7px;
	}
	#menu_box h2.feature { 
	background: transparent url(http://www.natsume-books.com/i/h2_menu_feature.png) no-repeat -4px -7px;
	}
	#menu_box h2.category { 
	background: transparent url(http://www.natsume-books.com/i/h2_menu_category.png) no-repeat -4px -7px;
	}

#menu_box ul { 
	font-size:13px;
	margin: 0px 0  0 0;
	padding:0 0 0 18px;
	list-style:disc;
	color:#C33;
}

#menu_box ul li { 
	font-size:12px;
	margin: 0px 0 6px 0;
	padding:0 0 0 0px;
	list-style:disc  ;
	line-height:16px;
}

#menu_box ul li a { 
	text-decoration:none;
}



/*======================================

	banner
	
========================================*/


#banner200_parchase a{
	width:200px;
	height:60px;
	padding:0 ;
	margin:0 0 36px 0;
	background: transparent url(http://www.natsume-books.com/i/banner200_purchase.png) no-repeat 0 0px;
	text-indent:-9999em;
	display:block;
}

#banner200_parchase a:hover{
	background: transparent url(http://www.natsume-books.com/i/banner200_purchase.png) no-repeat 0 -60px;
}



/*======================================

	to-pagetop
	
========================================*/




#to-pagetop {
	width:880px;
	height:20px;
	padding: 0px 0 0px 0;
	margin: 0px auto 0 auto;

}
#to-pagetop p a {
	display:block;
	width:100px;
	height:20px;
	text-indent: -9999em;
	padding: 0px 0 0px 0;
	margin: 0 0 0 780px;
	background: transparent url(../i/to_pagetop.png) no-repeat 0 0;
}
#to-pagetop p a:hover {
	background: transparent url(../i/to_pagetop.png) no-repeat 0 -20px;
}







/*======================================

	recent
	
========================================*/
#recent{
padding: 0px 0px 0px 0px;
margin: 30px 0 0 0;

}

#recent h3{
font-size: 14px;
font-style: normal;
color: #333 ;
margin: 16px 0px 12px 0px;
padding: 8px 8px 8px 8px;
border: 0px solid #333;
background: #efefef;
}



.recent-box {
width:120px;
padding: 0 0 0x 0;
margin: 0 8px 6px 0;
border-top: 0px solid #d8c099;
border-right: 0px solid #d8c099 ;
border-left: 0px solid #d8c099 ;
border-bottom: 0px solid #d8c099 ;
float:left;
}

.recent-img {
width:120px;
height:120px;
display:table-cell;
text-align:center;
vertical-align:middle;
background:#fff;
margin:auto;
}

#recent p {
font-size: 11px;
margin: 0 0 0 0;
padding: 8px 0 8px 0;
line-height: 18px;
clear:both;
}

#recent p a {
	color:#333;
}

#recent p a:hover {
	color:#cc3333;
}