@charset "utf-8";
/*
Theme Name: くろしお出版
Theme URI: https://www.9640.jp
Description: www.9640.jp
Version: 1.0
Author: www.9640.jp
Author URI: www.9640.jp
Tags: Original
*/



/* default
-----------------------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;

	color:#000000;
	font-family:"メイリオ", Meiryo, HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P ゴシック", verdana, sans-serif;

	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

input, select, textarea {
	font-family:"メイリオ", Meiryo, HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P ゴシック", verdana, sans-serif;
}

img {
	border:0;
	display : block;
	margin: 0;
	padding: 0;
}

a:link {
	color:#004F99;
}
a:visited {
	color:#004F99;
}
a:active {
	color:#004F99;
}
a:hover {
	text-decoration:none;
}



/* header
-----------------------------------------------------------------------------------------*/
header#header {
	position:fixed;
	z-index:100;

	background: url(./images/background.png) top center repeat-x;

	margin: 0;
	padding: 0;

	width:100%;
	height:130px;
}
header#header div {
	position:relative;

	margin: 0 auto;
	padding: 0;

	width:1000px;
	height:130px;
}
header#header div h1 {
	position:absolute;
	left:0;
	top:10px;

	margin: 0;
	padding: 0;

	font-size:0.8em;
}
header#header div h1 a {
	color:#333333;
}
header#header div h1 a:hover {
	color:#666666;
}
header#header div h1 a img {
	display:inline;
	vertical-align:top;
}
header#header div h1 span {
	display:inline-block;

	margin: 0;
	padding: 10px 0 0 16px;

	font-size:0.9em;
	line-height: 260%;
	font-weight:normal;

	vertical-align:top;
}
header#header div h1 span strong {
	display:block;
	font-size:2em;
}
header#header div nav {
	display:block;
}
header#header div nav > ul {
	position:absolute;
	left:0;
	top:75px;

	margin: 0;
	padding: 0;

	width:100%;

	font-size:1.0em;

	text-align:left;
}
header#header div nav > ul > li {
	display:inline-block;
	position:relative;
	margin: 0;
	padding: 0 60px 0 0;

	vertical-align:top;
}
header#header div nav > ul > li:last-child {
	padding: 0;
}
header#header div nav > ul > li > a {
	display:block;

	margin: 0;
	padding: 16px 0 0 0;

	height:38px;

	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
header#header div nav > ul > li:hover > a {
	color:#E3F2FF;
}
header#header div nav > ul > li > ul {
	display:none;

	position:absolute;
	left:-1px;
	top:54px;

	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;

	margin: 0;
	padding: 0;

	list-style:none;
}
header#header div nav > ul > li > ul > li {
	border-top:1px solid #eeeeee;

	margin: 0;
	padding: 0;

	min-width:240px;

	font-size:0.8em;
}
header#header div nav > ul > li > ul > li a {
	display : block;

	background: #fafafa;

	margin: 0;
	padding: 10px 16px;

	color:#333333;
	line-height: 100%;
	text-align : left;
	text-decoration:none;
	font-weight:normal;
}
header#header div nav > ul > li > ul > li a:hover {
	background: #eeeeee;
}
header#header div form {
	position:absolute;
	right:0;
	top:20px;

	margin: 0;
	padding: 0;

	text-align : right;
}
header#header div form select,
header#header div form input[type=text] {
	border:1px solid #DDDDDD;

	margin: 0 4px 0 0;
	padding: 4px;

	width: 240px;

	font-size:15px;
}
header#header div form select {
	width: auto;
}
header#header div form select,
header#header div form input {
	vertical-align:middle;
}
header#header div form p {
	margin: 0 30px 0 0;
	padding: 0;
}
header#header div form p a {
	display:inline-block;
	background:#004F99;
	border-radius:6px;

	margin: 0 0 4px 12px;
	padding: 2px 8px;

	font-size:0.8em;
	color:#ffffff;
	text-decoration:none;
}
header#header div form p a:hover {
	color:#E3F2FF;
}
header#header div p.button {
	display:none;

	margin: 0;
	padding: 0;
}
@media screen and (max-width: 1040px){
	header#header {
		left:0;
		margin: 0;
		padding: 0;
		width:100%;
		height:75px;
	}
	header#header div {
		left:0;
		margin: 0;
		padding: 0;
		width:100%;
		height:75px;
	}
	header#header div h1 {
		left:10px;

		margin: 0;
		padding: 0;
	}
	header#header div h1 img {
		height:48px;
	}
	header#header div h1 span {
		padding:6px 0 0 10px;
	}
	header#header div nav {
		position:absolute;
		left:0;
		top:75px;

		background-color:#004F99;

		display:none;

		overflow:auto;
		width:100%;
	}
	header#header div nav > ul {
		position:static;

		background:none;

		margin: 0;
		padding: 0;

		font-size:1.2em;
		line-height: 100%;
		text-align : center;

		list-style:none;
	}
	header#header div nav > ul > li {
		border-bottom:1px solid #cccccc;
		display:block;
		position:static;
		margin: 0;
		padding: 0;
		cursor:pointer;
	}
	header#header div nav > ul > li > a {
		display:block;

		border:0;
		background:none;

		margin: 0;
		padding: 20px 0;

		height:auto;

		font-weight:normal;
	}
	header#header div nav > ul > li:hover > a {
		border:0;
	}
	header#header div nav > ul > li.parent {
		background: url(./images/navigation_bg01.png) top right no-repeat;
	}
	header#header div nav > ul > li.parent.open {
		background: url(./images/navigation_bg02.png) top right no-repeat;
	}
	header#header div nav > ul > li.parent > a {
		padding-left:40px;
		width : calc(100% - 80px) ;
		font-weight:normal;
	}
	header#header div nav > ul > li > ul {
		position:static;

		border:0;
	}
	header#header div nav > ul > li > ul > li {
		border-top:1px solid #eeeeee;

		margin: 0;
		padding: 0;

		min-width:200px;
	}
	header#header div nav > ul > li > ul > li a {
		display : block;

		background: #fafafa;

		margin: 0;
		padding: 10px 16px;

		color:#333333;
		line-height: 100%;
		text-align : left;
		text-decoration:none;
	}
	header#header div nav > ul > li > ul > li a:hover {
		background: #eeeeee;
	}
	header#header div form {
background:#eeeeee;
		position:static;

		padding: 10px;

		text-align : center;
	}
	header#header div form p a {
		font-size:1.2em;
	}
	header#header div p.button {
		display:block;

		position:absolute;
		right:20px;
		top:0;

		margin: 0;
		padding: 0;

		width:48px;
		height:48px;
	}
}



/* contents
-----------------------------------------------------------------------------------------*/
#indexnavi {
	display : block;
	background:#E3F2FF;

	padding: 130px 0 0 0;
}
#indexnavi > div {
	margin: 0 auto;
}
section#index {
	display : block;
	margin: 0 auto;
	padding: 0 0 120px 0;
	width:100%;
	max-width:1040px;
	text-align:center;
}
section#second {
	display : block;
	margin: 0;
	padding: 130px 0 0 0;
	width:100%;
}
section#second header {
	display : table;
	margin: 0 0 60px 0;
	padding: 0;
	width:100%;
}
section#second header h1 {
	background:#E3F2FF;

	margin: 0;
	padding: 36px 0 24px 0;

	width:100%;

	font-size:2.0em;
	color:#333333;
	line-height: 100%;
	/*font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;*/
	vertical-align:middle;
	font-weight:normal;
}
section#second header h1 span {
	display : block;
	margin: 0 auto;
	padding: 0 10px;
	max-width:1000px;
}
@media screen and (max-width: 1040px){
	#indexnavi,
	section#second {
		padding: 75px 0 0 0;
	}
}
@media screen and (max-width: 640px){
	section#second header h1{
		padding: 24px 0 12px 0;
		font-size:1.6em;
	}
}



/* breadcrumb, footer
-----------------------------------------------------------------------------------------*/
ol.breadcrumb {
	margin: 120px auto 0 auto;
	padding: 0 20px;

	width:calc(100% - 40px);
	max-width:1000px;

	font-size:0.9em;
	color:#333333;
	line-height: 100%;
	text-align : left;

	list-style:none;
}
ol.breadcrumb li {
	display:inline-block;

	background: url(./images/breadcrumb.svg) 6px center no-repeat;

	margin: 0;
	padding: 0 0 0 20px;
}
ol.breadcrumb li:first-child {
	background: none;
	padding: 0;
}
ol.breadcrumb li a {
	color:#333333;
}

footer#footer {
	background:#dddddd;

	margin: 10px 0 0 0;
	padding: 0;
}
footer#footer ul {
	margin: 0;
	padding: 10px 0 0 0;

	font-size:0.9em;
	color:#333333;
	line-height: 100%;
	text-align : center;
}
footer#footer ul li {
	display:inline-block;
	border-left:1px solid #333333;
	margin: 0;
	padding: 0 10px;
}
footer#footer ul li:first-child {
	border-left:0;
}
footer#footer p.contact {
	margin: 0;
	padding: 10px 0 0 0;

	font-size:0.9em;
	color:#333333;
	line-height: 180%;
	text-align : center;
}
footer#footer p.contact strong {
	font-size:1.6em;
	color:#ffffff;
	line-height: 180%;
}
footer#footer p.contact span {
	display:inline-block;
	background:#D0C4B3;

	margin: 0;
	padding: 8px 20px;

	font-size:0.8em;
	color:#333333;
	text-decoration:none;
	line-height: 140%;
}
footer#footer p.copyright {
	margin: 0;
	padding: 10px 0 0 0;

	width:100%;

	font-size:0.9em;
	color:#333333;
	line-height: 100%;
	text-align : center;
	text-decoration:none;
}
#gotop {
	position:fixed;
	right:4px;
	bottom:150px;

	display:none;

	margin: 0;
	padding: 0;
}



/* editarea
-----------------------------------------------------------------------------------------*/
div.edit_area {
	margin: 0 auto;
	padding: 0 20px;

	width:calc(100% - 40px);
	max-width:1000px;

	font-size:0.9em;
}
div.edit_area h1,
div.edit_area h2 {
	margin: 96px 0 48px 0;
	padding: 0;

	font-size:1.8em;
	color:#333333;
	/*font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;*/
	line-height: 140%;
	text-align : center;
	font-weight:normal;
}
div.edit_area h3 {
	border-bottom:1px solid #333333;

	margin: 60px 0 36px 0;
	padding: 0 0 4px 0;

	font-size:1.4em;
	color:#333333;
	line-height: 140%;
	text-align : left;
}
div.edit_area h4 {
	margin: 54px 0 36px 0;
	padding: 0;

	font-size:1.2em;
	color:#333333;
	line-height: 140%;
	text-align : left;
}
div.edit_area h5,
div.edit_area h6 {
	margin: 48px 0 24px 0;
	padding: 0;

	font-size:1.1em;
	color:#333333;
	line-height: 140%;
	text-align : left;
	font-weight:normal;
}

div.edit_area > ol {
	margin:  0 0 48px 20px;
	padding: 0 0 0 20px;
}
div.edit_area > ul {
	margin:  0 0 48px 26px;
	padding: 0;
}

div.edit_area ul {
	list-style-type: disc;
}
div.edit_area > ul ul,
div.edit_area > ol ul {
	margin-left:26px;
	padding: 0;
}
div.edit_area > ol li {
	margin:  8px 0 0 0;
	padding: 0;

	line-height: 160%;
}
div.edit_area > ul li {
	margin:  8px 0 0 10px;
	padding: 0 0 0 4px;

	line-height: 160%;
}

div.edit_area > dl {
	margin: 0 0 32px 0;
	padding: 0;
}
div.edit_area > dl dt {
	margin:  0 0 4px 0;
	padding: 0;

	font-weight:bold;
}
div.edit_area > dl dd {
	margin:  0;
	padding: 0 0 12px 0;
}
div.edit_area ul.news_list {
	margin:  0;
	padding: 0;
	list-style:none;
}
div.edit_area ul.news_list li {
	margin:  0;
	padding: 0 0 12px 0;

	text-align:left;
}
div.edit_area ul li b.tag,
div.edit_area ul.news_list li b {
	display:inline-block;
	background:#004F99;
	margin:  0 4px;
	padding: 4px 0;
	min-width:80px;
	font-size:0.9em;
	color:#ffffff;
	text-align:center;
	line-height: 100%;
	font-weight:normal;
}

div.edit_area table {
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;

	border-spacing:0;

	margin: 0 auto 48px auto;
	padding: 0;

	color: #333333;
	line-height: 140%;
	text-align : left;
}
div.edit_area table th {
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	background:#E3F2FF;

	margin:  0;
	padding: 6px 6px;

	vertical-align:top;

	font-weight:normal;
}
div.edit_area table td {
	background: #ffffff;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;

	margin:  0;
	padding: 6px 6px;

	vertical-align:top;
}
div.edit_area table td ul {
	margin:  0;
	padding: 0 0 0 16px;
}

div.edit_area blockquote {
	background-color: #EFEFEF;

	margin: 0 0 24px 0;
	padding: 16px 16px 0 16px;
}
div.edit_area blockquote p {
	margin: 0;
	padding: 0 0 16px 0;
}
div.edit_area blockquote p:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
div.edit_area blockquote ul,
div.edit_area blockquote ol {
	padding-bottom: 16px;
}
div.edit_area p {
	margin: 0 0 32px 0;
	padding: 0;

	color:#333333;
	line-height: 180%;
	text-align : left;
}
div.edit_area p:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
div.edit_area em {
	background:#ffffcc;
}

div.edit_area ul.book_list {
	margin: 0;
	padding: 0;

	list-style:none;
}
div.edit_area ul.book_list li {
	border-bottom:1px dashed #999999;

	margin: 0 0 20px 0;
	padding: 0 0 20px 0;

	width:100%;
}
div.edit_area ul.book_list li a {
	display : block;

	margin: 0;
	padding: 0;

	color:#333333;
	text-decoration:none;
}
div.edit_area ul.book_list li a:hover p {
	color:#004F99;
}
div.edit_area ul.book_list li a:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
div.edit_area ul.book_list li a em {
	display : inline-block;
	margin: 0 0 12px 0;
	padding: 4px;
	font-size:0.8em;
	line-height: 100%;
	font-weight:bold;
}
div.edit_area ul.book_list li a span {
	display : block;
	padding: 0 0 12px 0;
	font-size:1.2em;
}
div.edit_area ul.book_list li a strong {
	display : block;
	padding: 0 0 8px 0;
	font-size:1.4em;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}
div.edit_area ul.book_list li a img {
	border:1px solid #cccccc;

	margin: 0 18px 0 0;
	padding: 0;

	width:140px;

	float:left;
}
div.edit_area ul.book_list li a p {
	margin: 0;
	padding: 4px 0 0 0;

	width:calc(100% - 160px);

	float:left;
}

section#second div.book_view {
	margin: 0 auto;
	padding: 40px 0 0 0;

	width:calc(100% - 40px);
	max-width:1000px;
}
section#second div.book_view:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
section#second div.book_view header h1 {
	background:none;
}
section#second div.book_view .image {
	margin: 0;
	padding: 0;

	width:300px;

	float:left;
}
section#second div.book_view .image img {
	border:1px solid #cccccc;
	width:calc(100% - 2px);
}
section#second div.book_view header {
	display:block;

	margin: 0;
	padding: 0;

	width:calc(100% - 320px);

	float:right;
}
section#second div.book_view header h1 {
	margin: 0;
	padding: 0 0 8px 0;

	font-size:1.8em;
}
section#second div.book_view header h1 span {
	display:inline;
	margin: 0;
	padding: 0;
	font-size:0.7em;
	line-height:140%;
}
section#second div.book_view header h2 {
	margin: 0;
	padding: 0;
	font-size:1.4em;
}
section#second div.book_view header h3 {
	margin: 0;
	padding: 12px 0 12px 0;
	font-size:1.1em;
	font-weight:normal;
}
section#second div.book_view header p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size:1.1em;
}
section#second div.book_view header dl {
	margin: 0;
	padding: 0;
}
section#second div.book_view header dl:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
section#second div.book_view header dl dt {
	margin: 0;
	padding: 0;

	width:130px;

	float:left;
}
section#second div.book_view header dl dd {
	margin: 0;
	padding: 0;

	width:calc(100% - 130px);

	float:left;
}
section#second div.book_view .comment {
	clear : both;

	margin: 0;
	padding: 30px 0 0 0;
}
section#second div.book_view .comment span {
	display:none;
}
section#second div.book_view .tab {
	clear : both;

	position:relative;

	margin: 0;
	padding: 30px 0 0 0;

	width:100%;
	height:600px;
}
section#second div.book_view .tab dl {
	position:absolute;

	margin: 0;
	padding: 0;

	width:100%;
}
section#second div.book_view .tab dl dt {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #999999;
	background:#bbbbbb;

	position:absolute;
	z-index:10;

	margin: 0;
	padding: 12px 1px 0 1px;

	width:80px;
	height:26px;

	color: #ffffff;
	line-height: 100%;
	text-align : center;

	cursor:pointer;
}
section#second div.book_view .tab p {
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #999999;
	background:#eeeeee;

	position:absolute;
	z-index:10;

	margin: 0;
	padding: 12px 1px 0 1px;

	width:80px;
	height:26px;

	color: #ffffff;
	line-height: 100%;
	text-align : center;
}
section#second div.book_view .tab dl dt.current {
	background:#ffffff;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #999999;

	padding: 12px 0 0 0;

	color: #333333;
}
section#second div.book_view .tab dl:nth-child(1) dt,
section#second div.book_view .tab p:nth-child(1) {
	left:0;
}
section#second div.book_view .tab dl:nth-child(2) dt,
section#second div.book_view .tab p:nth-child(2) {
	left:100px;
}
section#second div.book_view .tab dl:nth-child(3) dt,
section#second div.book_view .tab p:nth-child(3) {
	left:200px;
}
section#second div.book_view .tab dl dd {
	display:none;

	border:1px solid #999999;

	position:absolute;
	z-index:9;
	top:39px;

	margin: 0;
	padding: 10px;

	width:calc(100% - 22px);
	height:540px;

	overflow:auto;
}
@media screen and (max-width: 640px){
	section#second div.book_view {
		font-size:0.9em;
	}
	section#second div.book_view .image {
		margin: 30px auto;
		padding: 0;

		width:100%;
		max-width:302px;

		float:none;
	}
	section#second div.book_view header {
		width:100%;
		float:none;
	}
}

section#index aside dl.folder,
div.edit_area > dl.folder {
	margin: 0 0 6px 0;
	padding: 0;
}
section#index aside dl.folder dt,
div.edit_area > dl.folder dt {
	display:inline-block;

	margin:  0;
	padding: 0;

	font-weight:bold;
	cursor:pointer;
}
section#index aside dl.folder dd,
div.edit_area > dl.folder dd {
	display:none;
	margin:  0;
	padding: 0 0 12px 0;
}

@media screen and (max-width: 640px){
	div.edit_area {
		font-size:0.9em;
	}
}



/* 詳細設定
-----------------------------------------------------------------------------------------*/
.edit_area img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.edit_area img.alignright {
	padding: 0;
	margin: 0 0 2px 14px;
	display: inline;
}
.edit_area img.alignleft {
	padding: 0;
	margin: 0 14px 2px 0;
	display: inline;
}
.edit_area div.alignright {
	margin: 0 66px 2px 7px;
}
.edit_area div.alignleft {
	margin: 0 7px 2px 66px;
}
.edit_area img.alignnone {
	display: inline;
	vertical-align:top;
}
.edit_area .alignright {
	float: right;
}
.edit_area .alignleft {
	float: left
}
.edit_area .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.edit_area .wp-caption {
	text-align: center;
	background-color: #f3f3f3;
	padding: 0;
	margin: 0 auto 10px auto;
}
.edit_area .wp-caption img {
	margin: 0;
	padding: 5px;
	border: none;
}
.edit_area .wp-caption p.wp-caption-text {
	margin: 0;
	padding: 5px;

	width:auto;

	font-size:0.7em;
	text-align: left;
}



/* index
-----------------------------------------------------------------------------------------*/
#indexnavi p {
	position:relative;
	z-index:10;

	margin: 0 auto;
	padding: 0;

	height:300px;

	list-style:none;
}

section#index article {
	display : inline-block;

	margin: 60px 20px 0 20px;
	padding: 0;

	width:1000px;

	vertical-align:top;
}
section#index article.newbooks {
	margin: 60px 80px 0 20px;
	padding: 0;

	width:600px;

	vertical-align:top;
}
section#index aside {
	display : inline-block;

	margin: 60px 20px 0 0;
	padding: 0;

	width:320px;

	text-align:left;
	vertical-align:top;
}
section#index article h1,
section#index aside h1 {
	border-bottom:1px solid #333333;

	margin: 0 0 20px 0;
	padding: 18px 0 6px 0;

	font-size:1.8em;
	color:#333333;
	line-height: 100%;
	text-align : left;
}
section#index article p {
	margin: 24px 0 0 0;
	padding: 0;

	font-size:1.1em;
	color:#333333;
	line-height: 180%;
	text-align : center;
}

.relation {
	clear : both;
	padding: 60px 0 0 0;
}
.relation h2 {
	margin: 0 0 24px 0;
	padding: 0;

	font-size:1.3em;
	color:#333333;
	line-height: 180%;
	text-align : left;
}
.relation ul {
	margin: 0;
	padding: 0;

	width:1000px;

	text-align:left;

	list-style:none;
}
section#index article ul.book_list {
	margin: 0;
	padding: 0;

	width:600px;

	text-align:left;

	list-style:none;
}
.relation ul li,
section#index article ul.book_list li {
	display:inline-block;

	margin: 0;
	padding: 10px;

	width:180px;

	vertical-align:top;
}
.relation ul li a,
section#index article ul.book_list li a {
	display : block;

	margin: 0;
	padding: 0;

	font-size:0.9em;
	color:#999999;
	text-align:left;
	text-decoration:none;
}
.relation ul li:hover,
section#index article ul.book_list li:hover {
	background:#E3F2FF;
}
.relation ul li a img,
section#index article ul.book_list li a img {
	border:1px solid #cccccc;

	margin: 0 auto;
	padding: 0;

	height:160px;
}
.relation ul li a strong,
section#index article ul.book_list li a strong {
	display:block;
	margin: 0;
	padding: 8px 0 0 0;
	font-size:0.9em;
	color:#004F99;
}
.relation ul li a span,
section#index article ul.book_list li a span {
	display:block;
	margin: 0;
	padding: 8px 0;
	font-size:0.9em;
	color:#333333;
}
section#index article ul.book_list li a em {
	background:#cc0000;
	display:inline-block;
	padding:0 2px;
	font-weight:bold;
	color:#ffffff;
}
section#index article ul.book_list li a b {
	background:#004F99;
	display:inline-block;
	margin: 8px 0 0 0;
	padding:0 2px;
	font-weight:normal;
	color:#ffffff;
}
.relation .go_list a {
	display:block;
	background:#eeeeee;
	margin: 36px 0 0 0;
	padding:12px 0;
	text-align:center;
}

@media screen and (max-width: 1040px){
	#indexnavi ul {
		position:static;

		margin: 0;
		padding: 0;

		width:auto;
		height:auto;

		text-align:center;
	}
	#indexnavi ul li {
		display:inline-block;
		position:static;
		margin: 10px 0;
	}
	#indexnavi ul li:nth-child(1){
		display:block;
		margin: 10px auto;
	}
	section#index article.newbooks,
	section#index article {
		margin: 60px 20px 0 20px;
		width:calc(100% - 40px);
	}
	section#index aside {
		margin: 60px 20px 0 20px;
		width:calc(100% - 40px);
	}
	section#index aside > p {
		display:none;
	}
	.relation ul,
	section#index article ul.book_list {
		width:100%;
		text-align:center;
	}
}

#social_button {
	position:relative;

	margin: 0 auto;
	padding: 0;

	width:calc(100% - 40px);
}
#social_button ul{
	width:100%;
	height:auto;
	text-align:right;
}
#social_button li{
	display:inline-block;
	font-size:14px;
	text-align:center;
	width:84px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#social_button li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#social_button li.share-twitter:hover{
	background:#83c3f3;
}
#social_button li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#social_button li.share-facebook:hover{
	background:#4c70ba;
}
#social_button li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#social_button li.share-google:hover{
	background:#e47365;
}
#social_button li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#social_button li.share-hatena:hover{
	background:#4888d4;
}
#social_button li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#social_button li.share-pocket:hover{
	background:#f26f7f;
}
#social_button li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#social_button li.share-line:hover{
	background:#2bd92b;
}
#social_button a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#social_button a:hover{
	text-decoration:none;
	color:#ffffff;
}
/*
#social_button {
	position:relative;

	margin: 0;
	padding: 0;

	width:100%;
	height:30px;
}
#social_button p.twitter-count {
	position:absolute;
	right:180px;
	top:5px;

	margin: 0;
	padding: 0;
}
#social_button .fb-like {
	position:absolute;
	right:0;
	top:0;

	margin: 0;
	padding: 0;

	width:160px;
}
*/