@charset "utf-8";
@import "../css/reset.css";
@import "../css/global.css";

/* basic elements */

body{
 	background: #fff;
	color: #000;
	font-size: 68%;
	font-family: Helvetica, Arial, "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3" "ヒラギノ角ゴ Pro W3", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
	text-align: center;
}

form, input { margin: 0; padding: 0; }
code { font: 1.1em 'Courier New', Courier, Fixed; }

a:link{
	border-bottom: 1px dotted #ccc;
	color: #006699;
}
a:visited{
	border-bottom: 1px dotted #ccc;
	color: #666699;
}
a:hover, a:visited:hover{
	border-bottom: 1px dotted #666;
	color: #0033CC;
}
a:active{
	border-bottom: 1px dotted #666;
	color: #FF0000;
}

p.catalogmore{
	text-align: right;
}
p.catalogmore a, p.catalogmore a:hover{
	border: 0;
}

.alignleft{
	float: left;
	margin: 0 10px 10px 0;
}
.alignright{
	float: right;
	margin: 0 0 10px 10px;
}

/* Layout */
#container{
	margin: 0 auto 20px auto;
	padding: 10px 0;
	text-align: left;
	width: 820px;
}
#header{
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
	width: 820px;
}
#maingraphic{
	clear: both;
	display: block;
	margin: 10px auto 0 auto;
	width: 820px;
	z-index: 1;
}
#books-logo{
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
	width: 820px;
}
#content{
	float: left;
	width: 540px;
}
#section{
	float: right;
	width: 250px;
}
/* **********************************************-********************************************** */

/* booksnavigation */
#booksnavigation{
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 820px;
}
#booksnavigation a{
	border: none;
}
#booksnavigation li{
	display: inline;
}
/* **********************************************-********************************************** */

/* Navigation */
#navaboutbooks a, 
#navbooksinfo a, 
#navcatalog a, 
#navmedia a, 
#navnewrelease a, 
#presskit a{
	background: transparent no-repeat 0 0;
	display: block;
	float: left;
	height: 20px;
	margin: 0;
	text-indent: -999em;
	width: 135px;
}
/* *no ie mac \*/
#navaboutbooks a, #navbooksinfo a, #navcatalog a, #navmedia a, #navnewrelease a, #presskit a{ overflow: hidden; }
/* */
#navaboutbooks a{ background-image: url("/books/media/nav_aboutbooks.gif"); margin-right: 2px;}
#navbooksinfo a{ background-image: url("/books/media/nav_booksinfo.gif"); margin-right: 2px; }
#navcatalog a{ background-image: url("/books/media/nav_catalog.gif"); margin-right: 2px; }
#navmedia a{ background-image: url("/books/media/nav_media.gif"); margin-right: 2px; }
#navnewrelease a{ background-image: url("/books/media/nav_newrelease.gif");  margin-right: 2px; }
#presskit a{ background-image: url("/books/media/nav_presskit.gif"); margin-right: 0;}
#navaboutbooks a:hover,
#navbooksinfo a:hover, 
#navcatalog a:hover, 
#navmedia a:hover, 
#navnewrelease a:hover, 
#presskit a:hover{
	background-position: 0 -20px;
}
/* **********************************************-********************************************** */


/* Content */
#content h2{
	background: transparent no-repeat 0 0;
	font-size: 1em;
	height: 28px;
	margin: 0 0 8px 0;
	text-indent: -999em;
	width: 540px;
}
#content h2#header-newbooks{ background-image: url("/books/media/h_newbooks.gif"); }
#content h2#h_booksinfo{ background-image: url("/books/media/h_booksinfo.gif"); }
#content h2#h_info{ background-image: url("/books/media/h_info.gif"); }
#content h2#h_about{ background-image: url("/books/media/h_aboutbooks.gif"); }
#content h2#h_woman{ background-image: url("/books/media/h_woman.gif"); }
#content h2#h_recipe{ background-image: url("/books/media/h_recipe.gif"); }
#content h2#h_camera{ background-image: url("/books/media/h_camera.gif"); }
#content h2#h_pictorial{ background-image: url("/books/media/h_pictorial.gif"); }
#content h2#h_kotoba{ background-image: url("/books/media/h_kotoba.gif"); }
#content h2#h_gurmet{ background-image: url("/books/media/h_gurmet.gif"); }
#content h2#h_travel{ background-image: url("/books/media/h_travel.gif"); }
#content h2#h_baka{ background-image: url("/books/media/h_sociology.gif"); }
#content h2#h_sociology{ background-image: url("/books/media/h_baka.gif"); }
#content h2#h_mondo{ background-image: url("/books/media/h_mondo.gif"); }
#content h2#h_beauty{ background-image: url("/books/media/h_beauty.gif"); }
#content h2#h_handmade{ background-image: url("/books/media/h_handmade.gif"); }
#content h2#h_mental{ background-image: url("/books/media/h_mental.gif"); }
#content h2#h_subculture{ background-image: url("/books/media/h_subculture.gif"); }
#content h2#h_guide{ background-image: url("/books/media/h_guide.gif"); }
#content h2#h_bookguide{ background-image: url("/books/media/h_bookguide.gif"); }
#content h2#h_music{ background-image: url("/books/media/h_music.gif"); }
#content h2#h_bookstore{ background-image: url("/books/media/h_bookstore.gif"); }
#content h2#h_media{ background-image: url("/books/media/h_media.gif"); }
#content h2#h_diary{ background-image: url("/books/media/h_diary.gif"); }
#content h2#header-searchresult{background-image: url("/books/media/h_searchresult.gif"); }


#bookstoreintro{
	border: 1px solid #F29E24;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 518px;
}

#content #booklist, 
#content #archivelist{
	padding: 0 10px;
	margin: 0 0 20px 0;
}
#content .sr{
	padding: 0 10px;
}
#content .newsentry{
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}
#content h3.newsentry-header{
	color: #CC6600;
	font-family: "平成明朝","HeiseiMincho","ＭＳ Ｐ明朝","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","細明朝体",serif;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2em; 
	margin: 0 0 2px 0;
}
#content h3.sr-header{
	font-weight: bold;
	font-size: 1.6em;
	margin: 0 0 5px 0;
}
#content h3.newsentry-header a{
	border: none;
	color: #CC6600;
	font-weight: bold;
}
#content .newsentry-content, .entry-more{
	font-size: 1.2em;
	line-height: 1.7em;
}
#content .newsentry-date{
	color: #666;
	font-size: 1.05em;
	margin: 0 0 2px 0;
}
#content .newsentry-content p, 
#content .entry-more p{
	margin: 0 0 1.8em 0;
}
#content .newsentry-content p.more{
	margin: 0 0 0 0;
	text-align: right;
}
#content .newsentry-content p.entry-more-link{
	text-align: right;
	margin: 10px 0 0 0;
}
#content .newsentry-content ul, 
#content .entry-more ul{
	margin: 0 0 1.8em 0;
	padding: 0 20px;
}
#content .newsentry-content ul ul, 
#content .entry-more ul ul{
	margin: 0 0 0 0;
	padding: 0 20px;
}
#content .newsentry-content ul li, 
#content .entry-more ul li{
	background: transparent url("/books/media/icon_li.gif") no-repeat 0 3px;
	padding: 0 0 0 16px;
}
#content .newsentry-content ul ul li, 
#content .entry-more ul ul li{
	background: transparent url("/books/media/icon_lili.gif") no-repeat 0 4px;
	font-size: 0.95em;
	padding: 0 0 0 13px;
}
/* **********************************************-********************************************** */

/* Book Data */
#content .newsentry h4{
	color: #BE9F80;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#content .newsentry h5{
	color: #BE9F80;
	font-size: 1.05em;
	font-weight: bold;
	margin: 0 0 1.5em 0;
}
.bookcover{
	border: 1px solid #ccc;
	float: left;
	margin: 0 20px 10px 0;
	width: 100px;
}
.bookdata{
	border-bottom: 1px solid #ccc;
	float: right;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 398px;
}
.bookdata a{ border: none; }
.author{
	border: 1px solid #F29D23;
	margin: 20px auto 10px auto;
	padding: 10px;
	width: 480px
}
#content .newsentry-content .bookdata ul, 
#content .entry-more .author ul{
	margin: 0;
	padding: 0;
}
#content .newsentry-content .bookdata li, 
#content .entry-more .author li{
	background: none;
	padding: 0;
}
/* **********************************************-********************************************** */

/* .books-present */
.books-present{
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding: 10px 0 0 0;
	margin: 0 0 15px 0;
}
.books-present img{
	margin: 0 0 5px 0;
}
.books-present p{
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 10px 0;
}
.books-present p strong{
	background: #ffffcc;
	padding: 0 3px;
}
/* **********************************************-********************************************** */

/* content-nav */
#content-nav{
	font-size: 1em;
	line-height: 1.3em;
	padding: 20px 0;
}
.content-prev{
	float: left;
	text-align: left;
	width: 240px;
}
.content-next{
	float: right;
	text-align: right;
	width: 240px;
}
.order-notice{
	border: 1px solid #F29D23;
	color: #333;
	margin: 0 0 20px 0;
	padding: 10px;
}

.navi_Paginate{
	font-size: 1.2em;
	text-align: center;
}
/* **********************************************-********************************************** */

/* Trackback / Comments */
.trackbacks-header,
.comments-header, 
#content h2.comments-open-header{
	background: transparent no-repeat 0 0;
	font-size: 1em;
	height: 26px;
	margin: 0 0 5px 0;
	text-indent: -999em;
	width: 520px;
}
.trackbacks-header{ background-image: url("/books/media/h_trackbacks.gif"); }
.comments-header{ background-image: url("/books/media/h_comments.gif"); }
#content h2.comments-open-header{ background-image: url("/books/media/h_open-header.gif"); }

.trackbacks, 
#comments{
	margin: 0 0 20px 0;
}
#trackbacks-info, 
.trackback, 
.comment{
	padding: 0 5px;
}
#trackbacks-info{
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

#comments-open-data p{
	padding: 3px 0 3px 10px;
	width: 440px;
}
#comments-open-data p label{
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 2px 0;
	text-align: right;
	width: 120px;
}
#comment-author, 
#comment-email, 
#comment-url, 
#comment-text{
	float: left;
	border: 1px solid #ccc;
	font-size: 1.2em;
	margin: 0 0 0 10px;
	padding: 2px 3px;
	width: 294px;
}
#comment-text{
	height: 150px;
	line-height: 1.6em;
}
#comment-author:hover, 
#comment-email:hover, 
#comment-url:hover, 
#comment-text:hover{
	border: 1px solid #F29D23;
}
.comment-cookie{
	display: block;
	font-size: 1.2em;
	padding: 10px 0 10px 130px;
	text-align: left;
	width: 310px;
}
#comments-open-footer{
	padding: 20px 0 20px 130px;
	text-align: center;
	width: 310px;
}
#comment-preview, 
#comment-post{
	border-top: 1px solid #ccc;
	border-left: 1px solid #cccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	font-size: 1.2em;
	margin: 0 0 0 10px;
	padding: 2px 5px;
}
/* **********************************************-********************************************** */


/* Section */
#section h2{
	background: transparent no-repeat 0 0;
	font-size: 1em;
	height: 28px;
	margin: 0 0 5px 0;
	text-indent: -999em;
	width: 250px;
}
#section h2#header-contact{ background-image: url("/books/media/h_contact.gif"); }
#section h2#header-information{ background-image: url("/books/media/h_information.gif"); }
#section h2#header-bookscatalog{ background-image: url("/books/media/h_bookscatalog.gif"); }
#section h2#header-hontsuna{ background-image: url("/books/media/h_hontsuna.gif"); }
#section h2#header-searchcatalog{ background-image: url("/books/media/h_searchbooks.gif"); }
#section h2#header-apology{ background-image: url("/books/media/h_apology.gif"); }

#section #search{
	margin: 0 0 0 0;
	padding: 0 5px 20px 5px;
}

#section #infolist, 
#section #apololist{
	margin: 0 0 0 0;
	padding: 0 5px 20px 5px;
}
#section #hontsuna{
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 0 5px 10px 5px;
}
#section .infoentry{
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
#section .infoentry-date{
	font-weight: bold;
	margin: 0 0 3px 0;
}
#section .infoentry-header{
	font-size: 12px;
	margin: 0 0 6px 0;
}	
#section .infoentry-content{
	color: #333;
	font-size: 1.1em;
	line-height: 1.5em;
}
#section .infoentry-content img{
	display: none;
}
#section #hontsuna ul{
	font-size: 1.2em;
	line-height: 1.5em;
}
#section #hontsuna ul li{
	background: transparent url("/books/media/hontsuna_li.gif") no-repeat 0 2px;
	margin: 0 0 0.2em 0;
	padding: 0 0 0 16px;
}
#section ul#cataloglist{
	padding: 0 5px 20px 5px;
}
#section ul#cataloglist li a{
	border-bottom: 1px solid #ccc;
	display: block;
	font-size: 1.1em;
	padding: 5px 0 5px 5px;
	width: 235px;
}
#section ul#cataloglist li a:hover{
	background: #efefef;
	border-bottom: 1px solid #000;
}
#section .diarybanner{
	margin: 0 0 20px 0;
}
#section .diarybanner a,
#section .diarybanner img{
	border: 0;
}
/* **********************************************-********************************************** */

/* Microformats */
.vcard{
	padding: 0 10px;
	margin: 0 0 20px 0;
}
.vcard .org{
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}
.vcard .address, 
.vcard .tel, 
.vcard .fax, 
.vcard .email{
	color: #333;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.1em 0;
}

.newsentry-content .vevent{
	border-bottom: 1px solid #666;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}
.newsentry-content .vevent h3.summary{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.1em 0;
}
.newsentry-content .vevent span.date, 
.newsentry-content .vevent span.place{
	display: block;
}
/* **********************************************-********************************************** */

/* romo_banner */
#bn_romo {
	margin-bottom:10px;
}