/*
Theme Name: Kaiseisha 3.4
Version: 3.4.0
*/



body {
	font-size:12px;
	line-height: 1.4;
	word-wrap: break-word;
	color:#663;
}


.clearfixleft:before, .clearfixleft:after {
    content: " ";
    display: table;
}
.clearfixleft:after {
    clear: left;
}

/*///// TYPOGRAPHY /////*/

a:link,
a:visited,
a {
	color:#663;
	text-decoration:none;
	background:none;
}
a:hover,
a:active {
	color:#EC731A;
	text-decoration:none;
	background:none;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
	letter-spacing:1px;
}
h4 {
	font-size:14px;
	font-weight:bold;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height:1.3;
}


/*///// LAYOUT /////*/

.container {
	position: relative;
	max-width:902px;
	margin:10px auto 30px;
}
.panel.content {
	padding: 15px 28px 0 50px;
	background:#EEEEEE url(images/bg.gif) top left repeat-y;
	border: 1px solid #D1C1AB;
	border-radius: 0;
}

/* Tables */
.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
	padding: 6px;
    line-height: 1.4;
    vertical-align: middle;
}




/*///// HEADER /////*/

header.site-header {
	margin-bottom:15px;
}
h1.site-title {
	float: left;
    margin-top: 8px;
	width:100%;
    max-width: 263px;
    height: 40px;
    text-indent: -999px;
    background: url(images/title.jpg) top left no-repeat;
}
.japanese {
	position:absolute;
	left:15px;
	z-index:10;
}
.japanese a {
	display: block;
    width: 76px;
    height: 25px;
    background: url(images/button.gif) top left no-repeat;
	text-indent: -999px;
}
.japanese a:hover {
	background-position: 0 -25px;
}

nav.site-navigation {
	max-width:800px;
	margin-bottom:5px;
}
.navbar-kaiseisha {
	float: right;
    width: auto;
    padding-top: 6px;
    text-align: right;
	min-height:0;
	margin-bottom:0;
}
.navbar-kaiseisha.date {
    position: absolute;
    right: 16px;
    z-index: 100;
    top: 50px;
}
.navbar-kaiseisha .navbar-collapse {
	padding-right:0;
}
ul#top-menu {
    border-right: 1px solid #666633;
}
ul#top-menu li a {
    float: left;
    padding: 0 6px 1px 6px;
    border-left: 1px solid #666633;
    line-height: 1.0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
    font-weight: bold;
    text-decoration: none;
    color: #666633;
    outline: none;
}
ul#top-menu li a:hover {
	color:#FF0000;
	background:none;
}
ul#top-menu li.current-category-ancestor a,
ul#top-menu li.current-post-ancestor a,
ul#top-menu li.current-page-ancestor a,
ul#top-menu li.active a {
    color: #FF0000;
}
.navbar-kaiseisha .navbar-toggle .icon-bar {
    background-color: #666633;
}
.navbar-toggle {
	background-color:#eee;
	margin:0;
}
.nav>li.menu-item-4207, .nav>li.menu-item-4208, .nav>li.menu-item-4209 {
	display:none;
}
.book-search {
	text-align:right;
	padding-right:15px;
}
img.catalog-download {
}
img.booksearch-button {
	margin-top:38px;
	cursor:pointer;
}
span.red {
    color: #FF0000;
}


/*///// Search Panel /////*/
#search-panel {
	width:85%;
	background-color: #fff;
    border-radius: 5px;
}
.home #search-panel {
	width:100%;
}
#search-panel .inner {
	padding:20px
}
#search-panel form input.text {
    background: #F4F4F4;
    border: 1px solid #B2B2B2;
    height: 20px;
    border-radius: 2px;
    width: 100%;
	margin-bottom:8px;
}
#search-panel form select {
	width: 100%;
    height: 20px;
    background: #F4F4F4;
    border: 1px solid #B2B2B2;
    border-radius: 2px;
	margin-bottom:8px;
}	
#search-panel .search-col {
}


/*///// FOOTER /////*/

.site-footer {
	margin-top:20px;
	background-image:url(images/line_footer.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.site-footer-inner {
	padding:20px 15px;
}
.site-footer-inner p {
	color: #666633;
    font-size: 0.925em;
    line-height: 1.4;
	margin-bottom:0;
}
.to-top {
	background:url(images/arr_top.png) no-repeat left;
	margin-top:30px;
	line-height:20px;
	text-indent:23px;
}
.to-top a {
	display:block;
	font-size:14px;
	font-weight:bold;
}

footer .navbar-kaiseisha {
	float:none;
}
ul#bottom-menu {
	padding-left:0;
}
ul#bottom-menu li {
    float: left;
	list-style:none;
}
ul#bottom-menu li a {
    padding: 0 6px 1px 6px;
    border-left: 1px solid #666633;
    line-height: 1.0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
    font-weight: bold;
    text-decoration: none;
    color: #666633;
    outline: none;
}
ul#bottom-menu li:last-child a,
ul#bottom-menu li.menu-item-56 a {
    border-right: 1px solid #666633;
}
ul#bottom-menu li a:hover {
	color:#FF0000;
	background:none;
}
ul#bottom-menu li.current-category-ancestor a,
ul#bottom-menu li.current-post-ancestor a,
ul#bottom-menu li.current-page-ancestor a,
ul#bottom-menu li.active a {
    color: #FF0000;
}
ul#bottom-menu li.menu-item-4207, ul#bottom-menu li.menu-item-4208, ul#bottom-menu li.menu-item-4209 {
	display:none;
}


/*///// FRONT PAGE /////*/

#main {
	margin-top:10px;
	position:relative;
}
.news-top {
    margin-bottom: 10px;
}
.news-top h2 {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
.news-top p {
	font-size:11px;
	font-weight:bold;
	text-align:right;
	margin-bottom:10px;
}
.line-news {
	width:100%;
	height:28px;
	background:url(images/line_news.png) no-repeat center;
}
ul.news-headlines {
	padding:0;
}
ul.news-headlines li {
	list-style:none;
	border-bottom:1px solid #D1C1AB;
	margin-bottom:10px;
}
ul.news-headlines li:last-child {
	border-bottom:none;
}
ul.news-headlines li a {
	display:block;
	padding-bottom:10px;
}

/* Slideshow */
#slideshow {
	margin-bottom:15px;
}
#carousel-example-generic {
	width:75%;
	float:left;
	max-height:220px;
	overflow:hidden;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-indicators {
	bottom:0px;
}


/* Slideshow Menu*/
#slideshow-menu {
	width:25%;
	float:right;
}
.slideshow-menu-button {
	position:relative;
	width:100%;
	height:70px;
	margin-bottom:5px;
	text-indent:30px;
	overflow:hidden;
}
.slideshow-menu-button a {
	display:block;
	line-height:70px;
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
	background-color:#fa4129;
	border-radius:0 5px 5px 0;
}
.slideshow-menu-button.back a {
	background-color:#00a39e;
}
.slideshow-menu-button.overseas {
	margin-bottom:0;
}
.slideshow-menu-button.overseas a {
	background-color:#cb9e30;
	margin-bottom:0;
}
.slideshow-menu-button .up-button {
	position:absolute;
	width:48px;
	height:33px;
	border-radius:6px;
	left:-28px;
	top:19px;
	z-index:10;
}
.slideshow-menu-button.new .up-button { border:#f57f50 2px solid; background-color:#fa4129; }
.slideshow-menu-button.back .up-button { border:#00cfcd 2px solid; background-color:#00a39e; }
.slideshow-menu-button.overseas .up-button { border:#e3cd47 2px solid; background-color:#cb9e30; }
.slideshow-menu-button:hover {
	overflow: visible;
}


/* Page Top */
header#page-top {
	margin-bottom:10px;
}
#top-title {
	width:85%;
	float:left;
}
#top-title h1.page-title {
	font-size:14px;
	line-height:30px;
	text-indent:15px;
	color:#fff;
	letter-spacing:1px;
	margin:0;
	background-color:#999967;
	border-radius:5px 5px 0 0;
}
#top-image {
	max-height:142px;
	overflow:hidden;
}
ul#top-image-menu {
	padding:0;
	margin:0;
}
ul#top-image-menu li {
	width:33%;
	margin-right:0.5%;
	float:left;
	list-style:none;
}
ul#top-image-menu li:last-child {
	margin-right:0;
}
ul#top-image-menu li span {
	font-size:10px;
}
ul#top-image-menu li a {
	display:block;
	text-align:center;
	line-height:30px;
	color:#fff;
	background-color:#999967;
	border-radius:0 0 5px 5px;
}
ul#top-image-menu li a:hover {
	color:yellow;
}
ul#top-image-menu li.current-menu-item  a {
	background-color: #666633;
	color:yellow;
}
.top-image-bottom {
	height:30px;
	background-color:#999967;
	border-radius:0 0 5px 5px;
}
.news-menu {
	position:relative;
}
.news-menu .empty-tab {
	position:absolute;
	right:0;
	top:0;
	width:33%;
	height:30px;
	background-color:#999967;
	border-radius:0 0 5px 5px;
}


/* Page Top Menu*/
#page-top-menu {
	width:15%;
	float:right;
	margin-top:30px;
}
.page-top-menu-button {
	position:relative;
	width:100%;
	margin-bottom:2px;
	text-indent:20px;
	overflow:hidden;
}
.page-top-menu-button a {
	display:block;
	line-height:46px;
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
	background-color:#fa4129;
	border-radius:0 5px 5px 0;
}
.page-top-menu-button.back a {
	background-color:#00a39e;
}
.page-top-menu-button.overseas a {
	background-color:#cb9e30;
	margin-bottom:0;
}
.page-top-menu-button .up-button {
	position:absolute;
	width:35px;
	height:24px;
	border-radius:6px;
	left:-20px;
	top:11px;
	z-index:10;
}
.page-top-menu-button.new .up-button { border:#f57f50 2px solid; background-color:#fa4129; }
.page-top-menu-button.back .up-button { border:#00cfcd 2px solid; background-color:#00a39e; }
.page-top-menu-button.overseas .up-button { border:#e3cd47 2px solid; background-color:#cb9e30; }
.page-top-menu-button:hover {
	overflow: visible;
}

#outside ul.side-navi {
    margin: 25px 0 0 0;
	padding:0;
    list-style: none;
    text-indent: -9999px;
}
#outside ul.side-navi li.authors a {
    display: block;
    width: 36px;
    height: 90px;
    background:url(images/top/top_authors.jpg) top left no-repeat;
}
#outside ul.side-navi li.authors a:hover {
	background-position: -36px;
}
#outside ul.side-navi li.illustrators a {
    display: block;
    width: 36px;
    height: 111px;
    background: url(images/top/top_illustrators.jpg) top left no-repeat;
}
#outside ul.side-navi li.illustrators a:hover {
	background-position: -36px;
}
#outside ul.side-navi li.photographers a {
    display: block;
    width: 36px;
    height: 137px;
    background: url(images/top/top_photographers.jpg) top left no-repeat;
}
#outside ul.side-navi li.photographers a:hover {
	background-position: -36px;
}








/*///// CONTENT /////*/
.content-navi {
	width:85%;
}
.content-navi .right {
	float:right;
}
.content-navi .left {
	float:left;
}
.pagination-title {
	width:80px;
	height:22px;
	float:left;
	border-radius:5px 5px 0 0;
	text-align:center;
	line-height:22px;
	color:#fff;
}
.backlist .pagination-title {
	background-color:#00A39E;
}
.overseas .pagination-title {
	background-color:#cb9e30;
}
.content-navi.bottom .pagination-title {
	border-radius:0 0 5px 5px;
}
.pagination-numbers {
	line-height:22px;
	float:left;
	margin-left:10px;
	font-size:11px;
}
span.page-numbers.current {
	font-weight:bold;
}
.backlist span.page-numbers.current {
	color:#00A39E;
}
.overseas span.page-numbers.current {
	color:#cb9e30;
}
.page-jump {
	text-align:right;
	line-height:22px;
	font-size:11px;
	color:#00A39E;
}
.backlist .page-jump {
	color:#00A39E;
}
.overseas .page-jump {
	color:#cb9e30;
}
.content-navi.bottom .page-jump {
	padding-top:2px;
}
.page-jump form {
	float:right;
	margin-left:5px;
}
.page-jump form select {
	width: 95px;
    height: 20px;
    background: #F4F4F4;
    border-radius: 2px;
	float:left;
}	
.backlist .page-jump form select {
    border: 1px solid #00A39E;
}
.overseas .page-jump form select {
    border: 1px solid #cb9e30;
}
.page-jump form button {
	width:30px;
    height: 20px;
    border-radius: 2px;
	border:none;
	float:right;
	padding:0;
	margin-left:5px;
	color:#fff;
	font-weight:bold;
}
.backlist .page-jump form button {
    background: #00A39E;
}
.overseas .page-jump form button {
    background: #cb9e30;
}

ul#creators-menu {
	margin:0;
	padding:0;
	width:106px;
}
ul#creators-menu li {
	margin:0 0 3px;
	padding:0;
	list-style:none;
}
ul#creators-menu li a {
	display:block;
	padding:15.5px 0;
	text-align:left;
	text-indent:5px;
	font-size:12px;
}
ul#creators-menu li#menu-item-4210 {
	background:url(images/navi_authors.jpg) no-repeat right;
}
ul#creators-menu li#menu-item-4211 {
	background:url(images/navi_illustrators.jpg) no-repeat right;
}
ul#creators-menu li#menu-item-4212 {
	background:url(images/navi_photographers.jpg) no-repeat right;
}
ul#creators-menu li#menu-item-4212 a {
	padding:14px 0 17px;
}
.page-jump.creator form {
	text-align: right;
    float: right;
    padding: 0px 0px;
}
.page-jump.creator form select {
	width:auto;
}
.page-jump.creator {
	color:#999967;
	height:22px;
	text-align:left;
}
.creator-list a.to-top {
	background:#eee;
	color:#663;
	font-size:11px;
	padding:3px 6px;
	border-radius:3px;
	text-align: right;	
}
.creator-list a.to-top:hover {
	background:#ccc;
}

.entry-content {
	background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    width: 85%;
	min-height: 160px;
}
.category-archive .entry-content,
.category-latest .entry-content,
.archive.date .entry-content {
	position:relative;
	min-height: inherit;
	margin-bottom:1.5em;
}
.category-archive .entry-content select,
.category-latest .entry-content select,
.archive.date .entry-content select {
	position:absolute;
	right:15px;
	top:6px;
	border:1px solid #999967;
	color:#999967;
}
.backlist .entry-content {
    border-radius: 0 5px 5px 0;
}
.backlist .entry-content.book-single {
    border-radius: 5px;
}
.entry-content h3.entry-title {
	margin:0 0 20px 0;
    padding: 5px 10px;
    background-color: #DFDFCC;
	border: 1px dashed #666633;
}
.category-archive .entry-content h3.entry-title,
.category-latest .entry-content h3.entry-title,
.archive.date .entry-content h3.entry-title {
	margin:0 0 20px 0;
    padding: 0;
    background-color: transparent;
	border: none;
}
.entry-content h2 {
	margin:0 0 10px 0;
    padding: 5px 10px;
    background-color: #DFDFCC;
	border: 1px dashed #666633;
}
.entry-content p.Date {
	font-weight:bold;
}
.entry-content img.KeyLine {
	display:block;
    border: 1px solid #D1C1AB;
	margin-right:10px;
}
article.category-news .entry-content table {
	width:100%;
	margin-bottom: 20px;
}
article.category-news .entry-content td {
    padding: 0 10px 10px 0;
}

/* News */
ul.news-images {
	width:102%;
	padding:0;
	margin-top:15px;
}
ul.news-books {
	width:100%;
	padding:0;
	border-left:1px #eee solid;
	margin-top:15px;
}
ul.news-images li {
    width: 18.8%;
    float: left;
    list-style: none;
    margin: 0 1% 1% 0;
}
ul.news-books li {
	width:25%;
	float:left;
	padding:9px 9px 9px 10px;
	list-style:none;
	border:1px #eee solid;
	margin-top:-1px;
	margin-left:-1px;
}
ul.news-books li.landscape {
	width:50%;
}
ul.news-books li .news-books-image {
	height:100%;
	text-align:center;
}
ul.news-books li .news-books-image.desc {
	height:130px;
	text-align:center;
}
ul.news-books li img {
	max-height:100%;
	max-width:100%;
    border: 1px solid #D1C1AB;
}
ul.news-books li .news-books-desc {
	margin-top:3px;
	font-size:11px;
	line-height:1.2;
}
ul.news-books li .news-books-desc h3 {
	font-size: 11px;
    letter-spacing: 0px;
	margin: 0 0 5px;
}
.list {
    overflow: hidden; /* just clearing floats */
}
.list__item {
	width: 25%; /* 4 items per row */
	float: left;
}


/* News Latest Category */
ul.news-latest,
ul.news-archive {
	padding:0;
	margin-left:-5px;
	margin-right:-5px;
}
ul.news-latest li {
	list-style:none;
	width:50%;
	float:left;
	padding:5px;
}
ul.news-latest li .inner {
	border:1px solid #eee;
	padding:15px 15px 5px;
}
ul.news-latest li h2.page-title {
	margin-top:0;
	font-size:16px;
	background-color:transparent;
	padding:0;
	border: none;
}
ul.news-latest li .inner img.thumbnail {
	max-width:40%;
	max-height:120px;
	float:right;
	margin:0 0 5px 10px;
	border-radius:0;
}



ul.news-latest li.news-archive {
	float:none;
	width:100%;
}
ul.news-latest li.news-archive.old {
	float:left;
	width:50%;
}
ul.news-latest li.news-archive a {
	display:block;
}
ul.news-latest li.news-archive a .inner {
	display:block;
	border:1px solid #eee;
	padding:8px 10px;
}
ul.news-latest li.news-archive a:hover .inner {
	border:1px solid #ccc;
}
ul.news-latest li.news-archive .inner h2 {
	font-size:14px;
	margin-bottom:5px;
}
ul.news-latest li.news-archive.old .inner h2,
ul.news-latest li.news-archive .inner p {
	margin-bottom:0;
}
ul.news-latest li.news-archive .inner p {
	font-size:12px;
	font-weight:normal;
}



ul.news-archive li {
	list-style:none;
	width:33.33333%;
	float:left;
	padding:5px;
}
ul.news-archive li .inner {
}
ul.news-archive li .inner a {
	border:1px solid #eee;
	display:block;
	padding:5px 8px;
	font-size:14px;
}
ul.news-archive li .inner a:hover {
	border:1px solid #ccc;
}

.archive.date article.category-old h2.TopItem {
	margin-top:0;
}
ul.recent-news {
	padding-left:0;
}
ul.recent-news li {
	list-style:none;
	margin:4px 0;
	line-height:1.2;
	background:url(images/bg_list.jpg) no-repeat left 2px;
	padding-left:15px;
}


/* About Us */
.BookBox {
	float:left;
	width:50%;
	margin-bottom:20px;
}
.BookBox.Long {
	width:100%;
}
.BookBox .Image {
	float:left;
	width:35%;
}
.BookBox.Long .Image {
	width:17.5%;
}
.BookBox .Image img {
	border:1px solid #D1C1AB;
}
.BookBox .Description {
	float:left;
	width:65%;
	padding:0 5% 0 3%;
}
.BookBox.Long .Description {
	width:82.5%;
	padding:0 2.5% 0 1.5%;
}
.AboutBox h4 {
	margin:0 0 10px;
	padding-bottom:2px;
	border-bottom:1px dotted #999967;
	font-size:18px;
	font-weight:normal;
	color:#999967;
	line-height:1.2;
}
.AboutBox h4 span {
	font-size:16px;
}

/* Contact Us */
.contact-form {
	margin-top:20px;
	padding:20px 30px;
	background-color:#fafafa;
}
.contact-form .form-row {
	margin-bottom:10px;
}
.contact-form input,
.contact-form textarea {
	width:100%;
}
.contact-form input.wpcf7-submit {
	width:100px;
}
.contact-form div.left {
	text-align:right;
}
.address textarea {
	height:50px !important;
}






/*///// Book Pages /////*/

.main-content.books ul#top-image-menu li {
 	width: 33%;
    margin-right: 0.5%;
}
.main-content.books ul#top-image-menu li:last-child {
	margin-right:0;
}
ul.booklist {
    padding: 0;
    margin-left: -5px;
    margin-right: -5px;
}
ul.booklist li {
    list-style: none;
    width: 50%;
    float: left;
    padding: 5px;
}
ul.booklist li .inner {
    height: 220px;
}
.coverimage {
	width:35%;
	float:left;
}
.details {
	width:62%;
	float:right;
	margin-left:3%;
}
.coverimage img {
    border: 1px solid #ddd;
	max-width: 100%;
}
.details h2 {
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px 0;
	line-height:1.2;
    padding: 0;
    background-color: transparent;
	border:none;
}
.details h4 {
	font-size:12px;
	font-weight:normal;
	margin:0 0 2px 0;
	line-height:1.2;
}
ul.rights-sold {
	margin:0;
	padding:0;
}
ul.rights-sold li {
	float:left;
	list-style:none;
	margin-right:3px;
}
ul.rights-sold li:after {
    content:", ";
}
ul.rights-sold li:nth-last-child(2):after {
	content:" and";
}
ul.rights-sold li:last-child:after {
    content:"";
}



.book-single .details h2,
.creator-single .details h2 {
	font-size:14px;
	font-weight:bold;
}
.creator-single .details h2 {
	margin-bottom:10px;
}

.creator-image {
	width:102px;
	float:left;
}
.creator-works {
	width:416px;
	float:right;
	padding-left:70px;
}
.creator-works.creators {
	width:100%;
	float:none;
	padding-left:70px;
}
.creator-works.auther-books {
	background:url(images/related_products.jpg) no-repeat 0 0;
}
.creator-image img {
    border: 1px solid #ddd;
	max-width: 100%;
}
.creator-image h4 {
	font-size:12px;
	font-weight:normal;
	margin:2px 0 5px 0;
	line-height:1.2;
}
h3.title-series {
    margin: 0 0 15px 0;
    background-color: #666633;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    padding: 2px 0;
}
ul.related-creators {
	margin:0;
	padding:0;
}
ul.related-creators li {
	margin: 0;
    padding: 0;
    list-style: none;
}
ul.related-books {
	margin:0;
	padding:0;
	width:363px;
}
.creator-works.creators ul.related-books {
	width:100%;
}
ul.related-books li {
	margin: 0 0 10px;
    padding: 0;
    list-style: none;
    width: 103px;
    float: left;
    margin-right: 18px;
	height:180px;
}
ul.related-books li img {
    border: 1px solid #ddd;
	max-width: 100%;
}
ul.related-books li h4 {
	font-size:11px;
	font-weight:normal;
	margin:3px 0 4px;
	line-height:1.1;
}
.auther-works-title {
	display:none;
}



/* Backlist */
.main-content.books.backlist #top-title h1.page-title {
	background-color:#00A39E;
}
.main-content.books.backlist ul#top-image-menu li a {
	background-color:#00A39E;
}
.main-content.books.backlist ul#top-image-menu li.current-menu-item a {
	background-color:#007470;
	color:yellow;
}

/* New Titles */
.main-content.books.new-titles #top-title h1.page-title {
	background-color:#FC4128;
}
.main-content.books.new-titles ul#top-image-menu li a {
	background-color:#FC4128;
}
.main-content.books.new-titles ul#top-image-menu li.current-menu-item a {
	background-color:#D40000;
	color:yellow;
}

/* Overseas */
.main-content.books.overseas #top-title h1.page-title {
	background-color:#CB9E30;
}
.main-content.books.overseas ul#top-image-menu li a {
	background-color:#CB9E30;
}
.main-content.books.overseas ul#top-image-menu li.current-menu-item a {
	background-color:#aa7900;
	color:yellow;
}

ul.country-list {
	padding:0;
	margin:0;
	border:1px dashed #CD9F2F;
	margin-bottom:15px;
}
ul.country-list h2 {
	margin-bottom:5px;
	padding:10px 15px 5px;
	font-size:14px;
	background:none;
	border:none;
}
ul.country-list li {
	list-style:none;
	float:left;
	width:80px;
	margin:0 0px 10px 0;
	text-align:center;
}
ul.country-list li h3 {
	font-size:12px;
	font-weight:normal;
	margin:2px 0 0 0;
	letter-spacing:0;
}
ul.country-list li img {
	width:40px;
	height:27px;
	border:1px solid #eee;
}


/*///// Creator Pages /////*/

ul.creatorlist {
    padding: 0;
    margin-left: -5px;
    margin-right: -5px;
}
ul.creatorlist li {
    list-style: none;
    width: 97px;
    float: left;
    padding: 5px;
}
ul.creatorlist li .inner {
    height: 160px;
}
ul.creatorlist li h4 {
	font-size:12px;
	font-weight:normal;
}
ul.creatorlist li img {
	width:87px;
	height:105px;
	
}

ul.creator-url {
	margin:0;
	padding:0;
}
ul.creator-url li {
	list-style:none;
	margin-left:0;
}
ul.creator-url li a {
	font-weight:bold;
}


.entry-content.creator-list h2 {
	text-transform: uppercase;
    background: #fff url(images/line_creators.png) no-repeat left bottom;
    height: 40px;
    padding: 0;
    font-size: 14px;
    text-indent: 10px;
	border:none;
}
.entry-content.creator-list ul {
	padding-left:20px;
}
.entry-content.creator-list li {
	width:50%;
	float:left;
}











/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	border:1px solid #eee;
	max-width: 250px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	border:1px solid #eee;
	max-width: 250px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
}
img[class*="wp-image-"] {
	margin-top: 0px;
	margin-bottom: 10px;
}
.wp-caption {
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 0;
}
.hentry {
	margin: 0;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.Clear, .clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}







@media (max-width: 767px) {

.container {
		margin:0px auto 50px;
}


/*///// HEADER /////*/

.navbar-kaiseisha {
	float: none;
    width: auto;
    padding-top: 6px;
    text-align: left;
	min-height:0;
	margin-bottom:0px;
}
#main .navbar-kaiseisha {
	display:none;
}
.navbar-kaiseisha .navbar-collapse {
	padding-right:15px;
}
ul#top-menu {
    border-right: none;
	margin-bottom:0;
    border-bottom: 1px solid #D1C1AB;
}
ul#top-menu li a {
    float: none;
	text-indent:10px;
    border-left: none;
    border-top: 1px solid #D1C1AB;
    line-height: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
    font-weight: bold;
    text-decoration: none;
    color: #666633;
    outline: none;
}
.nav>li.menu-item-4207, .nav>li.menu-item-4208, .nav>li.menu-item-4209 {
	display:block;
}

.japanese {
	top:22px;
}
img.catalog-download {
	width: 140px;
}


h1.site-title {
	float:none;
    margin: 8px auto 0;
    background: url(images/title.jpg) top center no-repeat;
}
.book-search {
	text-align:center;
	margin-top:10px;
}
img.booksearch-button {
	width: 140px;
	margin-top:33px;
}

#outside {
	display:none;
}

#search-panel {
    width: 100%;
}
.content-navi {
    width: 100%;
}
.bottom .content-navi .right {
	margin-top:5px;
}

/*///// FOOTER /////*/

.site-footer-inner p {
	text-align:center;
}
.to-top {
	width:55px;
	margin:30px auto 0;
}
ul#bottom-menu {
	width:220px;
	margin:0 auto 10px;
}


/*///// FRONT PAGE /////*/

.news-top h2 {
	text-align:center;
	margin-bottom:5px;
}
.news-top p {
	text-align:center;
	margin-bottom:5px;
}
.news-top.about-us {
	margin-top:15px;
}

/* Slideshow */
#slideshow {
	margin-bottom:30px;
}
#carousel-example-generic {
	width:100%;
	max-height:270px;
	overflow:auto;
}
#carousel-example-generic img.slide-image {
	width:100%;
}
	
/* Slideshow Menu*/
#slideshow-menu {
	width:100%;
	float:none;
}
.slideshow-menu-button {
	width:32.6666666666667%;
	float:left;
	height:30px;
	margin-right:1%;
	margin-bottom:0;
}
.slideshow-menu-button a {
	display:block;
	line-height:30px;
	text-align:center;
	text-indent:0;
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
	background-color:#fa4129;
	border-radius:5px 5px 0 0;
}
.slideshow-menu-button.back a {
	background-color:#00a39e;
}
.slideshow-menu-button.overseas a {
	background-color:#cb9e30;
}
.slideshow-menu-button.overseas {
	margin-right:0;
}
.slideshow-menu-button .up-button {
	display:none;
}
.slideshow-menu-button.new a:hover { background-color:#FF5F46 }
.slideshow-menu-button.back a:hover { background-color:#1EC2BC }
.slideshow-menu-button.overseas a:hover { background-color:#EBBD4D }

/* Page Top */
header#page-top {
	margin-bottom:15px;
}
#top-title {
	width:100%;
	float:none;
}
#top-title h1.page-title {
	font-size:12px;
	line-height:26px;
	text-align:center;
	text-indent:0;
}
#top-image {
	max-height:142px;
	overflow:hidden;
}
#top-image img {
	width:100%;
}
#top-title .navbar-header {
	padding:0;
	background-color:#999967;
	border-radius:0 0 5px 5px;
}
.backlist #top-title .navbar-header {
	background-color:#00A39E;
}
.new-titles #top-title .navbar-header {
	background-color:#FC4128;
}
.overseas #top-title .navbar-header {
	background-color:#CB9E30;
}
#top-title .navbar-header button.navbar-toggle {
	float: none;
	width:100%;
	line-height:24px;
	padding:0;
	color:#fff;
	background-color:#999967;
	border-radius:0 0 5px 5px;
}
.backlist #top-title .navbar-header button.navbar-toggle {
	background-color:#00A39E;
}
.new-titles #top-title .navbar-header button.navbar-toggle {
	background-color:#FC4128;
}
.overseas #top-title .navbar-header button.navbar-toggle {
	background-color:#CB9E30;
}
#top-title .navbar-header button.navbar-toggle:hover {
	color:yellow;
}
ul#top-image-menu {
	padding:0;
	margin:0;
}
.main-content.books ul#top-image-menu li,
ul#top-image-menu li {
	width:100%;
	margin-right:0.5%;
	float:none;
	list-style:none;
	border-top:#b9b985 1px solid;
}
.main-content.books.backlist ul#top-image-menu li {
	border-top: #00dfd8 1px solid;
}
.main-content.books.new-titles ul#top-image-menu li {
	border-top: #fd7462 1px solid;
}
.main-content.books.overseas ul#top-image-menu li {
	border-top: #dcbd71 1px solid;
}
ul#top-image-menu li a {
	display:block;
	text-align:center;
	line-height:24px;
	color:#fff;
	background-color:#999967;
	border-radius:0;
}
ul#top-image-menu li:last-child a {
	border-radius:0 0 5px 5px;
}
.top-image-bottom {
	height:26px;
}
.news-menu .empty-tab {
	display:none;
}

/* Page Top Menu*/
#page-top-menu {
	width:100%;
	float:none;
	margin:0 0 15px 0;
}
.page-top-menu-button {
	width:32.6666666666667%;
	float:left;
	margin-right:1%;
	margin-bottom:0;
}
.page-top-menu-button a {
	display:block;
	line-height:24px;
	text-align:center;
	text-indent:0;
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
	background-color:#fa4129;
	border-radius:5px;
}
.page-top-menu-button.back a {
	background-color:#00a39e;
}
.page-top-menu-button.overseas a {
	background-color:#cb9e30;
}
.page-top-menu-button.overseas {
	margin-right:0;
}
.page-top-menu-button .up-button {
	display:none;
}
.page-top-menu-button.new a:hover { background-color:#FF5F46 }
.page-top-menu-button.back a:hover { background-color:#1EC2BC }
.page-top-menu-button.overseas a:hover { background-color:#EBBD4D }

ul#creators-menu {
	display:none;
}

/*///// CONTENT /////*/

.entry-content {
    padding: 15px;
    width: 100%;
}
ul.news-images li {
    width: 23.8%;
}
ul.news-books li {
	width:33.33333%;
}
ul.news-books li.landscape {
	width:66.66667%;
}
ul.news-archive li {
	width:50%;
}
.contact-form div.left {
	text-align:left;
	margin-bottom:5px;
}
.contact-form {
	padding:20px;
}

ul.booklist li .inner {
    height: 240px;
}


}



@media (max-width: 480px) {

/*///// CONTENT /////*/
.panel.content {
	padding: 15px 10px 0 30px;
}
h1.site-title {
    background: url(images/title.jpg) top center no-repeat;
	background-size:90%;
}
ul.news-books li {
	width:50%;
}
ul.news-books li.landscape {
	width:100%;
}
ul.news-latest li {
	width:100%;
}
ul.news-latest li .inner {
	height:auto !important;
}
ul.news-latest li.news-archive.old {
	float:none;
	width:100%;
}
ul.news-archive li {
	float:none;
	width:100%;
}
.BookBox {
	width:100%;
}
.BookBox.Long .Image {
	float:left;
	width:35%;
}
.BookBox.Long .Description {
	float:left;
	width:65%;
	padding:0 5% 0 3%;
}

ul.booklist li {
    list-style: none;
    width: 100%;
    float: none;
    padding: 5px;
}
ul.booklist li .inner {
    height: auto;
}
.content-navi .right {
	float:left;
	margin-bottom:5px;
}
.content-navi .right.creator {
	float:right;
}
.entry-content.creator-list li {
	width:100%;
	float:none;
}

	
/* Alignment */
.alignleft {
	width: 180px;
}
.alignright {
	width: 180px;
}
.aligncenter {
	width: 100%;
	height: auto;
}
	
	
	
}


@media (max-width: 660px) {

.creator-image {
	width:100%;
	float:none;
}
ul.related-creators {
	margin:0;
	padding:0;
	width:107.6%;
}
ul.related-creators li {
	margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
	width:27%;
	float:left;
	margin-right:6%;
	height:180px;
}
.creator-image img {
    border: 1px solid #ddd;
}
.creator-image h4 {
	font-size:12px;
	font-weight:normal;
	margin:2px 0 5px 0;
	line-height:1.2;
}



.creator-works {
	width:100%;
	float:none;
	padding-left:0;
}
.creator-works.auther-books {
	background:none;
}
.creator-works.creators {
    padding-left: 0;
}
h3.title-series {
    margin: 0 0 15px 0;
    background-color: #666633;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    padding: 2px 0;
}
ul.related-books {
	margin:0;
	padding:0;
	width:107.6%;
}
.creator-works.creators ul.related-books {
	width:104%;
}
ul.related-books li {
	margin: 0 0 10px;
    padding: 0;
    list-style: none;
    width: 96px;
    float: left;
    margin-right: 10px;
	height:150px;
}
ul.related-books li img {
    border: 1px solid #ddd;
}
ul.related-books li h4 {
	font-size:11px;
	font-weight:normal;
	margin:3px 0 4px;
	line-height:1.1;
}
.auther-works-title {
	display:block;
}
}
 
@media (max-width: 768px) {
	.contact-mobile {
		position: absolute;
		right: 70px;
    	top: 1px;
		z-index: 10;
	}
	.contact-mobile a {
		display: block;
		width: 152px;
		height: 46px;
		background-image: url(images/top/contact-us-mobile.jpg);
	}
	ul.creator-menu-mobile {
		padding: 0 15px;
    	margin: 10px auto 0;
	}
	ul.creator-menu-mobile li {
		list-style: none;
		float: left;
		width: 33.33333%;
		text-align: center;
		border-right: 3px solid #999967;
	}
	ul.creator-menu-mobile li:first-child {
		border-left: 3px solid #999967;
	}	
	ul.creator-menu-mobile li a {
		display: block;
		line-height: 20px;
	}
}

@media (min-width: 768px) {
	.contact-mobile,
	ul.creator-menu-mobile {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

.panel.content {
	width:690px;
	float:left;
}
#outside {
	position: absolute;
	width:52px;
	left:705px;
}
#outside .contact {
	text-indent: -9999px;
}
#outside .contact a {
	display: block;
    margin-bottom: 17px;
    width: 52px;
    height: 238px;
    background-image: url(images/contact_us.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
}
	nav.site-navigation {
		width: 690px;
	}

/*///// FRONT PAGE /////*/

/* Slideshow */
#slideshow {
	margin-bottom:30px;
}
#carousel-example-generic {
	max-height:196px;
	overflow:hidden;
}

/* Slideshow Menu*/
.slideshow-menu-button {
	height:60px;
	margin-bottom:4px;
}
.slideshow-menu-button a {
	line-height:60px;
}
.slideshow-menu-button .up-button {
	width:48px;
	height:33px;
	top:15px;
}

/* Page Top */
/*
#top-image {
	max-height:124px;
}
*/
/* Page Top Menu */
.page-top-menu-button a {
	line-height:40px;
}
.page-top-menu-button .up-button {
	width:30px;
	height:20px;
	left:-15px;
	top:10px;
}
#top-title .navbar-header {
	float:none;
}

ul#creators-menu {
	width:90px;
}
ul#creators-menu li a {
	font-size:11px;
}

ul.booklist li .inner {
    height: 220px;
}

.creator-works {
    width: 400px;
}
ul.related-books {
    width: 345px;
}
ul.related-books li {
	width: 96.5px;
    margin-right: 12px;
}

	.page-top-menu-button a {
		line-height: 38px;
	}
	.page-top-menu-button {
		margin-bottom:3px;
	}



}





@media (min-width: 992px) {

.panel.content {
	width:800px;
	float:left;
}
#outside {
	width:72px;
	float:right;
}
#outside .contact {
	text-indent: -9999px;
}
#outside .contact a {
	display: block;
    margin-bottom: 17px;
    width: 72px;
    height: 238px;
    background: url(images/contact_us.jpg) top left no-repeat;
}

#top-title .navbar-header {
	float:none;
}

}

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
	display: block;
}
*/