@charset "Shift_JIS";

@import url("../../css/base.css");


/* --------------------------------------------------------------------------------------
�@book
--------------------------------------------------------------------------------------- */

/* bookBox ------------------------------ */

.bookBlock {
	margin: 0 0 0 0;
	overflow: hidden;
	width: 590px;
}

.bookBlock .textBox {
	margin: 0 0 20px 0;
}

.bookBlock .textBox img {
	float: left;
	margin: 0 25px 10px 0;
}

.bookBlock .textBox .ttl {
	margin: 0 0 10px 0;
	font-size: 136%;
	color: #FF9700;
	font-weight: bold;
	line-height: 140%;
}

.bookTable {
	width: 100%;
	margin: 0 0 20px 0;
	border: 1px #b2b2b2 solid;
	border-collapse: collapse;
}

.bookTable  tr th {
	padding: 8px;
	background: #f6e7d6;
	border: 1px #b2b2b2 solid;
	text-align: left;
	font-weight: normal;
	font-size: 14px;
}

.bookTable  tr td {
	padding: 8px;
	border: 1px #b2b2b2 solid;
	border-left: none;
	font-size: 14px;
}

.bookTable  tr th.rightBorder {
	border-right: 1px #b2b2b2 dotted;
}

.textBlock {
	font-size: 86%;
	overflow: hidden;
}

.textBlock .leftBox {
	float: left;
	width: 450px;
}

.textBlock .rightImg {
	float: right;
}

/* bookColumnBlock 
by sakoda@CINRA.net 16-Jul-2010 21:20 JST------------------------------ */

.bookColumnBlock {
	margin: 0 0 24px 0;
	overflow: hidden;
	width: 590px;
}

.bookColumnBlock .ttl {
	padding: 0 0 0 16px;
	background: url(../../images/common/ico_arw01.gif) no-repeat 0 0.3em;
	font-size: 123%;
	font-weight: bold;
	line-height: 140%;
	margin: 0 0 10px 0;
}

.bookColumnBlock .ttl_none {
	padding: 0 0 0 0px;
	font-size: 123%;
	font-weight: bold;
	line-height: 140%;
	margin: 0 0 10px 0;
}

.bookColumnBlock .leftBox {
	float: left;
	width: 285px;
	border-top: 2px #ff9700 solid;
	background: #f7f3ef;
}

.bookColumnBlock .rightBox {
	float: right;
	width: 285px;
	border-top: 2px #ff9700 solid;
	background: #f7f3ef;
}

.bookColumnBlock .rightBoxNone {
	border-top: none;
}

.bookColumnBlock .leftInner,
.bookColumnBlock .rightInner {
	margin: 10px;
	padding: 10px;
	border-top: 1px #d4dbda solid;
	border-left: 1px #d4dbda solid;
	background: #ffffff;
}

.bookColumnBlock .leftInner .leftImg,
.bookColumnBlock .rightInner .leftImg {
	float: left;
}
.bookColumnBlock .leftInner .rightText,
.bookColumnBlock .rightInner .rightText {
	float: right;
	width: 166px;
}

.bookColumnBlock .centerBox {
	zoom: 1;
	overflow: hidden;
	border-top: 2px #ff9700 solid;
	background: #f7f3ef;
}

.bookColumnBlock .centerInner {
	margin: 10px;
	padding: 10px;
	border-top: 1px #d4dbda solid;
	border-left: 1px #d4dbda solid;
	background: #ffffff;
}

.bookColumnBlock span.read {
	color: #d46046;
	font-weight:bold;
}



/* bookTabBox ------------------------------ */

.bookTabBlock {
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 10px;
	width: 668px;
}
.bookTabBlock .tabTopMenu {
	background: url("../images/tab_line.gif") repeat-x scroll 0 0 transparent;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0 0 0 40px;
	text-align: center;
}
.tabMenu li.select img {
	opacity: 0;
}
.bookTabBlock .tabTopMenu li {
	float: left;
	height: 54px;
	margin: 0 0 0;
	overflow: hidden;
	width: 295px;
}