@charset "utf-8";

/* ==============================
　　contents
 ============================= */

#contents{
	width: 990px;
}

#contents .mainVisual{
	position: relative;
	height: 185px;
}

#contents .mainVisual .image{
	position: absolute;
	top: -18px;
	left: 0px;
}

h2.rose {
    background: url("/sozai/rose/damaskrose/images/h2-bg.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    color: #332004;
	font-size: 18px;
    font-weight: bold;
    height: 56px;
	padding-left: 88px;
    line-height: 60px;
    width: 902px;
	position: relative;
}

.contentsArea {
	background: url("/sozai/rose/damaskrose/images/damaskrose_bg.gif") repeat-y scroll center center rgba(0, 0, 0, 0);
    box-shadow: 2px 2px 2px #e7e1d9;
    line-height: 2em;
    margin-top: 11px;
    position: relative;
}

.contentsArea .contents01 {
	padding: 35px 31px 40px 29px;
}

.contentsArea .contents02 {
	padding: 9px 19px 38px 0;
}

.contentsArea .contents03 {
	padding: 31px 3px 37px 29px;
}

.contentsArea .contentsComment {
	float: left;
}

.contentsArea .contentsComment h3 {
	background: url("/sozai/rose/damaskrose/images/line.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);
	color: #332004;
	font-weight: bold;
	font-size: 15.5px;
	padding-bottom: 13px;
}

.contentsArea .contentsComment h3 span {
	color: #d2356a;
}

.contentsArea .contentsComment p {
	padding-top: 13px;
}

.contentsArea .contentsComment p span{
	color: #d2356a;
}

.contentsArea .contentsComment .btnArea,
.contentsArea .contentsImage .btnArea {
	margin-top: 10px;
	text-align: right;
}

.contentsArea .contentsComment .rosePoint {
	background: url("/sozai/rose/damaskrose/images/rose_point_bg.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 7px;
    box-shadow: 2px 2px 2px #e7e1d9;
    display: inline-block;
}

.contentsArea .contentsComment .rosePoint .pointImgNewLine {
	float: left;
    padding-left: 11px;
    padding-top: 24px;
}

.contentsArea .contentsComment .rosePoint p {
	float: left;
    margin: 0;
    padding: 5px 0 5px 14px;
}

.contentsArea .contentsImage {
	float: left;
}

.contentsArea .contentsImage p{
	text-align: center;
}

.contentsArea .stepImage {
	float:left;
	margin-left: 10px;
	width: 304px;
}

.contentsArea .stepImage .bgPink01,
.contentsArea .stepImage .bgPink02,
.contentsArea .stepImage .bgPink03 {
	background-color: #ff92bb;
	height: 33px;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
}

.contentsArea .stepImage .bgPink01 {
	margin: -4px 0 0 10px;
	width: 304px;
}

.contentsArea .stepImage .bgPink01 p,
.contentsArea .stepImage .bgPink02 p,
.contentsArea .stepImage .bgPink03 p,
.contentsArea .stepImage .bgPink04 p,
.contentsArea .stepImage .bgPink05 p,
.contentsArea .stepImage .bgPink06 p{
	padding-top: 3px;
	margin: 0;
}

.contentsArea .stepImage .bgPink02 {
	margin: -4px 0 0 10px;
	width: 303px;
}

.contentsArea .stepImage .bgPink03 {
	margin: -4px 0 0 9px;
	width: 303px;
}

.contentsArea .stepImage p{
	margin-left: 20px;
	padding-top: 10px;
}

.contentsArea .contentsComment .contentsTitle {
    background: url("/sozai/rose/damaskrose/images/contents_title.gif") repeat-x scroll center center rgba(0, 0, 0, 0);
    color: #332004;
    font-size: 17.5px;
    font-weight: bold;
    padding: 10px 0 10px 15px;
}

.mgt15 {
	margin-top: 15px;
}

.mgt30 {
	margin-top: 30px;
}

.mgt40 {
	margin-top: 40px;
}

.mgt50 {
	margin-top: 50px;
}

.wdt360 {
	width: 360px;
}

.wdt455 {
	width: 455px;
}

.wdt520 {
	width: 520px;
}

.wdt625 {
	width: 625px;
}

.wdt629 {
	width: 629px;
}

.mgl10 {
	margin-left: 10px;
}

.mgl19 {
	margin-left: 19px;
}