@charset "UTF-8";

/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background: #FFF;
	font-size: 12px;
	background: url(../images/bg.jpg);
}

/* 共通 */
.clearfix {
	overflow: hidden;
}
* html .clearfix {
	zoom: 1;	
}
img { border: none; }
h1, h2, h3, p, dl, dt, dd, span, ul, li { margin: 0; padding: 0; }
ul, li { margin: 0; padding: 0; list-style: none; }
em { font-style: normal; font-weight: bold; }
.lh180 { line-height: 180%; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.red { color: #e60012; }

.float-l { float: left; }
.float-r { float: right; }

.w800 { margin: 0 auto; width: 800px; }
a:link { color: #000; text-decoration: none; }
a:active { color: #666; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #666; text-decoration: none; }

/* */

#container {
	margin: 15px auto;
	padding-top: 20px;
	width: 900px;

}
.footer {
	padding: 10px 0 30px 0;
	width: 800px;
	border-top: solid 1px #E92834;
}
.footer p.title {
	margin-bottom: 5px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;	
}
ul.footer-menu {
	margin: 15px 0;
	text-align: center;
}
ul.footer-menu li {
	margin-right: 15px;
	display: inline-block;
}
ul.footer-menu li a {
	margin-left: 1.2em;
	text-indent: -1.2em;
	display: inline-block;
}

ul.footer-menu li a:before {
	content: "●";
	padding-right: 0.2em;
	color: #e60012;
}
h1 {
	margin-bottom: 15px;
	font-size: 16px;
	padding: 0 0 5px 20px;
	border-bottom: solid 1px #E92834;	
}

/*トップページ */
.top-title {
	padding: 0 43px 0 43px;	
}
ul.globalmenu {
	margin: 10px 0;
	padding: 0 43px;
	font-size: 14px;	
}
ul.globalmenu li {
	padding: 5px 0;
}
ul.globalmenu li img {
	vertical-align: -0.2em;
}

ul.globalmenu li a {
	margin-left: 1.2em;
	text-indent: -1.2em;
	display: inline-block;
}

ul.globalmenu li a:before {
	content: "●";
	padding-right: 0.2em;
	color: #e60012;
}

/*最新刊ページ */
.newbook-box {
	width: 800px;
	background: url(../images/tajimayukihiko.jpg) bottom right no-repeat;
}
div.thumbnail-box {
	float: left;
	padding-right: 5px;
	width: 156px;
}
div.thumbnail-box .book img {
	border: solid 1px #808080;
	border: solid 1px #808080;
	-webkit-box-shadow: 2px 2px 5px #aaaaaa;  /*safari*/
    box-shadow: 2px 2px 5px #aaaaaa; 
    behavior: url('/ie-css3.htc');　/* This lets IE know to call the script on all elements which get the 'box' class*/	
}
div.thumbnail-box .title {
	padding: 10px;
	text-align: center;	
}

/*シリーズ紹介ページ */
.series-indent {/*シリーズ紹介ページの中央揃え */
	padding: 0 92px;
}
.series-indent .book-list {
	margin-bottom: 24px;
	width: 100%;
	position: relative;		
}
.series-indent .book-list .book-box {
	float: left;		
}
.series-indent .book-list .book-box .book {
	position: absolute;
	top: 0;
	right: 460px;/*本を右揃え*/
}
.series-indent .book-list .book-box .book img {
	margin: 0 0 10px 0;
	width: 145px;
	height: auto;
	border: solid 1px #808080;
    box-shadow: 2px 2px 5px #aaaaaa;
	-webkit-box-shadow: 2px 2px 5px #aaaaaa;  /*safari*/
    behavior: url('/ie-css3.htc');　/* This lets IE know to call the script on all elements which get the 'box' class*/   
}

.series-indent .book-list .book-box .nen {
	padding: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.series-indent .book-list .book-box h2 {
	padding: 5px 0;
	font-size: 14px;
	text-align: left;	
}

.series-indent .book-list dl {
	padding-left: 156px;/*左側本が入る幅 */
	margin-left: 35px;
}
.series-indent .book-list dt {
	margin-bottom: 15px;	
}
.series-indent .book-list dd p {
	padding-bottom: 5px;
	line-height: 180%;	
}
.series-indent .book-list ul {
	padding: 6px 0 0 0;
	list-style-image: none;
	vertical-align: bottom;
	line-height: 120%;
}
.series-indent .book-list ul li {
	margin: 2px 10px 0 0;
	display:block;
	float: left;
}
.series-indent .book-list ul li.mr-none {
	margin: 2px 0 0 0;	
	display:block;
	float: left;
}

/*グッズ紹介ページ */
.goods-indent {/*グッズ紹介ページの中央揃え */
	margin: 0 auto;
	width: 	691px;
}

.goods-indent .book-list {
	margin-bottom: 24px;
	width: 100%;
	position: relative;		
}
.goods-indent .book-list .book-box {
	float: left;		
}
.goods-indent .book-list .book-box .book {
	position: absolute;
	top: 0;
	right: 460px;
}
.goods-indent .book-list .book-box .book img {
	width: 145px;
	height: auto;
	margin: 0 0 10px 0;
	border: solid 1px #808080;
    box-shadow: 2px 2px 5px #aaaaaa;
	-webkit-box-shadow: 2px 2px 5px #aaaaaa;  /*safari*/
    behavior: url('/ie-css3.htc');　/* This lets IE know to call the script on all elements which get the 'box' class*/
}
.goods-indent .book-list .book-box .nen {
	padding: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.goods-indent .book-list .book-box h2 {
	padding: 5px 0;
	font-size: 14px;
	text-align: left;
	line-height: 100%;	
}

.goods-indent .book-list dl {
	padding-left: 231px;/*左側本が入る幅 */
	margin-left: 35px;
}
.goods-indent .book-list dt {
	margin-bottom: 15px;	
}
.goods-indent .book-list dd p {
	padding-bottom: 5px;
	line-height: 180%;	
}
.goods-indent .book-list ul {
	padding: 6px 0 0 0;
	list-style-image: none;
	vertical-align: bottom;
	line-height: 120%;
}
.goods-indent .book-list ul li {
	margin: 2px 10px 0 0;
	display:block;
	float: left;
}
.goods-indent .book-list ul li.mr-none {
	margin: 2px 0 0 0;	
	display:block;
	float: left;
}

/*中身を見るボタン小*/
.b_s_nakami a{
	width: 91px;
	height: 17px;
	background: url(../../../search/images/b_s_nakami.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

.b_s_nakami a:hover{
	width: 91px;
	height: 17px;
	background: url(../../../search/images/b_s_nakami_ov.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

/*作者紹介 */
.author {
	width: 770px;
	padding: 0 15px;
	margin-bottom: 30px;	
}
.author .photo {
	width: 275px;
	float: left;
}
.author .profile {
	width: 495px;
	float: left;	
}
.author .profile h2 {
	font-size: 16px;
	margin-bottom: 15px;	
}
.author .profile span {
	font-weight: normal;
	font-size: 12px;	
}
.author .profile h3 {
	font-size: 12px;
	font-weight: normal;	
}

.author .profile .gyou {
	width: 495px;
}
.author .profile .nen {
	margin-top: 3px;
	margin-bottom: 3px;
	width: 60px;
	float: left;
	line-height: 140%;
}
.author .profile .cnt {
	margin-top: 3px;
	margin-bottom: 3px;
	width: 435px;
	float: left;
	line-height: 140%;
}
.author .profile .gyou2 {
	width: 495px;
	position: relative;
}
.author .profile .nen2 {
	margin-top: 3px;
	margin-bottom: 3px;
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;	
	line-height: 140%;	
}
.author .profile .cnt2 {
	margin-top: 1.6em;
	margin-bottom: 3px;
	padding-left: 60px;	
	line-height: 140%;
}
.author .profile .sakuhin {
	line-height: 180%;	
}
.author .profile .hp {
	margin-top: 2em;
	line-height: 140%;	
}
.author a:link { color: #0000ff; text-decoration: none; }
.author a:active { color: #0000ff; text-decoration: none; }
.author a:visited { color: #0000ff; text-decoration: none; }
.author a:hover { color: #629dfe; text-decoration: none; }
	
/*ここがたまらんおもしろい！「そうべえ」シリーズの魅力 */
.miryoku {
	margin-bottom: 20px;
	width: 100%;	
}
.miryoku h2 {
	margin-bottom: 20px;	
}
.miryoku .l-box {
	float: left;
	width: 425px;
	line-height: 180%;
}
.miryoku .r-box {
	margin-left: 455px;
}
.miryoku .l-box span,
.miryoku .r-box span {
	font-size: 10px;	
}
.miryoku p, .miryoku2 p {
	line-height: 180%;	
}
dl.kataezome-flow {
	margin-bottom: 40px;
	text-align: left;
}
dl.kataezome-left {
	margin-bottom: 20px;
	margin-left: 60px;
}
dl.kataezome-flow dt {
	width: 145px;
	float: left;
}
dl.kataezome-flow dd {
	padding-left: 145px;
}
dl.kataezome-flow dd span {
	padding-top: 5px;
	display: block;
	float: left;
	width: 30px;	
}
dl.kataezome-flow dd p {
	padding-left: 30px;
}
p.final {
	text-align: right;
}
.miryoku2 {
	margin-bottom: 20px;
	width: 100%;	
}
.miryoku2 .l-box {
	float: left;
	width: 360px;
	line-height: 180%;
}
.miryoku2 .r-box {
	margin-left: 360px;
}