@charset "utf-8";
/* CSS Document */

#mainWrapper {
	margin: 0 auto 20px;
	padding: 40px 40px 20px;
	width: 970px;
	background: url(../img/music/201410/201410_bg001.png) repeat-y;
}

#mainWrapper .section {
	margin-bottom: 40px;
	padding: 0 10px;
	width: 950px;
}

#mainWrapper .sectionTop {
	margin-bottom: 40px;
	padding: 0;
	position: relative;
}

#mainWrapper .sectionTop .layer {
	position: absolute;
	top: 533px;
	left: 190px;
}

#mainWrapper .infoBox {
	-webkit-border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px; /* Safari, Chrome用 */
	-moz-border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px; /* Firefox用 */
	border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px; /* CSS3 */
	background: #FFF;
	padding: 10px 20px 30px;
	width: 910px;
	font-size: 18px;
}

#mainWrapper .infoBox .stepL {
	width: 235px;
	float: left;
}
#mainWrapper .infoBox .stepR {
	width: 205px;
	float: right;
}

#mainWrapper .infoBox .areaL {
	margin: 20px 50px 20px 55px;
	float: left;
	width: 420px;
}
#mainWrapper .infoBox .areaR {
	float: right;
	width: 385px;
}

.CPinfo h4 {
	margin-bottom: 30px;
	padding: 5px;
	background: url(../img/music/201408_bg002.gif) repeat-x;
	height: 20px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

span.mark {
	background: url(../img/music/201410/201410_bg002.gif) repeat-x left 0.5em;
}

/* clear fix */
#mainWrapper .infoBox:before,
#mainWrapper .infoBox:after {
    content: " ";
    display: table;
}

#mainWrapper .infoBox:after {
    clear: both;
}

#mainWrapper .infoBox {
    *zoom: 1;
}