@charset "shift_jis";

@import url("./template/reset.css");
@import url("./template/default.css");
@import url("./template/aside.css");
@import url("./template/assets.css");
@import url("./magazine.css");

/* Mook
----------------------------------------------------------*/
div#Mook {
	padding-bottom:30px;
}

div#Mook h3 {
	height:69px;
	background-color:#42b428;
}

div#Mook h3 div {
	float:right;
	margin-top:-10px;
	padding-right:12px;
}

div#Mook h4 {
	margin-top:20px;
	text-align:center;
}

div#Mook h4.head {
	position:relative;
	z-index:1;
	margin-top:25px;
	margin-bottom:-1px;
	padding-bottom:11px;
	background-color:#fff;
	text-align:center;
}


/* Mook pickup
----------------------------------------------------------*/
div#Mook .pickup {
	margin:10px 0 10px 9px;
	padding:1px;
	width:717px;
	_width:719px;
	background:url(../img/module/dotpat_b.gif);
}

div#Mook .pickup .inner {
	background-color:#fff;
}

div#Mook .pickup .image {
	float:left;
	background-color:#ffffff;
}

div#Mook .pickup h4 {
	margin:0;
	padding:8px 5px 2px 165px;
	min-height:30px;
	/padding-left:12px;
	_height:43px;
	background:url(../img/module/dotline_b.gif) repeat-x left bottom;	
	color:#46b02a;
	font-size:120%;
	font-weight:bold;
	text-align:left;
}

div#Mook .pickup h4 a {
	float:right;
	margin-top:-2px;
}

div#Mook .pickup h4 .icon {
	margin:-3px 5px 0 0;
	vertical-align:middle;
}

div#Mook .pickup .text {
	margin:10px 10px 10px 165px;
	font-size:120%;
}

div#Mook .pickup h5 {
	margin-bottom:5px;
	font-weight:bold;
}

div#Mook .pickup strong {
	display:block;
	margin-top:8px;
}

div#Mook .pickup table.price {
	float:right;
	margin:0 10px 10px 20px;
	_margin-right:5px;
	width:200px;
	font-size:90%;
}

div#Mook .pickup table.price th {
	width:60px;
	text-align:center;
}

div#Mook .pickup table.price td {
	padding-left:10px !important;
}

/* sabra index */
body.sabra div#Mook .pickup .text {
	font-size:100%;
	line-height:1.2;
}

body.sabra div#Mook .pickup h5 {
	font-size:120%;
}

body.sabra div#Mook .pickup table.price {
	font-size:100%;
}



/* Mook bookindex
----------------------------------------------------------*/
div#Mook .bookindex {
	position:relative;
	overflow:hidden;
	margin:0;
	padding-bottom:50px;
	background:url(../img/module/dotline_b.gif) no-repeat left bottom;
}

div#Mook.index .bookindex {
	margin-top:10px;
}

div#Mook .bookindex .grid2col {
	position:relative;
	top:-1px;
}

div#Mook .bookindex table.data {
	width:240px;
	height:154px;
}

div#Mook .bookindex table.data th,
div#Mook .bookindex table.data td {
	padding-left:10px;
}

div#Mook .bookindex table.data .title {
	margin:0 0 5px 0;
	padding:5px 10px 4px 0;
	background-color:#fff;
	color:#000;
	text-align:left;
}

div#Mook .bookindex table.data .title img {
	float:left;
	margin:-5px 5px 5px 0;
	vertical-align:middle;
}

div#Mook .bookindex table.data strong {
	margin-top:5px;
	display:block;
}

div#Mook .bookindex table.data table.price {
	margin:20px 0 0 0;
	width:207px;
}

div#Mook .bookindex table.data table.price th {
	padding:7px 0 6px 0 !important;
	text-align:center;
	width:72px;
}

div#Mook .bookindex table.data table.price td {
	padding:7px 8px 6px 8px !important;
}

div#Mook .bookindex table.data div.button {
	padding-left:100px;
}

/* Mook detail
----------------------------------------------------------*/
div#Mook .detail {
	position:relative;
	margin:10px 9px 0 9px;
}

div#Mook .detail .image {
	float:left;
	width:305px;
}

div#Mook .detail .text {
	float:left;
	width:416px;
	height:390px;
}

div#Mook .detail .text {
	float:left;
	width:416px;
}

div#Mook .detail .text dt {
	padding:10px 20px 15px 20px;
	background:url(../img/module/dotline_b.gif) no-repeat left bottom;
	color:#46b02a;
	font-size:130%;
	font-weight:bold;
}

div#Mook .detail .text dd{
	padding:10px 20px;
}

div#Mook .detail .text em {
	display:block;
	margin-bottom:10px;
	font-weight:bold;
	font-size:120%;
}

div#Mook .detail .text table.price,
div#Mook .detail .text div.memo {
	margin:10px 20px;
}

div#Mook .detail .text table.price th {
	width:72px;
	text-align:left;
}

div#Mook .detail .text .buy {
	padding-top:20px;
	text-align:center;
	vertical-align:bottom;
}

div#Mook .detail .text .buy a {
	display:block;
	margin:0 auto;
	width:208px;
}


/* Mook Indexer
----------------------------------------------------------*/
div#Indexer {
	background:url(../img/module/dotline_b.gif) no-repeat scroll center bottom;
	height:25px;
	margin-bottom:40px;
	padding-bottom:1px;
	text-align:center;
}

div#Indexer div.frame {
	padding-top:1px;
	background:url(../img/module/dotline_b.gif) no-repeat;
}

div#Indexer .prev {
	float:left;
}

div#Indexer .next {
	float:right;
}

div#Indexer ul {
	color:#999999;
	line-height:1;
	margin:0 100px;
	padding-top:7px;
}

div#Indexer li {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	display:inline;
	list-style:none;
	margin:0 -5px 0 0;
	padding:0 5px;
	background-color:#fff;
}

div#Indexer a {
	text-decoration:none;
}

div#Mook .bookshop {
	text-align:center;
	padding-bottom:30px;
}




/* Clearfix
----------------------------------------------------------*/
div#Mook .pickup .inner,
div#Mook .detail,
div#Mook .other .grid2col,
div#Mook .bookindex .title,
div#Indexer {
	zoom:1;
}

div#Mook .pickup .inner:after,
div#Mook .detail:after,
div#Mook .other .grid2col:after,
div#Mook .bookindex .title:after,
div#Indexer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}