@charset "utf-8";

#volumeTitle {
	height:311px;
	margin:0 2px 10px;
	background-position:left bottom;
	background-repeat:no-repeat;
}

.smAct01 #volumeTitle {background-image:url(../images/bg_vol01_main.jpg);}

													 
#volumeTitle .headingArea {
	margin:0 0 45px;
	background:#000 url(../images/volume_head.png) left top no-repeat;
}

#volumeTitle .volNum {
	float:left;
	padding:6px 11px 7px;
}

#volumeTitle .date {
	float:right;
	padding:0 10px;
	color:#fff;
	font-size:84%;
	line-height:24px;
}

#volumeTitle h2 {
	padding:0 0 57px 321px;
}

#volumeTitle p {
	padding:0 0 0 327px;
	/*text-align:right;*/
}




#descriptionArea {
	margin:0 2px 30px;
	padding:23px 8px 0;
	background:#f9f8f4;
}

#descriptionArea .description {
	margin:0 auto;
	padding:0 0 24px;
	text-align:center;
}

#descriptionArea .description img {
	display:inline;
}

#descriptionArea .detailArea {
	border:solid 1px #ccc;
}

#descriptionArea .detailArea h3 {
	margin:1px;
	padding:0 10px;
	background:#000;
}

#descriptionArea .detailArea .inner {
	padding:23px 6px 7px 5px;
	border-top:solid 1px #ccc;
	background:#fff url(../images/vol01_image.jpg) 325px 4px no-repeat;
}

#descriptionArea .detailArea dl {
	width:320px;
	margin:0 0 20px;
	background:#f0f0f0 url(../images/bg_gray_vol01_head.png) left top no-repeat;
}

#descriptionArea .detailArea dl.bgm {
	width:auto;
	margin:0;
	background:#f0f0f0 url(../images/bg_gray_vol01_head_l.png) left top no-repeat;
}

#descriptionArea .detailArea dt {
	position:relative;
	top:-8px;
	padding:0 0 0 14px;
}

#descriptionArea .detailArea dd {
	margin-top:-3px;
	padding:0 5px 9px 14px;
	line-height:1.3;
	background:url(../images/bg_gray_vol01_foot.png) left bottom no-repeat;
}

#descriptionArea .detailArea dl.bgm dd {
	background:url(../images/bg_gray_vol01_foot_l.png) left bottom no-repeat;
}

#descriptionArea .btn {
	margin:0 auto;
	padding:19px 0;
	text-align:center;
}

#descriptionArea .btn img {
	display:inline;
}




#volumeTitle2 {
	height:287px;
	margin:0 2px 10px;
	background-position:left bottom;
	background-repeat:no-repeat;
}

.smAct01 #volumeTitle2 {background-image:url(../images/bg_vol02_main.jpg);}

													 
#volumeTitle2 .headingArea {
	margin:0 0 45px;
	background:#000 url(../images/volume_head.png) left top no-repeat;
}

#volumeTitle2 .volNum {
	float:left;
	padding:6px 11px 7px;
}

#volumeTitle2 .date {
	float:right;
	padding:0 10px;
	color:#fff;
	font-size:84%;
	line-height:24px;
}

#volumeTitle2 h2 {
	padding:0 0 57px 321px;
}

#volumeTitle2 p {
	padding:0 0 0 327px;
	/*text-align:right;*/
}




#section {
	padding:0 5px 10px;
}

#section .obi {
	clear:both;
}

#section p {
	padding:0 0 10px;
}

#section .photo {
	float:left;
	padding:0 0 10px 10px;
}

#section .text {
	float:right;
	width:320px;
}

#section .midashi {
	padding:5 10 10px 10px;

}

#section .both {
	clear:both;
}

#descriptionArea .movie {
	margin:0 auto;
	padding:10px 0;
	text-align:center;
}

#descriptionArea .text3 {
	text-align:center;

}


/* @group clearfix ----------------------------------------- */

.caseBlock dl:after,
.formBlock:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}

.caseBlock dl,
.formBlock {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .caseBlock dl,
* html .formBlock {
	height:1%;
}

.caseBlock dl,
.formBlock {
	display:block;
}
/* End hide from IE-mac */

/* @end */