@charset "UTF-8";
/* CSS Document */

body {
	border-top:3px solid #009844;
}

/* 共通 */
.mb10{
	margin-bottom:10px;
}

#contents{
	width:100%;
}

#contents li img{
	width:100%;
}

nav#c_nav {
	width:100%;
	margin-bottom:20px;
	font-size:11px;
}

nav#c_nav ul{
	border-top:1px solid #ccc;
}

nav#c_nav li a{
	float:left;
	box-sizing:border-box;
	width:50%;
	text-decoration:none;
	color:inherit;
	padding:10px 5%;
	display:block;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	text-align:left;
}

nav#c_nav li.category1 a{
	border-left:5px solid #F53D3D;
	color:#F53D3D;
}

nav#c_nav li.category2 a{
	border-left:5px solid #106AC5;
	color: #106AC5;
}

nav#c_nav li.category3 a{
	border-left:5px solid #50AE17;
	color:#50AE17;
}

nav#c_nav li.category4 a{
	border-left:5px solid #FF7373;
	color: #FF7373;
}

nav#c_nav li.category5 a{
	border-left:5px solid #828BE3;
	color: #828BE3;
}

nav#c_nav li.category6 a{
	border-left:5px solid #D66BC9;
	color:#D66BC9;
}

nav#c_nav li.category7 a{
	border-left:5px solid #DDB53C;
	color:#DDB53C;
}

nav#c_nav li.category8 a{
	border-left:5px solid #F4A224;
	color:#F4A224;
}

h2.ttl_new {
	background:#009844;
	padding:8px 0;
	color:#fff;
}

h2.ttl_recommend {
	background:#eee;
		padding:8px 0;
	border-bottom:2px solid #EECD5E;
}

h2.ttl_monthly {
	background:#eee;
	padding:8px 0;
	border-bottom:2px solid #20B9DF;
}

h2.ttl_tag {
	background:#eee;
	color:#999999;
	padding:8px 0;
	border-bottom:2px solid #999999;
}

section .booklist{
	width:90%;
	padding:20px 5% 0;
}

section.tag_area {
	margin-bottom:40px;
}

section.tag_area p{
	margin:10px 5%;
	text-align:left;
}

section.tag_area a{
	color:#999;
}

section .booklist li{
	width:45%;
	margin-right:10%;
	margin-bottom:20px;
	float:left;
	line-height:140%;
}

section .booklist li img{
	width:80% !important;
}

section .booklist li p{
	text-align:left;
}

section.book_area {
	margin-bottom:40px;}

section .booklist li.mrreset {
	margin-right:0;
	}

.detaillink a {
	display:block;
	background:#aaa;
	width:60%;
	margin:0 auto;
	text-align:center;
	padding:10px 0;
	color:#fff;
	text-decoration:none;
}

section.banner_area {
	padding:15px 5%;
	background:#eee;
}

section.banner_area li{
	width:48%;
	margin-right:4%;
	float:left;
}

section.banner_area li.mrreset {
	margin-right:0;
}

#copy_area {
	background:#009844;
}

#copy_area p img{
	width:30%;
}

#copy_area small img{
	width:80%;
}

.sns_area {
	width:210px;
	margin:20px auto;
	text-align:center;
}

.bookdetail .sns_area {
	width:210px;
	margin:20px 0;
	text-align:left;
}

.sns_area li {
	float:left;
	height:20px;
}

iframe.twitter-share-button {
	width:100px !important;
	float:left;
	padding-top:5px;
}
#pankuzu{
	margin-bottom: 20px;
}
#pankuzu li{
	float: left;
}

h3.backnumber {
	color: #fff;
	padding: 0 10px;
	border: none;
	background: #009844;
}

/* book_image */
img.book_image {
	border: 1px solid #CCC;
}