/* text
----------------------------------------------- */
#OpenConts{
 display:none;
 } 

p {
font-size: 12px ;
font-family:sans-serif;
color: #ffffff ;
font-style: normal;
line-height : 24px; 
padding: 0 6px 0 6px;
margin: 0 0 20px 0;
}

.small {
font-size: 9px ;
font-family:sans-serif;
line-height : 15px; 
padding: 0 0px 0 0px;
margin: 0 0 4px 0;
}

.big-p {
font-size: 14px ;
font-family:sans-serif;
font-weight:bold;
line-height : 30px; 
}

.meta{
	color: #ffffff ;
	font-size: 10px;
	text-align:right;
	border-top: solid 0px #cccccc ;
	padding: 4px 6px 4px 6px ;
}

.meta2{
	color: #ffffff ;
	font-size: 8px;
	text-align:right;
	border-top: solid 0px #cccccc ;
	padding: 4px 6px 4px 6px ;
}




a {
color: #ffffff;
font-weight: normal;
text-decoration:underline;
}

a:hover {
color: #00aaff;
}


h2{
font-size:16px;
font-family:Verdana, Arial, sans-serif;
color: #ffffff;
margin:0 0 25px 0;
padding:15px 10px 15px 25px;
border:1px dotted #999999;
}

h3{
font-size:14px;
font-family:Verdana, Arial, sans-serif;
color: #00aaff;
margin: 16px 0 12px 0;
padding: 0 0 6px 3px;
border-bottom:1px dotted #999999;
}
h3 a{
color: #00aaff;
text-decoration:none;
font-family:Verdana, Arial, sans-serif;
font-weight:bold;
}

h4{
font-size:13px;
font-family:Verdana, Arial, sans-serif;
color: #00aaff;
margin: 8px 0 6px 0;
padding: 0 0 0 6px;
border-bottom:0px dotted #999999;
}

.shoutori {
font-size: 10px ;
font-family:sans-serif;
background:#111111;
color: #dddddd ;
line-height : 15px; 
padding: 4px 4px 4px 4px;
border:0px solid #444444;
}

/* navi
----------------------------------------------- */

#navi {
background: transparent ;
width: 880px;
height: 33px;
margin:  12px 0 20px 0px;
padding: 0 0 0 0 ;
background:  transparent url(./i/navi_fb.jpg) no-repeat 0px 0px;
clear:both;
}

#navi li {
width:110px;            
height:33px;             
float:left; 
text-indent:-9999px;
}

#navi span{
display:none;
}

.navi-all {           
list-style:none;        
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}

.to-notice a{
width:100%; height:100%;  
display: block;
background:  transparent url(./i/navi_fb.jpg) no-repeat 0px 0px;
}
.to-notice a:hover{
display: block;
background:  transparent url(./i/navi_fb.jpg) no-repeat 0px -33px;
}

.to-kaitori a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -110px 0px;
}
.to-kaitori a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -110px -33px;
}

.to-event a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -220px 0px;
}
.to-event a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -220px -33px;
}

.to-cafe a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -330px 0px;
}
.to-cafe a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -330px -33px;
}

.to-blog a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -440px 0px;
}
.to-blog a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -440px -33px;
}

.to-blog a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -440px 0px;
}
.to-blog a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -440px -33px;
}

.to-about a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -550px 0px;
}
.to-about a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -550px -33px;
}

.to-contact a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -660px 0px;
}
.to-contact a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -660px -33px;
}

.to-link a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -770px 0px;
}
.to-link a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -770px -33px;
}



/* book_navi
----------------------------------------------- */

#book_navi {
margin: 0 0 24px 0;
padding: 12px 10px 10px 10px;
text-align: left;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
border-left:1px dotted #999999;
border-right:1px dotted #999999;
color:#ffffff;
}

#book_navi h2 {
margin: 0 0 10px 0;
padding: 0 0 0 0 ;
text-align: left;
font-size:12px;
font-weight:bold;
color:#00aaff;
border:none;
}

#book_navi ul {
margin: 0 0 18px 0;
padding: 0 0 0 0 ;
list-style-type:none ;
}

#book_navi li {
margin: 0 0 6px 4px;
padding: 0 0 0 0 ;
text-align: left;
font-size:11px;
font-weight:normal;
line-height:14px;
color:#ffffff;
}

.now {
color:#00aaff;
text-decoration:none;
}


#book_navi ul li ul {
margin: 6px 0 8px 0;
padding: 0 0 0 0 ;
list-style-type:none ;
}

#book_navi li ul li {
margin: 0 0 6px 4px;
padding: 0 0 0 4px ;
text-align: left;
font-size:10px;
font-weight:normal;
line-height:12px;
color:#ffffff;
}

/*search
----------------------------------------------- */
#search-book-navi{
margin: 0 0 12px 0;
padding: 12px 10px 10px 10px;
text-align: left;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
border-left:1px dotted #999999;
border-right:1px dotted #999999;
color:#ffffff;
}

#search-book-navi h2{
margin: 0 0 10px 0;
padding: 0 0 0 0 ;
text-align: left;
font-size:12px;
font-weight:bold;
color:#00aaff;
border:none;
}

#search-book-navi p{
text-align:right;
}

	#search-book-navi .searchleft-word{
		background:#ffffff;
		font-size:12px;
		padding:1px 1px 1px 1px;
		border:solid 1px #666666;
		width:150px;
		margin:0 0px 0 0;
		color:#444444;
	}
	#search-book-navi .searchleft-box{
		background:#999999;
		font-size:12px;
		padding:0 0 0 0;
		border:solid 1px #cccccc;
		width:36px;
		margin:6px 0 2px 0;
		color:#ffffff;
		text-align:center;
	}



/* top-news
----------------------------------------------- */

#top-news {
margin: 0 0 18px 0;
padding: 0 0 0 0 ;
}

#top-news p {
font-size: 12px ;
font-family:sans-serif;
color: #ffffff ;
font-style: normal;
line-height : 18px; 
padding: 0 0 0 0;
margin: 0 0 0px 0;
}


.top-news-unit {
margin: 0 0 8px 0;
padding: 0 8px 0 8px ;
}

#top-news h4 {
font-size:11px;
line-height:14px;
margin:0 0 3px 0;
padding:0 0 0 0;
font-weight:bold;
color:#ffffff;
}


/* top-topics
----------------------------------------------- */

#top-topics {
margin: 0 0 16px 0;
padding: 0 0 0 0 ;
}



.top-topics-unit {
width:480x;
margin: 0 0 10px 0;
padding: 0 0 0 0 ;
}



/* top-media
----------------------------------------------- */

#top-media {
margin: 0 0 20px 0;
padding: 0 0 0 0 ;
}



.top-media-unit {
margin: 0 0 12px 0;
padding: 0 0 0 0 ;
}




/* top-blog
----------------------------------------------- */

#top-blog {
margin: 12px 0 12px 0;
padding: 0 0 0 0 ;
text-align:left;
}

.top-blog-unit {
margin: 0 0 4px 0;
padding: 0 2px 0 6px ;
}

#top-blog h4 {
margin:0 0 2px 0;
font-size:9px;
text-align:left;
color:#999999;
}
#top-blog p {
margin:0 0 8px 0;
font-size:11px;
line-height:14px;
textalign:left;
color:#ffffff;
}



/* top-access
----------------------------------------------- */

#top-access {
margin: 24px 0 12px 0;
padding: 0 0 0 0 ;
text-align:left;
}

.top-access-unit {
margin: 0 0 4px 0;
padding: 0 2px 0 6px ;
}

#top-access p {
margin:0 0 8px 0;
font-size:11px;
line-height:18px;
text-align:left;
color:#ffffff;
}

/* post post */

.post {
margin:0 0 30px 0;
}


/* Begin Calendar */
#wp-calendar {
	width: 100%;
	font-size:11px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	font-size:11px;
	}

#wp-calendar #prev a {
	padding-left: 12px;
	text-align: left;
	font-size:11px;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	font-size:11px;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	font-size:11px;
	}

#wp-calendar th {
	padding: 3px 0;
	text-align: center;
	font-size:11px;
	}


#menu  {
margin: 0 0 0 0;
padding: 0 0 0 0 ;
overflow:hidden;
}

#menu ul {
margin: 0 0 18px 0;
padding: 0 0 0 0 ;
list-style-type:none ;
}

#menu li {
margin: 0 0 6px 0px;
padding: 0 0 0 12px ;
text-align: left;
font-size:11px;
font-weight:normal;
line-height:14px;
color:#ffffff;
list-style-type:none ;
}

#menu p {
margin:0 0 8px 0;
font-size:11px;
line-height:18px;
text-align:left;
color:#ffffff;
}

.comment-form  {
width:450px;
height:120px;
font-size:12px;
background:#cccccc;
}



/* book-list
----------------------------------------------- */
.book-list{
background: #333333; 
padding: 0px 0px 0 0 ;
margin: 0px 0px 20px 0 ;
border-top:1px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:auto;
}
.book-list-detail{
background: transparent; 
padding: 0px 0px 0 0 ;
margin: 36px 0px 0 0 ;
border-top:1px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:auto;
}

.book-list-box{
width:100%;
background: #333333; 
padding: 14px 0px 10px 0px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:1px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:auto;
clear:both;
}
.book-list-box-footer{
background: transparent; 
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
height:6px;
clear:both;
overflow:hidden;
}

.book-list-detailbox-footer{
background: transparent; 
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:0px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
height:24px;
clear:both;
overflow:hidden;
}

.book-cartlist-box{
background: #333333; 
padding: 12px 12px 8px 12px ;
margin: 0px 0px 0 0 ;
border-top:0px dotted #aaaaaa;
border-bottom:1px dotted #aaaaaa;
border-left:0px dotted #aaaaaa;
border-right:0px dotted #aaaaaa;
overflow:auto;
}
.book-img-box{
width: 500px;
padding: 0 0 0 0;
margin: 12px 0 12px 0;
text-align:left;
overflow:auto;
}
.book-left-box{
float: left;
width: 90px;
padding: 0 0px 0 0;
margin: 0 12px 0 12px;
text-align:left;
overflow:hidden;
}
.book-center-box{
float: left;
width: 450px;
padding: 0 0 0 0;
margin: 0 20px 0 0;
text-align:left;
overflow:auto;
}
.book-right-box{
float: left;
padding: 20px 0 0 0;
margin: 0 0 0 0;
text-align:right;
overflow:hidden;

}

.book-head{
color:#eeeeee;
font-size:10px;
text-align:16px;
padding: 0 0 0 0;
margin: 0 0 2px 0;
}
.book-title{
font-weight:bold;
color:#ffffff;
margin: 0px 0 4px 0;
}
.book-maintitle{
color:#ffffff;
font-size:14px;
line-height:20px;
font-weight:bold;
}
.book-author{
color:#eeeeee;
font-size:12px;
text-align:14px;
font-weight:normal;
padding: 0 0 0 0;
margin: 0 0 4px 0;
}
.book-note{
color:#eeeeee;
font-size:11px;
text-align:14px;
font-weight:normal;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}
.book-price{
color:#ff6666;
font-size:13px;
text-align:14px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 0px 0;
}

.cart-button{
		background:#999999;
		font-size:12px;
		border:solid 1px #dddddd;
		margin:0 0 0 0;
		color:#ffffff;
		text-align:center;
		padding:6px 0px 4px 0px;
}


.book-list-lead{
color:#ffffff;
font-size:12px;
text-align:12px;
padding: 0 0 0 0;
margin: 0 0 4px 0;
text-align:left;
}




/* pagenumber
----------------------------------------------- */


#page-menu{
background-color: transparent;
border-top:0px solid #aaaaaa;
border-left:0px solid #aaaaaa;
border-right:0px solid #aaaaaa;
border-bottom:0px solid #aaaaaa;
margin: auto;
padding: 4px 4px 12px 4px ;
text-align: right;
}

#page-menu ul{
background-color: transparent;
padding: auto ;
margin: auto;
font-size:14px;
line-height:18px;
}

#page-menu li{
display:inline;
list-style:none ;
background: transparent; 
padding: 0 0 0 0 ;
margin: 0 0px 0 4px ;
font-size:12px;
line-height:18px;
}



/* cart
----------------------------------------------- */
.cart-item{
width:100%;
background: #333333; 
color:#ffffff;
font-size:12px;
border-right:1px dotted #999999;
border-bottom:1px dotted #999999;
border-collapse:collapse;
border-spacing:0;
margin: 0 0px 20px 0px ;
}
.cart-item td{
background: #333333; 
color:#ffffff;
font-size:12px;
padding: 8px 8px 8px 8px ;
margin: 0 0px 0 0px ;
border-top:1px dotted #999999;
border-left:1px dotted #999999;
}

.cart-item-title{
font-size:13px;
font-weight:bold;
padding: 0 0px 0 0px ;
margin: 0 0px 4px 0px ;
}
.cart-item-note{
color:#eeeeee;
padding: 0 0px 0 0px ;
margin: 0 0px 2px 0px ;
}

.cart-price{
width:100%;
background: #666666; 
color:#ffffff;
font-size:12px;
border-right:1px dotted #999999;
border-bottom:1px dotted #999999;
border-collapse:collapse;
border-spacing:0;
margin: 0 0px 20px 0px ;
}
.cart-price td{
background: #666666; 
color:#ffffff;
font-size:12px;
padding: 8px 8px 8px 8px ;
margin: 0 0px 0 0px ;
border-top:1px dotted #999999;
border-left:1px dotted #999999;
}

.order-button{
		background:#cc6666;
		font-size:12px;
		padding:6px 6px 6px 6px;
		border:solid 1px #dddddd;
		margin:10px 0 0 0;
		color:#ffffff;
		text-align:center;
}


/* customer
----------------------------------------------- */
#customer{
width:100%;
font-size:12px;
text-align:14px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 20px 0;
}

#customer table{
width:100%;
color:#ffffff;
font-size:12px;
text-align:14px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 4px 0;
}

#customer  th{
width:180px;
background:#333333;
color:#ffffff;
font-size:12px;
text-align:14px;
font-weight:bold;
padding: 8px 8px 8px 8px;
margin: 0 0 4px 0;
text-align:left;
}

#customer  td{
background:#666666;
color:#ffffff;
font-size:12px;
text-align:14px;
font-weight:normal;
padding: 8px 8px 8px 8px;
margin: 0 0 4px 0;
text-align:left;
}


/* contact
----------------------------------------------- */
.contact-table{
width:100%;;
border-collapse: collapse;
font-size: 12px;
line-height:18px;
margin: 0px 0 12px 0;
} 
.contact-table th{
border: 1px solid #999999;
padding: 8px 8px 8px 8px;
background:#333333;
color:#ffffff;
width:160px;
}
.contact-table td{
border: 1px solid #999999;
padding: 8px 8px 8px 8px;
background:#666666;
color:#ffffff;
}

.naiyo{
width:320px;
height:150px;
font-size:12px;
}