@charset "utf-8";
/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: bottom;
	background: transparent;
}
ol, ul {
	/*list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
input {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	width: 100%;
}
body {
	color:#333;
	text-align:center;
	font-size:14px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	line-height:1.6;
	background-color: #FFF;
}
/* for IE7 */
*+ html body {
	font-size:87.5%;
	font-family: 'メイリオ', sans-serif;
}
/* for IE6 */
* html body {
	font-size:87.5%;
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
}
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration:none;
}
.a_wh a {
	color: #fff;
}
.a_rv a {
	text-decoration: none;
}
.a_rv a:hover {
	text-decoration: underline;
}
.a_def a {
	color: #333;
	text-decoration: underline;
}
.a_def a:hover {
	text-decoration:none;
}

.left {
	float: left;
}
.right {
	float: right;
}

.separator {
	background-repeat: no-repeat;
	background-position: 0 0;
}
.separator hr {
	display: none;
}
.afilter,
afilter a {
	position:static;
}
/* CSS3 */
.pie {
	behavior: url(/common/js/v1/lib/PIE.htc);
	position: relative;
}
.shdw6 {
	-webkit-box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 6px 0px #999 \9;		/* for lt IE9 */
}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
#wrapper {
	text-align:left;
	background: #fff;
	margin: 0 auto;
	padding-top:2px;
	width: 1060px;
	/*border-left:1px solid #D2D2D2;
	border-right:1px solid #eee;*/
	-webkit-box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 6px 0px #999 \9;		/* for lt IE9 */
}

#header {
	min-width:1060px;
	width: expression(document.body.clientWidth < 1060? "1060px" : "auto");
}
#header .inner,
#sitenav {
	margin: 0 auto;
	width:1000px;
	overflow: hidden;
	_zoom:1;
}
#main .main_inner {
	margin-top: 20px;
	padding-bottom: 54px;
	width:100%;
	*zoom: 1;
}
#main .main_inner:before,
#main .main_inner:after {
	content: " ";
	display: table;
}
#main .main_inner:after {
	clear: both;
}
#main .main_section {
	margin: 0 auto;
	width:980px;
}
#main .article {
	width: 654px;
	float: left;
}
#main #aside,
#main .aside {
	width: 300px;
	float: right;
}
#main .section,
#main .section_list {
	margin-top: 30px;
	_margin-top: expression((this.parentNode.firstChild ==this)?'0':'30px');
}
#main .article .section:first-child,
#main .article .section_list:first-child,
#main #aside .section:first-child,
#main #aside .section_list:first-child,
#main .aside .section:first-child,
#main .aside .section_list:first-child {
	margin-top: 0;
}

/* media_topのみ */
#main .main_inner_top {
	padding-bottom: 0;
}
#main .main_inner_bottom {
	background-color: #efefef;
	margin-top: 30px;
	padding-top: 30px;
}
#main .main_inner_top .section,
#main .main_inner_top .section_list {
	margin-top: 20px;
}

/* タブレット向け */
@media screen and (max-width: 1060px) {
	#wrapper {
		width: 1024px;
	}
	div#header.top {
		min-width:1024px;
		width: 1024px;
	}
}
/* 検索フォーム */
.search {
  overflow: hidden;
  _zoom:1;
}
.search .form_input,
.search .form_input input {
  height: 26px;
}
.search .form_input {
  background: #fff url(/common/images/v1/common/serarch_icon.png) 5px 50% no-repeat;
  background-color: #fff;
  border: 1px solid #898C90;
  width: 240px;
  position: relative;
  float: left;
}
.search .form_input input {
  font-size: 14px;
  line-height: 31px\9;
  border-width: 0;
  background: none; 
  padding: 0;
  width: 220px;
  position: absolute;
  top:0;
  left: 24px;
}
.search .form_input input.noval {
  color: #999;
}
.search .form_btn,
.search .form_btn input {
  margin-bottom: 0;
  width: 50px;
  height:28px;
}
.search .form_btn {
  float: right;
}
.search .form_btn input {
  color: #fff;
  font-size: 14px;
  border-width: 0; 
  background: #1F1F21;
  display: block;
  cursor: pointer;
}
.search .form_btn input:hover {
  background: #4A4A4A;
}

/* ページネーション */
.pagenation {
  text-align: center;
}
#main .pagenation {
  margin-top: 25px;	
}
.pagenation a,
.pagenation span {
  color: #1f1f21;
  text-decoration: none;
  text-align: center;
  line-height: 34px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 5px 2px 0;
  padding-top: 2px;
  width: 36px;
  height: 34px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.pagenation a {
  background-color: #e0e0e0;
}
.pagenation a:hover {
  background-color: #999;
}
.pagenation .current {
  color: #fff;
  background-color: #1f1f21;
}
.pagenation .prev,
.pagenation .next {
  background: url(/common/images/v1/main_column/icon_pagenation.png) 0 0 no-repeat;
/*
  margin: 0 10px;
*/
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.pagenation .next {
  background-position: -36px 0;
}
.pagenation .prev:hover,
.pagenation .next:hover {
  background-color: #e0e0e0;
}
.pagenation .skip {
  font-size: 12px;
  background-color: transparent;
  border: 1px solid #e0e0e0;
}
.pagenation .skip:hover {
  background-color: #999;
  border-color: #e0e0e0;
}
.pagenation span.length {
  background-color: transparent;
  margin-right: 10px;
  width: auto;
}

/* 広告 */
#main .rectangle_1 {
  margin-top: 10px !important;
}
.ad .dummy {
  color: #fff;
  font-size: 12px;
  background-color: #d7d7d7;
  text-align: center;
  margin: 0 auto;
  border:1px solid #ccc;
  display: block;
}
.superbnr .dummy {
  line-height: 90px;
  width: 728px;
  height: 90px;
}
.rectangle .dummy {
  line-height: 250px;
  width: 300px;
  height: 250px;
}
.superbnr_small .dummy {
  line-height: 60px;
  width: 468px;
  height: 60px;
}
.ad_2culumn {
  overflow: hidden;
  _zoom:1;
}

.superbnr_small{
  text-align:center;
}

/* tooltip用スタイル */
.tooltip {
    background: url("/common/js/v1/lib/tooltip/images/white_arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333333;
    display: none;
    font-size: 14px;
    height: 92px;
    line-height: 1.4;
    margin:0px;
    padding: 15px 15px;
    width: 179px;
    border:none;
    z-index: 1000;
}
.tooltip p a.normal,.tooltip p a.normal:visited{
    background:none!important;
    display:inline;
    font-size:14px!important;
    margin:auto;
    padding:auto;
    border:none;
    color:#000!important;
}


/* Amazon coryright */

.copy_note {
  font-size: 10px;
  line-height: 14px;
  border: 1px dotted #C7C7CC;
  padding: 7px;
  color:#666;
}

/* ログイン画面 */
#login-top-info h1#login{
background-image:url(/mwimgs/6/5/34/img_654af6573c38dbce6325a84f5d66f4d9498.png);
background-repeat:no-repeat;
padding-left:50px;font-size:20px;
}
#login-frame{
margin:5px;
border:solid 1px #bcbcbc;
padding:15px;
border-radius:3px;
}
#login-frame h4{
  /* font-size:13px; */
  font-size: 100%;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color:#E7E7DD;
  padding: 7px 10px 3px;
  margin:1em 0;
}
#login-frame p{font-size:14px;}
#login-frame .input-area{margin:15px 0;}
#login-frame .input-area .name{background-color:#dcdcdc;padding:5px;border-bottom:solid 1px #fff;width:100px;display:block;float:left;}
#login-frame .input-area .box{padding:5px;}
#login-frame .input-area .box input{padding:3px;font-size:16px;}
#login-frame .login-btn{width:200px;margin:20px auto;}
#login-frame ul.idpw{
  margin:20px auto 0;
  width: 480px;
}
#login-frame ul.idpw li label{
  font-weight:bold;
  background-color:transparent;
  /* margin-left:50px; */
  width:120px;
  height:auto;
  display:inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
#leaf-login,
#leaf-password {
  font-size: 100%;
  /* background-color:#ededed; */
  border:solid 1px #dcdcdc;
  padding: 4px;
  width: 292px;
}
#login-frame #login-btn{
  color:#fff;
  font-size: 16px;
  font-weight:bold;
  border:solid 1px #666;
  border-radius:3px;
  background-color:#00996B;
  margin: 20px auto;
  padding:10px 10px 8px;
  width:200px;
  display:block;
  cursor:pointer;
}
#login-frame #login-btn:hover{
background-color:#10CC9E;
}

#login-frame ul li{list-style:none;background-position:0 -322px;padding-left:0px;font-size:13px;margin-bottom:5px;}
#login-frame ul.login-info li{
padding-left:0px;
}
p.attention{
font-weight:bold;
color:red;
}
#regist a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight:bold;
  text-align: center;
  text-decoration: none;
  background-color: #9E0009;
  border-radius: 3px 3px 3px 3px;
  margin: 20px auto;
  padding: 12px 0 8px;
  width: 200px;
  display: block;
}
#regist a:hover {
  background-color:#CF3017
}
#header {
  background: url(/common/images/v1/common/header_bg.jpg) 100% 0 repeat-x;
}

#header .logo,
#header .logo a {
  width: 161px;
  height: 90px;
  /*width: 184px;
  height: 103px;*/
}
#header .logo {
  margin: 10px 0 7px 25px;
  float: left;
  display: inline;
}
#header .logo a {
  background: url(/common/images/v1/common/header_logo.png) 0 0 no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
#header .ad {
  margin: 9px 10px 0 0;
  float: right;
  display: inline;
}

/* グローバルナビ */
#sitenav {
  margin-top:10px;
  position: relative;
}
#sitenav ul {
  font-size: 0;
  list-style-type: none;
  overflow: hidden;
  _zoom:1;
}
#sitenav ul li {
  font-size: 14px;
  float: left;
}
#nav_global {
  margin-left: -10px;
}
#sitenav #nav_global li {
  font-size: 12px;
  margin-left: 12px;
  /*margin-left: 15px;*/
}
#nav_global li a {
  /*background: url(/common/images/v1/common/bulet_l_wh.png) 0 50% no-repeat;
  _background-image: url(/common/images/v1/common/bulet_l_wh@ie.png);*/
  background: url(/common/images/v1/common/bulet_bk.png) 0 50% no-repeat;
  _background-image: url(/common/images/v1/common/bulet_bk.png);
  padding-top: 2px;
  padding-left: 16px;
  /*padding-left: 22px;*/
  display: inline-block;
  *zoom:1;
}

#nav_global li a .login{
  background: url(none);
  background-color: #BDBEC2;
  border-radius: 2px;
  color: #FFFFFF;
  display: inline-block;
  *zoom:1;
  padding-left: 2px;
  background-image:none;
}



/* ジャンル */
#nav_genre {
  margin-top:10px;
  width: 100%;
  display: table;
  *display: inline;
  *zoom:1;
}
#nav_genre li {
  display: table-cell;
  *display: inline;
  *zoom:1;
  float: none !important;
}
#nav_genre li a {
  text-decoration: none;
  margin-top: 1px;
  margin-left: 2px;
  padding-bottom: 5px;
  display: block;
}
#nav_genre .genre_none a {
  background-color: #1f1f21;
}
#nav_genre li a span {
  text-align: center;
  border-bottom: 1px solid #fff;
  background: #efefef;
  background: -moz-linear-gradient(top, #ebebeb 0%, #fefefe 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#fefefe));
  background: -webkit-linear-gradient(top, #ebebeb 0%,#fefefe 100%);
  background: -o-linear-gradient(top, #ebebeb 0%,#fefefe 100%);
  background: -ms-linear-gradient(top, #ebebeb 0%,#fefefe 100%);
  background: linear-gradient(to bottom, #ebebeb 0%,#fefefe 100%);
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fefefe',GradientType=0 ); */
  margin-bottom: 1px;
  padding: 5px 0 1px;
  *padding-left: 5px;
  *padding-right: 5px;
  display: block;
}
#nav_genre li a span.sps {
  padding-left: 2px;
  padding-right: 2px;
}
#nav_genre li.top a {
  margin-left: 0;
}
#nav_genre li.top span {
  padding-left: 5px;
  padding-right: 5px;
}
#nav_genre li.current span {
  color: #fff;
}
#nav_genre li.current a,
#nav_genre li.current a:hover {
  /* cursor: default; */
  text-decoration: none;
}
#nav_genre li a:hover span,
#nav_genre li.current span,
#nav_genre .genre_none a span {
  color: #fff;
  background: transparent;
  background: -moz-linear-gradient(top, transparent 0%, rgba(255,255,255,0.4) 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(255,255,255,0.4)));
  background: -webkit-linear-gradient(transparent 0%, rgba(255,255,255,0.4) 100%);
  background: -o-linear-gradient(transparent 0%, rgba(255,255,255,0.4) 100%);
  background: -ms-linear-gradient(transparent 0%, rgba(255,255,255,0.4) 100%);
  background: linear-gradient(transparent 0%, rgba(255,255,255,0.4) 100%);
/*
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f21', endColorstr='#5d5d5d',GradientType=0 );
*/
}



/* SNS */
#nav_sns {
  position: absolute;
  right: 0;
  top:0;
}
#nav_sns li,
#nav_sns li a {
  width: 20px;
  height: 20px;
}
#nav_sns li {
  margin-left: 7px;
}
#nav_sns li a {
  background: url(/common/images/v1/common/btn_sns.png) 0 0 no-repeat;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#nav_sns li.tw a {
  background-position: -25px 0;
}
#nav_sns li.rss a {
  background-position: -51px 0;
}

/* footer */
#footer {
  background-color:#E6E6E6;
  border-top: 5px solid #262626;
  position: relative;
}
#footer .pagetop {
  text-align: center;
  margin-left: 391px;
  width: 109px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: -29px;
}
#footer .pagetop a {
  background: url(/common/images/v1/common/btn_pagetop.png) 0 0 no-repeat;
  width: 109px;
  height: 24px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#footer .inner {
  margin: 30px auto 0;
  width: 1000px;
  overflow: hidden;
  _zoom:1;
}
#footer .inner .left a {
  background: url(/common/images/v1/common/footer_logo.png) 0 0 no-repeat;
  width: 184px;
  height: 103px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#footer .inner .nav {
  line-height: 1.1;
  background: url(/common/images/v1/common/bulet_bk.png) 0 0 no-repeat;
  _background-image: url(/common/images/v1/common/bulet_bk@ie.png);
  width: 730px;
  float: right;
  margin-bottom: 10px;
  padding-left: 20px;
  overflow: hidden;
  _zoom:1;
}
#footer .inner .nav_global {
  *background-position: 0 4px;
}
#footer .inner .nav h4 {
  margin-bottom: 14px;
  text-align: left;
/*
  height: 14px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
*/
}
/*
#footer .inner .nav_genre h4 {
  background-image: url(/common/images/v1/common/footer_h_genres.png);
  width: 83px;
}
#footer .inner .nav_categories h4 {
  background-image: url(/common/images/v1/common/footer_h_categories.png);
  width: 56px;
}
*/
#footer .inner .nav li {
  list-style-type: none;
  margin: 0 20px 12px 0;
  display: block;
  float: left;
}
#footer .inner .nav li.clr {
  clear: left;
}
#footer .inner .nav li a {
  word-break: keep-all;
  display: block;
}
#copyright {
  border-top: 1px solid #A0A0A0;
  background-color:#292929;
}
#copyright span {
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 3px;
  width: 1000px;
  display: block;
  color:#fff;
}
/* 
* #article内の部品用CSS
*/
/* #signage */
.icon_genres .genre,
.icon_genres .genre a {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 1px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon_genres .genre {
  margin-bottom: 5px;
  margin-left: 5px;
}
.icon_genres .genre a {
  font-size: 12px;
  text-decoration: none;
  background-color: #fff;
  padding: 3px 7px 0
}
.icon_genres .genre a:hover {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}


/* 記事リスト共通style */
.article .section_list {
  position: relative;
  clear:both;
}
.section_list .body ul {
  list-style-type: none;
}
.section_list .header {
  position: relative;
  z-index: 1;
}
.section_list .header_pop {
  margin-left: -13px;
}
.section_list .header_img {
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-left: -13px;
  width: 111px;
  height: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.section_list .body li a {
  cursor: pointer;
}
.article .section_list .body li .title {
  line-height: 1.2;
}
.article .section_list .body li .summary {
  line-height: 1.4;
}
.section_list .book {
  border: 1px solid #c7c7cc;
}
.section_list .book:hover {
  border-color: #f7f7f7;
}
.section_list .author {
  font-size: 11px;
  width: 56px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: left;
}
.section_list .author .img {
  width: 34px;
  height: 34px;
  display: block;
  overflow: hidden;
}
.section_list .author .txt {
  line-height: 1.2;
  margin-top: 5px;
  display: block;
}


/* 記事ページ書籍情報 */
.book_info .body {
  font-size: 14px;
  border-top: 3px solid #d7d8df;
  border-bottom: 3px solid #d7d8df;
  background-color: #fafafa;
  padding: 20px 25px 20px 30px;
  width: auto !important;
  overflow: hidden;
  _zoom:1;
}
.book_info .img {
  float: left;
}
.book_info .img img {
  border: 1px solid #c7c7cc;
  width: 115px;
  height: auto;
}
.book_info img {
  float: left;
  border: 1px solid #c7c7cc;
  width: 115px;
  height: auto;
}
.book_info .body .txt {
  width: 460px;
  float: right;
}
.book_info .title {
  font-size: 18px;
  font-weight: bold;
  min-height: 3.2em;
  height: auto !important;
  height: 3.2em;
}
.book_info .info {
  margin-top: 12px;
}
.book_info .meta {
  line-height: 1.5;
}
.book_info .boookstores {
  font-size: 0;
  padding-left:0px;
}
.book_info .boookstores li {
  font-size: 12px;
  margin-top: 5px;
  margin-right: 4px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align:top;
}
.book_info .boookstores li a {
  text-decoration: none;
  border: 1px solid #ebebeb;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ebebeb;
  background: -moz-linear-gradient(top, #fefefe 0%, #ebebeb 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#ebebeb));
  background: -webkit-linear-gradient(#fefefe 0%, #ebebeb 100%);
  background: -o-linear-gradient(#fefefe 0%, #ebebeb 100%);
  background: -ms-linear-gradient(#fefefe 0%, #ebebeb 100%);
  background: linear-gradient(#fefefe 0%, #ebebeb 100%);
  display: block;
  line-height:33px;
}
.book_info .boookstores li a:hover {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fff 0%, #fefefe 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fefefe));
  background: -webkit-linear-gradient(#fff 0%, #fefefe 100%);
  background: -o-linear-gradient(#fff 0%, #fefefe 100%);
  background: -ms-linear-gradient(#fff 0%, #fefefe 100%);
  background: linear-gradient(#fff 0%, #fefefe 100%);
}
.book_info .boookstores li a img {
  vertical-align: top;
  float:none;
  border:none;
  width:auto;
  height:32px;
}
.book_info .boookstores li a img.measure {
width:1px;
height:1px;
}

/* 記事ページ書籍3段組み */
.book_info .body.simple{
clear:none;
float:left;
width:30%;
height:140px;
margin:0px 0px;
padding:5px 3px;
backgound-color:#fafafa;
}
.book_info .body.simple img{
display:block;
float:lefft;
width:70px;
margin-right:10px;
}
.book_info .body.simple .txt{
clear:none;
float:left;;
width:100px;
margin-right:10px;
text-align:left;
}
.book_info .body.simple .txt .title{
width:auto;
font-size:12px;
}
.book_info .body.simple .txt .info{
margin-top:0px;
font-size:12px;
/*display:none;*/
}
.book_info .body.simple .txt .info .meta{
font-size:12px;
}

/* 旧システム移行書籍ブロック */
.hatena-asin-detail{
  font-size: 14px;
  border-top: 3px solid #d7d8df;
  border-bottom: 3px solid #d7d8df;
  background-color: #fafafa;
  padding: 20px 25px 20px 30px;
  overflow: hidden;
  _zoom:1;
}
.hatena-asin-detail p{
  display:none;
}

.hatena-asin-detail img.hatena-asin-detail-image{
  float: left;
  border: 1px solid #c7c7cc;
  width: 115px;
  height: auto;
}
.hatena-asin-detail-info{
  width: 460px;
  float: right;
}
.hatena-asin-detail-info p{
  display:block;
}

#article_body .hatena-asin-detail-info .hatena-asin-detail-title{
  margin:auto;
  font-size: 18px;
  font-weight: bold;
}
.hatena-asin-detail-info{
  margin-top: 12px;
}
.hatena-asin-detail-info ul{
  font-size: 13px;
  margin:15px auto auto 0px;
}
.hatena-asin-detail-info ul p{
  display:none;
}
.hatena-asin-detail-info ul li{
  list-style:none;
}
.hatena-asin-detail-info ul li{
  display:block;
}

.booklink-link2{
  font-size:12px;
}
.booklink-footer{
  display:none;
}

/* 告知本 */
#book_info_pr .header {
  margin-bottom: 0
}
.bnr_melmaga {
  background: url(/common/images/v1/main_column/bnr_melmaga_logo.png) 20px 50% no-repeat;
  _background-image: url(/common/images/v1/main_column/bnr_melmaga_logo@ie.png);
  line-height: 37px;
  text-align: center;
  padding: 0 20px 0 115px;
  height: 37px;
}
.bnr_melmaga a {
  font-size: 14px;
  background: url(/common/images/v1/common/bulet_bk.png) 100% 4px no-repeat;
  _background-image: url(/common/images/v1/common/bulet_bk@ie.png);
  padding-right: 20px;
}
.bnr_melmaga a span {
  color: #FF3B30;
}

/* ページ末のフッターバナー */
#footer-banner-468{
  width:468px;
  margin:20px auto;
}

#aside .section_list .header_img {
  margin-left: 0;
}
/* ランキング */
#list_ranking .header_img {
  background-image: url(/common/images/v1/sub_column/h_ranking.png);
}
#list_ranking .body {
  background-color: #fff;
  margin-top: -14px;
  padding-top: 14px;
}
#list_ranking .body li {
  padding: 10px 15px;
  overflow: hidden;
  _zoom:1;
}
#list_ranking .body li.even {
  background-color: #e4e4e4;
}
#list_ranking .body li span {
  display: block;
}
#list_ranking .body li .img {
  font-weight: bold;
  font-size: 12px;
  border: 1px solid #1f1f21;
  background-color: #fff;
  text-align: center;
  line-height: 18px;
  width: 18px;
  height: 18px;
  float: left;
}
#list_ranking .body li .txt {
  margin-left: 30px;
}

/* マンガHONZ */
#list_mangahonz .header {
  background-color: #E2CB8A;
  padding: 5px 14px 2px;
  position: relative;
}
#list_mangahonz .header a {
  font-size: 12px;
  font-weight: normal;
  background: url(/common/images/v1/common/bulet_l_wh.png) 100% 50% no-repeat;
  _background-image: url(/common/images/v1/common/bulet_wh@ie.png);
  padding-right: 20px;
  position: absolute;
  right: 14px;
  top:6px;
}
#list_mangahonz .body {
  border: 1px solid #E2CB8A;
  background-color: #fff;
  padding: 0 10px 10px;
}
#list_mangahonz .body  li {
  border-top: 1px dotted #E2CB8A;
  margin-top: 13px;
  padding-top: 14px;
  overflow: hidden;
  _zoom: 1;
}
#list_mangahonz .body  li.num_1 {
  border-top-width: 0;
  padding-top: 0;
}
#list_mangahonz .body  li .book {
  float: left;
}
#list_mangahonz .body  li .book img {
  width: 60px;
  height: auto;
}
#list_mangahonz .body  li .txt {
  width: 208px;
  float: right;
}
#list_mangahonz .body  li .title {
  line-height: 1.2;
}
#list_mangahonz .body  li .author {
  float: none;
  display: block;
}
#list_mangahonz .body  li .summary {
  font-size: 85.7%;
  line-height: 1.4;
}

/* おすすめ本レビュー */
#list_category_review .header_img {
  background-image: url(/common/images/v1/sub_column/h_cat_review.png);
  width: 140px;
}
#list_category_review .body {
  background-color: #fff;
  margin-top: -14px;
  padding-top: 14px;
  padding-bottom: 10px;
}
#list_category_review .body li {
  border-top: 2px solid #e7e8eb;
  margin-top: 10px;
  padding: 10px 10px 0;
  overflow: hidden;
  _zoom: 1;
}
#list_category_review .body  li.num_1 {
  border-top-width: 0;
  padding-top: 0;
}
#list_category_review .body li .img {
  border: 1px solid #c7c7cc;
  width: 30px;
  float: left;
}
#list_category_review .body li .txt {
  line-height: 1.2;
  margin-left: 45px;
}

/* レビュアー */
#aside #list_reviewers .header {
  margin-left: 0;
}
#aside #list_reviewers .header_img {
  background-image: url(/common/images/v1/main_column/h_reviewers.png);
}
#aside #list_reviewers .body {
  background-color: #fff;
  margin-top: -14px;
  padding: 14px 0 5px;
  overflow: hidden;
  _zoom:1;
}
#aside #list_reviewers .body li {
  text-align: center;
  margin: 10px 15px 5px; 
  width: 70px;
  float: left;
}
#aside #list_reviewers .body li.clr {
  clear: left;
}
#aside #list_reviewers .body li .author {
  font-size: 12px;
  width: 100%;
}
#aside #list_reviewers .body li .img {
  margin: 0 auto;
  width: 60px;
  height: 60px;
}
#aside #list_reviewers .body li .img img {
  width: 60px;
  height: auto;
}
#aside #list_reviewers .body li .txt {
  line-height: 1.2;
  margin-top: 5px;
}

/* アーカイブ */
#aside_arcive .header_img {
  background-image: url(/common/images/v1/sub_column/h_archive.png);
}
#aside_arcive .body {
  background-color: #fff;
  margin-top: -14px;
}

#aside_twitter iframe {
  height: 390px;
}


#nav_leafs {
  font-size: 12px;
  line-height: 1.1;
  list-style-type: none;
  overflow: hidden;
  _zoom:1;
}
#nav_leafs li.prev {
  float: left;
}
#nav_leafs li.next {
  float: right;
}
#nav_leafs li.prev a {
  background: url(/common/images/v1/common/bulet_lt_bk.png) 0 0 no-repeat;
  _background-image: url(/common/images/v1/common/bulet_lt_bk@ie.png);
  padding-left: 20px;
  display: block;
}
#nav_leafs li.next a {
  background: url(/common/images/v1/common/bulet_bk.png) 100% 0 no-repeat;
  _background-image: url(/common/images/v1/common/bulet_bk@ie.png);
  padding-right: 20px;
  display: block;
}

#signage {
  margin-top: 15px;
}
#signage .category {
  display: inline;
}
#signage .category a,
#signage .category .box {
  color: #6f6f6f;
  font-size: 12px;
  text-decoration: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #fbfbfb;
  background: -moz-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#fefefe));
  background: -webkit-linear-gradient(top, #ebebeb 0%,#fefefe 100%);
  background: -o-linear-gradient(top, #ebebeb 0%,#fefefe 100%);
  background: -ms-linear-gradient(top, #ebebeb 0%,#fefefe 100%);
  background: linear-gradient(to bottom, #ebebeb 0%,#fefefe 100%);
  border: 1px solid #d3d3d3;
  padding: 2px 10px 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#signage .category a:hover {
  color: #fff;
  background: #d3d3d3
}
#signage .title {
  font-size: 26px;
  line-height: 1.2;
  margin-top: 10px;
  padding-bottom: 5px;
  border-bottom:1px solid #dcdcdc;
}
#signage .title .subtitle{
  display:block;
  font-size:0.7em;
  padding-top:5px;
}
#signage .bottom {
  padding-top: 10px;
/*
  overflow: hidden;
  _zoom:1;
*/
 	position: relative;
}
#signage .bottom .left {
  /* background-color: #d7d7d7; */
  width: 50px;
  min-height: 50px;
  height: auto !important;
  height: 50px;
  text-align:center;
}
#signage .bottom .right {
  width: 575px;
}
#signage .bottom * {
  vertical-align: top;
}
#signage .bottom .publish_at,
#signage .bottom .icon_genres {
  padding-left: 15px;
}
#signage .bottom .icon_genres {
  padding-left: 15px;
  max-width: 378px;
  width: auto !important;
  width: 378px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#signage .left img {
  border: 1px solid #999;
}
#signage .snstools {
  font-size: 0;
  margin-top:10px;
}
#signage .snstools li {
  font-size: 12px;
  list-style-type: none;
  margin-right: 10px;
  height: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#signage .snstools li.fb .fb_iframe_widget {
  position: relative;
  z-index: 10;
}

#signage .snstools li.pocket iframe {
  width: 100px !important;
}
#signage .snstools li.gplus div {
  width: 74px !important;
  vertical-align: top !important;
}
#signage .snstools-custom li.tw iframe,
#signage .snstools-custom li.fb .fb_iframe_widget,
#signage .snstools-custom .fb_edge_widget_with_comment iframe {
  width: 69px !important;
}
#signage .snstools-custom .fb_edge_widget_with_comment iframe.fb_iframe_widget_lift {
  width: 450px !important;
}
#signage .snstools-custom li.pocket .pocket-btn {
  display: inline;
}
#signage .snstools-custom li.pocket iframe {
  width: 60px !important;
}
#signage .snstools li .balloon,
#signage .snstools li .balloon span {
  background-image: url(/common/images/v1/main_column/sns.png);
  background-repeat: no-repeat;
  height: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#signage .snstools li .balloon {
  background-position: 0 -80px;
  margin-left: 2px;
  padding-left: 5px;
  position: relative;
}
#signage .snstools-custom li.pocket .balloon {
  margin-left: 0px;
}
#signage .snstools li .balloon span {
  color: #555;
  font-size: 10px;
  line-height: 20px;
  background-position: 100% -80px;
  padding: 0 5px 0 4px;
}
#signage .snstools li.fb .balloon {
  position: relative;
  z-index: 10;
}
#signage .snstools li.fb .balloon span {
  padding-right: 8px;
  padding-left: 5px;
}

#article_body {
  font-size: 107.14%;
  margin-top: 30px;
  *width:100%;
}
#article_body:after {
  content: ""; 
  display: block; 
  clear: both;
}
#article_body p {
  margin-top: 1.3em;
}
#article_body h3,#article_body h4 {
  font-size: 100%;
  font-weight: bold;
  background: url(/common/images/v1/main_column/h_leafs.png) 0 50% no-repeat;
  margin-top: 2em;
  padding-top: 4px;
  padding-left: 38px;
}
#article_body .subtitle2 {
  font-size: 100%;
  font-weight: bold;
  background: none;
  border-left:15px ridge #B43104;
  border-bottom:2px dotted #333;
  margin-top: 15px;
  padding-top: 4px;
  padding-left:10px;
  width:450px;
}



#article_body blockquote {
  background-color: #f7f7f7;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 1.5em 10px 0;
  padding: 32px 80px;
  position: relative;
}
#article_body blockquote .quate_open,
#article_body blockquote .quate_close {
  background: url(/common/images/v1/main_column/icon_quate.png);
  _background-image: url(/common/images/v1/main_column/icon_quate@ie.png);
  width: 31px;
  height: 30px;
  display: block;
  position: absolute;
  text-indent: -9999px;
}
#article_body blockquote .quate_open {
  left: 20px;
  top: 20px;
}
#article_body blockquote .quate_close {
  background-position: -31px 0;
  right: 20px;
  bottom: 20px;
}
#article_body blockquote p {
  margin-top: 0;
}

#article_body .blockquote2 {
  border:1px solid #fefdf6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image:-moz-linear-gradient(top, #fcfaed, #f9f7f3);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffcf4), to(#f1f1f1), color-stop(1,#fbfaf6));
  box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
  margin:10px 15px 30px 10px;
  padding: 20px 20px 20px 25px;
}
#article_body blockquote2 p {
  margin-top: 0;
}
#article_body blockquote2 img {
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}

#article_body .message {
  margin:10px 15px 30px 10px;
  padding:15px;
  background-image:-moz-linear-gradient(top, #fcfaed, #f9f7f3);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffcf4), to(#f1f1f1), color-stop(1,#fbfaf6));
  border:1px solid #fefdf6;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


#article_body .summary {
  font-size: 14px;
  border: 1px dotted #666;
  padding: 8px 10px 6px;
}
#article_body .summary p {
  margin-top: 0;
}
#article_body hr {
  border-width:1px;
  border-style:solid;
  border-color:#d7d8df;
}
/* YouTubeなど */
#article_body iframe{
  display:block;
  margin:20px auto;
}

#article_body .video{
position:relative;
height:0;
overflow:hidden;
margin-top:20px;
margin-bottom:4px;
padding-bottom:56.25%;
padding-top:30px;
}
#article_body .video iframe{
margin:0px auto;
}
#article_body .ted{
padding-bottom:67.25%;
}
#article_body .ted iframe{
overflow:hidden;
}

/* ページネーション */
.pagenation {
  text-align: center;
  margin: 50px 0;
}
.pagenation_no_prev {
  margin-left: 36px;
}
.pagenation_no_next {
  margin-right: 36px;
}


#next-info {
  margin-top:20px;
  width:400px;
  padding:5px;
  text-align:center;
  margin-left:120px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  font-size:13px;
}

/* 最後のページのプロフィール */
.bottom_profile {
  border: 2px solid #C7C7CC;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 30px 15px 0;
  padding: 15px 15px 12px;
}
.bottom_profile .img {
  margin: 0 10px 10px 0;
  display: inline;
  float: left;
}
#article_body .bottom_profile p,
.bottom_profile p {
  margin-top: 0;
}


/* 関連した本 */
#book_info_related .header_img {
  background-image: url(/common/images/v1/main_column/h_related_book.png);
}
#book_info_related .body {
  margin-top: 30px;
}
#book_info_related .num_1 {
  margin-top: -14px;
}
#book_info_related .footer {
  font-size: 14px;
  text-align: right;
  margin-top: 10px;
}
#book_info_related .footer ul {
  list-style-type: none;
}
#book_info_related .footer a {
  background: url(/common/images/v1/common/bulet_bk.png) 100% 50% no-repeat;
  _background-image: url(/common/images/v1/common/bulet_bk@ie.png);
  padding-top: 2px;
  padding-right: 20px;
}

/* こちらもおすすめ */
#list_recommend .header_img {
  background-image: url(/common/images/v1/main_column/h_recommend.png);
  width: 132px;
}
#list_recommend .body {
  margin-top: -14px;
  border-top: 3px solid #d7d8df;
  border-bottom: 3px solid #d7d8df;
  background-color: #fafafa;
  padding: 13px 20px 20px;
}
#list_recommend .body li {
  margin-top: 7px;
}
#list_recommend .body li a {
  background: url(/common/images/v1/common/bulet_bk.png) 0 4px no-repeat;
  _background-image: url(/common/images/v1/common/bulet_bk@ie.png);
  padding-left: 20px;
  display: block;
}

/*  ---------- 本文内写真 ----------  */
#article_body .figure-right,
#article_body .figure-left,
#article_body .figure-center {
  margin-top:1.5em;
  margin-bottom: 1em;
}
#article_body .figure-right .caption,
#article_body .figure-left .caption,
#article_body .figure-center .caption {
  font-size: 86.67%;
  /* line-height: 1.2; */
  text-align:left;
  margin-top: 10px;
}
#article_body .caption .figure-expand {
  /* text-indent: -9999px; */
  background: url(/common/images/v1/main_column/btn_enlarge_image.gif) 0 0 no-repeat;
  width: 120px;
  height: 25px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*  ---------- 右配置 ----------  */
.figure-right {
    float:right;
  clear:right;
    margin-left:1em;
  display:inline;
}

/*  ---------- 左配置 ----------  */
.figure-left {
    float:left;
  clear:left;
    margin-right:1em;
  display:inline;
}

/*  ---------- 中央配置 ----------  */
.center {
  text-align: center;
}
.figure-center {
    clear:both;
  margin:0 auto;
}

/*  ---------- キャプション size:12px ----------  */
#article_body .image .caption {
  color:#666;
  font-size:92.3%;
  line-height:1.4;
  text-align:left;
  text-indent:0;
  padding:10px;
  margin-bottom:0px;
}

/*  ---------- 移行コンテンツ内画像 ----------  */
#article_body .attachment{
  margin:10px auto;
  /* background-color:#efefef; */
}
#article_body .attachment img{
  display:block;
}

/* ランキング用テーブル */
table[summary="ranking"]{
  border-collapse:collapse;
  border:#999999 solid 1px;
}
table[summary="ranking"] thead{
  background-color:#ccc;
  font-weight:bold;
}
table[summary="ranking"] th{
  font-weight:bold;
  border:#999999 solid 1px;
}
table[summary="ranking"] td,table[summary="ranking"] th{
  padding:3px;
  font-size:0.9em;
  border:none;
  text-align:left;
  border-left:#999999 solid 1px;
  border-right:#999999 solid 1px;
}
table[summary="ranking"] tr{
  text-align:left;
}

table[summary="ranking"] td{
  border-left:#999999 solid 1px;
  border-right:#999999 solid 1px;
}

table[summary="ranking"] tbody tr:nth-child(even){
  background-color:#dcdcdc;

}

/* 個別救済処置 */
img.aligncenter{
  display:block;
  margin:auto;
}
img.alignleft{
  float:left;
  margin:0px 20px 20px 0px;
}

/* 記事下コメント */
#article-comment{
  font-size: 15px;
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color: #E7E7DD;
  margin: 20px 0 0;
  padding: 10px;
}
#article-comment .title{
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius:2px;
  border-radius:2px;
  background: #503031 url(/common/images/v1/main_column/icon_comment_title2.png) 12px 50% no-repeat;
  padding: 7px 0 6px 42px;
  position: relative;
}
#article-comment .title span.comment {
  margin-top: -13px;
  position: absolute;
  right: 10px;
  top: 50%;
}
#article-comment .title span.comment a {
  color: #503031;
  font-size:12px;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #E7E7DD;
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color: #ededed;
  padding: 0 5px;
}
#article-comment .reader-comment{
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  margin: 10px 0 0;
  padding:10px 10px 28px;
  position: relative;
}
#article-comment .reader-comment .name {
  color: #656568;
  font-weight: bold;
  font-size:12px;
  line-height: 1.1;
  background: url(/common/images/v1/main_column/icon_comment.png) 0 0 no-repeat;
  padding-left: 20px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
 #article-comment .reader-comment .name .date {
  color: #8E8E93;
  font-weight: normal;
  padding-left: 5px;
}
#article-comment .reader-comment .text p{
  /* font-size:13px; */
  line-height:1.4;
}
#article-comment #fb-more{
  margin:10px;
  text-align:right;
  font-size:13px;
}
#article-comment #feed-page{
  width:98%;
  margin:10px 20px 0px 0px;
  font-size:13px;
  min-height:20px;
}
#article-comment #feed-page .prev-page{
  clear:none;
  float:left;
}
#article-comment #feed-page .next-page{
  clear:none;
  float:right;
}

#comment-form,#not-login {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  padding: 15px;
}
#not-login p.remark{
font-size:90%;
}
#not-login ul{
margin:5px 20px;
}
#not-login ul li{
list-style-type:none;
font-size:1.0em;
}

#comment-form h3 {
  font-size: 100%;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color:#E7E7DD;
  padding: 7px 10px 3px;
}
#comment-form h4 {
  color: #4A4A4A;
  font-size: 100%;
  margin-top: 15px;
}
#comment-form h4.social {
  margin-top: 20px;
}
#comment-body textarea{
  font-size: 100%;
  background-color:#ededed;
  border:solid 1px #dcdcdc;
  padding:5px;
  width: 592px;
  height:6em;
}
#comment-note h4 {
  color: #B46864;
}
#comment-note ul {
  font-size: 12px;
  margin-left: 1.2em;
}
#comment-btn .submit-btn {
  color:#fff;
  font-size: 16px;
  font-weight:bold;
  border:solid 1px #666;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color:#00996B;
  margin: 0 auto;
  padding:10px 10px 8px;
  width:200px;
  display:block;
  cursor:pointer;
}
#comment-btn .submit-btn:hover {
  background-color: #10CC9E;
}

#social_post {
  font-size: 14px;
  border-top: 2px solid #E7E7DD;
  border-bottom: 2px solid #E7E7DD;
  padding: 10px;
  overflow: hidden;
  _zoom: 1;
}
#social_post #twitter,
#social_post #facebook {
  text-align: left;
  width: 275px;
}
#social_post #twitter {
  float: left;
}
#social_post #facebook {
  float: right;
}
#social_post .control {
  font-size: 14px;
}
#social_post .control a {
  font-size: 12px;
  margin-right: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
#social_post .control #twitter-img img,
#social_post .control #facebook-img img {
  width: 30px;
  height: auto;
}
#social_post .control #twitter-clear,
#social_post .control #facebook-clear {
  text-decoration: none;
  border: 2px solid #E7E7DD;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #dbdbd1;
  padding: 1px 7px 0;
}
#social_post label {
  cursor: pointer;
}

/* ログイン前 */
#comment-form .no-border {
  margin-top: 15px;
}
#comment-form .no-border ul {
  margin-left: 1.2em;
}