/* global
----------------------------------------------- */
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align : center ;
background: #000 ;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; text-align: center;;
}



img {
border:none;
}

.clear {
clear:both;
}

/* layout
----------------------------------------------- */
#wrapper {
width: 880px;
margin-left:auto;
margin-right:auto;
padding: 0 0px 0 0px;
text-align: center;
background: #fff;
overflow:auto;
}

#content {
width: 840px;
margin-left:auto;
margin-right:auto;
padding: 0 0px 0 0px;
text-align: left;
background: #fff;
overflow:auto;
}



#description {
background:  transparent url(../i/head_bg.png) no-repeat 0px 12px;
width:840px;
height:196px;
margin: 8px 0 0 0;
text-align: left;
}

#navi {
background:  transparent url(../i/navi_bg.jpg) no-repeat 0px 0px;
width: 840px;
height:196px;
padding: 0px 0 0 0;
margin: 0 0 24px 0;
clear: both;
text-align: left;
color: #dddddd ;
}

#top-middle {
	margin:24px 0 24px 0 ;
	overflow: auto;
	width: 100%
}


#footer {
width: 840px;
height:160px;
padding: 0px 0 0 0;
margin: 36px 0 0px 0;
clear: both;
text-align: left;
color: #dddddd ;
}


/* text
----------------------------------------------- */

h1{
font-size:11px;
padding: 0px 0 0px 0;
color:#666666;
font-weight:normal;
}

p {
font-size: 14px ;
color: #333333 ;
font-style: normal;
line-height : 26px; 
padding: 0 0 0 0;
margin: 0 0 16px 0;
}





a {
color: #00AACC;
font-weight: normal;
}

a:hover {
color: #FF44AA;
}




/* navi
----------------------------------------------- */
#navi ul {
margin:0 0 0 0;
padding:0 0 0 0;           
}

#navi li {
font-size:12px;
overflow:hidden;
float:left; 
}


#navi .to-top a{
height:68px;
width:204px;        
float:left; 
text-indent:-9999em;
margin:0 0px 0px 212px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat -212px 0px;
}
#navi .to-top a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat -212px -196px;
}

#navi .to-store a{
height:68px;
width:204px;        
float:left; 
text-indent:-9999em;
margin:0 0px 0px 8px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat -424px 0px;
}
#navi .to-store a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat -424px -196px;
}

#navi .to-catalog a{
height:68px;
width:204px;        
float:left; 
text-indent:-9999em;
margin:0 0px 0px 8px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat -636px 0px;
}
#navi .to-catalog a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat -636px -196px;
}

#navi .to-purchase a{
height:68px;
width:204px;        
float:left; 
text-indent:-9999em;
margin:0 0px 0px 0px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat 0px -68px;
}
#navi .to-purchase a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat 0px -264px;
}

#navi .to-feature a{
height:68px;
width:204px;        
float:left; 
text-indent:-9999em;
margin:0 0px 0px 8px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat -212px -68px;
}
#navi .to-feature a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat -212px -264px;
}

#navi .to-cart a{
height:68px;
width:204px;        
float:left; 
text-indent:-9999em;
margin:0 0px 0px 8px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat -424px -68px;
}
#navi .to-cart a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat -424px -264px;
}

#navi .to-notice a{
height:68px;
width:204px;        
float:left; 
text-indent:-9999em;
margin:0 0px 0px 8px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat -636px -68px;
}
#navi .to-notice a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat -636px -264px;
}

#navi .to-purchaseregion a{
height:60px;
width:204px;        
float:left; 
text-indent:-9999em;
margin:0 0px 0px 0px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat -0px -136px;
}
#navi .to-purchaseregion a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat -0px -332px;
}


#navi .to-booklist a{
height:60px;
width:204px;        
float:left; 
text-indent:-9999em;
margin:0 0px 0px 8px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat -212px -136px;
}
#navi .to-booklist a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat -212px -332px;
}

#navi .to-bookblog a{
height:60px;
width:204px;        
float:left; 
margin:0 0px 0px 8px;
padding:0px 0 0 0px;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat -424px -136px;
text-decoration:none;
}
#navi .to-bookblog a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat -424px -332px;
text-decoration:none;
}
#navi .to-bookblog span{
font-size:12px;
color:#33ccff;
height:60px;
padding:32px 0 0 115px;  
display: block;
}

#navi .to-blog a{
height:60px;
width:204px;        
float:left; 
margin:0 0px 0px 8px;
padding:0px 0 0 0px;  
display: inline;
background:  transparent url(../i/navi_bg.jpg) no-repeat -636px -136px;
text-decoration:none;
}
#navi .to-blog a:hover{
background:  transparent url(../i/navi_bg.jpg) no-repeat -636px -332px;
text-decoration:none;
}
#navi .to-blog span{
font-size:12px;
color:#fffc00;
height:60px;
padding:32px 0 0 115px;  
display: block;
}


/* footer
----------------------------------------------- */
#footer ul {
margin:0 0 0 0;
padding:0 0 0 0;           
}

#footer li {
font-size:12px;
overflow:hidden;
float:left; 
}

#footer .blank {
height:55px;
width:676px;        
float:left; 
margin:0 0px 0px 0px;
padding:0px 0 0 0px;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat 0 0px;
text-decoration:none;
}


#footer .to-bookblog a{
height:55px;
width:164px;        
float:left; 
margin:0 0px 0px 507px;
padding:0px 0 0 0px;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -507px 0px;
text-decoration:none;
}
#footer .to-bookblog a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -507px -160px;
text-decoration:none;
}
#footer .to-bookblog span{
font-size:11px;
color:#33ccff;
line-height:11px;
margin:0 0 0 0;
padding:28px 0 0 88px;  
display: block;
height:50px;
}


#footer .to-blog a{
height:55px;
width:164px;        
float:left; 
margin:0 0px 0px 5px;
padding:0px 0 0 0px;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -676px 0px;
text-decoration:none;
}
#footer .to-blog a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -676px -160px;
text-decoration:none;
}
#footer .to-blog span{
font-size:11px;
color:#fffc00;
line-height:11px;
margin:0 0 0 0;
padding:28px 0 0 88px;  
display: block;
height:50px;
}


#footer .to-top a{
height:55px;
width:164px;        
float:left; 
text-indent:-9999em;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat 0 -55px;
}
#footer .to-top a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat 0px -215px;
}

#footer .to-store a{
height:55px;
width:164px;
float:left; 
text-indent:-9999em;
margin:0 0px 0px 5px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -169px -55px;
}
#footer .to-store a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -169px -215px;
}

#footer .to-catalog a{
height:55px;
width:164px;            
float:left; 
text-indent:-9999em;
margin:0 0px 0px 5px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -338px -55px;
}
#footer .to-catalog a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -338px -215px;
}

#footer .to-feature a{
height:55px;
width:164px;            
float:left; 
text-indent:-9999em;
margin:0 0px 0px 5px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -507px -55px;
}
#footer .to-feature a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -507px -215px;
}


#footer .to-booklist a{
height:55px;
width:164px;            
float:left; 
text-indent:-9999em;
margin:0 0px 0px 5px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -676px -55px;
}
#footer .to-booklist a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -676px -215px;
}



#footer .to-purchase a{
height:50px;
width:164px;            
float:left; 
text-indent:-9999em;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat 0px -110px;
}
#footer .to-purchase a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat 0px -270px;
}


#footer .to-purchaseregion a{
height:50px;
width:164px;            
float:left; 
text-indent:-9999em;
margin:0 0px 0px 5px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -169px -110px;
}
#footer .to-purchaseregion a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -169px -270px;
}

#footer .to-cart a{
height:50px;
width:164px;            
float:left; 
text-indent:-9999em;
margin:0 0px 0px 5px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -338px -110px;
}
#footer .to-cart a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -338px -270px;
}

#footer .to-notice a{
height:50px;
width:164px;            
float:left; 
text-indent:-9999em;
margin:0 0px 0px 5px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -507px -110px;
}
#footer .to-notice a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -507px -270px;
}

#footer .to-privacy a{
height:50px;
width:164px;            
float:left; 
text-indent:-9999em;
margin:0 0px 0px 5px;
padding:0 0 0 0;  
display: inline;
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -676px -110px;
}
#footer .to-privacy a:hover{
background:  transparent url(../i/footernavi_bg.jpg) no-repeat -676px -270px;
}




#copyright{
font-size:12px;
clear: both;
padding: 0px 0 16px 0 ;
text-align: left;
line-height:18px;
color:#333333;
}

#aboutlink{
font-size:13px;
clear: both;
padding: 16px 0 0px 0 ;
text-align: left;
line-height:18px;
color:#333333;
width:840px;
}

#aboutlink-left{
font-size:13px;
clear: both;
padding: 8px 0 0px 0 ;
text-align: left;
line-height:18px;
color:#333333;
float:left;
}
#aboutlink-right{
font-size:13px;
padding: 0px 0 0px 0 ;
text-align: left;
line-height:18px;
float:right;
}



#breadcrumbs {
margin:12px 0 0px 0;
padding:0 0 4px 0;
}

#breadcrumbs li{
font-size:12px;
float:left;
display:inline;
margin:0 0 0 0;
padding:0 0 0 0;
}