/* CSS Document */
.bookList01 {
	margin: 30px 0 0 0;
	margin-left: 0 !important;
	width: 100%;
}
	.bookList01 > li {
		width: 100%;
		margin-bottom: 0;
		margin-left: 0 !important;
		float: none !important;
	}
		.bookDetail02 {
			line-height: 2.1;
			padding: 14px 18px 16px;
			overflow: hidden;
			font-size: 12px;
			font-size: 1.2rem;
		}
			.bookDetail02 a {
				float: left;
				margin-right: 15px;
			}
/* !dummy.html
---------------------------------------------------------- */
.pageTtl01 {
	display: none;
	color: #fff;
	background: #2d9be9;
	padding: 5px 10px 7px;
	font-size: 12px;
	font-size: 1.2rem;
}
.bookBox01 {
	padding: 20px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	.bookBox01 .head01 {
		position: relative;
		border-bottom: 2px solid #2d9be9;
		padding-bottom: 10px;
	}
	.bookBox01 .page01 { float: left;}
	
		.bookBox01 .page01 .pageTxt01 {
			font-size: 11px;
			font-size: 1.1rem;
		}
		.bookBox01 .page01 .btnSubPage01 {
			margin-top: 8px;
		}
	.bookBox01 .option01 {
		float: right;
		margin-top: 25px;
	}
		.optionType01 {
			float: left;
			margin-left: 8px;
		}
			.optionType01 > p,
			.optionType01 > div { float: left;}
			.optionType01 > p {
				font-size: 11px;
				font-size: 1.1rem;
				margin: 6px 3px 0 0;
			}
			.bookBox01 .option01 .navBox01.type02 { margin: 0;}
				.bookBox01 .option01 .navBox01.type02 dl {
					display: table;
					width: 97px;
					margin: 0;
				}
					.bookBox01 .option01 .navBox01.type02 dl dt {
						width: auto;
					}
						.bookBox01 .option01 .navBox01.type02 dl dt span.txt {
							font-size: 11px;
							font-size: 1.1rem;
							color: #434343;
							text-align: left;
						}
					.bookBox01 .option01 .navBox01.type02 dl dd {
						padding: 0;
						font-size: inherit;
					}
						.bookBox01 .option01 .navBox01.type02 dl dd div {}
							.bookBox01 .option01 .navBox01.type02 dl dd div ul {}
								.bookBox01 .option01 .navBox01.type02 dl dd div ul li {
									float: none;
									margin: 0;
								}
				.bookBox01 .option01 .navBox01.type02 dl { position: relative;}
				
					.bookBox01 .option01 .navBox01.type02 dt,
					.bookBox01 .option01 .navBox01.type02 dd { display: block;}
					
					.bookBox01 .option01 .navBox01.type02 dt {
						width: 100%;
						text-align: left;
						position: relative;
					}
						.bookBox01 .option01 .navBox01.type02 dt span.txt {
							background-color: #fff;
							color: #434343;
							padding: 4px 0 4px 3px;
							text-align: left;
							font-size: 1.2rem;
							border-radius: 3px;
							border: 1px solid #dcdcdc;
						}
						.bookBox01 .option01 .navBox01.type02 dt span.selectBtn01 {
							background: url(../../../common/img/btn_selection02.gif) center no-repeat;
							background-size: 35px 35px;
							width: 35px;
							height: 35px;
							position: absolute;
							top: 0;
							right: 0;
							text-indent: 9999px;
							cursor: pointer;
						}
						.bookBox01 .option01 .navBox01.type02 dt span.selectBtn01:hover,
						.bookBox01 .option01 .navBox01.type02 dl.open dt span.selectBtn01 {
							background: url(../../../common/img/btn_selection01.gif) center no-repeat;
							background-size: 35px 35px;
						}
						.bookBox01 .option01 .navBox01.type02 dt span.selectBtn02 {
							background: url(../../img/btn_drop01_no.jpg) center no-repeat;
							background-size: 26px 26px;
							width: 26px;
							height: 26px;
							position: absolute;
							top: 0;
							right: 0;
							text-indent: 9999px;
							cursor: pointer;
						}
						.bookBox01 .option01 .navBox01.type02 dt span.selectBtn02:hover,
						.bookBox01 .option01 .navBox01.type02 dl.open dt span.selectBtn0 {
							background: url(../../img/btn_drop01_on.jpg) center no-repeat;
							background-size: 26px 26px;
						}
					.bookBox01 .option01 .navBox01.type02 dd {
						padding: 0 0 0 0px;
						margin-top: 10px;
						z-index: 6666;
						position: absolute;
						width: 100%;
					}
					.bookBox01 .option01 .navBox01.type02 dl.close dd { display: none;}
					.bookBox01 .option01 .navBox01.type02 dl.open dd { display: block;}
					.bookBox01 .option01 .navBox01.type02 dd > div {
						position: relative;
					}
					.bookBox01 .option01 .navBox01.type02 dd > div:before {
						width: 11px;
						height: 10px;
						content: " ";
						background-image: url(../../../common/img/ico_balloon01_small.gif);
						background-size: 11px 10px;
						position: absolute;
						right: 8px;
						top: -9px;
					}
						.bookBox01 .option01 .navBox01.type02 dd ul {
							border-radius: 3px;
							overflow: hidden;
							-moz-box-shadow:0px 0px 10px 1px #888;
							-webkit-box-shadow:0px 0px 10px 1px #888;
							box-shadow: 0px 0px 10px 1px #888;
						}
							.bookBox01 .option01 .navBox01.type02 dd ul li {
								float: none;
								margin: 0;
								background: #fff;
								border-bottom: solid 1px #dcdcdc;
							}
							.bookBox01 .option01 .navBox01.type02 dd ul li.last {
								border: none;
							}
								.bookBox01 .option01 .navBox01.type02 dd ul li a {
									display: block;
									padding: 4px 0 4px 8px;
								}
								.bookBox01 .option01 .navBox01.type02 dd ul li a:hover,
								.bookBox01 .option01 .navBox01.type02 dd ul li a.active {
									color: #fff;
									text-decoration: none !important;
									background: #367acf;
								}
				.bookBox01 .option01 .navBox01.type02 .sp { display: none;}
				.bookBox01 .option01 .navBox01.type02 .pc { display: block;}
			.bookBox01 .option01 .itemNum01 { margin: 0 0 0 -4px;}
				.bookBox01 .option01 .itemNum01 li {
					background: #2d9be9;
					border-radius: 3px;
					overflow: hidden;
					float: left;
					margin-left: 4px;
				}
					.bookBox01 .option01 .itemNum01 li a {
						color: #fff;
						text-decoration: none;
						font-size: 15px;
						font-size: 1.5rem;
						display: block;
						width: 26px;
						text-align: center;
						padding: 3px 0 1px;
					}
				.bookBox01 .option01 .itemNum01 li:hover,
				.bookBox01 .option01 .itemNum01 li.active {
					background: #367acf;
				}
			.bookBox01 .option01 .itemStyle01 { margin: 0 0 0 -4px;}
				.bookBox01 .option01 .itemStyle01 li {
					float: left;
					margin-left: 4px;
					text-indent: -9999px;
					
				}
					.bookBox01 .option01 .itemStyle01 li a {
						display: block;
						width: 26px;
						height: 26px;
					}
				.bookBox01 .option01 .itemStyle01 li.type01 {
					background: url(../../img/btn_layout01_no.jpg) no-repeat;
				}
				.bookBox01 .option01 .itemStyle01 li.type01:hover,
				.bookBox01 .option01 .itemStyle01 li.type01.active {
					background: url(../../img/btn_layout01_on.jpg) no-repeat;
				}
				.bookBox01 .option01 .itemStyle01 li.type02 {
					background: url(../../img/btn_layout02_no.jpg) no-repeat;
				}
				.bookBox01 .option01 .itemStyle01 li.type02:hover,
				.bookBox01 .option01 .itemStyle01 li.type02.active {
					background: url(../../img/btn_layout02_on.jpg) no-repeat;
				}
		.bookBox01 .head01 .check01 {
			position: absolute;
			top: 0;
			right: 0;
		}
	.bookBoxIn01 {}
	
		.bookBoxIn01 > li {
			padding: 20px 0;
			border-bottom: 1px solid #dcdcdc;
			display: table;
			width: 100%;
		}
			.bookBoxIn01 .left {
				display: table-cell;
				vertical-align: top;
				padding-right: 15px;
				width: 140px;
			}
				.bookBoxIn01 .left > .image01 {
					xdisplay: table-cell;
					width: 140px;
					vertical-align: middle;
					height: 140px;
					position: relative;
					z-index: 1;
				}
				.bookBoxIn01 .left > .image01 img {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					width: auto;
					height: auto;
					max-width: 100%;
					max-height: 100%;
					margin: auto;
					z-index: -1;
					border: 1px solid #e6e6e6;
				}
				.bookBoxIn01 .left > .image01.ribbon01:before {
					content: "";
					background: url(../../../common/img/ico_ribbon01.png);
					-webkit-background-size: 44px 44px; /* add bw 0216 */
					background-size: 44px 44px; /* add bw 0209 */
					width: 44px;
					height: 44px;
					position: absolute;
					top: 0;
					right: 0;
					z-index: 10;
				}
			.bookBoxIn01 .right {
				display: block;
				vertical-align: top;
				position: relative;
				width: 100%;
			}
				.bookBoxIn01 .right div {
				}
					.bookBoxIn01 .right .detail01 {
						float: left;
						width: 330px;
					}
						.bookBoxIn01 .right .detail01 .ttl {
							font-size: 13px;
							font-size: 1.3rem;
							font-weight: bold;
							margin-bottom: 1px;
						}
						.bookBoxIn01 .right .detail01 .txt01 {
							font-size: 11px;
							font-size: 1.1rem;
						}
							.bookBoxIn01 .right .detail01 .txt01 p {
								float: left;
								margin-right: 10px;
							}
						.bookBoxIn01 .right .detail01 .txt02 {
							font-size: 12px;
							font-size: 1.2rem;
							margin-top: 5px;
						}
						.bookBoxIn01 .right .image01 {
							position: relative;
							bottom: 0;
							left: 0;
						}
							.bookBoxIn01 .right .image01 .sp { display: none;}
					.bookBoxIn01 .right .btn01 {
						float: right;
						height: 116px;
					}
						.bookBoxIn01 .right .btn01 .date {
							font-size: 11px;
							font-size: 1.1rem;
							margin-bottom: 7px;
						}
						.bookBoxIn01 .right .btn01 .btn {
							width: 143px;
						}
							.bookBoxIn01 .right .btn01 .btn li { margin-bottom: 7px;}
							.bookBoxIn01 .right .btn01 .btn li.last { margin-bottom: 0;}
							
/* !dummy2.html
---------------------------------------------------------- */
	.bookBoxIn01.type02 {
		margin-left: -28px;
	}
		.bookBoxIn01.type02 > li {
			padding: 20px 0;
			border-bottom: none;
			display: block;
			width: 140px;
			float: left;
			margin-left: 28px;
		}
			.bookBoxIn01.type02 .left {
				display: block;
				padding-right: 15px;
				width: 140px;
			}
				.bookBoxIn01.type02 .left > .image01 {
					xdisplay: table-cell;
					width: 140px;
					vertical-align: middle;
					height: 140px;
					position: relative;
					z-index: 1;
				}
				.bookBoxIn01.type02 .left > .image01 img {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					width: auto;
					height: auto;
					max-width: 100%;
					max-height: 100%;
					margin: auto;
					z-index: -1;
				}
				.bookBoxIn01.type02 .left > .image01.ribbon01:before {
					content: "";
					background: url(../../../common/img/ico_ribbon01.png);
					-webkit-background-size: 44px 44px; /* add bw 0216 */
					background-size: 44px 44px; /* add bw 0209 */
					width: 44px;
					height: 44px;
					position: absolute;
					top: 0;
					right: 0;
					z-index: 10;
				}
			.bookBoxIn01.type02 .right {
				display: block;
				vertical-align: top;
				position: relative;
				width: 100%;
			}
				.bookBoxIn01.type02 .right div {
				}
					.bookBoxIn01.type02 .right .detail01 {
						float: none;
						width: auto;
						text-align: center;
					}
						.bookBoxIn01.type02 .right .detail01 .ttl {
							font-size: 11px;
							font-size: 1.1rem;
							font-weight: bold;
							margin-bottom: 1px;
							margin: 10px 0 20px;
						}
						.bookBoxIn01.type02 .right .detail01 .txt01 {
							font-size: 11px;
							font-size: 1.1rem;
							display: none;
						}
							.bookBoxIn01.type02 .right .detail01 .txt01 p {
								float: left;
								margin-right: 10px;
							}
						.bookBoxIn01.type02 .right .detail01 .txt02 {
							font-size: 12px;
							font-size: 1.2rem;
							margin-top: 8px;
							display: none;
						}
						.bookBoxIn01.type02 .right .image01 {
							position: static;
							text-align: center;
						}
							.bookBoxIn01.type02 .right .image01 .sp { display: none;}
					.bookBoxIn01.type02 .right .btn01 {
						float: right;
						height: 116px;
						display: none;
					}
						.bookBoxIn01.type02 .right .btn01 .date {
							font-size: 11px;
							font-size: 1.1rem;
							margin-bottom: 7px;
						}
						.bookBoxIn01.type02 .right .btn01 .btn {
							width: 143px;
						}
							.bookBoxIn01.type02 .right .btn01 .btn li { margin-bottom: 7px;}
							.bookBoxIn01.type02 .right .btn01 .btn li.last { margin-bottom: 0;}						

/* !media screen 768px
---------------------------------------------------------- */				
@media only screen and (max-width : 768px) {
	.h1_basic01.type01 {
		padding: 0;
		border: none;
	}
	.bookList01 {
		margin: 15px 0 0 0;
		margin-left: 0 !important;
		width: 100%;
	}
		.bookList01 > li {
			width: 100%;
			margin-bottom: 0;
			margin-left: 0 !important;
			float: none !important;
		}
			.bookDetail02 {
				font-size: 11px;
				font-size: 1.1rem;
				padding: 13px 10px 15px;
				line-height: 2.1;
			}
				.bookDetail02 a { margin-right: 15px;}
/* !dummy.html
---------------------------------------------------------- */
.bookBox01 {
	padding: 0;
	background: none;
	margin: -12px 0 0 0;
}
	.bookBox01 .page01 { display: none;}
	.bookBox01 .option01 {
		float: none;
		margin: 0;
	}
		.optionType01 {
			float: none;
			margin-left: 0;
		}
			.optionType01 > p,
			.optionType01 > div { float: none;}
			.optionType01 > p {
				display: none;
			}
	.bookBox01 .option01 .navBox01.type02 { margin: 0 10px 8px;}
	.bookBox01 .option01 .navBox01.type02 dl {
		display: block;
		width: 100%;
		position: relative;
	}
		.bookBox01 .option01 .navBox01.type02 dt,
		.bookBox01 .option01 .navBox01.type02 dd {
			display: block;
		}
		.bookBox01 .option01 .navBox01.type02 dt {
			width: 100%;
			text-align: left;
			position: relative;
		}
			.bookBox01 .option01 .navBox01.type02 dt span.txt {
				background-color: #fff;
				color: #434343;
				padding: 8px 0 7px 7px;
				text-align: left;
				font-size: 1.2rem !important;
				border-radius: 3px;
				border: 1px solid #dcdcdc;
			}
			.bookBox01 .option01 .navBox01.type02 dt span.selectBtn01 {
				background: url(../../../common/img/btn_selection02.png) center no-repeat;
				background-size: 35px 35px;
				width: 35px;
				height: 35px;
				position: absolute;
				top: 0;
				right: 0;
				text-indent: 9999px;
				cursor: pointer;
			}
			.bookBox01 .option01 .navBox01.type02 dt span.selectBtn01:hover,
			.bookBox01 .option01 .navBox01.type02 dl.open dt span.selectBtn01 {
				background: url(../../../common/img/btn_selection01.png) center no-repeat;
				background-size: 35px 35px;
			}
		.bookBox01 .option01 .navBox01.type02 dd {
			padding: 0 0 0 0px;
			margin-top: 10px;
			z-index: 6666;
			position: absolute;
			width: 100%;
		}
		.bookBox01 .option01 .navBox01.type02 dl.close dd { display: none;}
		.bookBox01 .option01 .navBox01.type02 dl.open dd { display: block;}
		.bookBox01 .option01 .navBox01.type02 dd > div {
			position: relative;
		}
		.bookBox01 .option01 .navBox01.type02 dd > div:before {
			width: 11px;
			height: 10px;
			content: " ";
			background-image: url(../../../common/img/ico_balloon01_small.gif);
			background-size: 11px 10px;
			position: absolute;
			right: 12px;
			top: -9px;
		}
			.bookBox01 .option01 .navBox01.type02 dd ul {
				border-radius: 3px;
				overflow: hidden;
				-moz-box-shadow:0px 0px 10px 1px #888;
				-webkit-box-shadow:0px 0px 10px 1px #888;
				box-shadow: 0px 0px 10px 1px #888;
			}
				.bookBox01 .option01 .navBox01.type02 dd ul li {
					float: none;
					margin: 0;
					background: #fff;
					border-bottom: solid 1px #dcdcdc;
				}
				.bookBox01 .option01 .navBox01.type02 dd ul li.last {
					border: none;
				}
					.bookBox01 .option01 .navBox01.type02 dd ul li a {
						display: block;
						padding: 10px 0 10px 8px;
						font-size: 12px;
						font-size: 1.2rem;
						color: #434343;
					}
					.bookBox01 .option01 .navBox01.type02 dd ul li a:hover {
						text-decoration: none;
						background: #fff;
						color: #434343;
					}
					.bookBox01 .option01 .navBox01.type02 dd ul li a.active {
						color: #dcdcdc ;
						text-decoration: none;
						background: #fff;
					}
	.bookBox01 .option01 .navBox01.type02 .sp { display: block;}
	.bookBox01 .option01 .navBox01.type02 .pc { display: none;}
	.optionType01.pc { display: none;}
		.bookBox01 .head01 .check01 {
			position: relative;
			xpadding: 0 10px;
			padding: 5px 10px;
		}
	.bookBoxIn01 { background: #fff;}
		.bookBoxIn01 > li {
			padding: 11px;
			border-bottom: 1px solid #dcdcdc;
			display: table;
			width: 100%;
		}
			.bookBoxIn01 .left {
				display: table-cell;
				vertical-align: top;
				padding-right: 15px;
				width: 140px;
			}
				.bookBoxIn01 .left > .image01 {
					xdisplay: table-cell;
					width: 110px;
					height: 110px;
					position: relative;
					z-index: 1;
				}
				.bookBoxIn01 .left > .image01 img {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					width: auto;
					height: auto;
					max-width: 100%;
					max-height: 100%;
					margin: auto;
					z-index: -1;
				}
				.bookBoxIn01 .left > .image01.ribbon01:before {
					content: "";
					background: url(../../../common/img/ico_ribbon01.png) 0 0 no-repeat;
					-webkit-background-size: 35px 35px;
					background-size: 35px 35px;
					width: 35px;
					height: 35px;
					position: absolute;
					top: 0;
					right: 0;
					z-index: 10;
				}
			.bookBoxIn01 .right {
				display: table-cell;
				vertical-align: top;
				position: relative;
			}
				.bookBoxIn01 .right div {
				}
					.bookBoxIn01 .right .detail01 {
						float: left;
						width: inherit;
					}
						.bookBoxIn01 .right .detail01 .ttl {
							font-size: 14px;
							font-size: 1.4rem;
							font-weight: bold;
							margin-bottom: 1px;
						}
						.bookBoxIn01 .right .detail01 .txt01 {
							font-size: 12px;
							font-size: 1.2rem;
						}
							.bookBoxIn01 .right .detail01 .txt01 p {
								float: none;
								margin-right: 10px;
							}
							.bookBoxIn01 .right .detail01 .txt01 p.pc {
								display: none;
							}
						.bookBoxIn01 .right .detail01 .txt02 {
							display: none;
						}
						.bookBoxIn01 .right .image01 {
							position: absolute;
							bottom: 0;
							left: auto;
							right: -4px;
						}
							.bookBoxIn01 .right .image01 .pc { display: none;}
							.bookBoxIn01 .right .image01 .sp { display: block;}
					.bookBoxIn01 .right .btn01 {
						float: right;
						display: none;
					}
						.bookBoxIn01 .right .btn01 .date {
							font-size: 11px;
							font-size: 1.1rem;
							margin-bottom: 7px;
						}
						.bookBoxIn01 .right .btn01 .btn { width: 143px;}
							.bookBoxIn01 .right .btn01 .btn li { margin-bottom: 7px;}
							.bookBoxIn01 .right .btn01 .btn li.last { margin-bottom: 0;}
/* !dummy2.html
---------------------------------------------------------- */
	.bookBoxIn01.type02 {
		background: #fff;
		margin-left: 0;
	}
		.bookBoxIn01.type02 > li {
			padding: 11px;
			border-bottom: 1px solid #dcdcdc;
			display: table;
			width: 100%;
			margin-left: 0;
		}
			.bookBoxIn01.type02 .left {
				display: table-cell;
				vertical-align: top;
				padding-right: 15px;
				width: 140px;
			}
				.bookBoxIn01.type02 .left > .image01 {
					xdisplay: table-cell;
					width: 110px;
					vertical-align: middle;
					height: 110px;
					position: relative;
					z-index: 1;
				}
				.bookBoxIn01.type02 .left > .image01 img {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					width: auto;
					height: auto;
					max-width: 100%;
					max-height: 100%;
					margin: auto;
					z-index: -1;
				}
				.bookBoxIn01.type02 .left > .image01.ribbon01:before {
					content: "";
					background: url(../../../common/img/ico_ribbon01.png) 0 0 no-repeat;
					-webkit-background-size: 35px 35px;
					background-size: 35px 35px;
					width: 35px;
					height: 35px;
					position: absolute;
					top: 0;
					right: 0;
					z-index: 10;
				}
			.bookBoxIn01.type02 .right {
				display: table-cell;
				vertical-align: top;
				position: relative;
			}
				.bookBoxIn01.type02 .right div {
				}
					.bookBoxIn01.type02 .right .detail01 {
						float: left;
						width: inherit;
						text-align: left;
					}
						.bookBoxIn01.type02 .right .detail01 .ttl {
							font-size: 14px;
							font-size: 1.4rem;
							font-weight: bold;
							margin-bottom: 1px;
						}
						.bookBoxIn01.type02 .right .detail01 .txt01 {
							font-size: 12px;
							font-size: 1.2rem;
							display: block;
						}
							.bookBoxIn01.type02 .right .detail01 .txt01 p {
								float: none;
								margin-right: 10px;
							}
							.bookBoxIn01.type02 .right .detail01 .txt01 p.pc {
								display: none;
							}
						.bookBoxIn01.type02 .right .detail01 .txt02 {
							display: none;
						}
						.bookBoxIn01.type02 .right .image01 {
							position: absolute;
							bottom: 0;
							left: auto;
							right: -4px;
						}
							.bookBoxIn01.type02 .right .image01 .pc { display: none;}
							.bookBoxIn01.type02 .right .image01 .sp { display: block;}
					.bookBoxIn01.type02 .right .btn01 {
						float: right;
						display: none;
					}
						.bookBoxIn01.type02 .right .btn01 .date {
							font-size: 11px;
							font-size: 1.1rem;
							margin-bottom: 7px;
						}
						.bookBoxIn01.type02 .right .btn01 .btn { width: 143px;}
							.bookBoxIn01.type02 .right .btn01 .btn li { margin-bottom: 7px;}
							.bookBoxIn01.type02 .right .btn01 .btn li.last { margin-bottom: 0;}
/**/
.lnavi01.pc {
	display: none;
}
.h1_basic01.pc {
	display: none;
}
.navBox01 {}

	.navBox01.type01 { margin-top: 11px;}
	
.pageTtl01 { display: block; font-size:1.4rem; font-weight: bold;}

	.bookBox01 .pagination01.pc { display: none;}
	
		.bookBox01 .pagination01.bottom .bottom01 { margin: 0 10px;}
}