@charset "utf-8";

.smAct02 .section {
	background:url(../images/vol02_bg.jpg) right bottom no-repeat;
}

.section {
	padding:0 5px 15px;
}

.section h2 {
	margin:0 0 20px;
	padding:0 7px 7px;
	background:url(../../common/images/dotline_x.png) left bottom repeat-x;
}

#prologue {
	padding:0 3px;
}

#prologue p {
	padding:0 0 18px;
}

#prologue .photo {
	float:left;
	width:325px;
}

#prologue .textArea {
	float:right;
	width:275px;
}

#prologue .textArea02 {
	clear:both;
}

.flowBlock {
	padding:0 0 12px 5px;
}

.flowBlock a {
	font-weight:bold;
}

.flowBlock dt {
	padding:0 0 3px;
}

#flow03 dd,
#flow04 dd {
	padding-bottom:18px;
}

.flowBlock dd {
	padding-left:5px;
}

.flowBlock dd.recommend {
	width:597px;
	margin:0 auto 10px;
	padding:0;
	border:solid 1px #ccc;
}

#flow03 dd.recommend,
#flow04 dd.recommend {
		padding:0;
}

.smAct02 .ravis {
	float:left;
	width:290px;
	padding:4px;
	background:#f7f6f2;
	text-align:center;
}

.smAct02 .ravis#placeA {
	border-right:solid 1px #ccc;
}

.flowBlock dd.recommend h3 {
	border-bottom:solid 1px #ccc;
}

.smAct02 .ravis .rLink {
	padding:5px 0 3px;
}

.smAct02 .ravis .rLink a {
	padding-left:14px;
	background:url(../images/arrow.png) left center no-repeat;
}

.smAct02 #flow04 .recommend p {
	margin:1px;
	padding:8px 20px;
	background:#f7f6f2;
}

.smAct02 #flow04 .recommend p a {
	padding-left:14px;
	background:url(../images/arrow.png) left center no-repeat;
}